/** * Stylesheet for Ketto.org * Description:This document includes the CSS styles for the website, Ketto.org. Created in modules to maximize usability and expandability. * Author:Abhishek Masurkar * Author email:abhishek.masurkar86@gmail.com * Table of Content: * * 1. CSS Reset. * 2. Common CSS. * 3. Sticky Header. * 3.1. Header Logo. * 3.2. Header Navigation. * 3.3. Header User Action. * 3.3.1. All Users Header Action. * 3.3.2. Logged-In Users Header Action. * 4. Modules CSS. * 4.1. Breadcrumb. * 4.2. Progress Bar. * 4.3. Box Title. * 4.4. Raised/Goal Amount Block. * 4.5. Backers Icon. * 4.6. Backer Members. * 4.7. Location. * 4.8. Days left banner. * 4.9. Rounded Image. * 4.10. Sidebar Nav. * 4.11. Contribution Summary. * 4.12. Login Popup. * 5. Form Components CSS * 5.1. Small Action Button. * 5.2. Big Action Button. * 6. Tabs * 6.1. Boxed Tab. * 6.2. Simple Tab * 7. Testimonial Box. * 8. Listing Box. * 8.1. Featured Listing Box * 9. Featured-On Box. * 10. Footer. * 11. CSS UnReset For WYSIWYG * 11. Page Level CSS. * 11.1. Start a Campaign * 11.2. Campaigns Listing * 11.3. Campaign Details * 11.4. Events Listing * 11.5. NGO Profile * 11.6. Contribute Now * 11.7. Homepage * 11.8. About Us * 11.9. Privacy Policy * 11.10 404 * 11.11 How it Works */ /* 1. CSS Reset begins */ *{margin:0; padding:0} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } body { line-height:1; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } table { border-collapse:collapse; border-spacing:0; } .clearfix { *zoom:1; } .clearfix:before, .clearfix:after { display:table; content:""; line-height:0; } .clearfix:after { clear:both; } strong, b {font-weight:600;} i, cite, em, var, address, dfn {font-style:italic;} img{max-width:100%; color:#f2f2f2!important; font-size:12px!important;} .displayNone{display:none!important;} ::selection {background: #00b1b0; /* WebKit/Blink Browsers */ color:#fff;} ::-moz-selection {background: #00b1b0; /* Gecko Browsers */color:#fff;} /* 1. CSS Reset ends */ /* 2. Common CSS begins */ @font-face{font-family:'WebRupee';src:url('/js/fonts/WebRupee.V2.0.eot');src:local('WebRupee'), url('/js/fonts/WebRupee.V2.0.ttf') format('truetype'), url('/js/fonts/WebRupee.V2.0.woff') format('woff'), url('/js/fonts/WebRupee.V2.0.svg') format('svg');font-weight:normal;font-style:normal;} .WebRupee{font-family:'WebRupee';} // body{font:300 13px "Montserrat", Arial; color:#666; /*padding-top:60px;*/ background:#f8f8f8; line-height:normal; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; font-smoothing:antialiased;} /*GLOBAL CLASSES FOR RESPONSIVE*/ ._kt_desktop{display:block;} ._kt_devices{display:none;} /*GLOBAL CLASSES FOR RESPONSIVE*/ a{color:/*#3399CC*/#2b7dd9; text-decoration:none; outline:none;}/*color changed as per eshitas psd campaign form page*/ .floatl{float:left;} .floatr{float:right;} .center{text-align:center;} #HotListing .listing_hover_data .share { padding: 0 10px;} .right{text-align:right;} .automargin{margin:0 auto; } .block{display:block !important;} .ireplace{text-indent:100%; white-space:nowrap; overflow:hidden;} .dropShadow{-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);} ._kt_content_wrapper{width:1070px;} .listing_floated_det_wrapper ._kt_content_wrapper{width:1070px; min-height:inherit;} ._kt_form_wrapper{/*width:755px;*/ width:100%;} ._kt_three_fourth{/*width:780px;*/ width:72.9%; margin-right:1.9%; min-height:20px} .loadMoreBtnOuter{text-align:center;width:72.9%;float:left; margin-bottom:30px; margin-top:10px;} ._kt_one_third{/*width:270px;*/ width:25.2%} ._kt_whitebg{background-color:#FFF} .query-wrapper{margin-bottom:25px;} .sectionLeft_widg{float:left; width:100%;} .sectionLeft_widg ._kt_daysleft_wrapper{display:block; width:100px; background-color:#fff; color:#323a45; padding:5px 0; margin-bottom:8px;} .sectionLeft_widg ._kt_daysleft_wrapper .daysCount{font-size:30px; font-weight:400; display:block;} .listing_floated_det_wrapper ._kt_daysleft_wrapper{display:block; width:70px; background-color:#fff; color:#323a45; padding:0px 0; margin-bottom:5px;} /*.sectionRight_widg{float:right; width:18%;}*/ /*New classes added by Santosh 12-06-2014*/ .yourContibutionSummaryouter{float:left; width:100%; background:#ffffff; margin-bottom:55px;} .yourContibutionSummary{float:left; width:32%;} .contribute_page #Section1{ float:left; margin-bottom:0px; width:68%; margin-top:-5px;} .yourContibutionSummary_formWrapper{float:left; width:54%; margin-bottom:30px; } /*REPORT ABUSE PAGE*/ .form_left_wrapper .yourContibutionSummary_formWrapper{float:left; width:70%; margin-bottom:30px; } #StartCampaign ._kt_title_wrapper p, #ProfileDetails ._kt_title_wrapper p { color: #323a45; font-size: 24px; font-weight: 600; text-transform:uppercase;} .alignment_flexible{float:right; margin:0 auto;} /* 2. Common CSS ends */ /* 4. Module CSS begins */ /* 4.1 Breadcrumb CSS begins */ ._kt_breadcrumb{padding:25px 0; border-bottom:0px solid #cecece; margin-bottom:0px; /*background:url("/images_old/breadcrumb_bg.png") center bottom no-repeat;*/} ._kt_breadcrumb li{float:left; /*font-size:13px;*/ font-size:10px; text-transform:capitalize; font-weight:600; font-family:Arial, Helvetica, sans-serif; } ._kt_breadcrumb li, ._kt_breadcrumb li a{color:#cecece; font-size:10px; } ._kt_breadcrumb li:after{content:"\00a0>\00a0"} ._kt_breadcrumb li:last-child{color:#00b1b0} ._kt_breadcrumb li:last-child:after{content:''} /* 4.1 Breadcrumb CSS ends */ /* 4.3 Box Title CSS begins */ ._kt_title_wrapper {margin-bottom:15px;} ._kt_title_wrapper ._kt_backers_icon{ margin-right:5px; height:20px; background-size:auto 100%} ._kt_title_wrapper p{font-size:15px; color:#323a45; font-weight:600; text-transform:uppercase;} /* 4.3 Box Title CSS ends */ /* 4.6 Backer Members CSS begins */ ._kt_backers_wrapper{margin-bottom:40px; width:90px} ._kt_backers_wrapper .backers_image_wrapper{ display:block; width:90px; height:90px; overflow:hidden; -webkit-border-radius:90px; -moz-border-radius:90px; border-radius:90px; margin:0 auto 10px auto;} .backers_image_wrapper img{width:100%} ._kt_backers_wrapper p{color:#666;} /* 4.6 Backer Members CSS ends */ /* 4.7 Location CSS begins */ ._kt_location{/*display:block;*/ visibility:hidden; margin-bottom:15px; background:url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/icon_location.png") 0px center no-repeat; line-height:22px; padding-left:19px} /* 4.7 Location CSS ends */ /* 4.8 Days left banner CSS begins */ ._kt_daysleft_wrapper{display:block; width:100%; /*background-color:#19bc9d;*/ color:#000000; padding:0px 0; margin-bottom:0px; text-align:left;} #campaignEnd{position:absolute; width:100%; background:none /*url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/campaignend_bg.png") center bottom no-repeat*/; padding:20px 0 54px 0; top:-78px; left:0; float:left; text-align:center; color:#ffffff; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;} ._kt_daysleft_wrapper p{color: #7a7a7a; font-size: 14px; font-style: normal;} .sectionLeft_widg ._kt_daysleft_wrapper p{color: #d1d1d1; font-size: 16px; font-style: italic;} ._kt_daysleft_wrapper .daysCount{font-size:34px; font-weight:600; margin-top:0px; display:block; /*font-family: 'Montserrat', sans-serif;*/} /* 4.8 Days left banner CSS ends */ /* 4.9 Rounded Image CSS begins */ ._kt_round_image_wrapper{width:55px; height:55px; overflow:hidden; -webkit-border-radius:75px; -moz-border-radius:75px; border-radius:75px;} ._kt_round_image_wrapper img{width:55px; } /* 4.9 Rounded Image CSS ends */ /* 4.11 Contribution Summary CSS begins */ #StartCampaign .campaign_details_title .title p.titletext{font-size:34px;} #StartCampaign a {/*color:#ffffff;*/ outline:medium none; text-decoration:none;} #StartCampaign ._kt_form .comp_small{width:50%;} #StartCampaign ._kt_form .sel_small{width:63%; } select{border:1px solid #e4e4e4; background:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} select:focus{border:1px solid #e4e4e4; background:#fffff3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #StartCampaign ._kt_form input[type="text"], #StartCampaign ._kt_form input[type="password"] { margin-bottom:0px; outline:medium none; padding:10px 10% 10px 10px; border:1px solid #e4e4e4; /*background:#ffffff;*/ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; /*font-size:16px;*/} /*.ktt_uniqueFormRow select{background:#ffffff url("/images_old/spacer.png") top left repeat!important;}*/ #StartCampaign ._kt_form input[type="text"]:focus, #StartCampaign ._kt_form input[type="password"]:focus { margin-bottom:0px; outline:medium none; padding:10px 10% 10px 10px; border:1px solid #e9e98d!important; background:#ffffcc url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/input_bg_focus.png") repeat scroll left top; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} ._kt_donation_summ_wrapper{background-color:#FFF; /*padding:1.4%; margin-bottom:50px;*/ padding:0; margin-bottom:0px;} ._kt_donation_summ_wrapper h3{font-size:16px; padding-bottom:8px; border-bottom:1px solid #eaeaea; margin-bottom:10px; padding:0px 0 10px 0;} ._kt_donation_summ_wrapper .summ_image_wrapper{/*width:30%; margin-right:10px*/ width:100%; margin-right:0px; min-height:1px; margin-top: 5px;} ._kt_donation_summ_wrapper .summ_image_wrapper img{width:100%; height:auto;} ._kt_donation_summ_wrapper .summ_details_wrapper{/*width:68.5%;*/ width:94%; padding:3% 3% 0% 3%; /*background:#00b1b0;*/ color:#646464;} ._kt_donation_summ_wrapper .summ_details_wrapper h3{font-size:16px; padding-bottom:8px; border-bottom:1px solid #eaeaea; margin-bottom:10px; color:#000000;} .summ_details_wrapper .title p.titletext {font-size: 25px; font-weight:600; color:#000000; text-transform: uppercase;} ._kt_donation_summ_wrapper .summ_details_wrapper table{font-size:18px;} ._kt_donation_summ_wrapper .summ_details_wrapper td{/*padding:8px 0*/ padding:5px 0} ._kt_reward_summ_wrapper .summ_image_wrapper{width:15%; font-size:24px; display:table-cell; vertical-align:middle;} ._kt_reward_summ_wrapper .summ_details_wrapper {/*width:80.5%;*/width:94%; padding:2% 3% 0% 3%; color:#646464;} ._kt_reward_summ_wrapper .summ_details_wrapper table{font-size:16px;} ._kt_reward_summ_wrapper .summ_details_wrapper table td{padding:3px 0;} /* 4.11 Contribution Summary CSS ends */ /* 5. Form Components CSS begins */ ._kt_form .comp_bord{border:0 none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} ._kt_form .comp_font{color:#666; font-size:13px; } ._kt_form textarea{height:130px; resize:none; margin-bottom:25px; padding:10px; line-height:21px; outline:none;} ._kt_form input[type="text"], ._kt_form input[type="password"]{ padding:21px 10px; margin-bottom:25px; outline:none;} ._kt_form input[type="file"]{margin-bottom:25px; font-size:14px; display:block; padding-bottom:5px!important;} ._kt_form input[type="button"], ._kt_form input[type="submit"], ._kt_form input[type="cancel"]{line-height:50px; height:50px; font-size:18px; font-weight:500; color:#FFF!important; background-color:#00b1b0; padding:0 45px 0 45px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border-bottom:1px solid #00a3a2; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} ._kt_form input[type="button"]:hover, ._kt_form input[type="submit"]:hover, ._kt_form input[type="cancel"]:hover{line-height:50px; height:50px; font-size:18px; font-weight:500; color:#FFF; background-color:#00a3a2; padding:0 45px 0 45px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border-bottom:1px solid #00a3a2;} ._kt_form input[type="button"]:foucs, ._kt_form input[type="submit"]:foucs, ._kt_form input[type="cancel"]:foucs{line-height:50px; height:50px; font-size:18px; font-weight:500; color:#FFF; background-color:#00a3a2; padding:0 45px 0 45px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border-bottom:1px solid #00a3a2;} #kt_buttons input[type="button"], #kt_buttons input[type="submit"], #kt_buttons input[type="cancel"], #kt_buttons a, #kt_buttons1 input[type="button"], #kt_buttons1 input[type="submit"], #kt_buttons1 input[type="cancel"], #kt_buttons1 a{ background-color:#00b1b0!important; background-image:url(https://d1vdjc70h9nzd9.cloudfront.net/images_old/iPhoneButtonbg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:50px!important; height:50px!important; font-size:16.5px!important; font-weight:500!important; color:#ffffff!important; padding:0 45px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #00a3a2!important; width:auto!important; -webkit-transition:all 450ms ease-in-out 0s; -moz-transition:all 450ms ease-in-out 0s; -ms-transition:all 450ms ease-in-out 0s; -o-transition:all 450ms ease-in-out 0s; transition:all 450ms ease-in-out 0s; margin-right: 2%;} #kt_buttons input[type="button"]:hover, #kt_buttons input[type="submit"]:hover, #kt_buttons input[type="cancel"]:hover, #kt_buttons a:hover, #kt_buttons1 input[type="button"]:hover, #kt_buttons1 input[type="submit"]:hover, #kt_buttons1 input[type="cancel"]:hover, #kt_buttons1 a:hover{ background-color:#00a3a2!important; background-image:url(https://d1vdjc70h9nzd9.cloudfront.net/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:50px!important; height:50px!important; font-size:16.5px!important; font-weight:500!important; color:#ffffff!important; padding:0 45px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px!important; border-radius:5px!important; border-bottom:1px solid #00a3a2!important;width:auto!important; text-decoration:none!important; width:auto!important;} #kt_buttons input[type="button"]:foucs, #kt_buttons input[type="submit"]:foucs, #kt_buttons input[type="cancel"]:foucs, #kt_buttons a:focus, #kt_buttons1 input[type="button"]:foucs, #kt_buttons1 input[type="submit"]:foucs, #kt_buttons1 input[type="cancel"]:foucs, #kt_buttons1 a:focus{ background-color:#00a3a2!important; background-image:url(https://d1vdjc70h9nzd9.cloudfront.net/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:50px!important; height:50px!important; font-size:16.5px!important; font-weight:500!important; color:#ffffff!important; padding:0 45px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px!important; border-radius:5px!important; border-bottom:1px solid #00a3a2!important;width:auto!important; text-decoration:none!important; width:auto!important;} ._kt_form input[type="checkbox"]{margin-right:10px; float:left; width:20px; margin-top:2px; margin-bottom:5px;} ._kt_form input[type="radio"]{margin-right:5px; float:left; width:20px; min-height:inherit; margin-top:0px;} ._kt_form input[type="checkbox"] {float: left; height: auto; margin: 0 5px 0 0; min-height:inherit;} ._kt_form label{margin-bottom:0px; font-size:11px; display:block; font-weight:400; color:#0e0e0e;} ._kt_form label.agreement{font-size:14px; margin-bottom:15px; line-height: inherit; float:left; width:95%;} ._kt_form select{padding:13px 19px 10px 10px; margin-bottom:25px; line-height:50px; height:50px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} ._kt_form input[type="text"]:focus, ._kt_form input[type="password"]:focus, ._kt_form select:focus, ._kt_form textarea:focus{background-color:#FEFFE5} .yourContibutionSummary_formWrapper input, .yourContibutionSummary_formWrapper textarea { -webkit-transition: -webkit-transform 0.2s ease-in-out 0s; -moz-transition: -moz-transform 0.2s ease-in-out 0s; -ms-transition: -ms-transform 0.2s ease-in-out 0s; -o-transition: -o-transform 0.2s ease-in-out 0s; transition: transform 0.2s ease-in-out 0s; background-color: #FFFFFF; border: 1px solid #CCC; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-size: 20px; margin-bottom: 16px; margin-top: 8px; min-height: 30px;} ._kt_form .error{background:#ffffff url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/field-marks_error.png") right 0px no-repeat; border:1px solid #ff0000!important;} ._kt_form .error:focus{background:#fff} .newError{background:#ffffff url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/field-marks_error.png") center right no-repeat !important; border:1px solid #ff0000 !important; box-shadow: none;} .newError:focus{background:#ffffff url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/field-marks_error.png") center right no-repeat!important; border:1px solid #ff0000;} .newSuccess{background:#ffffff url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/field-marks_success.png") center right no-repeat!important; border:1px solid #00b1b0!important;} .newNormal{background:#fffff3; border:1px solid #e9e98d !important} ._kt_form .comp_small{width:47.4%; } ._kt_form .comp_large{width:94.3%;} ._kt_form .form_left_wrapper .comp_large, ._kt_form .form_right_wrapper .comp_large{width:94.7%;} ._kt_form .sel_small{width:50%; } ._kt_form .sel_multi, ._kt_form .sel_multi:focus{padding:15px 19px; font-size:13px; height:105px;} ._kt_form .sel_large{width:100%;} ._kt_form .sel_dob{width:30%; margin-right:2%} ._kt_form .right_label{float:right; display:inline-block; margin-bottom:8px} ._kt_form .footnote{display:block; /*margin-bottom:25px;*/ margin-bottom:10px!important; font-size:11px; font-style:normal; line-height:normal; color:#aaa;} ._kt_form .has_footnote{margin-bottom:0px !important} ._kt_form .note{padding:20px; display:block; background-color:#fff; font-size:11px; margin-bottom:10px!important; font-style:normal; line-height:20px; margin-bottom:25px; } ._kt_form .currency, ._kt_form .currency:focus{background:#FFF url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/form_icon_ruppee.png") 15px center no-repeat!important; /*padding-left:38px !important; width:175px;*/ margin-right:15px; font-size:26px; padding:10px 5% 10px 8%!important; width: 73%;} .createACampaignOuter ._kt_form .currency, ._kt_form .currency:focus{background:#FFF url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/form_icon_ruppee.png") 15px center no-repeat!important; /*padding-left:45px !important;*/ width:66%; margin-right:15px; font-size:26px; padding:10px 5% 10px 8%!important; width: 73%;} ._kt_form .currencyDollar, ._kt_form .currencyDollar:focus{background:#FFF url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/dollar.png") 15px center no-repeat!important; /*padding-left:45px !important; width:175px;*/ margin-right:15px; font-size:26px; padding:10px 5% 10px 8%!important; width: 73%; margin-left:2%; margin-bottom:10px!important;} ._kt_form .social_field {margin-bottom:15px} ._kt_form .social_field input[type="text"]{margin-bottom:0px !important; float:left;} ._kt_form .social_field span.icon{float:left; display:block; width:59px; height:59px; background-image:url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/sprite_form_social.png"); background-repeat:no-repeat; margin-top:1px} ._kt_form .media_wrapper{padding-bottom:10px; border-bottom:1px solid #CECECE; margin-bottom:40px} ._kt_form .media_header{padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #CECECE; display:block; font-size:15px; font-weight:500} ._kt_form .media_form_wrapper{padding-bottom:20px; /*border-bottom:1px dashed #cecece; */margin-bottom:20px;} ._kt_form .media_listing{margin-bottom:30px;} ._kt_form .media_listing li{float:left; width:240px; margin-right:10px; margin-bottom:15px; } ._kt_form .media_listing li a.close{display:block; position:absolute; right:5px; top:5px; width:11px; height:17px; background:url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/icon_delete.png") no-repeat;} ._kt_form .thumbnail_listing li{width:98px !important;} ._kt_form .media_listing li:nth-child(3n+3), ._kt_form .thumbnail_listing li:nth-child(7n+7){margin-right:0px; } ._kt_form .media_listing li:nth-child(4n+4), ._kt_form .thumbnail_listing li:nth-child(8n+8){clear:left;} ._kt_form .thumbnail_listing li:nth-child(3n+3){margin-right:10px;} ._kt_form .thumbnail_listing li:nth-child(4n+4){ clear:none;} ._kt_form .thumbnail_listing li:nth-child(8n+8){clear:left !important;} ._kt_form .media_listing li img{width:100%} ._kt_form .media_listing li .media_data_wrapper{background:#e4e5e7; display:block; padding:10px 5px; position:relative;} ._kt_form .media_listing li .media_data_wrapper .i_title{font-weight:500; margin-bottom:4px; padding-right:15px;} ._kt_form .media_listing li .media_data_wrapper .i_desc{font-style:italic; font-size:12px;} ._kt_form #MediaPreviewHolder img{width:100%} ._kt_form #MediaPreviewHolder{display:none;} .form_left_wrapper{width:49.25%; margin-right:1.5%; float:left;} .form_right_wrapper{width:49.25%; float:left; } .social_field .twitter{background-position:0 -59px} .social_field .imdb{background-position:0 -120px} .social_field .ytube{background-position:0 -179px;} .social_field .blogger{background-position:0 -238px;} /* 5.1 Small Action Button CSS begins */ ._kt_buttton_small{line-height:30px; padding:0px 10px; text-transform:uppercase; color:#FFF; font-size:12px; display:block; margin-bottom:15px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} /* 5.1 Small Action Button CSS ends */ /* 5.2 Big Action Button CSS begins */ ._kt_button_big{line-height:62px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#FFF; display:block; font-size:16px!important; font-weight:600; text-transform:uppercase; margin-bottom:15px; text-align:center;} ._kt_button_contribute{position:relative; padding-left:0px} ._kt_button_contribute ._kt_backers_icon{ position:absolute; left:20px; top:19px} ._kt_blue{background-color:#2196eb; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out; border-bottom:1px solid #1e8fe1;} ._kt_blue:hover{color:#FFF; background-color:#1e8fe1; cursor:pointer; /*background-image:url("/images_old/icon_form_next.gif"); background-repeat:no-repeat; background-position:right 20px;*/ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border-bottom:1px solid #1a81cc; } ._kt_green{background-color:#59b2b7; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} ._kt_green:hover{background-color:#47a0a5;} ._kt_orange{background-color:#fbae83; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} ._kt_orange:hover{background-color:#fb9a60} ._kt_with_icon{padding-left:35px; background-image:url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/sprite_button_big.png"); background-repeat:no-repeat;} ._kt_icon_search{background-position:20px 0; } ._kt_icon_gear{background-position:20px -62px; } ._kt_icon_add{background-position:20px -124px; } .notContent ._kt_icon_add{background-position:20px -124px; font-size:14px!important; width:200px!important} /* 5.2 Big Action Button CSS ends */ /* 5. Form Components CSS ends */ /* 6. Tabs CSS begins */ /* 6.1 Boxed Tab Navigation CSS begins */ ._kt_tab_box_nav{background:none; margin-bottom:0px;} ._kt_tab_box_nav li{float:left; font-size:16px; margin-right:5px;} ._kt_tab_box_nav li a{display:block; line-height:50px; color:#666; padding:0 35px 0 35px; border-right:0px solid #f0f0f0;/* background-image:url("/images_old/sprite_box_tabnav.png"); background-repeat:no-repeat; background-position:20px 0*/ background:none;} ._kt_tab_box_nav li a .active_arr{width:0px; height:0px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; position:absolute; bottom:-10px; left:42%; display:none; border:none!important;} ._kt_tab_box_nav li a.active{background:#ffffff!important; color:#000000; position:relative; border-radius:5px 5px 0 0;} ._kt_tab_box_nav li a:hover{background:#ebebeb!important; color:#000000; position:relative; border-radius:5px 5px 0 0;} ._kt_tab_box_nav li a.active .active_arr{display:block;} ._kt_tab_box_nav li#Overview a{background-position:20px 0;} ._kt_tab_box_nav li#Activity a{background-position:20px -50px; position:relative;} ._kt_tab_box_nav li#Activity a .tag_new{position:absolute; top:3px; right:3px; display:block; width:16px; height:10px; background:url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/tag_new.png") no-repeat;} ._kt_tab_box_nav li#Media a{background-position:20px -100px} ._kt_tab_box_nav li#Backers a{background-image:none; position:relative; padding-right:26px !important;} ._kt_tab_box_nav li#Discussion a{background-position:20px -150px} ._kt_tab_box_nav li#Fundraisers a{background-position:20px -400px;} ._kt_tab_box_nav li#Overview a.active, ._kt_tab_box_nav li#Overview a:hover{background-position:20px 0px;} ._kt_tab_box_nav li#Activity a.active, ._kt_tab_box_nav li#Activity a:hover{background-position:20px -250px;} ._kt_tab_box_nav li#Media a.active, ._kt_tab_box_nav li#Media a:hover{background-position:20px -300px} ._kt_tab_box_nav li#Discussion a.active, ._kt_tab_box_nav li#Discussion a:hover{background-position:20px -350px} ._kt_tab_box_nav li#Fundraisers a.active, ._kt_tab_box_nav li#Fundraisers a:hover{background-position:20px -450px} ._kt_tab_box_nav ._kt_backers_icon{position:absolute; left:20px; top:13px; } /* 6.1 Boxed Tab Navigation CSS ends */ /* 6.2 Simple Tab Navigation CSS begins */ ._kt_tab_simple_nav{margin-bottom:15px;} ._kt_tab_simple_nav li{float:left; margin-right:10px;} ._kt_tab_simple_nav li a{padding:0 24px; display:block; line-height:30px} ._kt_tab_simple_nav li a:hover, ._kt_tab_simple_nav li a.active{color:#666} ._kt_tab_simple_nav li:first-child{margin-left:0px !important} ._kt_tab_simple_nav li:first-child a{padding-left:0px !important} ._kt_tab_simple_nav li:last-child{margin-right:0px !important} /* 6.2 Simple Tab Navigation CSS ends */ /* Tabs CSS begins */ /* 7. Testimonial Box CSS begins */ ._kt_testimonial_wrapper{width:265px;} ._kt_testimonial_wrapper .content_wrapper{padding-right:40%; padding-bottom:30px; min-height:150px; position:relative;} ._kt_testimonial_wrapper .content_wrapper img{position:absolute; bottom:0; right:0; z-index:998} ._kt_testimonial_wrapper .content_wrapper p.testimonial{line-height:20px; position:relative; z-index:999; margin-bottom:20px} ._kt_testimonial_wrapper .content_wrapper p.writer_name{font-size:16px; font-weight:400; margin-bottom:5px} ._kt_testimonial_wrapper .content_wrapper p.location{font-size:12px} /* 7. Testimonial Box CSS ends */ /* 8. Listing Box CSS begins */ ._kt_listing_box_wrapper{background:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:15px; padding:215px 25px 20px; width:24.6%; position:relative; /*overflow:hidden;*/ border:1px solid #f3f3f3; float:left;} ._kt_listing_box_wrapper .listing_image_wrapper{width:100%; height:200px; overflow:hidden; margin-bottom:15px; position:absolute; top:0; left:0; overflow: hidden;} .listing_image_wrapper a{display:block; width:100%;} .listing_image_wrapper img.listing_image{/*height:100%;*/ width:100%; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} .listing_image_wrapper .listing_category{width:210px; position:absolute; bottom:0; line-height:32px; color:#FFF; background:#000; opacity:0.85;filter:alpha(opacity=85); /* IE patch */ padding:0 10px; text-transform:uppercase; font-weight:400; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;} .listing_image_wrapper .listing_category{width:210px; position:absolute; bottom:0; line-height:32px; color:#FFF; background:#000; opacity:0.85;filter:alpha(opacity=85); /* IE patch */ padding:0 10px; text-transform:uppercase; font-weight:400; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;} .listing_image_wrapper:hover .listing_category{opacity:0; filter:alpha(opacity=0); /* IE patch */} .listing_image_wrapper .listing_hover_overlay{opacity:0.6; filter:alpha(opacity=60); /* IE patch */ background:#000; z-index:998; } .listing_image_wrapper .listing_hover_data{z-index:999;} ._kt_listing_box_wrapper .listing_image_wrapper:hover .listing_hover_overlay{opacity:0.50 !important; filter:alpha(opacity=50) !important; /* IE patch */} ._kt_listing_box_wrapper .listing_image_wrapper:hover .listing_hover_data{opacity:1 !important; filter:alpha(opacity=100) !important; /* IE patch */} .listing_image_wrapper .listing_hover_data, .listing_image_wrapper .listing_hover_overlay{width:100%; height:100%; position:absolute; top:0; left:0; opacity:0 !important; filter:alpha(opacity=0) !important; /* IE patch */ cursor:pointer; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} .listing_image_wrapper .listing_hover_overlay_funded{width:100%; height:100%; position:absolute; top:0; left:0; /* opacity:9 !important; filter:alpha(opacity=9) !important;IE patch cursor:pointer;*/ -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; background:url("https://d1vdjc70h9nzd9.cloudfront.net/images_old/transparent.png") top left repeat; text-align:center;} .listing_image_wrapper .listing_hover_overlay_funded img{margin:50px auto 15px auto;} .listing_image_wrapper .listing_hover_overlay_funded h2{ width:90%; text-align:center; margin:5px auto 5px auto; font-family:Montserrat; font-size:16px; color:#ffffff; text-transform:uppercase;} .listing_image_wrapper .listing_hover_overlay_funded h3{ width:90%; text-align:center; margin:5px auto 5px auto; font-family:Montserrat; font-size:14px; color:#ffffff; font-style:italic;} .induvidual_widg{width:82%; margin:10px auto 0 auto; text-align:center; padding-left: 10px;} .listing_hover_data .figures{padding:10px 15px; background:#000; opacity:0.8; margin-bottom:20px; filter:alpha(opacity=80) !important; /* IE patch */ margin-bottom:20px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} .listing_hover_data ._kt_raisedGoalAmt_wrapper{margin-bottom:0px !important} .listing_hover_data ._kt_raisedGoalAmt_wrapper p{color:#FFF} .listing_hover_data p.desc{color:#FFF; padding:0 20px; margin-bottom:15px; height:38px; overflow:hidden;} .listing_hover_data .image_wrapper{ height:50px; overflow:hidden; border:2px solid #333; width:50px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; margin-bottom:20px;} .listing_hover_data .image_wrapper img{/*height:100%;*/} .listing_details_wrapper .top_section {height:66px; margin-bottom:10px} .listing_details_wrapper .top_section a.listing_name{font-size:16px; display:block; max-height:40px; overflow:hidden; word-wrap:break-word; font-weight:400; color:#414a58; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} .listing_details_wrapper .top_section a.listing_name:hover{ color:#414a58; text-decoration:underline;} .listing_details_wrapper .top_section .creator{line-height:20px; font-size:12px; height:20px; overflow:hidden; word-wrap:break-word;} /*.listing_details_wrapper .desc{font-size:14px; height:36px; overflow:hidden; margin-bottom:15px; line-height: 18px; color:#7a7a7a; }*/ .listing_details_wrapper .desc{font-size:13px; /*height:36px; overflow:hidden; margin-bottom:15px; line-height: 18px;*/ color:#7a7a7a; } #ketto_ngo .listing_details_wrapper .desc {color: #7a7a7a; font-size: 14px; height:38px; margin-bottom:10px; overflow: hidden;} #ketto_ngo .listing_details_wrapper ._kt_raisedGoalAmt_wrapper {margin-bottom: 5px; width: 69%; clear:both; height:40px;} .listing_details_wrapper .running_camp_count{margin-bottom:10px;} .listing_details_wrapper ._kt_raisedGoalAmt_wrapper{width:69%; margin-bottom:5px;} .listing_details_wrapper ._kt_backers_icon{margin-top:18px; margin-right:0px} .listing_details_wrapper ._kt_progress_bar_wrapper{clear:both; margin-bottom:0} /* Featured Listing Box CSS begins */ ._kt_featured_listing_wrapper{margin-bottom:20px; position:relative; background-color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} ._kt_featured_listing_wrapper img{width:100%} ._kt_featured_listing_wrapper ._kt_daysleft_wrapper{position:absolute; top:0; right:60px;} ._kt_featured_listing_wrapper .featured_listing_content{padding:20px 0px; margin-bottom:20px;} ._kt_featured_listing_wrapper .featured_listing_content .listing_progress_data{width:40%} ._kt_featured_listing_wrapper .featured_listing_content .listing_data{width:60%} ._kt_featured_listing_wrapper .featured_listing_content .listing_data p.title{font-size:24px; text-transform:uppercase; margin-bottom:10px} ._kt_featured_listing_wrapper .featured_listing_content .listing_data p.creator{font-size:16px;} ._kt_featured_listing_wrapper .featured_listing_content .listing_progress_data ._kt_raisedGoalAmt_wrapper{float:left; margin-bottom:10px !important;} ._kt_featured_listing_wrapper .featured_listing_content .listing_progress_data ._kt_backers_icon{margin-right:10px; margin-top:15px} /* Featured Listing Box CSS ends */ /* 8. Listing Box CSS ends */ /*A CAMPAIGN PAGE START 22 JULY 2014*/ .kt_StartCampaignTop{width:100%; float:left; background:#ffffff;} .kt_commomGreenHeadSty{float:left; width:100%; height:140px; text-align:center; padding-top:40px;} .kt_commomGreenHeadSty h2{height:140px; line-height:140px; font-size:72px; text-transform:uppercase; font-weight:600; color:#323a45;} .kt_startCampaignWelcomeTxt{float:left; width:100%; text-align:center; padding-top:10px;} .kt_startCampaignWelcomeTxt h3{line-height:30px; font-size:22px; font-weight:300; color:#323a45;} .kt_startCampaignCtaOuter{float:left; width:100%; text-align:center;} .kt_startCampaignCtaOuter .startCampaignCTA{display:inline-block; text-align:center; height:79px; line-height:79px; font-size:25px; font-weight:600; color:#ffffff; text-transform:uppercase; text-decoration:none; padding:0 50px 0 50px; background:#2196eb/* url(https://d1vdjc70h9nzd9.cloudfront.net/images_old/btn_arrow.png) center right no-repeat*/; border:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:40px 0 35px 0; border-bottom:1px solid #1e8fe1; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} .kt_startCampaignCtaOuter .startCampaignCTA:hover{background:#1e8fe1; border-bottom:1px solid #1a81cc;} .kt_globelOuter{float:left; width:100%; margin-bottom:30px;} .kt_globelcontainer{width:1070px; margin:0 auto;} .kt_globelcontainer h2.startCampaing{ color:#000000; font-size:22px; font-weight:500; text-align:center; width:100%; padding:30px 0; border-top:2px solid #F4F4F4;} .kt_startCampSampleOuter{float:left; width:100%; padding-bottom:0px; margin-bottom:30px; border-bottom:2px solid #F4F4F4;} .kt_startCampSampleLeft{width:48%; margin:0 1% 10px 1%; float:left; position:relative;} .kt_startCampSampleRight{width:48%; margin:0 1% 10px 1%; float:left; position:relative;} .kt_startCampSampleInfo{position:absolute; width:80%; top:410px;} .kt_startCampSampleHeading{float:left; width:82%; padding-left:3%; background:#323a45; opacity:0.95!important; font-size:28px; font-weight:600; color:#ffffff; line-height:62px; height:62px; text-transform: uppercase;} .kt_startCampSampleDesc{float:left; width:94%; height:90px; padding:15px 3%; background:#f7f7f7; opacity:0.95!important; font-size:14.5px; font-weight:500;} .kt_startCampBottLinks{float:left; width:100%; margin-bottom:20px; margin-top:5px; height:20px;} .kt_startCampBottLinks a{padding-right:20px; font-size:14px; font-weight:500; color:#00b1b0; background:url(https://d1vdjc70h9nzd9.cloudfront.net/images_old/more_arrow_green.png) center right no-repeat; text-decoration:none} .kt_startCampBottLinks a:hover{text-decoration:underline; color:#00b1b0;} .kt_lt{float:left;} .kt_rt{float:right;} .kt_startCampaignBottomSec{float:left; width:91%; margin:0 1%; padding:50px 3.5% 30px 3.5%; background:#4b9c5c url(https://d1vdjc70h9nzd9.cloudfront.net/images_old/green_pattern.jpg) top left;} .kt_startCampaignBottomSec p{font-size:21px; line-height:35px; font-weight:300; color:#ffffff; text-align:center;} .kt_startCampaignCtaOuter .startCampaignCTAWhite{display:inline-block; text-align:center; height:60px; line-height:60px; font-size:22px; font-weight:600; color:#00b1b0; text-transform:uppercase; text-decoration:none; padding:0 30px 0 30px; background:#ffffff/* url(/images_old/btn_arrow.png) center right no-repeat*/; border:0px; margin:40px 7px 35px 7px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-bottom:1px solid #fff; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} /*NEW SHARE CODE CSS START FOR LISTING WIDGET*/ .listing_hover_data .details-social-wrapper .addthis_default_style .at300b, .listing_hover_data .details-social-wrapper .addthis_default_style .at300bo, .listing_hover_data .details-social-wrapper .addthis_default_style .at300m {display: inline-block; float: none!important; padding: 0 5px!important;} /*NEW SHARE CODE CSS END FOR LISTING WIDGET*/ /*NEW SHARE CODE CSS START FOR RIGHT PANEL*/ .share_widgets .details-social-wrapper .addthis_default_style .at300b, .share_widgets .details-social-wrapper .addthis_default_style .at300bo, .share_widgets .details-social-wrapper .addthis_default_style .at300m {width:47% !important; display: inline-block!important; float: left!important; padding: 0 5px 0 0;} /*NEW SHARE CODE CSS END FOR RIGHT PANEL*/ /*.details-social-wrapper #u_0_2 .pluginCountTextDisconnected{width:200px!important;}*/ /*CSS FOR DONATE PAGE POPUP 09-06-2014 START*/ .fancybox-skin {background:#ffffff!important; border-radius:0px; color:#444444; position:relative; text-shadow:none;} .popupWrapper {padding:10px 3% 3%;} .donetpopup{float:left; margin-right:3%; width:97%;} .donetpopup p{font-size:14px; font-weight:300; line-height:18px;} .donetpopup p strong{font-size:15px; font-weight:500;} .donatepopupSubmit{float:left; background:#00b1b0!important; color:#ffffff; font-size:16px!important; font-weight:500!important; height:43px!important; line-height:43px!important; text-align:center; padding:0 30px!important; border:0px;} .donateRow{float:left; width:100%; background:url("/images_old/rowShadow.png") no-repeat scroll center bottom rgba(0, 0, 0, 0)!important; padding:10px 0 35px;} .donateRow input[type="text"]{width:64%!important; margin-right:2%; display:inline-block; float:left; height:29px!important; line-height:29px!important; background:#f7f7f7; border:1px solid #efefef!important; font-weight:100!important; font-size:14px!important; padding:6px 10px!important;} p.thankyousmallmessage{font-size:16px!important; font-weight:400!important; color:#000000; } .ktt_popupInnerScroller{float:left; width:98%; padding-right:2%; overflow-y: auto; height: 140px; /*height: 250px;*/ padding-bottom:31px;} /*ul.rwForm h3 {color:#000000; float:left; font-size:15px; font-weight:500; margin-bottom:0; width:100%;}*/ ul.rwForm h3 { color: #000000; float: left; font-size: 15px; font-weight: normal; margin-bottom: 10px; width: 100%;} /*.popupWrapper_payment .error {background:#FFEBE8; border:1px solid #DD3C10;margin-top:0px; padding:16px 0; width:40%; float:left; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}*/ .popupWrapper_payment .error { background:#ffebe8; border: 1px solid #e69083; border-radius: 3px; float: left; font-size: 12px; margin-top: 0; padding: 6px; text-align: center; width: 38%;} /*CSS FOR DONATE PAGE POPUP 06-06-2014 END*/ /*CSS FOR PAYMENT PAGE POPUP AND PAYPAL PAGES START--------10-MAY-2014*/ .popupWrapper_payment { margin-bottom: 8px; padding: 20px 3% 3%;} .popupWrapper_payment{height: inherit; overflow-y: none; padding-right: 0; width: auto; position:relative; float:left;} .popupWrapper_payment { height: inherit; padding-right: 0; width: 95%;} .popupWrapper{padding:40px 3% 3% 3%;} /*.popupLeftSec{float:left; width:67%; margin-right:3%; margin-bottom:48px;}*/ .popupLeftSec {float: left; margin-bottom: 48px; margin-right: 0%; width: 99%;} /*.popupLeftSec h2{float:left; width:100%; height:30px; margin-bottom:30px; line-height:25px; font-weight:600; font-size:30px; color:#666666;}*/ .popupLeftSec h2 { color: #333; float: left; font-size: 25px; font-weight: 600; height: 30px; line-height: 25px; margin-bottom: 10px; text-transform: uppercase; width: 100%;} /*ul.rwForm{float:left; width:100%; margin-bottom: 22px;}*/ ul.rwForm { float: left; margin-bottom:18px; width: 100%;} /*ul.rwForm li{float:left; width:94%; border-bottom:1px solid #e6e6e6; padding:10px 3%; width:96%;margin-bottom:0;}*/ ul.rwForm li { border-bottom: 1px solid #e6e6e6; float: left; margin-bottom: 0; padding: 10px 3%; width: 94%;} ul.rwForm li:last-child { border-bottom: 0px solid #e6e6e6!important; float: left; margin-bottom: 0; padding: 10px 3%; width: 94%;} ul.rwForm li:hover, ul.rwForm li.active{background:#f7f7f7; cursor:pointer;} ul.rwForm li.mainfield{float:left; width:100%; border-bottom:1px solid #e6e6e6; padding:10px 3%; width:96%; margin-bottom:0;} ul.rwForm li.mainfield:hover{background:none; cursor:default;} /*ul.rwForm li.noborder{border-bottom:0;}*/ ul.rwForm li.noborder { border-bottom: 0; margin-bottom: 20px; padding: 0;} ul.rwForm h3{float:left; width:100%; /*font-weight:600;*/ font-size:15px; font-weight:500; margin-bottom:5px; color:#000000;} .ktt_alert{font-size:11px; margin-bottom: 10px;float: left;width:87%;color:#ffaa33; padding:8px 10% 8px 2%; background:#ffffff url(/images_old/alert_image.png) right center no-repeat; border:1px solid #ffaa33; } /*.textareaOuter{float:left; width:55%; margin-right:2%;}*/ .textareaOuter {float: left; margin-right: 2%; width: 56%;} input[type="text"], input[type="password"], input[type="checkbox"], select, textarea{box-shadow:none;} .textareaOuter input[type="text"]{width:86%; resize:none; background:#fbfbfb url(/images_old/form_icon_ruppee.png) 15px center no-repeat; border:1px solid #efefef!important; padding:15px 10px 15px 12%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size: 14px; font-weight:400;} /*.popupLeftSec .textareaOuter input[type="text"]{width:82%; resize:none; background:#fbfbfb!important; border:1px solid #efefef!important; padding:15px 4% 15px 4%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size: 14px; font-weight:400;}*/ .popupLeftSec .textareaOuter input[type="text"] {background: #fbfbfb !important; border: 1px solid #efefef !important; border-radius: 5px; font-size: 14px; font-weight: 400; padding: 15px 4%; resize: none; width: 90%;} .textarealable{float:left; width:43%; font-weight:normal; font-size:14px; font-style:italic; color:#686868; line-height:36px;} .marginBottom{margin-bottom:30px;} /*.radioBtnOuter{float:left; width:7%; margin-right:1%;}*/ .radioBtnOuter { float: left; margin-right: 1%; width: 5%;} /*.radioBtnlable{float:left; width:23%; margin-right:1%; font-weight:500; font-size:16px; color:#000000;}*/ .radioBtnlable { color: #000000; float: left; font-size: 13px; font-weight: 500; margin-right: 1%; width: 23%; margin-top:-1px;} .radioBtnlable span{float:left; clear:both; margin-top:0px; font-size:13px; font-weight:normal; color:#686868;} .radioBtnlable span span{float:left; clear:both; margin-top:1px; } .radioBtnlable h3{float:left; width:100%; line-height:30px; font-weight:600; font-size:14px; font-style:italic; color:#686868;} /*.radioBtnDesc{float:left; width:66%; margin-right:0; font-weight:500; font-size:15px; color:#686868;} .radioBtnDesc {color: #686868; float: left; font-size: 12px; font-weight: 500; margin-right: 0; width: 70%;}*/ .radioBtnDesc { color: #686868; float: left; font-size: 12px; font-weight: 500; margin-right: 0; width: 66%;} .radioBtnDesc a{color:#00a1c9; text-decoration:none;} .radioBtnDesc a:hover{color:#00a1c9; text-decoration:underline;} /*.radioBtnDesc strong{float:left; width:66%; margin-right:0; font-weight:500; font-size:16px; color:#3a3a3a;}*/ .radioBtnDesc strong { color: #3a3a3a; float: left; font-size: 13px; font-weight: 500; margin-right: 0; width: 66%;} /*.buttonOuter{float:right; width:70%; text-align:center; position:fixed; bottom:50px;}*/ .buttonOuter {background:/*url(/images_old/white_transparent_bg.png) top left repeat*/; border-top: 0px solid #DDDDDD; bottom:0px; float: left; left:3%; padding: 30px 0 10px 0; position:absolute;text-align: center; width:95%; display:block; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out; /*-moz-box-shadow:-1px -5px 22px -15px #ccc; -webkit-box-shadow:-1px -5px 22px -15px #ccc; box-shadow:-1px -5px 22px -15px #ccc;*/} /*.buttonOuter { width: 97%; padding:30px 0 10px 0;}*/ .buttonOuter input[type="button"], .buttonOuter input[type="submit"], .buttonOuter a{padding:0 30px 0 30px; width:auto; height:50px; line-height:50px; text-decoration:none; text-align:center; -webkit-border-radius:5px ; -moz-border-radius:5px ; border-radius:5px ; background:#00b1b0; color:#ffffff; font-size:20px; display:inline-block; margin:0 10px; /*text-shadow: 0 1px 2px #2E2E2E; */font-weight:500; border:0; cursor:pointer; border-bottom:1px solid #00a3a2; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} .disableFDonor{background:#e6e6e6!important; background-image:url(/images_old/disable_bg.png)!important; background-position:left!important; background-repeat:repeat!important; border-bottom:1px solid #ccc!important; color:#808080!important; cursor:default!important;} .buttonOuter input[type="button"]:hover, .buttonOuter input[type="submit"]:hover, .buttonOuter a:hover{padding:0 30px 0 30px; width:auto; height:50px; line-height:50px; text-decoration:none; text-align:center; -webkit-border-radius:5px ; -moz-border-radius:5px ; border-radius:5px ; background:#00a3a2; color:#ffffff; font-size:20px; display:inline-block; margin:0 10px; /*text-shadow: 0 1px 2px #2E2E2E; */font-weight:500; border:0; cursor:pointer; border-bottom:1px solid #00a3a2;} .popupRightSec{float:left; width:30%; display:none;} /*.popupRightSec{display:none;}*/ .noticeImp{float:left; width:88%; padding:6%; background:#f7f7f7; -webkit-border-radius:5px ; -moz-border-radius:5px ; border-radius:5px ;} .noticeImp h3{font-weight:500; font-size:16px; color:#000000; float:left; width:100%; margin-bottom:10px;} #kt_popBtn input[type="button"], #kt_popBtn input[type="submit"], #kt_popBtn input[type="cancel"], #kt_popBtn a{ background-color:#00b1b0!important; background-image:url(/images_old/iPhoneButtonbg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:50px!important; height:50px!important; font-size:14px!important; font-weight:500!important; color:#ffffff!important; padding:0 25px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #00a3a2!important; width:auto!important; -webkit-transition:all 450ms ease-in-out 0s; -moz-transition:all 450ms ease-in-out 0s; -ms-transition:all 450ms ease-in-out 0s; -o-transition:all 450ms ease-in-out 0s; transition:all 450ms ease-in-out 0s; margin-right: 2%;} #kt_popBtn input[type="button"]:hover, #kt_popBtn input[type="submit"]:hover, #kt_popBtn input[type="cancel"]:hover, #kt_popBtn a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:50px!important; height:50px!important; font-size:14px!important; font-weight:500!important; color:#ffffff!important; padding:0 25px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px!important; border-radius:5px!important; border-bottom:1px solid #00a3a2!important;width:auto!important; text-decoration:none!important; width:auto!important;} #kt_popBtn input[type="button"]:foucs, #kt_popBtn input[type="submit"]:foucs, #kt_popBtn input[type="cancel"]:foucs, #kt_popBtn a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:50px!important; height:50px!important; font-size:14px!important; font-weight:500!important; color:#ffffff!important; padding:0 25px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px!important; border-radius:5px!important; border-bottom:1px solid #00a3a2!important;width:auto!important; text-decoration:none!important; width:auto!important;} #kt_popBtn input[type="button"].disableFDonor, #kt_popBtn input[type="submit"].disableFDonor, #kt_popBtn input[type="cancel"].disableFDonor, #kt_popBtn a.disableFDonor{ background-color:#e6e6e6!important; background-image:url(/images_old/disable_bg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:50px!important; height:50px!important; font-size:14px!important; font-weight:500!important; color:#bfbfbf!important; padding:0 25px!important; cursor:default!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #d7d7d7!important; width:auto!important; -webkit-transition:all 450ms ease-in-out 0s; -moz-transition:all 450ms ease-in-out 0s; -ms-transition:all 450ms ease-in-out 0s; -o-transition:all 450ms ease-in-out 0s; transition:all 450ms ease-in-out 0s;} #kt_popBtn input[type="button"].disableFDonor:hover, #kt_popBtn input[type="submit"].disableFDonor:hover, #kt_popBtn input[type="cancel"].disableFDonor:hover, #kt_popBtn a.disableFDonor:hover{ background-color:#e6e6e6!important; background-image:url(/images_old/disable_bg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:50px!important; height:50px!important; font-size:14px!important; font-weight:500!important; color:#bfbfbf!important; padding:0 25px!important; cursor:default!important; -moz-border-radius:5px!important; -webkit-border-radius:5px!important; border-radius:5px!important; border-bottom:1px solid #d7d7d7!important;width:auto!important; text-decoration:none!important; width:auto!important;} #kt_popBtn input[type="button"].disableFDonor:foucs, #kt_popBtn input[type="submit"].disableFDonor:foucs, #kt_popBtn input[type="cancel"].disableFDonor:foucs, #kt_popBtn a.disableFDonor:focus{ background-color:#e6e6e6!important; background-image:url(/images_old/disable_bg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:50px!important; height:50px!important; font-size:14px!important; font-weight:500!important; color:#bfbfbf!important; padding:0 25px!important; cursor:default!important; -moz-border-radius:5px!important; -webkit-border-radius:5px!important; border-radius:5px!important; border-bottom:1px solid #d7d7d7!important;width:auto!important; text-decoration:none!important; width:auto!important;} /* 11. CSS UnReset For WYSIWYG ends */ .wysiwyg{/* Font */ font-family:sans-serif, Arial, Verdana, "Trebuchet MS"; font-size:12px; color:#333; background-color:#fff;} .wysiwyg *{line-height:1.6} .wysiwyg address, .wysiwyg blockquote, .wysiwyg dd, .wysiwyg div, .wysiwyg dl, .wysiwyg dt, .wysiwyg fieldset, .wysiwyg form, .wysiwyg frame, .wysiwyg frameset, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .wysiwyg noframes, .wysiwyg ol, .wysiwyg p, .wysiwyg ul, .wysiwyg center, .wysiwyg dir, .wysiwyg hr, .wysiwyg menu, .wysiwyg pre { display:block; unicode-bidi:embed } .wysiwyg li { display:list-item; margin-bottom:6px;} .wysiwyg table { display:table } .wysiwyg tr { display:table-row } .wysiwyg thead { display:table-header-group } .wysiwyg tbody { display:table-row-group } .wysiwyg tfoot { display:table-footer-group } .wysiwyg col { display:table-column } .wysiwyg colgroup { display:table-column-group } .wysiwyg td, .wysiwyg th { display:table-cell } .wysiwyg caption { display:table-caption } .wysiwyg th { font-weight:600; text-align:center } .wysiwyg caption { text-align:center } .wysiwyg body { margin:8px } .wysiwyg h1 { font-size:2em; margin:.67em 0 } .wysiwyg h2 { font-size:1.5em; margin:.75em 0 } .wysiwyg h3 { font-size:1.17em; margin:.83em 0 } .wysiwyg h4, .wysiwyg p, .wysiwyg blockquote, .wysiwyg ul, .wysiwyg fieldset, .wysiwyg form, .wysiwyg ol, .wysiwyg dl, .wysiwyg dir, .wysiwyg menu{margin:0 0 1em;} .wysiwyg h5 { font-size:.83em; margin:1.5em 0 } .wysiwyg h6 { font-size:.75em; margin:1.67em 0 } .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .wysiwyg b, .wysiwyg strong { font-weight:600 } .wysiwyg blockquote { margin-left:40px; margin-right:40px } .wysiwyg blockquote {font-style:italic; font-family:Georgia, Times, "Times New Roman", serif; padding:2px 0; border-style:solid; border-color:#ccc; border-width:0; } .wysiwyg i, .wysiwyg cite, .wysiwyg em, .wysiwyg var, .wysiwyg address { font-style:italic } .wysiwyg pre, .wysiwyg tt, .wysiwyg code, .wysiwyg kbd, .wysiwyg samp { font-family:monospace } .wysiwyg pre { white-space:normal } .wysiwyg button, .wysiwyg textarea, .wysiwyg input, .wysiwyg select { display:inline-block } .wysiwyg big { font-size:1.17em } .wysiwyg small, .wysiwyg sub, .wysiwyg sup { font-size:.83em } .wysiwyg sub { vertical-align:sub } .wysiwyg sup { vertical-align:super } .wysiwyg table { border-spacing:2px; } .wysiwyg thead, .wysiwyg tbody, .wysiwyg tfoot { vertical-align:middle } .wysiwyg td, .wysiwyg th, .wysiwyg tr { vertical-align:inherit } .wysiwyg s, .wysiwyg strike, .wysiwyg del { text-decoration:line-through } .wysiwyg hr { border:1px inset } .wysiwyg ol, .wysiwyg ul, .wysiwyg dir, .wysiwyg menu, .wysiwyg dd{ margin-left:40px } .wysiwyg ul{list-style:disc} .wysiwyg ol { list-style-type:decimal } .wysiwyg ul ul{list-style-type:square} .wysiwyg ol ul, .wysiwyg ul ol, .wysiwyg ul ul, .wysiwyg ol ol { margin-top:0; margin-bottom:0 } .wysiwyg u, .wysiwyg ins { text-decoration:underline } .wysiwyg br:before { content:"\A"; white-space:pre-line } .wysiwyg center { text-align:center } .wysiwyg :link, .wysiwyg :visited { text-decoration:underline } .wysiwyg :focus { outline:thin dotted invert } .wysiwyg figure.thumbnail {border:0px!important;} .wysiwyg figure.thumbnail img {padding:0px!important;} .wysiwyg figcaption.caption{width:96.8%!important; /*background:#f6f6f6;*/ border:1px solid #e8e8e8; /*border-top:1px solid #f3f3f3;*/ margin-top:-6px; text-align:left; padding:10px 1.5%; border-radius:0 0 5px 5px; text-align:left; font-style:italic; color:/*#00b1b0*/#333333!important; font-size:10.5px; font-weight:600; margin-bottom:15px; float:left;} /* 11. CSS UnReset For WYSIWYG ends */ /* 11. Page Level CSS begins */ /* 11.1 Start A Campaign CSS begin */ #StartCampaign h2.pagetitle{font-size:32px; font-weight:400; line-height:80px; height:80px; overflow:hidden; border-bottom:1px solid #CECECE} #StartCampaign .page_header{padding-bottom:20px} #StartCampaign h2.pagetitle2{line-height:60px !important; height:60px !important; border-bottom:0 none !important } #StartCampaign #StepsTabs {margin-bottom:20px} #StartCampaign #StepsTabs li{float:left; width:50%; text-align:center; font-size:22px; height:50px; line-height:50px; overflow:hidden;} #StartCampaign #StepsTabs li a{color:#666} #StepsTabs li.current_step{background-color:#9ea7b3; color:#FFF} #StartCampaign p.page_summary{font-size:18px; font-weight:400; margin-bottom:15px;} #StartCampaign p.page_details{line-height:24px; text-align:center; } #StartCampaign .details_wrapper{margin-bottom:25px} #StartCampaign .radio_options li{padding:10px 15px;} #StartCampaign .radio_options li.selected{background-color:#e4e5e7} #StartCampaign .radio_options label{cursor:pointer; margin-bottom:15px;} #StartCampaign .additional_data_wrapper{display:none;} #StartCampaign li.selected .additional_data_wrapper{display:block;} #StartCampaign .additional_data_wrapper label{margin-right:10px; margin-left:28px;} #StartCampaign .no_nav{margin-bottom:25px;} #StartCampaign ._kt_form .media_listing li .media_data_wrapper .setForDeletion{display:none} /*#DaysData input[type="text"]{width:60px;} #DateData input[type="text"]{width:120px;}*/ #Rewards .form_left_wrapper{width:33%; margin-right:0px;} #Rewards .form_right_wrapper{width:67%} #RewardsSection .rewards_fields_wrapper, #MembersWrapper .members_fields_wrapper{border-bottom:0px dashed #CECECE; margin-bottom:25px; position:relative;} #RewardsSection .rewards_fields_wrapper .action_delete_field, #MembersWrapper .members_fields_wrapper .action_delete_field{position:absolute; top:-20px; right:0; display:block; background:url("/images_old/icon_delete.png") right center no-repeat; padding-right:15px; color:#666} #RewardsSection .rewards_fields_wrapper:last-child, #MembersWrapper .members_fields_wrapper:last-child{border-bottom:0 none} #Rewards_Wrapper, #Backer_Wrapper{padding-bottom:40px;} #Backer_Wrapper .footnote{margin-bottom:15px;} #StartCampaign ._kt_form_wrapper{padding-bottom:0px} #StartCampaign ._kt_form_wrapper .captcha_wrapper{padding:20px; display:block; background:#f1f1f1; margin-bottom:25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .captcha_wrapper img{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .captcha_wrapper a{display:block; padding-bottom: 0 !important} #StartCampaign .facebook_login_wrapper{padding:55px 0 75px; border-bottom:1px solid #9EA7B3; margin-bottom:55px; position:relative;} #StartCampaign .facebook_login_wrapper span{position:absolute; display:block; font-size:16px; padding:0 50px; background-color:#F0F0F0; bottom:-10px; left:45%} #StartCampaign .fieldHead{font-weight:300 !important; margin-bottom:30px !important} #StartCampaign .media_form_wrapper .form_right_wrapper textarea{height:136px;} #StartCampaign .enhance_wrapper {margin-top:40px;} #StartCampaign ul li.enhance_wrapper {margin-top:40px;float:left; /*width:33%;*/width:100%; margin-bottom:10px;} #StartCampaign ul li.enhance_wrapper .form_left_wrapper {float: left; margin-right: 1.5%; width: 100%;} #StartCampaign .enhance_wrapper .fieldHead{padding-left:22px} #StartCampaign .owner_info_wrapper .form_left_wrapper{width:75px !important; margin-right:20px; } #StartCampaign .owner_info_wrapper .form_right_wrapper{width:655px !important} #StartCampaign .owner_info_wrapper h3{font-size:20px} #StartCampaign .owner_info_wrapper .footnote{font-style:normal; margin-bottom:10px} #StartCampaign .media_button{padding:0 20px !important; background-image:none} #StartCampaign #HeaderStep3{padding-top:20px} #StartCampaign h2#PreviewStep{border-bottom:0 none; position:relative;} #StartCampaign h2#PreviewStep a{position:absolute; left:0px; font-size:14px;} #StartCampaign #CampaignStep3{background-color:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:relative;} #CampaignStep3 .listing_summary_wrapper{padding:45px 0; width:900px; margin-bottom:60px} #CampaignStep3 .finalize_wrapper{width:47%; float:left;} #CampaignStep3 .right_wrapper{margin-left:5.5%; } #CampaignStep3 .finalize_wrapper h3{font-size:24px; font-weight:400; margin-bottom:15px;} #CampaignStep3 .finalize_wrapper p{font-size:15px; font-weight:400; margin-bottom:15px;} #CampaignStep3 .finalize_wrapper li{margin-bottom:15px; font-size:13px; background-image:url("/images_old/icon_checklist.gif"); background-repeat:no-repeat; padding-left:24px; background-position:left 1px;} #CampaignStep3 span.close_summary{display:block; width:20px; height:20px; background-image:url("/images_old/icon_checklist_close.gif"); background-repeat:no-repeat; top:20px; right:20px; position:absolute; cursor:pointer;} .listing_summary_wrapper h3{font-size:26px; font-weight:300; margin-bottom:0px; text-align:center;} #CampaignStep2, #HeaderStep2, #DummyRewardsSection, #AddMembersDummy{display:none;} #CollectInhandWrapper{position:relative} #CollectInhandWrapper .loader{position:absolute; width:35px; height:35px; background:url("/images_old/loader_image.gif"); left:175px; display:none} .signuperror{/*background-color:#ffebe8; border:1px solid #dd3c10; text-align:center; padding:15px 0; margin-top:5px*/} /* 11.1 Start A Campaign CSS ends */ /* 11.2 Campaigns Listing Page CSS starts */ #CampaignsListing ._kt_title_wrapper{padding-top:5px; margin-bottom:25px;} #CampaignsListing .sidebar ._kt_title_wrapper{padding-top:0px; margin-bottom:0px;} #CampaignsListing .sidebar ._kt_title_wrapper p{font-size:18px;} #CampaignsListing .sidebar .rewards_info_wrapper ._kt_title_wrapper{margin-bottom:15px;} #CampaignsListing .sidebar .rewards_info_wrapper ._kt_title_wrapper p{font-size:20px;} #CampaignsListing ._kt_title_wrapper p, #ContributeOptions ._kt_title_wrapper p{font-size:24px;} /*#CampaignsListing ._kt_three_fourth{margin-right:20px margin-right:1.9%}*/ #Listings_wrapper ol._kt_three_fourth>li{float:left; /*margin-right:15px;*/ margin:0 1% 15px; position:relative;} /*#Listings_wrapper ol._kt_three_fourth>li:nth-child(3n+3) {margin-right:0px !important}*/ #CampaignsListing .sidebar .rewards_info_wrapper{border-bottom:1px solid #d3d3d3; padding-bottom:20px; margin-bottom:35px} #CampaignsListing .sidebar ._kt_testimonial_wrapper {width:auto; /*border-bottom:1px solid #d3d3d3*/} #CampaignsListing .sidebar ._kt_testimonial_wrapper .content_wrapper{padding-bottom:0px; margin-bottom:15px} #CampaignsListing .sidebar ._kt_testimonial_wrapper .content_wrapper p.testimonial{font-size:25px; line-height:30px; letter-spacing:-0.04em;} #CampaignsListing .sidebar ._kt_testimonial_wrapper p.subtext{padding-bottom:20px; line-height:20px;} #CampaignsListing .sidebar .rewards_info_wrapper p.infotext{line-height:20px} #CampaignsListing .listing_details_wrapper ._kt_progress_bar_wrapper{} #CampaignsListing .listing_hover_data .figures{} #CampaignsListing .listing_hover_data .image_wrapper{} #CampaignsListing .listing_hover_data .image_wrapper img{width:100%} #CampaignsListing .listing_hover_data .share{padding:0 10px} #CampaignsListing ._kt_sidebar_nav li#Causes span.count{background-color:transparent !important; color:#666; font-size:12px;} #CampaignsListing ._kt_sidebar_nav li#Causes:hover span.count, ._kt_sidebar_nav li#Causes.active span.count{color:#FFF !important} #CampaignsListing ._kt_sidebar_nav #CausesListing{background-color:#e6eaef; display:none;} #CampaignsListing ._kt_sidebar_nav li#Causes #CausesListing a{padding-left:15px; border-bottom:1px solid #FFF; font-size: 12px;} #CampaignsListing ._kt_sidebar_nav li#Causes #CausesListing a:last-child{border-bottom:0 none} #CampaignsListing ._kt_sidebar_nav li#Causes:hover #CausesListing a, #CampaignsListing ._kt_sidebar_nav li#Causes.active #CausesListing a{color:#666} #CampaignsListing ._kt_sidebar_nav #CausesListing span.count{color:#666 !important} #CampaignsListing ._kt_sidebar_nav li#Causes:hover #CausesListing span.count, ._kt_sidebar_nav li#Causes.active #CausesListing span.count{color:#666 !important} #CampaignsListing .sidebar ._kt_sidebar_nav.fixPos{position:fixed; width:270px; top:60px; z-index:1998} #CampaignsListing .sidebar ._kt_sidebar_nav.fixPosbott{position:absolute} #CampaignsListing ._kt_raisedGoalAmt_wrapper span.amount #CelebsListing .listing_image_wrapper:hover .listing_category{opacity:1; filter:alpha(opacity=100); /* IE patch */} #CelebsListing .listing_details_wrapper .top_section{height:auto;} #CelebsListing .listing_details_wrapper .desc{font-size:14px; height:auto;} #CelebsListing .listing_details_wrapper .running_camp_count{font-size:14px; margin-bottom:15px; border-top:1px solid #D3D3D3; padding-top:15px;} #CelebsListing .listing_details_wrapper .running_camp_count span{display:block; font-size:32px; font-weight:400} #CelebsListing .listing_details_wrapper ._kt_raisedGoalAmt_wrapper{width:100%} #CelebsListing .listing_details_wrapper ._kt_raisedGoalAmt_wrapper p{font-size:14px;} #CelebsListing ._kt_raisedGoalAmt_wrapper span.amount{font-size:32px;} /*CORPORATE WIDGET*/ /*.ketto_ngo .listing_image_wrapper .listing_hover_overlay { opacity: 0.6; background: none!important; z-index: 998;}*/ /*li.ketto_ngo {margin: 0 auto 15px auto !important; width: 40%!important;}*/ .ketto_ngo .listing_details_wrapper .top_section {border-bottom:1px solid #f2f2f2; height:36px; overflow:hidden; padding-bottom:10px; margin-bottom:7px!important;} .ketto_ngo .listing_details_wrapper .top_section p.category_wrapper {margin-bottom:0!important;} .ketto_ngo .listing_details_wrapper .top_section a.listing_name {font-size:15px; display:block; max-height:36px; overflow:hidden; word-wrap:break-word; font-weight:600; color:#414a58; transition:all 450ms ease-in-out 0s;} .ketto_ngo ._kt_raisedGoalAmt_wrapper p, .ketto_ngo .noOfCampaign_wrapper p{font-size:10px; color:#b4b4b4; font-style:normal; text-align:left; font-weight:lighter;} .ketto_ngo .listing_details_wrapper ._kt_raisedGoalAmt_wrapper {clear: none!important; float:left; margin-bottom: 5px; width: 70%!important; height: 40px;} .ketto_ngo .listing_details_wrapper .noOfCampaign_wrapper {clear: none!important; float:left; height: 40px; margin-bottom: 5px; width: 28%!important; background: none!important; margin-top: 0px!important; padding-top: 0px!important; padding-left:1%; } .ketto_ngo .listing_details_wrapper ._kt_raisedGoalAmt_wrapper, .ketto_ngo .listing_details_wrapper .noOfCampaign_wrapper{ margin-bottom: 0px!important;} .ketto_ngo ._kt_raisedGoalAmt_wrapper span.amount {/*color:#00b1b0!important;*/ display: block; font-size: 18px; font-weight: 600; word-wrap: break-word; text-align: left;} .ketto_ngo .noOfCampaign {color: #424242; display: block;font-size: 18px;font-weight: 600; text-align: left; word-wrap: break-word;} .ketto_ngo ._kt_raisedGoalAmt_wrapper span.amount > span {padding-right:0px!important; font-size: inherit;} li#ketto_ngo{ background:#fff; border-radius: 5px; margin-bottom: 15px; padding: 215px 18px 10px; width: 26.4%; position: relative; border: 1px solid #F3F3F3; float: left;} .ketto_ngo .listing_image_wrapper { margin-bottom: 10px!important;} .branding_OGQ_tabcontent_wrapper #CurrentCorporates ol {padding-bottom:30px;} .branding_OGQ_tabcontent_wrapper #CurrentCorporates ol li#ketto_ngo, .branding_OGQ_tabcontent_wrapper #CurrentNGOs ol li#ketto_ngo{ background:#fff; border-radius: 5px; margin-bottom: 15px; padding: 215px 18px 10px; width: 20.2%!important; position: relative; border: 1px solid #F3F3F3; float: left;} /*Responsive dropdown CSS starts*/ .responsive-dropdown{float:right;z-index:999;width:35%; display:none} .kt_campaign_dropdown{display:block;line-height:42px;background:url("/images_old/dropdown_arrow.png");position:relative; font-size:16px;} .kt_campaign_dropdown li a, .kt_campaign_dropdown li ul.sub-menu li a {text-decoration:none;color:#666;padding:0 5px 0 43px;display:block; text-transform:uppercase; font-size:13px;} #CausesListing {height:125px; overflow-y:scroll; background:#ffffff;} #CausesListing .sub-menu1 a {background:#ff0000; } .kt_campaign_dropdown li.active_tab {background-image:none;} .kt_campaign_dropdown li.active_tab a{padding-left:10px} .dropdown_img{background:url("/images_old/dropdown_arrow.png") no-repeat;position:absolute;right:5px;display:block;height:11px;width:21px;cursor:pointer;top:18px; background-size:80% auto} .kt_campaign_dropdown li{position:relative; background-image:url("/images_old/sprite_sidebar_nav.png"); background-repeat:no-repeat;background-color:#FFF;display:block;background-size:50px auto; } .kt_campaign_dropdown li ul.sub-menu li{background-position:0px -4px; border-bottom:1px solid #f0f0f0} .kt_campaign_dropdown li ul.sub-menu li:last-child{border-bottom:0 none;} .kt_campaign_dropdown li.active_tab,.kt_campaign_dropdown li ul.sub-menu li.active_tab{background-color:#9ea7b3;} .kt_campaign_dropdown li.active_tab a,.kt_campaign_dropdown li ul.sub-menu li.active_tab a{color:#FFF} .kt_campaign_dropdown li ul.sub-menu {display:none;position:absolute;top:42px;left:0;z-index:1000;width:99%; border:1px solid #9ea7b3; border-top:0 none;} .kt_campaign_dropdown li#All{background-position:0px -4px;} .kt_campaign_dropdown li#Hot{background-position:0 -104px} .kt_campaign_dropdown li#Celeb{background-position:0 -206px} .kt_campaign_dropdown li#Corp{background-position:0 -305px} .kt_campaign_dropdown li#NGO{background-position:0 -405px} .kt_campaign_dropdown li#Events{background-position:0 -506px} .kt_campaign_dropdown li#Causes{background-position:0 -600px} .kt_campaign_dropdown li#Stories{background-position:0 -706px} /*Responsive dropdown CSS ends*/ /* 11.2 Campaigns Listing Page CSS ends */ /* 11.4 Events Listing Page CSS starts */ #CurrentCampaigns, #SuccessStories, #AboutEvent{min-height:350px;} #EventsListing .featured_image_wrapper {background-size: cover; background-repeat:no-repeat; background-position:center center; margin-bottom:25px;} #EventsListing ._kt_breadcrumb{border-bottom:0 none; margin-bottom:0} #EventsListing #EventCampaignDetails h2{font-size:42px; font-weight:500; color:#FFF; letter-spacing:-0.01em; margin-bottom:245px; background:url("/images_old/trans.png"); padding:0 20px; float:left; margin-top: 30px;} #EventsListing #EventCampaignDetails .event_campaign_actions{float:right; width:50%; margin-bottom:20px; clear:left; display:block;} .eventSmall{display:none;} #EventsListing #EventCampaignDetails .event_campaign_actions li{float:left; width:48.5%} #EventsListing #EventCampaignDetails .event_campaign_actions li:first-child{margin-right:2.8%} #EventsListing .events_tabs_nav li{float:left; /*text-transform:uppercase;*/ font-weight:500; margin-right:4px;} #EventsListing .events_tabs_nav li a{display:block; padding:12px 0px 10px; margin-right:20px; background:none; color:#333; border-bottom:2px solid #eaeaea; /*-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px;*/ color:#555; font-size: 16px; font-weight: 500;line-height: 30px;} #EventsListing .events_tabs_nav li a:hover{border-bottom:2px solid #dbdbdb;} #EventsListing .events_tabs_nav li a.active{background:none; border-bottom:2px solid #00b1b0; color:#3399cc;} #EventsListing #TeamLeaderboard #Listings_wrapper ol>li{/*margin-right:28px; float:left;*/float:left; margin: 0 0.6% 15px; width: 18.9%;} /* #EventsListing #TeamLeaderboard #Listings_wrapper ol>li:nth-child(3n+3){margin-right:28px !important} #EventsListing #TeamLeaderboard #Listings_wrapper ol>li:nth-child(4n+4){margin-right:0}*/ #EventsListing #TopIndividuals ol li{float:left; margin-right:50px; margin-bottom:25px} #EventsListing #TopIndividuals ol>li:nth-child(7n+7){margin-right:50px !important;} #EventsListing #TopIndividuals ol>li:nth-child(5n+5){margin-right:0px !important;} #EventsListing #TopIndividuals li._kt_backers_wrapper{width:170px; margin-bottom:50px} #EventsListing #TopIndividuals li._kt_backers_wrapper a{display:block; color:#666} #EventsListing #TopIndividuals li._kt_backers_wrapper .backer_name{font-weight:500; font-size:16px; margin-bottom:5px; color:#39C} #EventsListing #TopIndividuals li._kt_backers_wrapper .backers_image_wrapper{margin:0 auto 10px;} #EventsListing #TopIndividuals li._kt_backers_wrapper ._kt_location{background:none; margin-bottom:5px;} #EventsListing #TopIndividuals li._kt_backers_wrapper ._kt_location span.icon_location{background:url("/images_old/icon_location.png") no-repeat; display:inline-block; width:14px; height:19px; margin-right:5px} #EventsListing #TopIndividuals li._kt_backers_wrapper .backers_count b{font-weight:500;} #TopIndividuals, #Story{display:none;} #EventsListing .events_tabs_nav{background: url("/images_old/nav_bg.png") repeat-x scroll left bottom rgba(0, 0, 0, 0); float: left; margin-bottom: 15px; width: 100%;} .events_listing_tab_content h2{font-size: 26px; margin-bottom: 15px;font-weight: 500; padding:0;} .events_listing_tab_content h3{font-size: 24px; margin-bottom: 10px;font-weight: 400; padding:0;} /* 11.4 Events Listing Page CSS ends */ /* 11.5 NGO Profile Page CSS starts */ #ProfileDetails ._kt_tab_box_nav li a{padding:0 0px 0 15px} #ProfileDetails ._kt_tab_box_nav li#Discussion a{padding-right:41px} #ProfileDetails .listings_wrapper ol>li{float:left; margin-right:20px} /*#ProfileDetails .listings_wrapper ol>li:nth-child(3n+3) {margin-right:0px !important}*/ #ProfileDetails #CampaignDetailsSidebar{margin-top:48px; margin-bottom: 30px;} #ProfileDetails #CampaignDetailsSidebar .listing_details_wrapper ._kt_raisedGoalAmt_wrapper{width:auto; padding:15px 0; border-top:0px solid #D3D3D3; border-bottom:0px solid #D3D3D3; margin-bottom:20px;} #ProfileDetails #CampaignDetailsSidebar .listing_details_wrapper ._kt_button_big{height:35px; line-height:35px; margin-bottom:20px;} #ProfileDetails #CampaignDetailsSidebar .listing_details_wrapper ._kt_raisedGoalAmt_wrapper p{margin-bottom:5px; font-size:14px;} #ProfileDetails #CampaignDetailsSidebar .listing_details_wrapper ._kt_raisedGoalAmt_wrapper span.amount{font-size:50px; font-weight:600} #ProfileDetails #CampaignDetailsSidebar .profile_sidebar_data_wrapper h3{font-weight:600; font-size:15px; margin-bottom:10px;} #ProfileDetails #CampaignDetailsSidebar .profile_sidebar_data_wrapper p{line-height:30px; word-wrap:break-word} #ProfileDetails #CampaignDetailsSidebar .user_details_header ._kt_round_image_wrapper{margin-right:15px;} #ProfileDetails #CampaignDetailsSidebar .user_details_header .user_details_header_text {width:62.25%} #ProfileDetails #CampaignDetailsSidebar .user_details_header .user_details_header_text h3{font-size:14px; margin-bottom:5px} #ProfileDetails #CampaignDetailsSidebar .user_details_header .user_details_header_text h4{font-size:13px; margin-bottom:5px;} #ProfileDetails #CampaignDetailsSidebar .user_details_header .user_details_header_text ._kt_button_big{font-size:13px; padding:0 15px; height:25px; line-height:25px;} #ProfileDetails ._kt_three_fourth ._kt_three_fourth{width:100%; margin-right:0px} #ProfileDetails #CampaignDetailsSidebar .individual_details ._kt_raisedGoalAmt_wrapper li{float:left; margin-right:10px; padding: 3% !important} #ProfileDetails #CampaignDetailsSidebar .individual_details ._kt_raisedGoalAmt_wrapper li:last-child{margin-right:0px; padding:0 5px;} #ProfileDetails #CampaignDetailsSidebar .individual_details ._kt_raisedGoalAmt_wrapper span.amount{font-size:24px} #ProfileDetails #CampaignDetailsSidebar .individual_details ._kt_raisedGoalAmt_wrapper p{font-size:12px; color:#ffffff;} #ProfileDetails .smallScreenIndDisp{display:none} .tab_content{background:#ffffff; float: left; margin-bottom: 15px; padding: 3%; width: 94%; min-height:600px;} #ProOverviewBen, #ProOverviewGeo, #ProOverviewHist, #ProOverviewMission, #ProfileFunded{display:none;} .NGODetailsNav a{width:167px; text-align:center; background-position-x:40px !important } .ngodetailssidebar{padding-top:0 !important; border-top:0 none !important;} .ind_sidebar ._kt_listing_box_wrapper {padding:5.5% 0 !important;} .ind_sidebar .user_details_header {padding:0 5.5%} .ind_sidebar ._kt_raisedGoalAmt_wrapper{padding:0px !important} .ind_sidebar ._kt_raisedGoalAmt_wrapper li{width:44%; color:#FFF; margin-right:0px !important; padding:10px 0 !important; text-align:center} .ind_sidebar ._kt_raisedGoalAmt_wrapper li:first-child{background-color:#2d9fee} .ind_sidebar ._kt_raisedGoalAmt_wrapper li:last-child{background-color:#00b1b0} .ind_sidebar .user_details_header{margin-bottom:15px} .ind_sidebar .user_details_header_text{width:57% !important; margin-bottom:15px} .ind_sidebar .user_details_header ._kt_round_image_wrapper img{width:auto !important; height:75px} .ind_sidebar .profile_sidebar_data_wrapper{padding:0 5.5%} .tempWidth{width: 98%!important;} #ProfileDetails ._kt_listing_box_wrapper { background:#fff; border: 1px solid #f3f3f3; border-radius: 5px; margin: 10px 1% 10px 1% !important; padding: 215px 25px 20px; position: relative; width: 18.1%;} #ProfileDetails ._kt_listing_box_wrapper1 { background:#fff; border: 1px solid #f3f3f3; border-radius: 5px; margin: 10px 1% 10px 1% !important; padding: 20px 25px 20px; position: relative; width: 78.1%;} /*INDIVIDUAL PAGE CSS*/ #ProfileDetails #CampaignDetailsContent ._kt_listing_box_wrapper { background:#fff; border: 1px solid #f3f3f3; border-radius: 5px; margin: 10px 1% !important; padding: 215px 25px 20px; position: relative; width: 24.1%;} /* 11.5 NGO Profile Page CSS ends */ /* 11.6 Contribute Now Page CSS starts */ .contribute_page .newsletter_wrapper label{margin-bottom:0} .contribute_page .shipping_header .footnote{margin-bottom:0; display:inline; font-weight:normal;} .contribute_page .pay_method_wrapper .enhance_wrapper{margin-top:0px !important;} .contribute_page .pay_method_wrapper .enhance_wrapper label{margin-bottom:0px;} .contribute_page ._kt_form .currency{width:82.5%; line-height: 30px; margin-bottom:10px!important; margin:3px 2% 3px 2%;} label [for="ContributeAmount"]{margin-top:50px;} #ContributeOptions .payment-note{font-size:16px; line-height:30px;} #ContributeOptions .payments-container { padding:0 0 55px; overflow:hidden } #ContributeOptions .payments-container li { float:left; background:#f9f0a7; width:28.5%; height:118px; border:1px solid #dcd29e; padding:35px 4.673% 10px 14.02%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #ContributeOptions .payments-container li h3 { font-weight:normal; font-size:20px; margin-bottom:20px; } #ContributeOptions .payments-container li h3 strong { font-weight:bold } #ContributeOptions .payments-container li p { color:#666; margin-bottom:10px; } #ContributeOptions .payments-container li span.btn-donate-outer-border { background:#00457f; background:-moz-linear-gradient(top, #00457f 0%, #0084d1 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #00457f), color-stop(100%, #0084d1)); background:-webkit-linear-gradient(top, #00457f 0%, #0084d1 100%); background:-o-linear-gradient(top, #00457f 0%, #0084d1 100%); background:-ms-linear-gradient(top, #00457f 0%, #0084d1 100%); background:linear-gradient(to bottom, #00457f 0%, #0084d1 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00457f', endColorstr='#0084d1', GradientType=0 ); display:inline-block; padding:1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #ContributeOptions .payments-container li span.btn-donate-outer-border span.btn-donate-inner-border { display:block; padding:1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#6cb7e5; background:-moz-linear-gradient(top, #6cb7e5 0%, #004c8a 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #6cb7e5), color-stop(100%, #004c8a)); background:-webkit-linear-gradient(top, #6cb7e5 0%, #004c8a 100%); background:-o-linear-gradient(top, #6cb7e5 0%, #004c8a 100%); background:-ms-linear-gradient(top, #6cb7e5 0%, #004c8a 100%); background:linear-gradient(to bottom, #6cb7e5 0%, #004c8a 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cb7e5', endColorstr='#004c8a', GradientType=0 );} #ContributeOptions .payments-container li input.btn-donate { padding:0; height:24px; width:120px; font-weight:bold; font-size:11px; margin-bottom:0; -webkit-border-radius:5px; text-transform:uppercase; -moz-border-radius:5px; border-radius:5px; background:#0081d1; background:-moz-linear-gradient(top, #0081d1 0%, #0057a0 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #0081d1), color-stop(100%, #0057a0)); background:-webkit-linear-gradient(top, #0081d1 0%, #0057a0 100%); background:-o-linear-gradient(top, #0081d1 0%, #0057a0 100%); background:-ms-linear-gradient(top, #0081d1 0%, #0057a0 100%); background:linear-gradient(to bottom, #0081d1 0%, #0057a0 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081d1', endColorstr='#0057a0', GradientType=0 );} #ContributeOptions .payments-container li#indian-donations { margin-right:4.673%; background-image:url("/images_old/indian-don-bg.gif"); background-repeat:no-repeat; background-position:11px 11px; } #ContributeOptions .payments-container li#international-donations { background-image:url("/images_old/internat-don-bg.gif"); background-repeat:no-repeat; background-position:3px 3px } #ContributeOptions .payments-container li#international-donations-na { background-image:url("/images_old/foreign_donation_not_accepted.jpg"); background-repeat:no-repeat; background-position:3px 3px } #ContributeOptions .payments-container .btn-donate{border:0 none; padding:0 10px; line-height:40px; font-size:14px; font-weight:bold; cursor:pointer;} .status_ok {color:green;} .status_error {color:red;} /*Intermediate Page CSS Ends*/ .thankyou_page_wrapper ._kt_featured_listing_wrapper .featured_listing_content h2{font-size:18px; margin-bottom:15px; color:#39C; font-weight:600} .thankyou_page_wrapper ._kt_featured_listing_wrapper .featured_listing_content p{margin-bottom:10px;} /* 11.6 Contribute Now Page CSS ends */ /* 11.8 About Us Page CSS starts */ #AboutUs .about_banner_wrapper{height:400px; padding-top:50px; background:url("/images_old/about_new.jpg") center 0 no-repeat; background-size:100% 100%; margin-bottom:25px; color:#FFF; /*min-width:1070px;*/} #AboutUs .about_banner_wrapper h2{ color: #ffffff; font-family:Montserrat; font-size:35px; font-weight: 600; margin-bottom: 0; text-shadow: 0 1px 2px #00a3a2; text-transform: uppercase;} #AboutUs .about_banner_wrapper h3{font-family: Montserrat;font-size: 20px; font-weight: 300; margin: 0 auto; text-shadow: 0 1px 2px #00a3a2; width: 80%;} #AboutUs .about_banner_wrapper h4{font-size:18px; margin-bottom:0px;} #AboutUs .about_banner_wrapper p{font-size:20px; font-weight:500} #AboutUs ._kt_title_wrapper{margin-bottom:25px;} #AboutUs ._kt_title_wrapper p{font-size:24px; text-transform:uppercase; font-weight:600;} #AboutUs .team_wrapper{margin-bottom:50px;} #AboutUs .team_wrapper .team_text{line-height:24px; margin-bottom:50px;} #AboutUs li{float:left; margin: 1.5%; width: 22%; /*height:475px;*/} #AboutUs li h3{font-size:16px; color:#333; font-weight:600; margin-bottom:0px; height:25px; text-transform: uppercase;} #AboutUs li h4{font-size:14px; font-style:italic; color:#a1a1a1; font-weight:400; margin-bottom:10px; height:20px;} #AboutUs li img{-webkit-border-radius:138px; -moz-border-radius:138px; border-radius:138px; margin-bottom:25px;} #AboutUs li .social_links_wrapper{padding:10px 0; border-top:0px solid #cecece; border-bottom:0px solid #cecece; width:70%; margin:0 auto;} #AboutUs li .social_links_wrapper a{width:36px; height:36px; display:inline-block; text-indent:-9999em; /*float:left; */background:url("/images_old/sprite_aboutus_social.png") no-repeat; margin-right:10px;} #AboutUs li .social_links_wrapper a:last-child{margin-right:0px;} #AboutUs li .social_links_wrapper a.twitter{background-position:0 -1px} #AboutUs li .social_links_wrapper a.fb{background-position:0 -39px} #AboutUs li .social_links_wrapper a.linkedIn{background-position:0 -77px} #AboutUs .dropShadow{box-shadow: 0 1px 2px #ddd;} /*ABOUT US PAGE NEW CSS 16-07-2014*/ .headTextWraper{width:100%; margin:112px auto 0 auto; text-align:center;} ._kt_graybg {background-color: #f8f8f8;} .ketto_briefImage{width:133px; height:133px; margin:0 auto 15px auto; padding:15px; background:#ffffff; -moz-border-radius:90px; -webkit-border-radius:90px; border-radius:90px;} .ketto_briefAbout_outer{float:left; width:100%;} .ketto_briefAbout_top{position:absolute; width:94%; top:-10px; height:11px; margin:0; padding:0; background:url("/images_old/brief_arrow.png") center top no-repeat;} .ketto_briefAbout{float:left; width:94%; height: 365px; padding:0 3%; margin:0 0 10px 0; font-size:13px; background:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;} .ketto_briefAbout p{margin:20px 0 10px; padding: 0 10px; text-align:left; height:265px;} /*THANK YOU PAGE*/ .thankyou_banner_wrapper{padding-top:40px; margin-bottom:25px; background-color: #FFF} .thankyou_banner_wrapper h2{ font-family:Montserrat; font-size: 24px; font-weight: 600; margin-bottom: 10px; text-transform: initial; color: #333;} .thankyou_banner_wrapper h3{ font-family: Montserrat; font-size: 20px; font-weight: 300; margin: 0 auto; width: 80%; padding-bottom: 30px; background: url("/images_old/how-education-sep.png") center bottom no-repeat; background-size: contain; margin-bottom: 15px; color: #333;} .thankyou_banner_wrapper h4{font-size:18px; margin-bottom:30px} .thankyou_banner_wrapper .headTextWraper p{font-size: 16px;font-weight:500; padding: 0 30px; margin-bottom: 20px; color:#666; text-align:center; line-height: 1.4em} .thankyou_banner_wrapper .headTextWraper p.tk-ps-txt{font-size: 14px; margin-bottom: 50px;} .thankyou_banner_wrapper .headTextWraper {margin: 0 auto; text-align: center; width: 100%;} .thankyou_banner_wrapper img.tk-hd-gp{margin-bottom: 30px;} .guideLine {float:left; width:100%; padding:10px 0% 10px 0%; /*padding:10px 1.5% 30px 1.5%;*/ margin-bottom:0px; /*background:#ffffff;*/} #thankyou{ background: url(/images_old/thankyoshadow.png ) center bottom no-repeat; margin-bottom:20px;} #thankyou h1{float:left; width:100%; text-align:left; margin:5px 0 30px 0; padding:0; font-size:25px; height:auto; font-weight:600; color:#000;} #thankyou .guideLineInner {float:left; width:46%; margin:0 2% 10px 2%; padding:0; background: url(/images_old/dotted_line.png) left bottom repeat-x; height:145px;} #thankyou .imageOuter{float:left; width:27%; margin-right:1%; margin-bottom:0px; text-align:center;} #thankyou .guideLineInner h2{float:left; width:72%; text-align:left; margin:5px 0 5px 0; padding:0; font-size:18px; height:auto; font-weight:700; color:#000;} #thankyou .guideDesc{float:left; width:72%; text-align:left; margin-bottom:15px; font-size:13px; height:auto; color:#3e4753;} #thankyou .guideDesc a{float:none;} #thankyou .noBackgroundOne{background:none!important;} #thankyou .noBackgroundTwo{background:none!important;} /*BLUE BUTTONS*/ .threeButtons{width:100%; text-align:left;} #ke_blueButtons input[type="button"], #ke_blueButtons input[type="submit"], #ke_blueButtons input[type="cancel"], #ke_blueButtons a{ background-color:#51aded!important; background-image:url(/images_old/blue_burron_bg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:60px!important; height:60px!important; font-size:18px!important; font-weight:500!important; color:#ffffff!important; padding:0 35px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #1e8fe1!important; width:auto!important; -webkit-transition:all 450ms ease-in-out 0s; -moz-transition:all 450ms ease-in-out 0s; -ms-transition:all 450ms ease-in-out 0s; -o-transition:all 450ms ease-in-out 0s; transition:all 450ms ease-in-out 0s; text-transform:uppercase; display:inline-block; margin:0 1% 0 0%;} #ke_blueButtons input[type="button"]:hover, #ke_blueButtons input[type="submit"]:hover, #ke_blueButtons input[type="cancel"]:hover, #ke_blueButtons a:hover{ background-color:#28a1fc!important; background-image:url(/images_old/blue_burron_bg_hover.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:60px!important; height:60px!important; font-size:18px!important; font-weight:500!important; color:#ffffff!important; padding:0 35px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px!important; border-radius:5px!important; border-bottom:1px solid #0079eb!important;width:auto!important; text-decoration:none!important; width:auto!important;} #ke_blueButtons input[type="button"]:foucs, #ke_blueButtons input[type="submit"]:foucs, #ke_blueButtons input[type="cancel"]:foucs, #ke_blueButtons a:focus{ background-color:#28a1fc!important; background-image:url(/images_old/blue_burron_bg_hover.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:60px!important; height:60px!important; font-size:18px!important; font-weight:500!important; color:#ffffff!important; padding:0 35px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px!important; border-radius:5px!important; border-bottom:1px solid #0079eb!important;width:auto!important; text-decoration:none!important; width:auto!important;} /* 11.11 How It Works Page CSS begins */ /*How It Works New page CSS*/ .newhiwOuter{width:100%; float:left; background:#00b1b0; height:100%; padding-bottom:30px;} .newhiwInner{width:100%; margin:0 auto 0 auto; text-align:center;} .newhiwButtonOuter{width:100%; margin:0 auto; text-align:center;} .newhiwButtonOuter ._kt_button_big {border-radius: 3px; color: #FFFFFF; display: inline-block; float: none; font-size: 18px; font-weight: 400; line-height: 62px; margin: 10px 10px; text-transform: uppercase;} .newhiwButtonOuter ._kt_with_icon {background-image:none!important; padding:0 45px; margin-top:50px;} .getStarted{float:left; width:100%; text-align:center; color:#ffffff; font-size:18px; padding-bottom:20px; margin-top:20px;} .getStarted a{color:#ffffff; text-decoration:none;} .getStarted a:hover{color:#ffffff; text-decoration:underline;} ._kt_pursionBlue {background-color: #0b486b; transition: all 450ms ease-in-out 0s;} ._kt_pursionBlue:hover{background-color: #115b86;} /* 11.11 How It Works Page CSS ends */ /* 11.12 OQG Branding Page CSS begins */ /*WHITE LABEL SETUP CSS START- 08-07-2014*/ .camera_src div{display:none;} #BrandingCarousel{ background: none;} .cameraSlide { display: none !important;} .branding_OGQ{height:100px; border-bottom:3px solid #00b1b0} /*YOU CAN CHANGE THE COLOR OF BOTTOM BORDER*/ /*.branding_OGQ .kt_content h1{height:100px; background-position:center center}*/ /*.branding_OGQ .kt_content h1 {background-position: center center; border-left: 1px solid #495059 !important; height: 100px; padding-left: 45px;} */ /*.branding_OGQ .kt_content .kt_header_nav{padding-top:40px;}*/ .branding_OGQ .kt_content .kt_header_nav {padding-top: 20px;} .cameraContent div{width:100%!important; height:450px!important; text-align:center!important; margin:0 auto;} .cameraContent div img{max-width:100%!important; margin:0 auto;} #BrandingCarousel{background:#000000;/*#323a45 url("/images_old/branding_carousel_bg.jpg") center repeat-x;*/ background-size:cover; position:relative/*ONLY DISCOMMENT THE BACKGROUND PROPERTY FOR SHOWING THE BACKGROUND IMAGES GLOBELY*/} /*WHITE LABEL SETUP CSS END- 08-07-2014*/ .branding_OGQ_body{padding-top:103px; background-color:#f8f8f8;} .branding_OGQ .kt_content h2.branding_logo a{text-indent:-9999em; width:100%; height:100%} .branding_OGQ_body .kt_content h1 a {height: 80%; /*text-indent: -9999em;*/ width: 100%;} .branding_OGQ_body .kt_content .logo a {height: 80%; /*text-indent: -9999em;*/ width: 100%;} .branding_OGQ .kt_content .kt_useraction_nav{padding-top:32px !important;} .branding_OGQ .kt_content #AllUserMenu{padding-top:43px !important;} #BrandingCarousel ul{background-image:none} #BrandingCarousel .brandedPage_featured_vid{position:absolute; z-index:699; top:15%; left:50%; margin-left:-210px; } #BrandingCarousel .brandedPage_collection_info{height:110px; position:absolute; left:0; bottom:5px; width:100%; background:url("/images_old/brandingcollectionbg.png") repeat; color:#FFF; z-index:1001} #BrandingCarousel .brandedPage_collection_info .amount_raised_wrapper{width:50%; padding-top:24px} #BrandingCarousel .brandedPage_collection_info p.caption{line-height:38px; font-size:16px; font-family:'Kaushan Script';} #BrandingCarousel .brandedPage_collection_info .amount_figure{font-size:52px; margin-right:15px; margin-top:0px;} #BrandingCarousel .brandedPage_collection_info .figure{ font-weight:600; font-size:52px;} .miracle_foundation_ms > ._kt_content_wrapper > .amount_raised_wrapper > .miracle_figure{font-size: 40px !important;} .miracle_foundation_ms > ._kt_content_wrapper > .amount_raised_wrapper > .miracle_figure > span.miracle_figure{font-size: 40px !important;} #BrandingCarousel .brandedPage_collection_info .amount_label{font-size:17px; text-transform:uppercase; display:block; width:80px; padding-top:11px;} #BrandingCarousel .brandedPage_collection_info .brandedPage_Actions{float:right; padding-top:24px;} #BrandingCarousel .brandedPage_collection_info .brandedPage_Actions ._kt_button_big{height:60px; line-height:60px; margin-bottom:0; padding-right:35px; /*padding-left: 60px;*/ float:left} #BrandingCarousel .brandedPage_collection_info .brandedPage_Actions ._kt_icon_add{background-position:20px -126px} #BrandingCarousel .brandedPage_collection_info .brandedPage_Actions ._kt_button_contribute{margin-right:15px;} #BrandingCarousel .brandedPage_collection_info .brandedPage_Actions ._kt_button_contribute ._kt_backers_icon{top: 13px !important; height: 30px !important; } .branding_OGQ_tabcontent_wrapper{/*background-color:#fff;*/ padding-top:30px;} /*.branding_OGQ_tabcontent_wrapper ol ._kt_listing_box_wrapper{float:left; margin-right:1.402%; width:19.275%}*/ .branding_OGQ_tabcontent_wrapper ol ._kt_listing_box_wrapper {float: left; margin: 0 0.6% 15px; width: 18.9%;} .branding_OGQ_tabcontent_wrapper ol ._kt_listing_box_wrapper:nth-child(4){margin-right:0px } #SuccessStories, #AboutEvent{display:none} #AboutEvent {padding-bottom:20px;} #AboutEvent h2{font-size:30px; margin-bottom:5px; font-weight:400} #AboutEvent h3{font-size:18px; font-weight:300; margin-bottom:10px;} #AboutEvent p{line-height:22px; margin-bottom:15px} /* 11.12 OQG Branding Page CSS ends */ /* 11.13 Contact Us Page CSS begins */ .page_contact .corp_address {font-style:normal; line-height:24px; font-size:14px; margin-top:24px; float:right; width:65%} .page_contact .corp_address h3{font-weight:400; font-size:18px; padding-bottom:8px; border-bottom:1px dashed #999; margin-bottom:8px;} /* 11.13 Contact Us Page CSS ends */ /* 11. Page Level CSS ends */ /*THANK YOU PAGE*/ .text_th_1{font-size:16px; color:#323a45;} .text_th_2{color:#323a45; font-size:18px; font-weight:500; margin:10px 0 10px 0;} .text_th_3{height:auto; line-height:normal; margin-bottom:15px; font-size:16px; color:#323a45;} ._kt_three_fourth_inner{width:80%;} /*INDIVIDUAL PAGE CSS*/ #ProfileDetails #CampaignDetailsContent ._kt_listing_box_wrapper {background: #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin: 10px 1% !important; padding: 215px 25px 20px; position: relative; width: 24.1%;} /*ngo-details-updated css-01-09-2015*/ .ngoMainOuter{width:100%;} .ngoMainImage{width:1079px; height:414px; overflow:hidden; margin:0px auto 0 auto; float:left; position:relative; background-size: contain; background-repeat: no-repeat;} /*.ngoMainImage img{max-width:none;}*/ .ngoContentOuter{padding:0 1.5%; } .uploadeImagebuttonOuter{position:absolute; top:35%; width:20%; left:40%; text-align:center;} .uploadeImagebuttonOuter h3{font-size:25px; font-weight:600; color:#323a45;} .uploadeImagebuttonOuter a, .uploadeImagebuttonOuter input[type="button"]{text-align:center; padding:0 15px; height:33px; line-height:30px; background:#f3f3f3 url(/images_old/choose_file_btn_bg.png) bottom left repeat-x!important; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #dfdfdf; display:inline-block; color:#5e5e5e; font-size:14px; margin-top:10px; cursor:pointer;} #ngo_wraper .uploadeHere{display:block; margin-top:0px; padding:4px 0 18px; font-size:11px; margin-left:2px;} #ngo_wraper .uploadeHere a, .uploadeHere input[type="button"]{text-align:center; padding:0 5px!important; height:20px !important; line-height:17px!important; background:#f3f3f3 url(/images_old/choose_file_btn_bg.png) bottom left repeat-x!important; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #dfdfdf; display:inline-block; color:#5e5e5e; font-size:11px; margin-top:5px; width:74px!important; display:inline-block!important; cursor:pointer;} #ngo_wraper .uploadeHere a:hover, .uploadeHere input[type="button"]:hover{background:#e2e2e2 url(/images_old/choose_file_btn_bg_hover.png) bottom left repeat-x!important;color:#000000;} .emptyWhite {float: left;margin: 11px 0 0; width: 100%;} .ktt_yourContributionOuter .ckEditerOuter h3{font-size:20px; font-weight:500; color:#333333; margin-bottom:5px; text-transform:none;} #ngo_wraper .froala-editor.f-basic {width: 99.8%;} #ngo_wraper{width:95%; padding:0px 2.5%; margin:-60px 0% 30px; background:#ffffff; float:left; position:relative; border-top: 0px solid #00b1b0;} #ngo_wraper #CampaignDetailsSidebar { margin-top: 0;} #ngo_wraper #CampaignDetailsSidebar .listing_details_wrapper ._kt_raisedGoalAmt_wrapper {border-bottom: 0px solid #d3d3d3; border-top: 0px solid #d3d3d3; margin-bottom: 20px; padding: 0px 0; width: auto;} #ngo_wraper #CampaignContribute{border:none;} #ngo_wraper #CampaignDetailsSidebar ._kt_listing_box_wrapper {margin-bottom: 30px; padding: 5.5% 0; width: 100%;} #ngo_wraper .title p.titletext {color: #323a45; font-size: 18px!important; font-weight: 400; line-height: normal!important; display:none; margin-bottom:0;} #ngo_wraper .campaign_details_title { margin-bottom:0!important;} #ngo_wraper .title p.subtext {display:none; font-size: 14px;} #ngo_wraper ._kt_three_fourth{width:72%; padding:0 0% 0 0; margin:0;} #ngo_wraper ._kt_one_third {width: 23%; float:right; padding:15px 2%; margin-top:0px; border: 1px solid #f3f3f3; border-radius: 5px; } #ngo_wraper ._kt_listing_box_wrapper {border:none!important;} #ngo_wraper .profile_sidebar_data_wrapper p{display: block; float: left; font-size: 12px; height: 50px; line-height: normal !important; margin-bottom: 20px; overflow: hidden; width: 100%;} #ngo_wraper ._kt_tab_simple_nav {padding-bottom: 2px; position: relative !important; z-index: 999;} #ngo_wraper ._kt_tab_simple_nav li a{ color:#666!important; border-bottom:1px solid #ffffff; } #ngo_wraper ._kt_tab_simple_nav li a:hover, #ngo_wraper ._kt_tab_simple_nav li a.active { border-bottom: 0px solid #00b1b0; color: #00b1b0!important;} #ngo_wraper .tab_content {background: none repeat scroll 0 0 #ffffff; float: left; margin-bottom: 15px; min-height: 600px; padding: 0%; width: 100%;} #ngo_wraper #ProfileDetails #CampaignDetailsSidebar{margin-top:0px;} #ngo_wraper .campaign_details_title .title_image{background:none; margin-right:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; position:absolute; top:-113px; height:102px!important; width:102px; left:0px; text-align:center; vertical-align:middle;} #ngo_wraper ._kt_tab_box_nav {/*background:url("/images_old/nav_bg.png") bottom left repeat-x;*/ border-bottom:1px solid #e5e5e5; margin-bottom: 0; width:100%; margin-top:5px;} #ngo_wraper ._kt_tab_box_nav li {float: left; font-size: 14px; margin-right: 0px; margin-bottom:-2px;} #ngo_wraper ._kt_tab_box_nav li a {padding: 0 20px; color:#919191;} #ngo_wraper .NGODetailsNav a {text-align: left; width: auto; margin-right:0px; background:none; border-bottom:0px solid #eaeaea; line-height: 45px;} #ngo_wraper .NGODetailsNav a:hover{border-bottom:3px solid #ccc; border-radius:0; background:none!important; color:#707070;} #ngo_wraper .NGODetailsNav a.active{border-bottom:3px solid #00b1b0; border-radius:0; color:#000000;} #ngo_wraper ._kt_tab_box_nav li a .active_arr {display:none;} #ngo_wraper ._kt_tab_simple_nav li a {display: block; line-height: 30px; padding: 0 5px;} #ngo_wraper ._kt_featured_listing_wrapper .featured_listing_content { margin-bottom: 20px; padding: 0px 0;} #ngo_wraper .tab_content{padding:10px 0!important;} #ngo_wraper .listings_wrapper ol > li {float: left; width:33.33%; margin:0 0 30px 0;} #ngo_wraper #CampaignDetailsSidebar .listing_details_wrapper ._kt_button_big {height: 62px; line-height: 62px; margin-bottom: 20px;} /*24-08-2015*/ #ngo_wraper .ngoDetailsSidebar .listing_details_wrapper ._kt_raisedGoalAmt_wrapper {border-bottom: 0 solid #d3d3d3; border-top: 0 solid #d3d3d3; margin-bottom: 20px; padding: 0; width: auto;} .ngoDetailsSidebar .listing_details_wrapper .share_widgets { margin-bottom: 15px;} .ngoDetailsSidebar .listing_details_wrapper a.embed_listing, #CampaignDetailsContent .ResponsiveDeviceContributeBox a.embed_listing {background: #e8edf3 url("/images_old/icon_embed.gif") no-repeat scroll left center; border-radius: 3px; color: #666; display: inline-block; font-size: 12px; font-weight: 500; line-height: 32px; padding: 0 10px 0 43px; text-transform: uppercase;} #ProfileDetails .ngoDetailsSidebar .listing_details_wrapper ._kt_raisedGoalAmt_wrapper p { font-size: 15px; margin-bottom: 5px;} #ProfileDetails .ngoDetailsSidebar .listing_details_wrapper ._kt_raisedGoalAmt_wrapper span.amount { font-size: 50px; font-weight: 600;} #ProfileDetails #ngo_wraper .ngoDetailsSidebar .listing_details_wrapper ._kt_raisedGoalAmt_wrapper span.amount { font-size: 24px!important; font-weight: 600;} #ProfileDetails .ngoDetailsSidebar .profile_sidebar_data_wrapper h3 { font-size: 15px; font-weight: 500; margin-bottom: 5px;} .ngoDetailsSidebar .listing_details_wrapper .share_widgets .details-social-wrapper {position: relative;} /*ngo profile-logo css*/ #CampaignDetailsContent #ngo_wraper .campaign_details_title .title_image {border-radius: 0; height: 102px!important; margin-bottom: 0; margin-right: 10px;} #ngo_wraper ._kt_round_image_wrapper{display: table-cell; text-align: center; vertical-align: middle; width: 120px; height:120px; /*height: 198px;*/ background:#ffffff; border:0px solid #CCC;} #ngo_wraper ._kt_round_image_wrapper * {vertical-align: middle; margin-left: -2px; width:99%;} #ngo_wraper ._kt_round_image_wrapper {display: block;} #ngo_wraper ._kt_round_image_wrapper span {display: inline-block; height: 100%; width: 1px;}