/* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_newContactWrapper{width:100%; float:left; background:#ffffff; margin:0 auto;} .ktt_newContactContainer{width:1070px; margin:0 auto;} .ktt_newContactColleft{width:45%!important; float:left; margin:0 0% 20px;} .ktt_newContactColleft h3{color:#323a45; font-size:25px; line-height:normal; margin-bottom:25px;} .ktt_newContactColleft p{color:#595959; font-size:13px; line-height:18px; margin-bottom:25px; width:80%; text-align:justify;} .ktt_newContactColleft textarea{margin-bottom:0px!important;} .ktt_newContactColRight{width:54%!important; float:right!important; margin:0 0% 20px; padding:0!important;} .ktt_newContactColRight h3{color:#323a45; font-size:25px; line-height:normal; margin-bottom:25px;} .ktt_contactAddressCol{width:44%; float:left; margin:15px 1.5%; padding-left:3%; font-size:14px; line-height:20px;} .ktt_contactAddressCol strong{font-weight:600!important; margin-bottom:5px!important; font-size:14px!important;} .locationIndia{background:url(/images_old/india_location.png) top left no-repeat;} .locationSingapure{background:url(/images_old/singapure_location.png) top left no-repeat;} /* ========================================================================== BASIC PAGE STRUCTURE CSS START HERE ========================================================================== */ .ktt_contentWrapper{width:1070px;} /* ========================================================================== LOGIN AND REGISTRATION ========================================================================== */ /* ========================================================================== GLOBEL ERROR MESSAGE CSS START HERE ========================================================================== */ .myMap{display:block} .myMapSmallDevice{display:none;} .fb_dialog {left: 30%!important; width: 40%!important;} .ktt_globelErrorInner{width:1070px; margin:0 auto;} .ktt_globelErrorMessageClose a{color:#ffffff;} /*SINGLE LINE ERROR MESSAGE*/ .ktt_globelError{display:block; background:#e84a5f url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding:20px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelSuccess{display:block; background:#00b1b0 url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding:20px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelErrorMessage{float:left; width:100%;} .ktt_globelErrorMessageClose{float:right; width:auto; padding-top:28px; font-size: 26px; font-weight: normal; text-align:right; color:#FFFFFF;} .ktt_globelErrorMessage h2{color:#ffffff; float: left; width:100%; font-size: 18px; font-weight: normal; text-align:center; margin:5px 0;} .ktt_campaign_share_button{float:left; width:48%; margin:0 1% 15px 1%;} .ktt_embedCode{float:left; width:100%; text-align:left;} /*SINGLE LINE ERROR MESSAGE .ktt_globelErrorMessage p{color:#ffffff; float: left; width:100%; font-size: 14px; font-weight: normal; text-align:center; margin-top: 5px;}*/ /*DUBBLE LINE ERROR MESSAGE*/ /*.ktt_globelError{display:block; background:url(/images_old/globel_error_bg.png--) top left repeat; position:absolute; border:none; width:100%!important; height:90px; z-index:999999; padding:0; top:0;}*/ /*.ktt_globelErrorMessage{float:left; width:80%;} .ktt_globelErrorMessage h2{color:#ffffff; float: left; font-size: 25px; font-weight: normal; text-align:left; margin-top: 16px;} .ktt_globelErrorMessage h2 span.error{ float:left;} .ktt_globelErrorMessage h2 span.error span.biggerTxt{ float:left; width:100%; font-size: 24px; font-weight:600;} .ktt_globelErrorMessage h2 span.error span{ font-size:20px; float:left; width:100%;} .ktt_globelErrorMessageClose{float:right; width:auto; padding-top:28px; font-size: 26px; font-weight: normal; text-align:right; color:#FFFFFF;}*/ /*DUBBLE LINE ERROR MESSAGE*/ /* ========================================================================== HEADER CSS START HERE ========================================================================== */ /* ========================================================================== ERROR AND 404 PAGES CSS START ========================================================================== */ .ktt_sorry{width:1070px; margin:0 auto;} /* ========================================================================== FOR LEFT NAVIGATION CSS START HERE ========================================================================== */ #CampaignsListing ._kt_sidebar_nav #CausesListing {background-color: #e6eaef; display: none; height: 186px !important; overflow-y: auto!important;} #CampaignsListing .sidebar ._kt_sidebar_nav.fixPos { bottom: auto; position: fixed; top: 71px!important; width: 270px; height: auto!important; overflow-y: inherit!important; z-index: 1998;} #CampaignsListing .sidebar ._kt_sidebar_nav.fixPosbott { position: absolute; width: 270px;} /* ========================================================================== WIDGET COLOR TAGS CSS START HERE ========================================================================== */ .ktt_tagOrange{position:absolute; background-color:transparent; background-image:url(/images_old/tag_color.png); background-position:left 0; background-repeat:no-repeat; font-size:12px; color:#ffffff; height:24px!important; line-height:21px; padding:0 10px 0 10px; left:-8px; top:216px;} .ktt_tagBlue{position:absolute; background-color:transparent; background-image:url(/images_old/tag_color.png); background-position:left -24px; background-repeat:no-repeat; font-size:12px; color:#ffffff; height:24px!important; line-height:21px; padding:0 10px 0 10px; left:-8px; top:216px;} .ktt_tagRed{position:absolute; background-color:transparent; background-image:url(/images_old/tag_color.png); background-position:left -48px; background-repeat:no-repeat; font-size:12px; color:#ffffff; height:24px!important; line-height:21px; padding:0 10px 0 10px; left:-8px; top:216px;} .ktt_listingNamePosition{margin-top:34px;} /* ========================================================================== REWARDS CSS START HERE ========================================================================== */ .rewards_left_count{width:100%; float:left; font-size:11.5px; line-height:20px;} #CampaignDetailsSidebar .RewardsListing{ margin-bottom:15px;} #CampaignDetailsSidebar #Rewards.fixPos{position:fixed; width:270px; /*top:132px;*/ top:162px;} #CampaignDetailsSidebar #Rewards.fixPosbott{position:absolute; width:270px; bottom:20px;} #CampaignDetailsSidebar #Rewards.fixPosbott .RewardsListing{margin-bottom:0px} #CampaignDetailsSidebar .RewardsListing li{padding:25px 25px 0; position:relative; background-color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px; border:1px solid #ffffff;} /*#CampaignDetailsSidebar .RewardsListing li:hover{border:1px solid #00b1b0;}*/ #CampaignDetailsSidebar .RewardsListing li a{color:#666; display:block;} #CampaignDetailsSidebar .RewardsListing li .reward_title{font-weight:600; font-size:20px; margin-bottom:0px; color:#000000;} #CampaignDetailsSidebar .RewardsListing li ._kt_title_wrapper ._kt_backers_icon{height:23px; margin-right:8px} #CampaignDetailsSidebar .RewardsListing li ._kt_title_wrapper p{font-size:15px;} #CampaignDetailsSidebar .RewardsListing li ._kt_title_wrapper .rewards_left_count{padding:3px 4px; background-color:#f6fa88; display:block; font-size:12px; margin:-1px 0 0 5px; font-family:Arial} #CampaignDetailsSidebar .RewardsListing li ._kt_title_wrapper .rewards_left_count b{font-weight:bold} #CampaignDetailsSidebar .RewardsListing li p.reward_desc{font-size:12px; line-height:18px; color:#000000; margin-bottom:5px } #CampaignDetailsSidebar .RewardsListing li p.reward_desc-detail{font-size:12px; line-height:18px; color:#666; margin-bottom:10px } #CampaignDetailsSidebar .RewardsListing li p.delivery_time{padding-bottom:10px; font-size:12px; line-height:18px; font-style:italic; color:#989898; } #CampaignDetailsSidebar .RewardsListing li:last-child p.delivery_time{border-bottom:0 none; } #CampaignDetailsSidebar .RewardsListing li .hoverEffect{position:absolute; top:0; left:0; /*background:#00b1b0;*/ border:1px solid #ffffff; width:99.5%; height:100%; opacity:0; color:#ffffff;/* transform:scale(0.95); transition:transform 0.2s ease 0s, opacity 0.2s ease 0s; *//* Safari */ display: table-cell; text-align: center; vertical-align: middle;} #CampaignDetailsSidebar .RewardsListing li:hover .hoverEffect{cursor:pointer; opacity:0.8; width:99.5%; height:100%; /*transform:scale(1); transition:transform 0.2s ease 0s, opacity 0.2s ease 0s; */ display: table-cell; text-align: center; vertical-align: middle; border:1px solid #00b1b0; } #CampaignDetailsSidebar .RewardsListing li .hoverEffect * {vertical-align: middle;} #CampaignDetailsSidebar .RewardsListing li .hoverEffect {display: block!important;} #CampaignDetailsSidebar .RewardsListing li .hoverEffect span {display: inline-block; height: 100%; width: 1px;} #CampaignDetailsSidebar .RewardsListing li .hoverEffect span {display: inline-block; height: 100%;} #CampaignDetailsSidebar .RewardsListing li .hoverEffect{font-size:18px; margin:0; padding:0;/* transform:scale(0.2); transition:transform 0.0s ease 0s, opacity 0.0s ease 0s;*/ color:#ffffff; text-align:center; opacity:0; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #CampaignDetailsSidebar .RewardsListing li:hover .hoverEffect{font-size:18px; margin:0; padding:0;/* transform:scale(1); transition:transform 0.5s ease 0s, opacity 0.5s ease 0s;*/ text-align:center; opacity:0.85; } #CampaignDetailsSidebar .RewardsListing li:hover .hoverEffect font{color:#ffffff; /*transform:scale(1); transition:transform 0.5s ease 0s, opacity 0.5s ease 0s;*/ /*margin-top:150px;*/ text-align:center; opacity:10!important; text-shadow:0 1px 2px #000;} .submenu p.reward_desc{font-size:12px; line-height:18px; color:#000000; margin-bottom:5px } .submenu p.reward_desc-detail{font-size:12px; line-height:18px; color:#666; margin-bottom:2px } .ktt_titleWrapper {margin-bottom:15px; line-height:30px;} .ktt_titleWrapper ._kt_backers_icon{ margin-right:5px; height:20px; background-size:auto 100%} .ktt_titleWrapper p{font-size:15px; color:#323a45; font-weight:600; text-transform:uppercase;} .ktt_rewardTitle_icon{display:block; width:auto; height:25px; background-image:url("/images_old/reward_head_icon.png")!important; background-repeat: no-repeat; background-position:left center; line-height:24px; color:#424242; font-size:11px; text-align:right; padding-left:24px; color:#424242; font-size:12px; margin:0 10px 0 0;} .ktt_backers_icon{display:block; width:auto; height:16px; background-image:url("/images_old/icon_heart_small.png")!important; background-repeat: no-repeat; background-position:left center; line-height:16px; color:#e23f3f; text-align:right; padding-left:18px; font-size:12px; margin:0 10px 0 0;} .listing_details_wrapper .ktt_backers_icon{display:block; width:auto; height:16px; background-image:url("/images_old/icon_heart_small.png")!important; background-repeat: no-repeat; background-position:left center; line-height:16px; color:#666666; text-align:right; padding-left:18px; font-size:12px; margin:23px 0px 0 0;} .ktt_backersTitleWrapper {margin-bottom:20px; line-height:30px;} .ktt_backersTitleWrapper ._kt_backers_icon{ margin-right:5px; height:20px; background-size:auto 100%} .ktt_backersTitleWrapper p{font-size:12px; color:#e23f3f; font-weight:normal; text-transform:capitalize; line-height:16px;} /* ========================================================================== TESTIMONIALS CONTENT CSS START HERE ========================================================================== */ .ktt_testimonialsWrapper { float: left; width: 98%; padding: 1%; background: none; position:relative;} .demo{height:190px;} .quovolve { margin: 20px 0; } .quovolve blockquote { margin: 0; float:left; background:url(/images_old/quot_mark.png) left 0px no-repeat; width:90%; padding:0 0 0 10%;} .quovolve blockquote p { margin:5px 0 10px 0; font-size:11px; font-style:italic; color:#000000; } .quotes ul { list-style: none; } /* ========================================================================== General Navigation Styles ========================================================================== */ .quovolve-nav:before, .quovolve-nav:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .quovolve-nav:after { clear: both; } .quovolve-nav { margin: 20px 0; line-height: 30px; zoom: 1; left: 141px; margin: 0; position: absolute; top: 7px;} .quovolve-nav span { float: left; margin-right: 5px; } .quovolve-nav span.nav-prev a { background:url(/images_old/buttonsarrow.png) left top no-repeat; height:16px; width:16px; line-height:16px; color:#fff; display:block; text-indent:-99999px;} .quovolve-nav span.nav-prev a:hover { background:url(/images_old/buttonsarrow.png) left -16px no-repeat;} .quovolve-nav span.nav-next a { background:url(/images_old/buttonsarrow.png) -16px top no-repeat; height:16px; width:16px; line-height:16px; color:#fff; display:block; text-indent:-99999px;} .quovolve-nav span.nav-next a:hover { background:url(/images_old/buttonsarrow.png) -16px -16px no-repeat;} .nav-text { margin-left: 5px; color: #aaa; margin-top:-7px; } .autourOuter{background:url(/images_old/author_outer_bg.png) left 0px no-repeat; float:left; width:100%; margin-top:0px; padding-top:20px;} .author_pic{float:left; width:46px; height:46px; margin-right:4%; border-radius:50px; overflow:hidden; border:0px solid #ccc;} .autourOuter h2{float:left; width:72%; margin:3% 0 0 0; padding:0 0 0 0; text-transform:uppercase; color:#33a1de; font-size:12px; } .autourOuter h3{float:left; width:72%; margin:0 0 0 0; padding:0 0 0 0; color:#000000; font-size:12px;} /* ========================================================================== STATASTIC CONTENT CSS START HERE ========================================================================== */ .ktt_statastic{background:url(/images_old/statastic_bg.png) top center no-repeat; float:left; width:100%; padding:35px 0 40px 0; margin-top:35px; text-align:center;} .ktt_statasticCol{float:left; width:31%; margin:0 1% 0 1%; } .ktt_statasticColAmount{width:auto; padding:0 4%; margin:0 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColBackers{width:auto; padding:0 4%; margin:0 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColCampaing{width:auto; padding:0 4%; margin:0 1%; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticCol h2, .ktt_statasticColAmount h2, .ktt_statasticColBackers h2, .ktt_statasticColCampaing h2{ width:100%; height:auto; line-height:normal; text-align:center; font-size:45px; font-weight:600; color:#00b1b0;} /*When digit will incresed that time font size will- "font-size: 38px;"*/ .ktt_statasticCol h3, .ktt_statasticColAmount h3, .ktt_statasticColBackers h3, .ktt_statasticColCampaing h3{ width:100%; height:auto; line-height:normal; text-align:center; font-size:16px; font-weight:500; color:#323a45;} /* ========================================================================== FOOTER CSS START HERE ========================================================================== */ .footerSeperator{background:#f8f8f8; float:left; width:100%; height:30px; } .ktt_footerOuter { background:#ffffff; float:left; padding-top:0px; width:100%; border-top:1px solid #f8f8f8;} .ktt_footerInner { margin:0 auto; width:1070px;} .ktt_footerFeatured { float:left; margin:0; width:100%;} .ktt_footerHeadings{float:left; height:auto; line-height:normal; /*margin-right:2%;*/ text-align:left; width:110px;} .ktt_footerHeadings h3{color:#000000; font-size:13px; font-weight:600; margin-bottom:0; text-transform:uppercase; line-height:48px; margin-top:15px; border-right:1px solid #c9c9c9; padding-right:12%;} .ktt_footerFeatured ul{float:left; margin:1px 0; padding:0; width:87.6%;} .ktt_footerFeatured ul li{background:url(/images_old/featured_logo_desk_1.png) 0 0 no-repeat; display:inline-block; float:left; height:78px; margin:0 2.2%; padding:0; text-align:center; width:20%;} .ktt_footerFeatured ul li a{display:block; height:78px; text-indent:-999999px;} .ktt_footerFeatured ul li.mashable{background-position:0 0; width: 127px} .ktt_footerFeatured ul li.mashable:hover{background-position:0 -78px;} .ktt_footerFeatured ul li.entrepreneur{background-position:-163px 0; width: 144px;} .ktt_footerFeatured ul li.entrepreneur:hover{background-position: -163px -78px;} .ktt_footerFeatured ul li.economicTimes{background-position:-342px 0px; width: 157px} .ktt_footerFeatured ul li.economicTimes:hover{background-position:-342px -78px;} .ktt_footerFeatured ul li.dnaIndia{background-position:-547px 0px; width:62px;} .ktt_footerFeatured ul li.dnaIndia:hover{background-position:-547px -78px;} .ktt_footerFeatured ul li.timesofIndia{background-position:-650px 0px; width:115px;} .ktt_footerFeatured ul li.timesofIndia:hover{background-position:-650px -78px;} .ktt_footerFeatured ul li.cnbcTv{background-position:-818px 0px; width: 56px; margin-right: 0px} .ktt_footerFeatured ul li.cnbcTv:hover{background-position:-818px -78px;} .ktt_footerInfoWrapper { margin:0 auto; width:1070px;/*width:97%;*/ height:68px; color:#7f848b; border-top:1px solid #474e58; font-size:11.2px; clear:both;} .paymentInfoTitle{float: left; line-height: 68px; margin-right: 1.2em; width: auto;} .paymentOptions{float:left; width:auto; padding-right:1.5em; margin-top:20px; border-right:1px solid #5d646c;} .securedPaymentText { background: url("/images_old/lock_icon.png") no-repeat scroll left center ; float: left; line-height: 30px; margin:20px 1.5em 0 1em; padding:0 1.5em 0 3em; width: auto; border-right:1px solid #5d646c; } .securePaumentOuter{background: url("/images_old/lock_icon.png") no-repeat scroll left center ; float: left; margin:10px 1.5em 0 1em; padding:0 1.5em 0 3em; width: auto; border-right:0px solid #5d646c; text-align:center;} .securedText{text-align:left; width:72px; float:left; margin:12px 10px 0 0; display:inline-block; line-height:normal;} .sslIcon{text-align:left; width:48px; display:inline-block; line-height:normal;} .ktt_subscribeOuter{float:left; width:100%; margin-bottom:15px;} .ktt_subscribeformOuter{float:left; width:100%; position:relative;} .ktt_subscribeOuter p{float:left; width:100%; margin-bottom:15px; color:#999da2;} .ktt_subscribeformOuter input[type="text"]{float:left; width:70%; padding:0 22% 0 5%; height:38px; line-height:30px; border:0px solid #e4e4e4; border-radius:5px; margin:5px 0 ; outline:none; transition:transform 0.2s ease-in-out 0s; font-size:13px; font-weight:normal; color:#666666; background:url(/images_old/input_bg.png) top left repeat; margin:0;} .ktt_subscribeformOuter input[type="submit"]{width:auto; position:absolute; right:0; top:0; height:38px; background:#00b1b0 url(/images_old/mail_icon.png) top right no-repeat; text-indent:-999999px; border:0px; width:40px; border-radius:0 5px 5px 0; transition: all 0.3s ease-in-out 0s; cursor:pointer;} .ktt_subscribeformOuter input[type="submit"]:hover{width:auto; position:absolute; right:0; top:0; height:38px; background:#00b1b0 url(/images_old/submit_mail_icon.png) top right no-repeat; text-indent:-999999px; border:0px; width:40px; border-radius:0 5px 5px 0; /*transform: rotate(360deg);*/ cursor:pointer;} .ktt_footerSocialMedia{float:left; width:100%; margin-top:5px;}/*for new footer*/ /*.ktt_footerSocialMedia{float:left; width:33%; margin-top:18px;} */ .ktt_footerSocialMedia .addthis_32x32_style .dummy .at300bs, .ktt_footerSocialMedia .addthis_32x32_style .at300bs, .ktt_footerSocialMedia .addthis_32x32_style .at15t {background:none!important; display:inline-block; height:32px !important; line-height:32px !important; overflow:hidden; width:32px !important;} .ktt_footerSocialMedia .addthis_default_style .at300b, .addthis_default_style .at300bo, .ktt_footerSocialMedia .addthis_default_style .at300m { padding:0 0px;} .ktt_footerSocialMedia a{background-image:url("/images_old/footer_socialMedia.png"); background-repeat:no-repeat; margin-bottom:0px; margin-right:6px;} .ktt_footerSocialMedia a.fb { background-position:0 top !important; margin-bottom:0px;} .ktt_footerSocialMedia a.fb:hover { background-position:0 -37px !important; margin-bottom:0px;} .ktt_footerSocialMedia a.tw { background-position: -41px 0 !important; margin-bottom:0px;} .ktt_footerSocialMedia a.tw:hover{ background-position: -41px -37px !important; margin-bottom:0px;} .ktt_footerSocialMedia a.linkedin { background-position: -81px 0 !important; margin-bottom:0px;} .ktt_footerSocialMedia a.linkedin:hover { background-position: -81px -37px !important; margin-bottom:0px;} .ktt_footerSocialMedia a.instagram { background-position: -122px 0 !important; margin-bottom:0px;} .ktt_footerSocialMedia a.instagram:hover { background-position: -122px -37px !important; margin-bottom:0px;} .ktt_footerSocialMedia a.wpress { background-position: -164px top !important; margin-bottom:0px;} .ktt_footerSocialMedia a.wpress:hover { background-position: -164px -37px!important; margin-bottom:0px;} .ktt_footerSocialMedia a.googleplus { background-position: -205px top !important; margin-bottom:0px;} .ktt_footerSocialMedia a.googleplus:hover { background-position: -205px -37px!important; margin-bottom:0px;} .ktt_footerSocialMedia .addthis_default_style .addthis_separator, .ktt_footerSocialMedia .addthis_default_style .at300b, .ktt_footerSocialMedia .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs {float:left; margin-left:0px!important; height:32px !important; width: 32px !important; display:inline-block;} .ktt_footerLinks { background:#323a45; float:left; height:auto; width:99%; padding:0 0.5%;} .ktt_footerLinksInner { margin:0 auto; width:1070px; /*width:97%;*/} .ktt_footerCopyrightsDesk { color: #7f848b; float: right; font-size: 11.2px; font-weight: 200; line-height: 48px; min-width: 16%; text-align: right; display:none;}/*for new footer 'none'*/ .ktt_footerCopyrightsMob { color: #7f848b; float: left; font-size: 11.2px; font-weight: 200; line-height: normal; margin:30px 0 10px 0; min-width: 16%; text-align: right; display:block;}/*for new footer 'block*/ .ktt_footerSocialMedia .at4-icon.aticon-facebook{ background-image:none!important; background-color:transparent!important;} .ktt_footerSocialMedia .at4-icon.aticon-twitter{background-image:none!important; background-color:transparent!important;} .ktt_footerSocialMedia .at4-icon.aticon-linkedin{background-image:none!important; background-color:transparent!important;} .ktt_footerSocialMedia .at4-icon.aticon-instagram{background-image:none!important; background-color:transparent!important;} /*LATEST NEW FOOTER COLUMN*/ .ktt_footerColumn{float:left; width:19%; margin:18px 1% 18px 0;} .ktt_footerColumn h2{float:left; width:100%; margin-bottom:5px; color:#ffffff; padding:0; font-size:14px; font-weight:600; text-transform:uppercase;} .ktt_footerColumn ul { float:left; margin:0; padding:0; width:100%;} .ktt_footerColumn ul li { float:left; width:100%; line-height:18px; margin:0 0px 0 0; padding:0;} .ktt_footerColumn ul li a { color:#999da2; font-size:13.5px; font-weight:200; text-align:center; text-decoration:none; border-right:0px solid #7f848b; padding-right:5px; transition: all 450ms ease-in-out 0s;} .ktt_footerColumn ul li a:hover {color:#ffffff;} ul#terms-conditions-outer li { float:left; width:auto; line-height:normal; margin:0 0px 0 0; padding:0 10px 0 0; display:inline-block;} ul#terms-conditions-outer li a { color:#999da2; font-size:11px; font-weight:200; text-align:center; text-decoration:none; border-right:0px solid #7f848b; padding-right:5px; transition: all 450ms ease-in-out 0s;} .ktt_footerColumn ul li a.CreativeRed { color:#999da2;} .ktt_footerColumn ul li a.CreativeRed:hover {color:#e84a5f!important;} .ktt_footerColumn ul li a.ngoOrange { color:#999da2;} .ktt_footerColumn ul li a.ngoOrange:hover {color:#fa9d1c!important;} .ktt_footerColumn ul li a.personalBlue { color:#999da2;} .ktt_footerColumn ul li a.personalBlue:hover {color:#2b7dd9!important;} .ktt_footerColHeight{height:auto;} .ktt_mobHeading{display:block;} #_atssh{display: none!important;} /* ========================================================================== FORM CSS START HERE ========================================================================== */ .ktt_uniqueFormWrapper ._kt_breadcrumb {background:none; font-size:11px;} .ktt_uniqueFormWrapper{float:left; width:100%; background:url(/images_old/form_bg_desk.png) center top repeat-y;} .ktt_uniqueFormInfo{float:left; width:41.5%; padding:0 4% 0 0;} .ktt_uniqueFormInfo p, .ktt_uniqueFormInfo span{ float:left; color:#313131; font-size:16px; line-height:20px; margin-bottom: 10px;} .ktt_uniqueFormInfo strong{color:#313131; font-size:16px; font-weight:600; line-height:normal; margin-bottom:15px; float:left; width:100%;} .ktt_uniqueFormInfo ul{float:left; width:100%;} .ktt_uniqueFormInfo ul li{float:left; width:96%; padding-left:25px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:16px; line-height:30px; margin-bottom:20px; color:#313131;} .ktt_uniqueFormContent{float:left; width:47.5%; padding:0 3.5% 30px 3.5%; } .ktt_uniqueFormActualContentWrapper{float:left; width:100%;} .ktt_uniqueFormInfo h2, .ktt_uniqueFormContent h2{float:left; width:100%; padding:0 0%; font-size:45px; color:#00b1b0; font-weight:600; text-transform:uppercase; margin-bottom:30px;} .ktt_uniqueFormformHeading{float:left; width:100%; margin-bottom:0px; position:relative;} .ktt_uniqueFormformHeading h3{line-height:75px; color:#00b1b0; float:left; font-size:25px;} .ktt_uniqueFormformHeadingNumner{float:left; width:50px; height:50px; position:absolute; left:-75px; background:#00b1b0/*url(/images_old/form_number_bg.png) center center no-repeat*/; line-height:50px; text-align:center; color:#ffffff; font-size:25px; font-weight:600; border:10px solid #ffffff; -moz-border-radius:75px; -webkit-border-radius:75px; border-radius:75px;} .contributeHeading{font-size:25px!important; margin-bottom: 15px!important;} /*UNIQUE FIELD CSS START*/ .ktt_uniqueFormRow {float: left;width: 100%; margin-bottom:15px;} #CampaignStep1 .ktt_uniqueFormNote, .ktt_uniqueFormNote {float: left;width: 82%; font-size:smaller!important; margin-top: 5px; font-style:italic; color:#aaa;} .ktt_uniqueFormRow label{display:block; font-size:12px; margin:5px 0; width:78%!important;} .ktt_uniqueFormRow label span{color:#ff0000; font-size:15px;} .ktt_uniqueFormRow input[type="text"], .ktt_uniqueFormRow input[type="password"]{float:left; width:66%; height:30px; line-height:30px; padding:10px 10% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 0px 0 !important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow input[type="text"]:focus, .ktt_uniqueFormRow input[type="password"]:focus, .ktt_uniqueFormRow input[type="file"]:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow input[type="file"]{float:left; width:66%; height:20px; line-height:20px; padding:3px 10% 3px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 0px 0 !important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} /*.ktt_uniqueFormRowmultyField {float: left;width: 100%; margin-bottom:15px;} .ktt_uniqueFormRowmultyField input[type="text"], .ktt_uniqueFormRowmultyField input[type="password"], .ktt_uniqueFormRowmultyField input[type="file"]{float:left; width:14.5%; height:30px; line-height:30px; padding:10px 8% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"]:focus, .ktt_uniqueFormRowmultyField input[type="password"]:focus, .ktt_uniqueFormRowmultyField input[type="file"]:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;}*/ .ktt_uniqueFormRowmultyField {float: left;width: 100%; margin-bottom:15px;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode{float:left; width:22%; height:30px; line-height:30px; padding:10px 8% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].prefixCountry{float:left; width:8%; height:30px; line-height:30px; padding:10px 0% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select{float:left; width:78.3%; height:50px; padding:10px 10% 10px 10px; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow textarea{float:left; width:66%; height:80px!important; background:#ffffff url(/images_old/spacer.png) top left repeat!important; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; padding:10px 10% 10px 10px; transition:transform 0.2s ease-in-out 0s; font-size:13px!important; color:#666666;} .ktt_uniqueFormRow textarea:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow input[type="radio"], .ktt_uniqueFormRow input[type="checkbox"]{margin:6px 10px 0 0; float:left; min-height:13px; width:20px;} .noBorderMargine, .media_form_wrapper {border: medium none !important; margin-bottom: 0 !important; padding-bottom: 0px !important;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 14.5%;} /*BUTTONS CSS START*/ #ktt_uniqueFormButtons input[type="button"], #ktt_uniqueFormButtons input[type="submit"], #ktt_uniqueFormButtons input[type="cancel"], #ktt_uniqueFormButtons a, #ktt_uniqueFormButtons1 input[type="button"], #ktt_uniqueFormButtons1 input[type="submit"], #ktt_uniqueFormButtons1 input[type="cancel"], #ktt_uniqueFormButtons1 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:18px!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; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s; margin-right: 2%; border-top:0px; border-right:0px; border-left:0px;} #ktt_uniqueFormButtons input[type="button"]:hover, #ktt_uniqueFormButtons input[type="submit"]:hover, #ktt_uniqueFormButtons input[type="cancel"]:hover, #ktt_uniqueFormButtons a:hover, #ktt_uniqueFormButtons1 input[type="button"]:hover, #ktt_uniqueFormButtons1 input[type="submit"]:hover, #ktt_uniqueFormButtons1 input[type="cancel"]:hover, #ktt_uniqueFormButtons1 a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_uniqueFormButtons input[type="button"]:foucs, #ktt_uniqueFormButtons input[type="submit"]:foucs, #ktt_uniqueFormButtons input[type="cancel"]:foucs, #ktt_uniqueFormButtons a:focus, #ktt_uniqueFormButtons1 input[type="button"]:foucs, #ktt_uniqueFormButtons1 input[type="submit"]:foucs, #ktt_uniqueFormButtons1 input[type="cancel"]:foucs, #ktt_uniqueFormButtons1 a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_uniqueFormButtons input[type="button"].disableFDonor, #ktt_uniqueFormButtons input[type="submit"].disableFDonor, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor, #ktt_uniqueFormButtons a.disableFDonor, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor, #ktt_uniqueFormButtons1 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:18px!important; font-weight:500!important; color:#bfbfbf!important; padding:0 45px!important; cursor:default!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #cdcdcd!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s;} #ktt_uniqueFormButtons input[type="button"].disableFDonor:hover, #ktt_uniqueFormButtons input[type="submit"].disableFDonor:hover, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor:hover, #ktt_uniqueFormButtons a.disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor:hover, #ktt_uniqueFormButtons1 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;} #ktt_uniqueFormButtons input[type="button"].disableFDonor:foucs, #ktt_uniqueFormButtons input[type="submit"].disableFDonor:foucs, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor:foucs, #ktt_uniqueFormButtons a.disableFDonor:focus, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor:foucs, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor:foucs, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor:foucs, #ktt_uniqueFormButtons1 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;} /* ========================================================================== START A CAMPAIGN PAGE CSS START ========================================================================== */ .stepsHeading{float:left; width:100%; height:38px; background:url(/images_old/step_heading_bg.png) left top repeat-x; margin-bottom:20px;} .stepsHeadingInner{float:left;/* width:90%;*/ width:40%; background:#00b1b0; padding:0 0 0 2%; border-radius:0 38px 38px 0; margin: 0 0 0 -38px;} .stepsHeadingInner h2{color:#ffffff; font-size:18px; font-weight:600; text-transform:capitalize; line-height:38px; margin:0; padding:0; text-align:left;} .createACampaignInner {background: none; padding:0 0; display: inline-block; width:96%;} .mandatoryNote{float:left; width:100%; margin:15px 0;} .mandatoryNote span{color:#ff0000;} #StartCampaign .ktt_uniqueFormRow .radio_options li{padding:0px 0px;} #StartCampaign .ktt_uniqueFormRow .radio_options li.selected{background:none;} /*.ktt_uniqueFormRow #DaysData input[type="text"]{width:auto;} .ktt_uniqueFormRow #DateData input[type="text"]{width:auto;}*/ .ktt_uniqueFormRow li{list-style:none;} .ktt_uniqueFormRow .form_left_wrapper {float: left; margin-right: 1.5%; width: 100%;} #MediaUploadButtonHolder input[type="file"]{width:74%; margin-top:0; height:30px; line-height:30px; float:right; padding:5px 10% 5px 10px!important;} #myProfileImg img {float: left; height: auto !important; margin-bottom: 0 !important; margin-right: 1%; width: 10% !important;} .createACampaignRow .form_right_wrapper {margin-top: 10px; } .createACampaignInner h1{float:left; width:100%; font-size:20px; color:#000; font-weight:600; margin-bottom:10px; text-transform:uppercase;} @media screen and (-webkit-min-device-pixel-ratio:0) { #MediaUploadButtonHolder input[type="file"]{width:68%; margin-top:0; height:auto; line-height:normal;} } .shorturl{float:left; width:76%; border: 1px solid #e4e4e4; border-radius: 5px; margin-bottom: 5px; outline: medium none; padding: 10px 0% 10px 10px; margin-top:0px;} #StartCampaign .shorturl input[type="text"]{ border:1px solid #fff!important; border-radius: 0px!important; padding:0; margin:0!important; line-height:30px!important; width:69%; padding:0 8% 0 0px !important; float:right;} #StartCampaign .shorturl input[type="text"]:focus{ border:1px solid #fffff3 !important;} /*#StartCampaign .shorturl input[type="text"]:focus{background:none!important; border:none!important; border-radius: 0px!important; padding:0!important; margin:0!important; line-height:30px!important; width:60%;}*/ .prefixUrl{line-height:32px; font-size:13px; font-weight:200; color:#999;} .phonePlus{float:left; width:76%; background:#ffffff!important; border: 1px solid #e4e4e4; border-radius: 5px; margin-bottom: 5px; outline: medium none; padding: 10px 0% 10px 10px; margin-top:8px;} .prefixPlus{line-height:30px; font-size:13px; font-weight:200; color:#999; width:6%;} #frmStartCampaign ._kt_form .phonePlus input[type="text"]{border:none!important; border-radius: 0px!important; padding:0 10% 0 5px !important; margin:0!important; line-height:normal!important; width:82%;} #frmStartCampaign ._kt_form .phonePlus input[type="text"]:focus{border:none!important; border-radius: 0px!important; padding:0 10% 0 5px !important; margin:0!important; line-height:normal!important; width:82%;} #StartCampaign .ktt_uniqueFormRow .radio_options label {cursor:default; margin:5px 0;} #StartCampaign #editor .shorturl {border: 1px solid #e4e4e4; border-radius: 5px; float: left; margin-bottom: 5px; margin-top: 8px; outline: medium none; padding: 10px 0 10px 10px; width: 86%;} #StartCampaign #editor .shorturl input[type="text"] {border: medium none !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 1px 10% 0 0px !important; width:72%; float:right;} #StartCampaign #editor .createACampaignRow .comp_large { float: left; width: 75%;} #StartCampaign #editor .createACampaignRow #DateData input[type="text"] {width: 75% !important;} #StartCampaign #editor .uploadeImageOuter { width: 85%;} /* ========================================================================== CREATIVE PAGE CSS START ========================================================================== */ p.questionaryHeading{float:left; width:auto; font-size: 24px!important;font-weight: 600!important;} .question{list-style:decimal; float:left; width:78%; font-size:11.5px; margin-bottom:10px;} #questionary label{color:#000000; font-weight:600; margin-bottom:15px;} #questionary label span{color:#ff0000; font-weight:500; font-size:15px;} #questionary input[type="text"], #questionary input[type="password"] {margin-bottom: 10px; outline: none; padding: 10px 10px; margin-top:0; border: 1px solid #e4e4e4;} #questionary .footnotes{color: #ccc; float: left; font-size: 11.5px; font-style: italic; margin-bottom:15px; width: 80%;} #questionary .fieldOuter { background: none repeat scroll 0 0 #ffffff; border: 0px solid #e4e4e4; border-radius: 5px; float: left; padding: 10px; text-align: left; width:88%; margin:0px 0 10px 0;} #questionary select { border-radius: 5px; height: 30px; line-height: 30px; margin-bottom: 0px; padding: 3px 19px 3px 10px; border:1px solid #ffffff !important; width:100%;} #questionary select:focus, #questionary textarea:focus{background:#ffffff!important;} #questionary textarea {background-color: #ffffff; border: 1px solid #e4e4e4!important; border-radius: 5px; font-size: 12px; margin-bottom: 5px; margin-top: 0px; min-height: 30px; transition: transform 0.2s ease-in-out 0s; width:88% !important;} #questionary input[type="file"] {border: 1px solid #e4e4e4 !important; display: block; font-size: 11.5px; height: 30px; line-height: 30px; margin-bottom: 10px; margin-top: 0; padding: 1.5%; width: 88.3%; padding-bottom: 10px !important;} #questionary .formRowOuter {float: left; width: 100%; } .addRow{float:left; width:100%; margin-bottom:0px; position:relative; } .addRowHeadingOuter{float:left; width:100%;} .addRowHeadinginner { float: left; margin-bottom: 10px; width: 46.8%; display:block; padding-top:15px;} .addRowHeadinginnerInside { float: left; margin-bottom: 10px; width: 46.8%; display:none;} .addRowColumn{float:left; width:46.8%; margin-bottom:0px;} .addRowColumnAddButton{ bottom: 15px; height: 20px; margin-bottom: 0; position: absolute; right: -10px;} .addRowColumn .heading, .addRowColumnAddButton .heading{float:left; width:100%; margin:5px 0 10px 0; font-size:13px;} /*.addRowColumn_oneThird{float:left; width:30%; margin:0 1.5%;}*/ #questionary ._kt_form_wrapper {padding-bottom: 40px;} #questionary label.agreement {float: left; font-size: 14px; font-weight: 500 !important; line-height: inherit; margin-bottom: 15px;} .repeatDiv, .cp_profile, .cp_fund_use{position:relative;} .repeatDiv{background:#f2f2f2; border-radius: 5px; float: left; margin:10px 0; padding: 2%; width: 97.5%;} .ktt_uniqueFormRow .repeatDiv{background:#fafafa; border-radius: 5px; float: left; margin:10px 0; padding: 2%; width: 97.5%;} #questionary .repeatDiv input[type="text"], #questionary .repeatDiv input[type="password"] { margin-bottom: 0px !important; margin-top: 0; outline: medium none; padding: 10px;} .downloadHandbook{width:36%; margin-right:0%; float:right; display:block; text-align:center;} .downloadHandbookSmall{width:36%; margin-right:0%; float:right; display:none; text-align:center;} .thankyouMessage{width:40%; margin:50px auto 400px auto; text-align:center; padding:2%; display:block; background:#ffffff; border-radius:10px;} .thankyouMessage h2{font-size:44px; font-weight:600; text-transform:uppercase; color:#000; margin-bottom:30px;} .thankyouMessage h3{font-size:20px; color:#00b1b0; margin-bottom:20px;} /* ========================================================================== ADD / REMOVE BUTTONS ========================================================================== */ /*ADD*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important; } .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /*ADD NEW*/ .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_profile a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; top: 142px; right: 3px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px;top:125px; right: 3px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE NEW*/ .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; bottom: 28px; right: 15px; position: absolute;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:focus, .repeatDiv a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /* ========================================================================== SHARE BUTTONS CSS START HERE ========================================================================== */ /*.at-share-close-control {bottom: -20px!important; overflow: auto; position: absolute!important; width: 48px;}*/ /*.atss { background: url(/images_old/share_icon.png) center top no-repeat #ffffff!important; position: fixed; top:33%!important; width: 48px; z-index: 100020; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 1px solid #e0e0e0; border-image: none; border-radius: 0 7px 7px 0; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding:53px 0 3px !important; position: fixed; width: 48px; z-index: 100020;}*/ /*.addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t { background: url(https://www.ketto.org/images_old/widget008.old.32.icons.png) no-repeat 0 0!important;} .atss a:hover { width:48px!important;} a.at-svc-facebook { background:none!important;} a.at-svc-lidar, a.at-svc-twitter, a.at-svc-yammer {background: none!important;} a.at-svc-linkedin, a.at-svc-startaid { background:none!important;} a.at-svc-giftery, a.at-svc-gmail { background:none!important;} .addthis_32x32_style .at15t_facebook {background-position: 0 -2528px !important;} .addthis_32x32_style .at15t_twitter {background-position: 0 -8416px !important;} .addthis_32x32_style .at15t_linkedin {background-position: 0 -4704px !important;} .addthis_32x32_style .at15t_gmail {background-position: 0 -3456px !important;} #at4-share .at4-share-count { color: #000 !important; font-family: inherit !important; font-size: 10px; font-weight: 200; height: 13px; line-height: 12px; text-indent: 0; width: 100%;} .atss a{background:#ffffff!important;} .at4-icon.aticon-facebook{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -2528px !important;} .at4-icon.aticon-linkedin{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -4704px !important;} .at4-icon.aticon-twitter{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -8416px !important;} .at4-icon.aticon-gmail{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -3456px !important;} .at4-icon.aticon-google_plusone_share{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -3552px !important;} .at4-icon.aticon-google{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -3520px !important;} div.at-share-open-control-left.ats-gray, div.at-share-open-control-right.ats-gray, div.at-share-close-control.ats-gray { background: none !important;} .at-share-open-control-left { left: 0; position: fixed; top: 32%!important; width: 22px; z-index: 100020;}*/ /*.at-share-close-control {width:35px!important; height:15px;}*/ /* ========================================================================== HANDBOOK PAGE CSS START ========================================================================== */ .ktt_handBookWrapper{width:768px; margin:0 auto 30px auto; background:#ffffff;} .ktt_handBookContent{float:left; width:88%; padding:6%; margin-bottom:30px;} .ktt_handBookContent .logo{float:left; width:100%; margin-bottom:20px;} .ktt_handBookContent .handbookTtitle{float:left; width:100%; font-size:33px; font-weight:500; color:#323a45;} .ktt_handBookWrapper .heading{float:left; width:100%; background:#00b1b0; width:88%; padding:6%; text-align:left; font-size:38px; font-weight:600; color:#ffffff; text-transform:uppercase;} .ktt_handBookContent h2{float:left; width:100%; font-size:25px; font-weight:600; margin:30px 0 10px 0; color:#000;} .ktt_handBookContent h2 span{color:#00b1b0;} .ktt_handBookContent p{float:left; width:100%; font-size:15px; font-weight:500; margin:0 0 25px 0; line-height:22px;} .ktt_handBookContent h3.headingMedium{float:left; width:100%; font-size:20px; margin-bottom:10px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingMedium a{float:left; width:100%; font-size:25px; margin-bottom:0px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingSmall{float:left; width:100%; font-size:18px; margin-bottom:10px; font-weight:600; color:#323a45; text-transform:uppercase;} .ktt_handBookContent ul.indexing{float:left; width:100%; margin:0 0 20px 0; padding:0;} .ktt_handBookContent ul.indexing li{float:left; width:100%; margin-bottom:10px; font-style:italic; color:#00b1b0; font-size:15px;} .ktt_handBookContent ul.indexing li a{margin-bottom:10px; font-style:normal; color:#00b1b0; font-size:14px;} .ktt_handBookContent ul.contentlist{float:left; width:100%; margin:0 0 20px 0; padding:0;} .ktt_handBookContent ul.contentlist li{float:left; width:96%; padding-left:4%; margin-bottom:10px; font-size:15px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .ktt_handBookContent ol.contentlist{float:left; width:100%; margin:0 0 20px 0; padding:0;} .ktt_handBookContent ol.contentlist li{float:left; width:96%; padding-left:4%; margin-bottom:10px; font-size:15px; list-style:inside none decimal;} .ktt_handBookContent .blueHeading{font-size:17px; font-weight:500; color:#00b1b0; float:left; width:100%; margin:10px 0 10px 0;} .ktt_handBookimages{float:left; width:100%; text-align:center;} .ktt_tablet_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:block;} .ktt_tablet_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_handBookimages img, .ktt_tablet_port img, .ktt_tablet_land img, .ktt_mobile_port img{max-width:100%;} .ktt_handBookContent .colLeft{width:47%; float:left;} .ktt_handBookContent .colRight{width:47%; float:right;} .ktt_handBookContent .colLeft ul.contentlist li, .ktt_handBookContent .colRight ul.contentlist li{float:left; width:94%; padding-left:6%; margin-bottom:10px; font-size:15px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .backPage{float:left; width:100%; background:#00b1b0;} .backPage h1{color:#ffffff; font-size:70px; font-weight:600; padding:600px 10% 10% 10%;} .pageBrack{float:left; width:100%; background:#f8f8f8; height:30px;} .backtoTop{position:fixed; bottom:20px; right:30px; display:block;} .backtoTop a{color:#CCCCCC; -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; } .backtoTop a:hover{color:#3399cc;} .fullImage img{width:100%!important;} /* ========================================================================== MUSIC LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_musicBg1{background:#f8f8f8 url(/images_old/music_bg.png) right 100px no-repeat; padding:0 0 70px 0; float:left; width:100%;} .ktt_musicBg1 ._kt_breadcrumb, .ktt_moviefilmsBg1 ._kt_breadcrumb, .ktt_otherCreativeBg1 ._kt_breadcrumb{background:none;} .ktt_creativeInner{width:1070px; margin:70px auto 70px auto;} .ktt_musicInnerWrapper{float:left; width:68%;} .ktt_musicInnerWrapperBig{float:left; width:76%;} .creatingHeading{float:none; width:100%; margin:0 auto 20px; font-size:77px; font-weight:600; line-height:80px; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both;} .creatingSmallHeading{font-size:65px; font-weight:600; line-height:70px; color:#333333; text-transform: uppercase; margin: 0 auto 20px;} .ktt_creativeInner h1{float:none; width:100%; margin:0 auto 0px; font-size:22px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInnerBriefText{float:none; width:100%; margin:0 auto 40px; font-size:22px; line-height:32px; color:#333333; text-align:left; clear:both;} .ktt_creativeInnerBriefText h1{display:inline-block;} .ktt_creativeInner p{float:none; width:100%; margin:0 auto 40px; font-size:18px; line-height:30px; color:#323a45; text-align:left; clear:both;} .ktt_creativeInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:270px; padding:0 30px; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_creativeInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_musicBg2{background:#ffffff/* url(/images_old/music_two.jpg) center top no-repeat; */;padding:70px 0; float:left; width:100%;} p.getStartedIntro{float:none; width:80%; margin:0 auto 40px; font-size:30px; line-height:50px; color:#323a45; text-align:center; font-style:normal; clear:both;} .contSeperator{background:url(/images_old/saperator_bg.png) center center repeat-x; width:60%; height:3px; clear:both; margin:0 auto 40px; } .ktt_musicContact{background:#fbae83; padding:2% 0; float:left; width:100%;} .ktt_musicContactInner{width:1070px; margin:15px auto; text-align:center; font-size:30px; color:#ffffff;} .ktt_musicContactInner a{background:url(/images_old/contact_arrow.png) right center no-repeat; padding-right:45px; color:#ffffff; display:inline-block; text-decoration:none;} .ktt_musicContactInner a:hover{text-decoration:none; color:#ffffff;} /* ========================================================================== MOVIE AND FILMS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_moviefilmsBg1{background:#f8f8f8 url(/images_old/film_bg.png) right 100px no-repeat; padding:0 0 70px 0; float:left; width:100%;} /* ========================================================================== OTHER CREATIVE PROJECTS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_otherCreativeBg1{background:#f8f8f8 url(/images_old/other_creative_bg.png) right 100px no-repeat; padding:0 0 70px 0; float:left; width:100%;} /* ========================================================================== NGO's PAGE 16 DEC 2014 ========================================================================== */ .ktt_ngoBg{background:#f8f8f8 url(/images_old/for_ngos_bg.png) top center no-repeat; padding:0 0 70px 0; float:left; width:100%; height:400px;} .ktt_ngoBg h2{ color: #ffffff; font-family:Montserrat; font-size:52px; font-weight: 600; width:80%; margin:10px auto 20px auto; text-transform: inherit; text-transform:inherit; color:#ffffff;} .ktt_ngoBg h3{font-family: Montserrat;font-size:30px; font-weight: normal; margin: 10px auto 0 auto; width:100%; line-height:35px; color:#ffffff;} .ktt_ngoInner{width:1070px; margin:70px auto 70px auto;} .ktt_ngoInner h1{float:none; width:100%; margin:0 auto 10px; font-size:50px; font-weight:600; line-height:55px; color:#333333; text-align:left; text-transform:none; opacity:0.9; clear:both;} .ktt_ngoInner h2{float:none; width:100%; margin:0 auto 10px; font-size:30px; line-height:38px; color:#333333; text-align:left; clear:both;} .ktt_ngoInner p{float:none; width:100%; margin:0 auto 40px; font-size:18px; line-height:30px; color:#323a45; text-align:left; clear:both;} .custFontSize{font-size:18px;} .ktt_ngoInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:270px; padding:0 30px; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_ngoInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_ngosWrapper{float:left; width:100%;} .ktt_ngosWrapper ul{float:left; width:100%;} .ktt_ngosWrapper ul li{float:left; width:96%; padding-left:25px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:20px; line-height:30px; margin-bottom:20px;} .ktt_ngoBg2{background:#ffffff; padding:0 0 70px 0; height:710px; float:left; width:100%;} .ktt_ngoCcarouselInner{width:1070px; margin:70px auto 70px auto; background:#ffffff;} .ktt_ngoCcarouselImage{width:43%; float:left; margin:0 2% 0 0 } .ktt_ngotCcarouselcontent{width:55%; float:left; margin:20px auto 0px auto; } .ktt_ngoCcarouselInner h2{float:left; width:100%; margin:0 auto 0px; font-size:30px; font-weight:600; line-height:38px; color:#333333; text-align:left; clear:both;} .ktt_ngoCcarouselInner p{float:left; width:100%; height:120px; margin:0 auto 10px; font-size:20px; line-height:25px; color:#323a45; text-align:left; clear:both;} .ktt_ngotCcarouselcontent .pointeOuter{float:left; width:100%; margin:10px 0 10px 0;} .ktt_ngotCcarouselcontent .numberOuter{width:50px; height:50px; margin-right:1%; float:left; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; border:3px solid #00b1b0; text-align:center; vertical-align:middle; padding-top:0px; line-height:50px; color:#00b1b0; font-weight:600; font-size:18px;} .ktt_ngotCcarouselcontent .points{float:left; width:86%; margin-bottom:5px; font-size:15px; text-align:left; margin-top:6px;} .ktt_ngotCcarouselcontent .lineheightcarousel{line-height:45px} /*CAROUSEL CSS START*/ #myNGOCarausel .sy-controls {display:block;} #myNGOCarausel .sy-controls li a:after {background-color:transparent; background-image: url("/images_old/ngo_carousel_arrow.png"); background-repeat: no-repeat; background-size: cover; border-radius:0; color: #111; content: ""; font-weight: 800; height: 100px; left:0%; line-height: 0em; margin-left: 0em; margin-top: 0em; position: absolute; text-align: center; text-indent: 0; top: 341px; width:49px; opacity:1;} #myNGOCarausel .sy-controls li.sy-next a:after {background-position: 100% 0;} #myNGOCarausel .sy-controls li.sy-prev {left: 0px; top: 0;} #myNGOCarausel .sy-controls li.sy-next {right: 0px; top: 0;} #myNGOCarausel .sy-controls li a:link, #myNGOCarausel .sy-controls li a:visited { opacity: 10;} #myNGOCarausel .sy-controls li { height: 100px; min-width:inherit; position: absolute; width: 49px; z-index: 33;} #myNGOCarausel .sy-pager { /*background:#f8f8f8;*/ bottom: -20px; padding:10px 0; display: block; list-style: none outside none; margin: 1em 0 0; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 50;} #myNGOCarausel .sy-pager li {border-radius: 1.5em; display: inline-block; height: 1.5em; margin:0 3px 0 3px; width: 1.5em; /*box-shadow: 0 1px 2px #333;*/} #myNGOCarausel .sy-pager li a {background:#e9e9e9; display: block; height: 100%; text-indent: -9999px; width: 100%; } #myNGOCarausel .sy-pager li.sy-active a { background-color: #00b1b0; opacity: 10;} #myNGOCarausel .sy-pager li a:hover, #myNGOCarausel .sy-pager li a:focus {opacity: 0.8;} #myNGOCarausel .sy-caption-wrap .sy-caption{display:none!important;} /* ========================================================================== GET STARTED PAGE 17 DEC 2014 ========================================================================== */ .ktt_getStartedBg1{background:#f8f8f8 url(/images_old/get_started_bg1.jpg) center top / cover no-repeat; padding:0 0 70px 0; float:left; width:100%;} .ktt_getStartedInnerWrapper{float:left; width:52%; padding:0 3% 0 0;} .ktt_getStartedInnerImageWrapper{float:left; width:45%;} .ktt_getStartedInner{width:1070px; margin:0px auto 0px auto;} /*.ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 20px; font-size:77px; font-weight:600; line-height:80px; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both;}*/ .ktt_getStartedInner h1{float:none; width:100%; margin:60px auto 0px; font-size:22px; line-height:32px; color:#333333; text-align:left; clear:both; font-weight:normal; text-transform:inherit;} .ktt_getStartedInner h1.smallSizeHeading{font-size:65px; font-weight:600; line-height:70px;} .ktt_getStartedInnerBrief{float:none; width:100%; margin:0px auto 40px; font-size:22px; line-height:32px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner p{float:none; width:100%; margin:0 auto 40px; font-size:20px; line-height:30px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:270px; padding:0 30px; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_getStartedInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_getStartedBg2{background:#ffffff; padding:90px 0 90px 0; float:left; width:100%;} .ktt_getStartedBg2 .ktt_getStartedInner h2{float:none; width:100%; margin:0px auto 10px; font-size:30px; line-height:38px; font-weight:600; color:#333333; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner h3{float:none; width:100%; margin:0 auto 100px; font-size:35px; line-height:30px; color:#323a45; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner ul{float:left; width:98%; margin:0 1%;} .ktt_getStartedBg2 .ktt_getStartedInner ul li{float:left; width:23%; margin:0 1%;} .ktt_startCampaignPoints{width:150px; height:150px; -moz-border-radius:150px; -webkit-border-radius:150px; overflow:hidden; border-radius:150px; margin:0 auto 20px auto;} .ktt_startCampaignPointsInfo{float:left; width:100%; font-size:20px; line-height:25px; color:#323a45; text-align:center;} .ktt_getStartedBg3{background:#000000 url(/images_old/get_started_bg2.jpg) center top / cover no-repeat; padding:65px 0 65px 0; float:left; width:100%;} .ktt_getStartedBg3 .ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 20px; font-size:60px; font-weight:600; line-height:normal; color:#ffffff; text-align:center; text-transform:uppercase; clear:both;} .ktt_getStartedBg3 .ktt_getStartedInner p{float:none; width:80%; margin:0px auto 20px; font-size:16px; line-height:35px; font-weight:normal; color:#b2b2b2; text-align:center; clear:both;} .ktt_getStarteMore{background:none; padding:2% 0; float:left; width:100%;} .ktt_getStarteMoreInner{width:1070px; margin:15px auto; text-align:center; font-size:30px; color:#ffffff;} .ktt_getStarteMoreInner a{background:url(/images_old/contact_arrow.png) right center no-repeat; padding-right:45px; color:#ffffff; display:inline-block;} .ktt_getStarteMoreCol{float:none; width:47.5%; margin:0 auto 0 auto; padding:0 1% 0 1%; display:inline-block;} .ktt_getStarteMoreCol p{float:left; width:100%; margin:0 0 15px 0; font-size:14px; color:#323a45;} .ktt_getStarteMoreCol a{float:none; height:70px; line-height:70px; margin:0 auto; width:270px; padding:0 30px; display:block; background:#fbae83; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_getStarteMoreCol a:hover{ display:block; background:#f39967; color:#ffffff; text-transform:uppercase; } .ktt_borderCell{border-right:1px solid #dfdfdf;} /* ========================================================================== MEDIA RELEASE PAGE CSS START ========================================================================== */ .ktt_mediaReleasBg {background: #ffffff;} .ktt_mediaReleasWrapper{height:auto; padding-top:15px; /*background:url("/images_old/about_new.jpg") center 0 no-repeat; background-size:100% 100%;*/ margin-bottom:25px; color:#313131;} .ktt_mediaReleasHeadTextWrapper {margin:0px auto 0; text-align: center; width: 100%;} .ktt_mediaReleasWrapper h2{ color: #313131; font-family:Montserrat; font-size:50px; font-weight: 600; margin-bottom: 0; text-align:left;} .ktt_mediaReleasWrapper h3{font-size:20px; line-height:25px; margin: 0 auto; width: 100%; text-align:left;} ul.ktt_mediaListing{float:left; width:100%; margin:50px 0 0 0; padding:0;} ul.ktt_mediaListing li{float:left; width:100%; margin:0 0 25px 0; padding:0 0 25px 0; list-style:none; border-bottom:1px solid #000000;} .ktt_mediaReleasThumb{float:left; width:10%; height:auto; margin:0 2% 0 0;} .ktt_mediaReleasDescription{float:left; width:88%; height:auto;} .ktt_mediaReleasDescription h3, .ktt_mediaReleasDescription a{font-size:20px; color:#000000; font-weight:600; margin: 0 auto 5px; width: 100%; text-align:left;} .ktt_mediaReleasDescription h4{font-size:12px; color:#8b8b8b; margin: 0 auto 5px; width: 100%; text-align:left;} .ktt_mediaReleasDescription p{font-size:14px; line-height:18px; color:#313131; margin: 0 auto; width: 100%; text-align:left;} .ktt_mediaReleasDescription p a{font-size:14px; line-height:18px; color:#3399cc; font-weight:normal;} ul.ktt_mediaListing li.last{border:none;} /* ========================================================================== MY PAGINATION CSS START ========================================================================== */ ul.myPagination{float:left; width:100%; margin:15px 0 50px; text-align:center;} ul.myPagination li{display:inline-block; margin:0 3px; width:10px; height:10px; line-height:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; padding:8px; line-height:10px; background:#e9e9e9; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} ul.myPagination li a{display:block; color:#313131; line-height:10px; text-align:center;} ul.myPagination li:hover a, ul.myPagination li.active a{color:#ffffff;} ul.myPagination li:hover, ul.myPagination li.active{background:#00b1b0; color:#ffffff;} ul.myPagination li.prev, ul.myPagination li.next{/*width:70px;*/} /* ========================================================================== NGO SEARCH CSS START ========================================================================== */ .ktt_ngoContentOuter{float:left; width:100%; margin-bottom:30px; min-height: 510px} .ktt_ngoSearchOuter{float:left; width:100%; background:#ffffff; margin-bottom:30px; position:relative;} .ngoLoader{width: 100%; text-align: center; top: 45px; position:absolute;} .ktt_ngoSearchAlfaBet{float:left; width:100%; border-bottom:1px solid #f8f8f8; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchActive{background:url(/images_old/search_bg_blue.png) left top repeat-y!important;} .ktt_ngoSearchAlfaBet{float:left; width:100%; text-align:center; height:40px; padding:10px 0;} .ktt_ngoSearchAlfaBet h3{float:left; width:22%; padding-left:2%; font-size:13px; color:#3399CC; text-align:left; line-height:40px; text-decoration: none; cursor: pointer;} .ktt_ngoSearchAlfaBet h3:hover{text-decoration: underline;} .ktt_alphabets{float:left; width:76%; text-align:left; line-height:40px;} .ktt_alphabets a, .ktt_alphabets input[type="submit"]{margin:0 1.5px; width:auto; display:inline-block; color:#c4c4c4; font-size:13px; border:0; background:none!important;cursor:pointer; font-weight:normal; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} .ktt_alphabets a:hover, .ktt_alphabets input[type="submit"]:hover, .ktt_alphabets a.active, .ktt_alphabets input[type="submit"].active{color:#00b1b0;} @media screen and (-webkit-min-device-pixel-ratio:0) { .ktt_alphabets a, .ktt_alphabets input[type="submit"]{margin:0 4.3px; width:auto; display:inline-block; color:#c4c4c4; font-size:13px; border:0; background:none!important;cursor:pointer; font-weight:normal; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} .ktt_alphabets a:hover, .ktt_alphabets input[type="submit"]:hover, .ktt_alphabets a.active, .ktt_alphabets input[type="submit"].active{color:#00b1b0;} } .or_txt{float:left;width:auto;padding:0 25px 0 0px;line-height:40px; font-size:14px;} #submitsearch .ngo_search_btn{padding:0 20px!important;} .ktt_ngoSearchSelectAction{float:left; width:100%; padding:10px 0 10px 0%; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchSelectAction h3{float:left; width:22%; padding-left:2%; font-size:13px; color:#3399CC; text-align:left; margin-bottom:0px; line-height:40px; text-decoration: none; cursor: pointer;} .ktt_ngoSearchSelectAction h3:hover{text-decoration: underline;} .ktt_ngoSearchSelectActionForm{float:left; width:74%;} .ktt_ngoSearchSelectActionFormRow{float:left; width:100%;} .ktt_ngoSearchSelectActionFormRow select{background: url("/images_old/input_bg.png") repeat scroll left top #ffffff; border: 1px solid #e4e4e4; border-radius: 5px; color: #666666; float: left; font-size: 13px; height: 40px; margin: 0 15px 0px 0; outline: medium none; padding: 8px 10% 10px 8px; transition: transform 0.2s ease-in-out 0s; width: 42%;} .ktt_ngoSearchResult{float:left; width:100%; min-height:300px;} .ktt_ngoSearchResult ul{float:left; width:100%; list-style:none;} .ktt_ngoSearchResult ul li{float:left; width:100%; list-style:none; border-bottom:1px solid #dfdfdf; padding-bottom:26px; margin-bottom:26px;} .ktt_ngoSearchResult ul li:last-child{border:0px;} .ktt_ngoThumb{float:left; width:100px; height:100px; overflow:hidden; margin:0 2% 0 0;} .ktt_ngoDescription{float:left; width:53%; margin:0 2% 0 0;} .ktt_ngoDescription h3{float:left; width:100%; font-size:14px; font-weight:600; color:#000; text-align:left; line-height:normal; margin-bottom:10px;} .ktt_ngoDescription p{float:left; width:100%; font-size:12px; font-weight:normal; color:#636363; text-align:left; line-height:normal; margin-bottom:0px;} .ktt_ngoDonationStatus{float:left; width:30%; margin:0 0% 0 0;} .ktt_ngoDonationStatus h3{float:left; width:100%; text-align:right; margin:0 0% 5px 0; font-size:12px; font-weight:normal; color:#000;} .ktt_ngoDonationStatus h3 font{font-weight:normal;} .ktt_blue{background:#2196eb; border-radius:3px; color: #fff; display: block; font-size: 12px !important; font-weight: 600; line-height:26px; margin-bottom:10px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:0px; float:right; width:155px; /*padding:0 10%;*/} .ktt_blue:hover {background:#1e8fe1; border-radius: 3px; color: #fff; cursor: pointer;} .ktt_orange{background:#fbae83; border-radius:3px; color: #fff; display: block; font-size: 12px !important; font-weight: 600; line-height:26px; margin-bottom:10px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:0px; float:right; width:155px; /*padding:0 10%;*/} .ktt_orange:hover {background:#fb9a60; border-radius: 3px; color: #fff; cursor: pointer;} .ngoSearchResultText{background:#dbf0f0; float:left; width:100%; padding:10px 0; text-align:center; margin-top:-15px; margin-bottom:25px; color:#49b1ba; transition: all 450ms ease-in-out 0s;} .ngoSearchResultText strong{font-weight:600;} .ngoNoResultFoundText{background:#ffebe8; float:left; width:100%; padding:10px 0; text-align:center; margin-top:-15px; margin-bottom:25px; color:#e69083; transition: all 450ms ease-in-out 0s;} .ngoNoResultFoundText strong{font-weight:600;} /*NGO SUBMIT BUTTONS CSS START*/ #ktt_searchNgoSubmit input[type="button"], #ktt_searchNgoSubmit input[type="submit"], #ktt_searchNgoSubmit input[type="cancel"], #ktt_searchNgoSubmit a, #ktt_searchNgoSubmit1 input[type="button"], #ktt_searchNgoSubmit1 input[type="submit"], #ktt_searchNgoSubmit1 input[type="cancel"], #ktt_searchNgoSubmit1 a{ background-color:#00b1b0!important; background-image:url(/images_old/iPhoneButtonbg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:40px!important; height:40px!important; font-size:14px!important; font-weight:500!important; color:#ffffff!important; padding:0 30px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #00a3a2!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s; margin-right: 2%; border-top:0px; border-right:0px; border-left:0px; float:left;} #ktt_searchNgoSubmit input[type="button"]:hover, #ktt_searchNgoSubmit input[type="submit"]:hover, #ktt_searchNgoSubmit input[type="cancel"]:hover, #ktt_searchNgoSubmit a:hover, #ktt_searchNgoSubmit1 input[type="button"]:hover, #ktt_searchNgoSubmit1 input[type="submit"]:hover, #ktt_searchNgoSubmit1 input[type="cancel"]:hover, #ktt_searchNgoSubmit1 a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_searchNgoSubmit input[type="button"]:foucs, #ktt_searchNgoSubmit input[type="submit"]:foucs, #ktt_searchNgoSubmit input[type="cancel"]:foucs, #ktt_searchNgoSubmit a:focus, #ktt_searchNgoSubmit1 input[type="button"]:foucs, #ktt_searchNgoSubmit1 input[type="submit"]:foucs, #ktt_searchNgoSubmit1 input[type="cancel"]:foucs, #ktt_searchNgoSubmit1 a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} /* ========================================================================== KETTO COLOR FOR LISTING OF BACKERS AND OTHER ========================================================================== */ /*.ktt_red_BL{background:#fc5656;} .ktt_blue_BL{background:#1f9ded;} .ktt_terquise_BL{background:#00b1b0;} /*.ktt_purple_BL{background:#d461cb;} .ktt_golden_BL{background:#f2cf1a;} .ktt_yellow_BL{background:#fff000;} .ktt_orange_BL{background:#ff8b3d;} .ktt_green_BL{background:#90c71f;} .ktt_aqua_BL{background:#13c9d4;} /*.ktt_brown_BL{background:#b11919;} .ktt_pink_BL{background:#f11a99;} .ktt_black_BL{background:#4e4e4e;}*/ .ktt_red_BL{background:#2b7dd9;} .ktt_blue_BL{background:#00b1b0;} .ktt_terquise_BL{background:#e84a5f;} .ktt_purple_BL{background:#323a45;} .ktt_golden_BL{background:#f6bc37;} .ktt_yellow_BL{background:#51aded;} .ktt_orange_BL{background:#59b2b7;} .ktt_green_BL{background:#fbae83;} /* ========================================================================== CPNTRIBUTE NOW PAGES FEW CLASSES ========================================================================== */ .ktt_uniqueFormInfo .yourContibutionSummary {float: left; width:100%;} .ktt_uniqueFormInfo ._kt_reward_summ_wrapper .summ_details_wrapper { color: #646464; padding: 0px 0% 0% ; width:100%; background:#f0f0f0; float:left;} .ktt_uniqueFormInfo ._kt_donation_summ_wrapper {background:none; margin-bottom: 0; padding: 0;} .ktt_uniqueFormInfo .summ_details_wrapper .title p.titletext {color: #313131; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; padding-left:2%;} .ktt_uniqueFormInfo .tdContentOuter{float:left; width:100%; margin-bottom:0px;} .ktt_uniqueFormInfo .tdTitle {float:left; font-size: 14px; font-weight: 600; line-height: 20px; padding:10px 2% 5px 2%; width: 13%; color:#000; border-top: 1px solid #ccc; text-align:center;} .ktt_uniqueFormInfo .tdTitle img{margin-top:0px;} .ktt_uniqueFormInfo .tdContent {float:left; font-size: 12px; font-weight: normal; line-height:18px; padding:3px 0% 10px 0%; width:82.6%; color:#000; border-top: 1px solid #ccc; border-left: 1px solid #ccc;} .ktt_uniqueFormInfo .rewardMinHeight{min-height:55px;} .ktt_uniqueFormInfo .tdContent h1{color: #323a45; float: left; font-size: 16px; font-weight: 600; margin: 0 0 5px; width: 100%;} .ktt_uniqueFormInfo .tdContent h2{color: #0e0e0e; float: left; font-size: 12px; font-weight: 600; margin: 0 0 5px; text-transform: inherit; width: 100%;} .ktt_uniqueFormInfo #Section1 span { color: #313131; float: left; font-size: 16px; line-height: 20px; margin-bottom: 0px; /* padding: 0 2%;*/} .ktt_uniqueFormInfo #Section1 span.WebRupee { color: #636363; float: left; font-size: 40px; line-height: normal; margin-bottom: 0; margin-top: 0px; width: 100%; text-align:center; } #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer .tdContent h1 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 16px; font-weight: 600; margin: 0 0 3px;text-transform: inherit; width: 96%;} #ktt_spanContainer .tdContent h2 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 12px; font-weight: 600; margin: 0 0 4px;text-transform: inherit; width: 96%;} #ktt_spanContainer .tdContent p{float: left; padding:0 4% 0 4%; font-size: 12px; margin-bottom:5px; width:92%;} .ktt_titletext{float:left; width:96%; padding:10px 2% 3px 2%; margin:0px 0 0px 0!important;border-top: 0px solid #cccccc;} .ktt_titletextLabel{float:left; margin: 0 0 10px; padding:15px 2% 3px 2%; width: 96%;} #ktt_spanContainer input[type="text"].currency{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currency:focus{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} #ktt_spanContainer input[type="text"].currencyDollar{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currencyDollar:focus{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} #ktt_spanContainer input[type="text"].currencyEuro{background:#FFF url("/images_old/form_icon_euro.png") 12px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currencyEuro:focus{background:#FFF url("/images_old/form_icon_euro.png") 12px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} #ktt_spanContainer input[type="text"].currencyPound{background:#FFF url("/images_old/form_icon_pound.png") 12px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currencyPound:focus{background:#FFF url("/images_old/form_icon_pound.png") 12px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} /*F SHARE POPUP HTML CSS START HERE*/ .md-content > div {font-size: 1.15em; font-weight: 300; margin: 0; padding: 15px 0px 30px;} .md-modal { z-index: 99999!important; } .md-close_1{position:absolute; cursor: pointer; height: 36px; position: fixed; right: 4%; top: 4%; width: 36px; z-index: 99999; font-size: inherit;background-color: Transparent; background-repeat:no-repeat;border: none; overflow: hidden; outline:none;text-decoration: underline;} .md-overlay {z-index: 9999!important;} .ktt_f-share-wrapper { padding:1%; width:98%; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .ktt_f-share_welcome_image{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_title{float:left; width:74%; margin:3px 0% 8px 13%; display:inline-block; text-align: center; border-top:1px solid #f2f2f2; background:url(/images_old/d_arrow.png) top center no-repeat; padding-top: 18px;} .ktt_f-share_title h4{display:inline-block; text-align:center; padding:0 15px; font-size:16px; font-weight:600; color:#3c3c3c;} .ktt_f-share_content{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_content p{display:inline-block; text-align:center; padding:0 0 13px 0px !important; width:80%; font-size:14px; color:#3c3c3c;} .ktt_f-share_button{float:left; width:100%; margin:0px 0% 35px 0%; display:inline-block; text-align: center;} .ktt_f-share_button input[type="submit"], .ktt_f-share_button input[type="button"], .ktt_f-share_button a{width:126px!important; height:54px!important; border:0px!important; background:url(/images_old/f_share_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} .ktt_f-share_button input[type="submit"].controbuteNowBtn, .ktt_f-share_button input[type="button"].controbuteNowBtn, .ktt_f-share_button a.controbuteNowBtn{width:206px!important; height:54px!important; border:0px!important; background:url(/images_old/contribute_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:460px; } .ktt_thankyouInnerContainer{width:1070px; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:65.3%; height:425px; background:url(/images_old/thankyou_header_image_bg.png) top left / contain no-repeat; margin-top: 36px; } /*.ktt_thankyouBannerImage{float:left; width:569px; height:371px; overflow:hidden; margin:53px 0 0 60px; position:relative;}*/ .ktt_thankyouBannerImage{float:left; width:79.5%; height:85.5%; overflow:hidden; margin:8.5% auto 0 9.5%; position:relative;} .ktt_thankyouBannerImageOverlay{width:569px; height:371px; background:url(/images_old/your_contribution_bg.png) top left / contain no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:50%; margin:110px auto 0 auto;} .ktt_thankuContribute_icon{float:left; width:100%; text-align:center;} .ktt_thankuContriFigure{float:left; width:100%; font-size:20px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:45px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:block;} .fentasticSmallDevices{display:none;} .ktt_thankuFantastic{float:right; width:33%; margin-top:75px;} .ktt_thankuFantastic .imgOuter{float:left; width:100%; text-align:center; margin-bottom:10px;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:40px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:15px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:15px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:16px; font-weight:600; color:#ffffff; margin:0px 0 13px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; width:100%; text-align:center; margin-bottom:10px;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 30px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:25px; font-weight:600; color:#232323; margin:40px 0 10px 0;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:16px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:30%; margin:0 1.5% 10px 1.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:13px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:13px; color:#232323;} .ktt_thankyouContent .imgOuter{float:left; width:100%; text-align:center;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:60px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:18px; color:#ffffff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:100%; margin: 0 0 0px 0%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{ padding:0 0 0 1.5%; text-align:left; font-size:20px; font-weight:600; color:#000000; margin:32px 0 22px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:55px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 14px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width: 17.5%!important;} .goodvilleBanner{float:left; width:100%; background:url(/images_old/goodville_bg.png) top center no-repeat; padding:20px 0; margin-top:-1px;} .ktt_thankyouInnerContainer h2.goodvilleHead{color:#ffffff; font-size:30px; text-align:center;} .goodvilleImgOuter{float:left; width:100%; margin: 0 0 12px 0%; text-align:center;} .goodvilleImgBtnOuter{float:left; width:100%; margin: 0 0 5px 0%; text-align:center;} .ktt_thankyouInnerContainer p a{color:#ffffff; font-size:12px; text-align:center; text-decoration:underline; float:left; width:100%;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper .listing_details_wrapper .top_section p.creator a{ color: #3399cc!important; float: none!important; font-size: 12px; text-align: center; text-decoration: none!important; width: auto!important;} .ktt_gudvilleButton{width:214px; height:52px; border:0px; background:url(/images_old/goodville_btn.png) center center / contain no-repeat; display:inline-block; float:none; text-indent:-999999px; cursor:pointer; margin:0 0 10px 0; padding:0; } /*HOW IT WORKS CSS START HERE*/ .ktt_howItWorksOuterNew{width:100%; float:left;} .ktt_howItWorksInnerNew{width:1070px; margin:0 auto;} .ktt_howItWorksInnerNewBanner{width:100%; float:left; background:#ffffff;} .ktt_howItWorksInnerNewBannerCont{width:1070px; margin:0 auto;} .ktt_howItWorksInnerNewBannerCont h2{width:100%; float:left; font-size:100px; font-weight:600; line-height: 90px; color:#000; margin:65px 0 0px 0;} .ktt_howItWorksInnerNewBannerCont p{width:100%; float:left; font-size:20px; color:#000; margin-bottom:30px;} .ktt_howItWorksSteps{float:left; width:100%; margin-bottom:30px;} .ktt_howItWorksSteps .steps{float:left; width:30.2%;} .ktt_howItWorksSteps .stepsDevider{float:left; width:3.5%; height:1px; background:#324b6c; margin:27px .5% 0;} .stepIcon{float:left; width:20%;} .stepDesc{float:left; width:80%;} .stepDesc h3{width:100%; float:left; font-size:18px; font-weight:600; line-height: normal; color:#324b6c; margin:px 0 10px 0;} .stepDesc p{width:100%; float:left; font-size:14px; line-height: normal; color:#324b6c; margin:0px 0 0px 0;} .ktt_howItWorksGetStarted{width:100%; float:left; background:#00bfb6 url(/images_old/how_it_works_gstarted_bg.png) top center no-repeat; background-size: cover; padding:25px 0;} .ktt_howItWorksInnerNew ul.hwGetstarted{float:left; width:95%; text-align:center; padding-left: 5%;} .ktt_howItWorksInnerNew ul.hwGetstarted li{width:auto; display:inline-block; float:left; margin-right:10px; padding:0;} .ktt_howItWorksInnerNew ul.hwGetstarted li h3{width:100%;/* float:left;*/ font-size:25px; line-height: normal; color:#ffffff; text-align:right;margin: 0px;} /*.ktt_howItWorksInnerNew ul.hwGetstarted li p.large{width:100%; font-size:25px; line-height: normal; color:#ffffff; text-align:right;}*/ .ktt_howItWorksInnerNew ul.hwGetstarted li p{width:100%; float:left; font-size:18px; line-height: normal; color:#ffffff; text-align:right;} .ktt_howItWorksInnerNew ul.hwGetstarted li a{float:left; height:57px; line-height:57px; padding:0 30px; text-transform:uppercase; font-size:18px; color:#00b1b0; background:#ffffff; border-radius:5px; display:inline-block;} .ktt_howItWorksWhyKetto{width:100%; float:left; background:#f3f3f3;} .ktt_howItWorksWhyKetto h2{width:100%; float:left; font-size:30px; font-weight:600; line-height: normal; color:#000; margin:40px 0 50px 0; text-align:center;} .ktt_howItWorksWhyKetto .listColumn{float:left; width:48%; margin:0 1%;} .ktt_howItWorksWhyKetto .listColumn ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li{float:left; width:100%; margin:0 0% 5px; padding:0 0 10px 0; background:url(/images_old/dotted_line_1.png) bottom left repeat-x; font-size: 13.5px; color:#373737;} .ktt_howItWorksWhyKetto .listColumn ul li a{color:#373737; font-size: 12px; text-decoration: underline;} .ktt_howItWorksWhyKetto .listColumn ul li:last-child{background:none;} .ktt_howItWorksWhyKetto .listColumn ul li .numbersOflist{float:left; width:12%; margin:0 0%; padding:0; font-size:40px; font-style:italic; color:#000000;} .ktt_howItWorksWhyKetto .listColumn ul li .listContent{float:left; width:88%; margin:10px 0 0; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li .lineheight{line-height:30px!important;} .ktt_howItBenifitsOfCrowdfunding{width:100%; float:left; background:#ffffff;} .ktt_howItBenifitsOfCrowdfunding h2{width:100%; float:left; font-size:30px; font-weight:600; line-height: normal; color:#000; margin:40px 0 50px 0; text-align:center;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft{float:left; width:65%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht{float:left; width:31%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li{float:left; /*width:88%;*/ width:72%; margin:0 0% 15px; padding:0 10% 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat; line-height:18px; font-size: 13.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li{float:left; width:100%; margin:0 0% 15px; padding:0 0 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat;line-height:18px; font-size: 13.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft h3, .ktt_howItBenifitsOfCrowdfunding .listColumnRht h3{float:left; width:100%; padding:0 0 0 0%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:0px 0 25px 0;} /*SEO HIDDEN TAGS*/ .hiddenSEOTags{display:none;} .hiddenSEOTags h1{} /*campaing page column*/ .ktt_campaignDetailContentCol{float:left; width:47%; margin:10px 1.5%;} .ktt_loadMoreButton{cursor:pointer;height: 50px;line-height: 50px;background: #ebebeb url(/images_old/spacer.png) top left repeat !important;font-size: 18px;border: 0px;border-radius: 5px !important;-moz-border-radius: 5px !important;-webkit-border-radius: 5px !important;color: #000;display: inline-block;padding: 0 40px; margin: 0 0 10px 0;} .payNew{float:left; width:100%; margin-top:10px;} .pay_cardDuration{float:left; width:61%;} .pay_cardDuration select{margin-right:10px; width:45%;} .pay_cardCVC{float:left; width:20%;} /* ========================================================================== MEDIA QUERIES CSS BEGINS ========================================================================== */ @media all and (max-width:1920px){ .shareCampaignDetailsRight {display:none;} } @media all and (max-width:1399px){ } @media all and (max-width:1199px){ } /* ========================================================================== START CSS FOR RESOLUTION BELOW 1100 BEGINS ========================================================================== */ @media all and (max-width:1100px){ /* ========================================================================== BASIC PAGE STRUCTURE CSS START HERE ========================================================================== */ .ktt_contentWrapper{width:96%;} } /* ========================================================================== START CSS FOR RESOLUTION BELOW 1070 BEGINS ========================================================================== */ @media all and (max-width:1070px){ } /* ========================================================================== START CSS FOR RESOLUTION 1024 ONLY ========================================================================== */ @media all and (width:1024px){ /* ========================================================================== FOR LEFT NAVIGATION CSS START HERE ========================================================================== */ #CampaignsListing ._kt_sidebar_nav #CausesListing {background-color: #e6eaef; display: none; height: 280px!important; overflow-y: auto!important;} #CampaignsListing .sidebar ._kt_sidebar_nav.fixPos { bottom: auto; position: fixed; top: 71px!important; width: 270px; height: auto!important; overflow-y: inherit!important; z-index: 1998;} #CampaignsListing .sidebar ._kt_sidebar_nav.fixPosbott { position: absolute; width: 270px;} /* ========================================================================== TESTIMONIALS CONTENT CSS START HERE ========================================================================== */ .ktt_testimonialsWrapper { float: left; width: 98%; padding: 1%; background: none; position:relative;} .demo{height:290px;} .quovolve { margin: 20px 0; } .quovolve blockquote { margin: 0; float:left; background:url(/images_old/quot_mark.png) left 0px no-repeat; width:88%; padding:0 0 0 12%;} .quovolve blockquote p { margin:5px 0 10px 0; font-size:12px; } .autourOuter{background:url(/images_old/author_outer_bg.png) left 0px no-repeat; float:left; width:100%; margin-top:0px; padding-top:20px;} .author_pic{float:left; width:46px; height:46px; margin-right:4%; border-radius:50px; overflow:hidden; border:0px solid #ccc;} .autourOuter h2{float:left; width:70%; margin:4% 0 0 0; padding:0 0 0 0; text-transform:uppercase; color:#33a1de; font-size:11.5px; } .autourOuter h3{float:left; width:70%; margin:0 0 0 0; padding:0 0 0 0; color:#000000; font-size:10px;} /* ========================================================================== STATASTIC CONTENT CSS START HERE ========================================================================== */ .ktt_statastic{background:url(/images_old/statastic_bg.png) top center no-repeat; float:left; width:100%; padding:35px 0 40px 0; margin-top:35px;} .ktt_statasticCol{float:left; width:31%; margin:0 1% 20px 1%; } .ktt_statasticCol h2{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:42px; font-weight:600; color:#00b1b0;} .ktt_statasticCol h3{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:16px; font-weight:500; color:#323a45;} /* ========================================================================== FOOTER CSS START HERE ========================================================================== */ .ktt_footerInner { margin:0 auto; width:100%;} .ktt_footerInfoWrapper { margin:0 auto; width:100%; height:68px; color:#7f848b; border-top:1px solid #474e58; font-size:11.2px; clear:both;} .ktt_footerLinksInner { margin:0 auto; width:100%;} .ktt_footerInfoWrapper { border-top: 1px solid #474e58; clear: both; color: #7f848b; float: left; font-size: 11.2px; height: auto; margin: 0 auto; padding-bottom:5px; width: 100%;} .paymentInfoTitle { float: left; line-height:65px; margin-left: 1%; margin-top: 0; text-align: left; width: auto;} .paymentOptions { border-right: 1px solid #5d646c; clear: none; float: left; margin:22px 0.5% 0 auto; padding-right: 1%; text-align: left; width:22%;} .securedPaymentText { background: url("/images_old/lock_icon.png") no-repeat left center; clear: none; float: left; line-height: 45px; margin: 0 0% 0 auto; padding-left:3.5%; width: auto; border-right: 0px solid #5d646c;} .ktt_footerColumn h2 {font-size:16px;} .ktt_footerColumn {float: left; margin: 10px 0 15px 0; width: 20%;} .ktt_footerColumn ul li{line-height:normal;} .ktt_footerColumn ul li a {font-size: 11px;} .securePaumentOuter{background: url("/images_old/lock_icon.png") no-repeat scroll left center ; float: right; margin:8px 0% 0; padding:0 0 0 3em; width:auto; border-right:0px solid #5d646c; text-align:center;} .securedText{text-align:left; width:72px; float:left; margin:12px 10px 0 0; display:inline-block; line-height:normal;} .sslIcon{text-align:left; width:48px; display:inline-block; line-height:normal; float:right; margin-right: 10px;} .ktt_footerCopyrightsDesk { color: #7f848b; float: right; font-size: 11.2px; font-weight: 200; line-height: 48px; min-width: 16%; margin-right: 1.5%; text-align: right; display:none;} .ktt_footerCopyrightsMob {clear: none; color: #7f848b; display: block; float: left; font-size: 11.2px; font-weight: 200; line-height: 45px; margin-left: 1.3%; margin-right: 1.5%; text-align: left; width: auto;} .ktt_footerSocialMedia{display: block; float: left; margin-right: 1.2%; margin-top: 8px; width: auto;} /* ========================================================================== FORM CSS START HERE ========================================================================== */ .ktt_uniqueFormInfo h2, .ktt_uniqueFormContent h2{float:left; width:97%; padding:0 0 0 3%; font-size:40px; color:#00b1b0; font-weight:600; text-transform:uppercase; margin-bottom:10px;} /* ========================================================================== LIVE SUPPORT CSS START ========================================================================== */ .zopim{bottom:0px!important; display:none!important; } /* ========================================================================== HANDBOOK PAGE CSS START ========================================================================== */ .ktt_handBookWrapper{width:768px; margin:0 auto 30px auto; background:#ffffff;} .ktt_handBookContent{float:left; width:88%; padding:3% 6%; margin-bottom:30px;} .ktt_handBookContent .handbookTtitle{float:left; width:100%; font-size:28px; font-weight:500; color:#323a45;} .ktt_handBookWrapper .heading{float:left; width:100%; background:#00b1b0; width:88%; padding:6%; text-align:left; font-size:20px; font-weight:600; color:#ffffff; text-transform:uppercase;} .ktt_handBookContent h2{float:left; width:100%; font-size:18px; font-weight:600; margin:0 0 5px 0; color:#000;} .ktt_handBookContent p{float:left; width:100%; font-size:13px; font-weight:500; margin:0 0 10px 0; line-height:20px;} .ktt_handBookContent h3.headingMedium{float:left; width:100%; font-size:18px; margin-bottom:10px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingMedium a{float:left; width:100%; font-size:18px; margin-bottom:0px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingSmall{float:left; width:100%; font-size:15px; margin-bottom:10px; font-weight:600; color:#323a45; text-transform:uppercase;} .ktt_handBookContent ul.indexing{float:left; width:100%; margin:0 0 5px 0; padding:0;} .ktt_handBookContent ul.contentlist li{float:left; width:93%; padding-left:7%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .ktt_handBookContent ol.contentlist li{float:left; width:96%; padding-left:4%; margin-bottom:10px; font-size:13px; list-style:inside none decimal;} .ktt_handBookContent .blueHeading{font-size:14px; font-weight:500; color:#00b1b0; float:left; width:100%;} .ktt_handBookimages{float:left; width:100%; text-align:center;} .ktt_tablet_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_tablet_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:block;} .ktt_mobile_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_handBookimages img, .ktt_tablet_port img, .ktt_tablet_land img, .ktt_mobile_port img{max-width:100%;} .ktt_handBookContent .colLeft{width:47%; float:left;} .ktt_handBookContent .colRight{width:47%; float:right;} .ktt_handBookContent .colLeft ul.contentlist li, .ktt_handBookContent .colRight ul.contentlist li{float:left; width:94%; padding-left:6%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .backPage h1{color:#ffffff; font-size:60px; font-weight:600; padding:150px 10% 10% 10%;} .backtoTop{position:fixed; bottom:20px; right:30px; display:block;} /* ========================================================================== MUSIC LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_musicBg1{background:/*none*/#f8f8f8 url(/images_old/music_bg.png) right 100px / 26% no-repeat; padding:0 0 40px 0; float:left; width:100%;} .ktt_musicBg1 ._kt_breadcrumb, .ktt_moviefilmsBg1 ._kt_breadcrumb, .ktt_otherCreativeBg1 ._kt_breadcrumb{background:none;} .ktt_creativeInner{width:98%; margin:10px auto 30px auto;} .ktt_musicInnerWrapper{float:left; width:73%;} .ktt_musicInnerWrapperBig{float:left; width:74%;} .creatingHeading{float:none; width:100%; margin:0 auto 10px; font-size:50px; font-weight:600; line-height:normal; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both;} .creatingSmallHeading{font-size:40px; font-weight:600; line-height:42px; color:#333333; text-transform: uppercase; margin: 0 auto 10px;} .creatingHeading br{display:block;} .ktt_creativeInner h1{float:none; width:100%; margin:0 auto 0px; font-size:20px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInnerBriefText{float:none; width:100%; margin:0 auto 20px; font-size:20px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInner p{float:none; width:100%; margin:0 auto 40px; font-size:16px; line-height:23px; color:#323a45; text-align:left; clear:both;} .ktt_creativeInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:256px; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_creativeInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_musicBg2{background:#ffffff/* url(/images_old/music_two.jpg) center top no-repeat; */;padding:30px 0; float:left; width:100%;} p.getStartedIntro{float:none; width:88%; margin:0 auto 20px; font-size:18px; line-height:28px; color:#323a45; text-align:center; font-style:normal; clear:both;} .contSeperator{background:url(/images_old/saperator_bg.png) center center repeat-x; width:60%; height:3px; clear:both; margin:0 auto 20px; } .ktt_musicContact{background:#fbae83; padding:2% 0; float:left; width:100%;} .ktt_musicContactInner{width:90%; margin:15px auto; text-align:center; font-size:22px; color:#ffffff;} .ktt_musicContactInner a{background:url(/images_old/contact_arrow1.png) right center no-repeat; padding-right:28px; color:#ffffff; display:inline-block;} /* ========================================================================== MOVIE AND FILMS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_moviefilmsBg1{background:/*none*/url("/images_old/film_bg.png") no-repeat scroll right 100px / 26% #f8f8f8; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== OTHER CREATIVE PROJECTS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_otherCreativeBg1{background:/*none*/#f8f8f8 url(/images_old/other_creative_bg.png) right 100px / 26% no-repeat; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== NGO's PAGE 16 DEC 2014 ========================================================================== */ .ktt_ngoBg{background:#f8f8f8 url(/images_old/for_ngos_bg.png) top center no-repeat; padding:0 0 70px 0; float:left; width:100%; height:400px;} .ktt_ngoBg h2{ color: #ffffff; font-family:Montserrat; font-size:42px; font-weight: 600; width:90%; margin:10px auto 10px; text-transform: inherit; text-transform:inherit; color:#ffffff;} .ktt_ngoBg h3{font-family: Montserrat;font-size:28px; font-weight: normal; margin:0px auto 0 auto; width:100%; line-height:normal; color:#ffffff;} .ktt_ngoInner{width:98%; margin:25px auto 25px auto;} .ktt_ngoInner h1{float:none; width:100%; margin:0 auto 10px; font-size:40px; font-weight:600; line-height:45px; color:#333333; text-align:left; text-transform:none; opacity:0.9; clear:both;} .ktt_ngoInner h2{float:none; width:100%; margin:0 auto 10px; font-size:28px; line-height:35px; color:#333333; text-align:left; clear:both;} .ktt_ngoInner p{float:none; width:100%; margin:0 auto 40px; font-size:18px; line-height:30px; color:#323a45; text-align:left; clear:both;} .custFontSize{font-size:12.5px;} .ktt_ngoInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:270px; padding:0 30px; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_ngoInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_ngosWrapper{float:left; width:100%;} .ktt_ngosWrapper ul{float:left; width:100%;} .ktt_ngosWrapper ul li{float:left; width:92%; padding-left:25px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:18px; line-height:22px; margin-bottom:10px;} .ktt_ngoBg2{background:#ffffff; padding:0 0 20px 0; height:510px; float:left; width:100%;} .ktt_ngoCcarouselInner{width:98%; margin:20px auto 20px auto; background:#ffffff;} .ktt_ngoCcarouselImage{width:30%; float:left; margin:0 2% 0 0; display:block;} .ktt_ngotCcarouselcontent{width:63%; float:left; margin:10px auto 0px auto; } .ktt_ngoCcarouselInner h2{float:left; width:100%; margin:0 auto 10px; font-size:20px; font-weight:600; line-height:22px; color:#333333; text-align:left; clear:both;} .ktt_ngoCcarouselInner p{float:left; width:100%; margin:0 auto 10px; font-size:14px; line-height:18px; color:#323a45; text-align:left; clear:both;} .ktt_ngotCcarouselcontent .pointeOuter{float:left; width:100%; margin:0px 0 10px 0;} .ktt_ngotCcarouselcontent .numberOuter{width:30px; height:30px; margin-right:2.5%; float:left; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; border:2px solid #00b1b0; text-align:center; vertical-align:middle; padding-top:0px; line-height:30px; color:#00b1b0; font-weight:600; font-size:15px;} .ktt_ngotCcarouselcontent .points{float:left; width:86%; margin-bottom:5px; font-size:14px; text-align:left; margin-top:5px;} .ktt_ngotCcarouselcontent .lineheightcarousel{line-height:20px;} .sy-controls li a:after {top: 50% !important;} /*CAROUSEL CSS START*/ #myNGOCarausel .sy-controls {display:block;} #myNGOCarausel .sy-controls li a:after {background-color:transparent; background-image: url("/images_old/ngo_carousel_arrow_small.png"); background-repeat: no-repeat; background-size: cover; border-radius:0; color: #111; content: ""; font-weight: 800; height: 80px; left:0%; line-height: 0em; margin-left: 0em; margin-top: 0em; position: absolute; text-align: center; text-indent: 0; top: 230px!important; width:39px; opacity:1;} #myNGOCarausel .sy-controls li.sy-next a:after {background-position: 100% 0;} #myNGOCarausel .sy-controls li.sy-prev {left: 0px; top: 0;} #myNGOCarausel .sy-controls li.sy-next {right: 0px; top: 0;} #myNGOCarausel .sy-controls li a:link, #myNGOCarausel .sy-controls li a:visited { opacity: 10;} #myNGOCarausel .sy-controls li { height: 100px; min-width:inherit; position: absolute; width: 49px; z-index: 33;} #myNGOCarausel .sy-pager { /*background:#f8f8f8;*/ bottom: -20px; padding:10px 0; display: none; list-style: none outside none; margin: 1em 0 0; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 50;} #myNGOCarausel .sy-pager li {border-radius: 1.5em; display: inline-block; height: 1.5em; margin:0 3px 0 3px; width: 1.5em; /*box-shadow: 0 1px 2px #333;*/} #myNGOCarausel .sy-pager li a {background:#e9e9e9; display: block; height: 100%; text-indent: -9999px; width: 100%; } #myNGOCarausel .sy-pager li.sy-active a { background-color: #00b1b0; opacity: 10;} #myNGOCarausel .sy-pager li a:hover, #myNGOCarausel .sy-pager li a:focus {opacity: 0.8;} #myNGOCarausel .sy-caption-wrap .sy-caption{display:none!important;} /* ========================================================================== GET STARTED PAGE 17 DEC 2014 ========================================================================== */ .ktt_getStartedBg1{background:#f8f8f8 url(/images_old/get_started_bg1.jpg) center top no-repeat; padding:0 0 70px 0; float:left; width:100%; position:relative;} .ktt_getStartedInnerWrapper{float:left; width:61%; padding:0 3% 0 0;} .ktt_getStartedInnerImageWrapper{float:left; width:34%;} .ktt_getStartedInner{width:98%; margin:0px auto 0px auto;} .ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 0px; font-size:77px; font-weight:normal; line-height:80px; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both; text-transform:inherit;} .ktt_getStartedInner h1.smallSizeHeading{font-size:65px; font-weight:600; line-height:70px;} .ktt_getStartedInner h1{float:none; width:100%; margin:26px auto 0px; font-size:22px; line-height:30px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInnerBrief{float:none; width:100%; margin:0px auto 30px; font-size:22px; line-height:30px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner p{float:none; width:100%; margin:0 auto 40px; font-size:18px; line-height:30px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner a{float:left; height:70px; line-height:70px; margin:0 auto 0 auto; width:210px; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both; position:inherit; bottom:20px; } .ktt_getStartedInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_getStartedBg2{background:#ffffff; padding:60px 0 60px 0; float:left; width:100%;} .ktt_getStartedBg2 .ktt_getStartedInner h2{float:none; width:100%; margin:0px auto 10px; font-size:30px; line-height:35px; font-weight:600; color:#333333; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner h3{float:none; width:100%; margin:0 auto 40px; font-size:35px; line-height:40px; color:#323a45; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner ul{float:left; width:98%; margin:0 1%;} .ktt_getStartedBg2 .ktt_getStartedInner ul li{float:left; width:19%; margin:0 3% 40px 3%; } .ktt_startCampaignPoints{width:150px; height:150px; -moz-border-radius:150px; -webkit-border-radius:150px; overflow:hidden; border-radius:150px; margin:0 auto 20px auto;} .ktt_startCampaignPointsInfo{float:left; width:100%; height:auto; font-size:16px; line-height:20px; color:#323a45; text-align:center;} .ktt_getStartedBg3{background:#000000 url(/images_old/get_started_bg2.jpg) center top no-repeat; padding:65px 0 65px 0; float:left; width:100%; position:relative;} .ktt_getStartedBg3 .ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 10px; font-size:50px; font-weight:600; line-height:normal; color:#ffffff; text-align:center; text-transform:uppercase; clear:both;} .ktt_getStartedBg3 .ktt_getStartedInner p{float:none; width:95%; margin:0px auto 40px; font-size:16px; line-height:22px; font-weight:normal; color:#b2b2b2; text-align:center; clear:both;} .ktt_getStarteMore{background:none; padding:2% 0; float:left; width:100%;} .ktt_getStarteMoreInner{width:98%; margin:15px auto 0px auto; text-align:center; font-size:30px; color:#ffffff;} .ktt_getStarteMoreInner a{background:url(/images_old/contact_arrow.png) right center no-repeat; padding-right:45px; color:#ffffff; display:inline-block;} .ktt_getStarteMoreCol{float:none; width:47%; margin:0 auto 5px auto; padding:0 1% 0 1%; display:inline-block;} .ktt_getStarteMoreCol p{float:left; width:100%; margin:0 0 15px 0; font-size:12px; color:#323a45;} .ktt_getStarteMoreCol a{float:none; height:70px; line-height:70px; margin:0 auto 5px auto; width:60%; padding:0 10%; display:block; background:#fbae83; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_getStarteMoreCol a:hover{ display:block; background:#f39967; color:#ffffff; text-transform:uppercase; } .ktt_borderCell{border-right:1px solid #dfdfdf;} /* ========================================================================== NGO SEARCH CSS START ========================================================================== */ .ktt_ngoContentOuter{float:left; width:100%; margin-bottom:30px;} .ktt_ngoSearchOuter{float:left; width:100%; background:#ffffff; margin-bottom:30px;} .ktt_ngoSearchAlfaBet{float:left; width:100%; border-bottom:1px solid #f8f8f8; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchActive{background:url(/images_old/search_bg_blue.png) left top repeat-y!important;} .ktt_ngoSearchAlfaBet{float:left; width:100%; text-align:center; height:auto;} .ktt_ngoSearchAlfaBet h3{float:left; width:22%; font-size:12px; color:#323a45; text-align:left; line-height:40px; padding-left: 2%;} .ktt_alphabets{float:left; width:76%; text-align:left; line-height:40px;} /*.ktt_alphabets a{margin:0 3.5px 0 0; width:auto; display:inline-block; color:#abaeb2; font-size:12px;} .ktt_alphabets a:hover, .ktt_alphabets a.active{color:#00b1b0;}*/ .ktt_alphabets a, .ktt_alphabets input[type="submit"]{margin:0 0.5px; width:auto; display:inline-block; color:#c4c4c4; font-size:12px; border:0; background:none!important;cursor:pointer; font-weight:normal; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} .ktt_alphabets a:hover, .ktt_alphabets input[type="submit"]:hover, .ktt_alphabets a.active, .ktt_alphabets input[type="submit"].active{color:#00b1b0;} .ktt_ngoSearchSelectAction{float:left; width:100%; padding:10px 0 10px 0%; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchSelectAction h3{float:left; width:23%; padding-left: 2%; font-size:12px; color:#323a45; text-align:left; margin-bottom:0px; line-height:40px;} .ktt_ngoSearchSelectActionForm{float:left; width:73%;} .ktt_ngoSearchSelectActionFormRow{float:left; width:100%; padding-left:0;} .ktt_ngoSearchSelectActionFormRow select{background: url("/images_old/input_bg.png") repeat scroll left top #ffffff; border: 1px solid #e4e4e4; border-radius: 5px; color: #666666; float: left; font-size: 11px; height: 40px; margin: 0 15px 0px 0; outline: medium none; padding: 10px 10% 10px 10px; transition: transform 0.2s ease-in-out 0s; width: 31%;} .ktt_ngoSearchResult{float:left; width:100%; min-height:300px;} .ktt_ngoSearchResult ul{float:left; width:100%; list-style:none;} .ktt_ngoSearchResult ul li{float:left; width:100%; list-style:none; border-bottom:1px solid #dfdfdf; padding-bottom:14px; margin-bottom:15px;} .ktt_ngoThumb{float:left; width:80px; height:80px; overflow:hidden; margin:0 2% 0 0;} .ktt_ngoDescription{float:left; width:47%; margin:0 2% 0 0;} .ktt_ngoDescription h3{float:left; width:100%; font-size:14px; font-weight:600; color:#000; text-align:left; line-height:normal; margin-bottom:3px;} .ktt_ngoDescription p{float:left; width:100%; font-size:11px; font-weight:normal; color:#636363; text-align:left; line-height:normal; margin-bottom:0px;} .ktt_ngoDonationStatus{float:right; width:32.5%; margin:0 0% 0 0;} .ktt_ngoDonationStatus h3{float:left; width:100%; margin:0 0% 5px 0; font-size:12px; font-weight:600; color:#000;} .ktt_blue{background:#2196eb; border-radius:3px; color: #fff; display: block; font-size: 11px !important; font-weight: 600; line-height:30px; margin-bottom:5px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:0px; float:right; width:170px; /*padding:0 10%;*/} .ktt_blue:hover {background:#1e8fe1; border-radius: 3px; color: #fff; cursor: pointer;} .ktt_orange{background:#fbae83; border-radius:3px; color: #fff; display: block; font-size: 11px !important; font-weight: 600; line-height:30px; margin-bottom:5px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:0px; float:right; width:170px; /*padding:0 10%;*/} .ktt_orange:hover {background:#fb9a60; border-radius: 3px; color: #fff; cursor: pointer;} .ktt_uniqueFormInfo .tdContentOuter{float:left; width:100%; margin-bottom:5px;} .ktt_uniqueFormInfo .tdTitle {float:left; font-size: 14px; font-weight: 600; line-height: 20px; padding: 3px 0; width: 100%; color:#000;} .ktt_uniqueFormInfo .tdContent {float:left; font-size: 14px; font-weight: normal; line-height: 20px; padding: 3px 0; width: 100%; color:#000;} .ktt_uniqueFormInfo .tdContent span{padding-left:0;} /*NGO SUBMIT BUTTONS CSS START*/ #ktt_searchNgoSubmit input[type="button"], #ktt_searchNgoSubmit input[type="submit"], #ktt_searchNgoSubmit input[type="cancel"], #ktt_searchNgoSubmit a, #ktt_searchNgoSubmit1 input[type="button"], #ktt_searchNgoSubmit1 input[type="submit"], #ktt_searchNgoSubmit1 input[type="cancel"], #ktt_searchNgoSubmit1 a{ background-color:#00b1b0!important; background-image:url(/images_old/iPhoneButtonbg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:40px!important; height:40px!important; font-size:14px!important; font-weight:500!important; color:#ffffff!important; padding:0 15px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #00a3a2!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s; margin-right: 2%; border-top:0px; border-right:0px; border-left:0px; float:left;} #ktt_searchNgoSubmit input[type="button"]:hover, #ktt_searchNgoSubmit input[type="submit"]:hover, #ktt_searchNgoSubmit input[type="cancel"]:hover, #ktt_searchNgoSubmit a:hover, #ktt_searchNgoSubmit1 input[type="button"]:hover, #ktt_searchNgoSubmit1 input[type="submit"]:hover, #ktt_searchNgoSubmit1 input[type="cancel"]:hover, #ktt_searchNgoSubmit1 a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_searchNgoSubmit input[type="button"]:foucs, #ktt_searchNgoSubmit input[type="submit"]:foucs, #ktt_searchNgoSubmit input[type="cancel"]:foucs, #ktt_searchNgoSubmit a:focus, #ktt_searchNgoSubmit1 input[type="button"]:foucs, #ktt_searchNgoSubmit1 input[type="submit"]:foucs, #ktt_searchNgoSubmit1 input[type="cancel"]:foucs, #ktt_searchNgoSubmit1 a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} /*RIGHT PANEL CSS*/ #CampaignsListing ._kt_one_third { /*float: left;*/ position: absolute; right: 17px; width: 24.4% !important; } .autofix_sb.fixed { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); left: 74% !important; position: fixed !important; } #CampaignsListing .sidebar ._kt_sidebar_nav.fixPos { bottom: auto; height: auto !important; overflow-y: inherit !important; position: fixed; top: 71px !important; width: 250px; z-index: 1998; } /* ========================================================================== CPNTRIBUTE NOW PAGES FEW CLASSES ========================================================================== */ .ktt_uniqueFormInfo .yourContibutionSummary {float: left; width:100%;} .ktt_uniqueFormInfo ._kt_reward_summ_wrapper .summ_details_wrapper { color: #646464; padding: 2% 0% 0; width:100%; margin-left:0%;} .ktt_uniqueFormInfo ._kt_donation_summ_wrapper {background:none; margin-bottom: 0; padding: 0;} .ktt_uniqueFormInfo .summ_details_wrapper .title p.titletext {color: #000000; font-size: 16px; font-weight: 600; text-transform: uppercase;} .ktt_uniqueFormInfo .tdContentOuter{float:left; width:100%; margin-bottom:0px;} .ktt_uniqueFormInfo .tdTitle {float:left; font-size: 14px; font-weight: 600; line-height: 20px; padding: 3px 0; width: 20%; color:#000;} .ktt_uniqueFormInfo .tdContent {float:left; font-size: 14px; font-weight: normal; line-height: 20px; padding: 3px 0; width: 79%; color:#000;} .ktt_uniqueFormInfo .tdContent span{padding-left:0;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer .tdContent h1 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 16px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} #ktt_spanContainer .tdContent h2 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 12px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} .ktt_titletext{float:left; width:94%; padding:10px 2% 3px 4%!important; margin:0px 0 0px 0!important;border-top: 0px solid #cccccc;} .ktt_titletextLabel{float:left; margin: 0 0 10px; padding:15px 2% 3px 2%; width: 96%;} ._kt_form .footnote {color: #aaa; display: block; font-size: 11px; font-style: italic; line-height: normal; margin-bottom: 13px !important;} /* ========================================================================== SHARE BUTTONS CSS START HERE ========================================================================== */ /*.at-share-close-control {bottom: -20px!important; overflow: auto; position: absolute!important; width: 48px;} .atss { background:#000!important; position: fixed; top:inherit!important; bottom:0%!important; width: 48px; z-index: 100020; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 0px solid #e0e0e0; border-image: none; border-radius: 0 0px 0px 0; border-right: 0px solid #e0e0e0; border-top: 0px solid #e0e0e0; padding:0px 0 0px !important; position: fixed; width: 100%; z-index: 100020;} .addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t { background: url(https://www.ketto.org/images_old/widget008.old.32.icons.png) no-repeat 0 0!important;} .atss a:hover { width:25% !important;}*/ /*a.at-svc-facebook { background:none!important;} a.at-svc-lidar, a.at-svc-twitter, a.at-svc-yammer {background: none!important;} a.at-svc-linkedin, a.at-svc-startaid { background:none!important;} a.at-svc-giftery, a.at-svc-gmail { background:none!important;}*/ /*.addthis_32x32_style .at15t_facebook {background-position: 0 -2528px !important;} .addthis_32x32_style .at15t_twitter {background-position: 0 -8416px !important;} .addthis_32x32_style .at15t_linkedin {background-position: 0 -4704px !important;} .addthis_32x32_style .at15t_gmail {background-position: 0 -3456px !important;} #at4-share .at4-share-count { color: #000 !important; font-family: inherit !important; font-size: 10px; font-weight: 200; height: 13px; line-height: 12px; text-indent: 0; width: 100%;} a.at-svc-facebook {background:#305891 !important;} a.at-svc-linkedin, a.at-svc-startaid {background:#4498c8 !important;} a.at-svc-twitter {background:#2ca8d2 !important;} a.at-svc-google_plusone_share, a.at-svc-google_plusone {background:#ce4d39 !important;} a.at-svc-google {background:#0868b9 !important;} .atss a span{width: 62px !important;} .atss a{background:none;} .at4-icon.aticon-facebook{background: url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -2528px !important} .at4-icon.aticon-linkedin{background:url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -4704px !important;} .at4-icon.aticon-twitter{background:url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -8416px !important;} .at4-icon.aticon-gmail{background:url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -3456px !important;} .at4-icon.aticon-google_plusone_share{background:#ce4d39 url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -3552px !important;} .at4-icon.aticon-google{background:#0868b9 url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -3520px !important;} div.at-share-open-control-left.ats-gray, div.at-share-open-control-right.ats-gray, div.at-share-close-control.ats-gray { background: none !important;} .at-share-open-control-left { left: 0; position: fixed; top: 32%!important; width: 22px; z-index: 100020;}*/ /*F SHARE POPUP HTML CSS START HERE*/ .md-content > div {font-size: 1.15em; font-weight: 300; margin: 0; padding: 15px 0px 30px!important;} .md-modal { z-index: 99999!important; } .md-close_1{position:absolute; cursor: pointer; height: 36px; position: fixed; right: 4%; top: 4%; width: 36px; z-index: 99999; font-size: inherit;background-color: Transparent; background-repeat:no-repeat;border: none; overflow: hidden; outline:none;text-decoration: underline;} .md-overlay {z-index: 9999!important;} .ktt_f-share-wrapper { padding:1%; width:98%; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .ktt_f-share_welcome_image{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_title{float:left; width:90%; margin:3px 0 8px 5%; display:inline-block; text-align: center; border-top:1px solid #f2f2f2; background:url(/images_old/d_arrow.png) top center no-repeat; padding-top: 25px;} .ktt_f-share_title h4{display:inline-block; text-align:center; padding:0 15px; font-size:16px; font-weight:600; color:#3c3c3c;} .ktt_f-share_content{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_content p{display:inline-block; text-align:center; padding:0 0 13px 0px !important; width:80%; font-size:14px; color:#3c3c3c;} .ktt_f-share_button{float:left; width:100%; margin:0px 0% 35px 0%; display:inline-block; text-align: center;} .ktt_f-share_button input[type="submit"], .ktt_f-share_button input[type="button"], .ktt_f-share_button a{width:126px!important; height:54px!important; border:0px!important; background:url(/images_old/f_share_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} .ktt_f-share_button input[type="submit"].controbuteNowBtn, .ktt_f-share_button input[type="button"].controbuteNowBtn, .ktt_f-share_button a.controbuteNowBtn{width:206px!important; height:54px!important; border:0px!important; background:url(/images_old/contribute_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:auto;} .ktt_thankyouInnerContainer{width:98%; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:65.3%; height:auto; background:url(/images_old/thankyou_header_image_bg.png) top left / cover no-repeat; margin-top: 48px; } .ktt_thankyouBannerImage{float:left; width:80%; height:auto; overflow:hidden; margin:53px 0 0 63px; position:relative;} .ktt_thankyouBannerImageOverlay{width:100%; height:100%; background:url(/images_old/your_contribution_bg.png) top left / cover no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:50%; margin:90px auto 0 auto;} .ktt_thankuContribute_icon{float:left; width:100%; text-align:center;} .ktt_thankuContriFigure{float:left; width:100%; font-size:24px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:45px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:block;} .fentasticSmallDevices{display:none;} .ktt_thankuFantastic{float:right; width:33%; margin-top:85px;} .ktt_thankuFantastic .imgOuter{float:left; width:80%; text-align:center; margin:0 0 10px 10%;} .ktt_thankuFantastic .imgOuterImage{float:left; width:20%!important; text-align:center; margin:0 0 0px 40%!important;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:34px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:13px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:15px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:15px; font-weight:600; color:#ffffff; margin:0px 0 13px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; width:97%; text-align:center; margin:0 1.5% 10px 1.5% ;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 30px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:25px; font-weight:600; color:#232323; margin:40px 0 10px 0;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:16px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:30%; margin:0 1.5% 10px 1.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:13px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:13px; color:#232323;} .ktt_thankyouContent .imgOuter{float:left; width:100%; text-align:center;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:60px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:18px; color:#ffffff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:100%; margin: 0 0 0px 0%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{padding:0 0 0 1.5%; text-align:left; font-size:20px; font-weight:600; color:#000000; margin:32px 0 22px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:35px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 14px 20px 14px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width: 16.8% !important;} .goodvilleBanner{float:left; width:100%; background:url(/images_old/goodville_bg.png) top center no-repeat; padding:20px 0; margin-top:-1px;} .ktt_thankyouInnerContainer h2.goodvilleHead{color:#ffffff; font-size:30px; text-align:center; margin-bottom:0px;} .goodvilleImgOuter{float:left; width:94%; margin: 0 0 0 3%; text-align:center;} .goodvilleImgBtnOuter{float:left; width:94%; margin: 0 0 0 3%; text-align:center;} .ktt_thankyouInnerContainer p a{color:#ffffff; font-size:12px; text-align:center; text-decoration:underline; float:left; width:100%;} /*HOW IT WORKS CSS START HERE*/ .ktt_howItWorksOuterNew{width:100%; float:left;} .ktt_howItWorksInnerNew{width:96%; margin:0 auto;} .ktt_howItWorksInnerNewBanner{width:100%; float:left; background:#ffffff;} .ktt_howItWorksInnerNewBannerCont{width:98%; margin:0 auto;} .ktt_howItWorksInnerNewBannerCont h2{width:100%; float:left; font-size:65px; font-weight:600; line-height: 60px; color:#000; margin:30px 0 0px 0;} .ktt_howItWorksInnerNewBannerCont p{width:100%; float:left; font-size:18px; color:#000; margin-bottom:35px;} .ktt_howItWorksSteps{float:left; width:100%; margin-bottom:16px;} .ktt_howItWorksSteps .steps{float:left; width:30.2%;} .ktt_howItWorksSteps .stepsDevider{float:left; width:2.5%; height:1px; background:#324b6c; margin:27px 1% 0;} .stepIcon{float:left; width:18%; margin-right: 2%;} .stepDesc{float:left; width:80%;} .stepDesc h3{width:100%; float:left; font-size:17px; font-weight:600; line-height: normal; color:#324b6c; margin:px 0 10px 0;} .stepDesc p{width:100%; float:left; font-size:13px; line-height: normal; color:#324b6c; margin:0px 0 0px 0;} .ktt_howItWorksGetStarted{width:100%; float:left; background:#00bfb6 url(/images_old/how_it_works_gstarted_bg.png) top center / cover no-repeat; padding:20px 0;} .ktt_howItWorksInnerNew ul.hwGetstarted{float:left; width:100%; text-align:center; padding-left:0%;} .ktt_howItWorksInnerNew ul.hwGetstarted li{width:100%; display:inline-block; float:none; margin-right:0px; padding:0;} .ktt_howItWorksInnerNew ul.hwGetstarted li h3{width:100%;/* float:left;*/ font-size:24px; line-height: normal; color:#ffffff; text-align:center;} /*.ktt_howItWorksInnerNew ul.hwGetstarted li p.large{width:100%; font-size:25px; line-height: normal; color:#ffffff; text-align:right;}*/ .ktt_howItWorksInnerNew ul.hwGetstarted li p{width:100%; float:left; font-size:19px; line-height: normal; color:#ffffff; text-align:center;} .ktt_howItWorksInnerNew ul.hwGetstarted li a{float:none; height:45px; line-height:45px; padding:0 25px; text-transform:uppercase; font-size:16px; color:#00b1b0; background:#ffffff; border-radius:5px; display:inline-block; margin-top:5px;} .ktt_howItWorksWhyKetto{width:100%; float:left; background:#f3f3f3;} .ktt_howItWorksWhyKetto h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItWorksWhyKetto .listColumn{float:left; width:48%; margin:0 1%;} .ktt_howItWorksWhyKetto .listColumn ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li{float:left; width:100%; margin:0 0% 5px; padding:0 0 10px 0; background:url(/images_old/dotted_line_1.png) bottom left repeat-x; font-size: 12.5px; color:#373737; min-height:65px;} .ktt_howItWorksWhyKetto .listColumn ul li a{color:#373737; font-size: 12px; text-decoration: underline;} .ktt_howItWorksWhyKetto .listColumn ul li:last-child{background:none;} .ktt_howItWorksWhyKetto .listColumn ul li .numbersOflist{float:left; width:15%; margin:0 0%; padding:0; font-size:40px; font-style:italic; color:#000000;} .ktt_howItWorksWhyKetto .listColumn ul li .listContent{float:left; width:85%; margin:10px 0 0; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li .lineheight{line-height:30px!important;} .ktt_howItBenifitsOfCrowdfunding{width:100%; float:left; background:#ffffff;} .ktt_howItBenifitsOfCrowdfunding h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft{float:left; width:58%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht{float:left; width:38%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li{float:left; /*width:88%;*/ width:82%; margin:0 0% 15px; padding:0 0% 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat; line-height:18px; font-size: 13.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li{float:left; width:86%; margin:0 0% 15px; padding:0 0 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat;line-height:18px; font-size: 13.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft h3, .ktt_howItBenifitsOfCrowdfunding .listColumnRht h3{float:left; width:100%; padding:0 0 0 0%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:0px 0 25px 0;} .ktt_campaignDetailContentCol{float:left; width:47%; margin:10px 1.5%;} } /* ========================================================================== START CSS FOR RESOLUTION BELOW 1024 BEGINS ========================================================================== */ @media all and (max-width:1023px){ ::-webkit-input-placeholder {font-size:10px;} :-moz-placeholder { /* Firefox 18- */font-size:10px;} ::-moz-placeholder { /* Firefox 19+ */font-size:10px;} :-ms-input-placeholder {font-size:10px;} /* ========================================================================== FOR LEFT NAVIGATION CSS START HERE ========================================================================== */ #CampaignsListing ._kt_sidebar_nav #CausesListing {background-color: #e6eaef; display: none; height: 280px!important; overflow-y: auto!important;} #CampaignsListing .sidebar ._kt_sidebar_nav.fixPos { bottom: auto; position: fixed; top: 71px!important; width: 270px; height: auto!important; overflow-y: inherit!important; z-index: 1998;} #CampaignsListing .sidebar ._kt_sidebar_nav.fixPosbott { position: absolute; width: 215px;} /* ========================================================================== TESTIMONIALS CONTENT CSS START HERE ========================================================================== */ .ktt_testimonialsWrapper { float: left; width: 98%; padding: 1%; background: none; position:relative;} .demo{height:190px;} .quovolve { margin: 20px 0; } .quovolve blockquote { margin: 0; float:left; background:url(/images_old/quot_mark.png) left 0px no-repeat; width:95%; padding:0 0 0 5%;} .quovolve blockquote p { margin:5px 0 10px 0; } .autourOuter{background:url(/images_old/author_outer_bg.png) left 0px no-repeat; float:left; width:100%; margin-top:0px; padding-top:20px;} .author_pic{float:left; width:46px; height:46px; margin-right:1.5%; border-radius:50px; overflow:hidden; border:0px solid #ccc;} .autourOuter h2{float:left; width:90%; margin:1.5% 0 0 0; padding:0 0 0 0; text-transform:uppercase; color:#33a1de; font-size:12px; } .autourOuter h3{float:left; width:90%; margin:0 0 0 0; padding:0 0 0 0; color:#000000; font-size:12px;} /* ========================================================================== STATASTIC CONTENT CSS START HERE ========================================================================== */ .ktt_statastic{background:url(/images_old/statastic_bg.png) top center no-repeat; float:left; width:100%; padding:35px 0 40px 0; margin-top:35px;} .ktt_statasticCol{float:left; width:31%; margin:0 1% 20px 1%; } .ktt_statasticCol h2{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:32px; font-weight:600; color:#00b1b0;} .ktt_statasticCol h3{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:16px; font-weight:500; color:#323a45;} .ktt_statasticColAmount{width:auto; padding:0 2%; margin:0 1% 20px 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColBackers{width:auto; padding:0 2%; margin:0 1% 20px 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColCampaing{width:auto; padding:0 2%; margin:0 1% 20px 1%; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticCol h2, .ktt_statasticColAmount h2, .ktt_statasticColBackers h2, .ktt_statasticColCampaing h2{ width:100%; height:auto; line-height:normal; text-align:center; font-size:32px; font-weight:600; color:#00b1b0;} /*When digit will incresed that time font size will- "font-size: 38px;"*/ .ktt_statasticCol h3, .ktt_statasticColAmount h3, .ktt_statasticColBackers h3, .ktt_statasticColCampaing h3{ width:100%; height:auto; line-height:normal; text-align:center; font-size:14px; font-weight:500; color:#323a45;} /* ========================================================================== FOOTER CSS START HERE ========================================================================== */ .ktt_footerInner { margin:0 auto; width:100%;} .ktt_footerInfoWrapper { margin:0 auto; width:100%; height:68px; color:#7f848b; border-top:1px solid #474e58; font-size:11.2px; clear:both;} .ktt_footerLinksInner { margin:0 auto; width:98%;} .ktt_footerHeadings{float: none; width: auto} .ktt_footerHeadings h3{font-size:14px; line-height:20px; margin-top:10px; margin-bottom: 10px; padding-right:0; text-align:center; border-right: 0 none; } .ktt_footerFeatured{float: none; text-align: center;} .ktt_footerFeatured ul{width:auto; margin-bottom: 10px; float: none;} .ktt_footerFeatured ul li{height:50px; margin: 0 1.7%; float: none;} .ktt_footerFeatured ul li a{height:50px;} .ktt_footerFeatured ul li{background-size: auto 120px} .ktt_footerFeatured ul li.mashable{background-position: 0 0; width: 98px} .ktt_footerFeatured ul li.mashable:hover{background-position: 0 -60px} .ktt_footerFeatured ul li.entrepreneur{background-position: -125px 0; width: 112px} .ktt_footerFeatured ul li.entrepreneur:hover{background-position: -125px -60px} .ktt_footerFeatured ul li.economicTimes{background-position: -262px 0; width: 122px} .ktt_footerFeatured ul li.economicTimes:hover{background-position: -262px -60px} .ktt_footerFeatured ul li.dnaIndia{background-position: -420px 0; width: 50px} .ktt_footerFeatured ul li.dnaIndia:hover{background-position: -420px -60px} .ktt_footerFeatured ul li.timesofIndia{background-position: -499px 0; width: 90px} .ktt_footerFeatured ul li.timesofIndia:hover{background-position: -499px -60px} .ktt_footerFeatured ul li.cnbcTv{background-position: -628px 0; width: 45px} .ktt_footerFeatured ul li.cnbcTv:hover{background-position: -628px -60px} .ktt_footerInfoWrapper { border-top: 1px solid #474e58; clear: both; color: #7f848b; float: left; font-size: 11.2px; height: auto; margin: 0 auto; padding-bottom:5px; width: 100%;} .paymentInfoTitle { float: left; line-height:60px; margin-left: 1.5%; margin-top: 0; text-align: left; width: auto; margin-right:1%;} .paymentOptions { border-right: 1px solid #5d646c; clear: none; float: left; margin: 20px auto 12px auto; padding-right: 1.5%; text-align: left; width: 30%; margin-right:0.5%;} .securedPaymentText { background: url("/images_old/lock_icon.png") no-repeat left center; clear: none; float: left; line-height: 45px; margin: 0 0% 0 auto; padding-left: 3.8%; width: auto; border-right: 0px solid #5d646c;} .securePaumentOuter{background: url("/images_old/lock_icon.png") no-repeat scroll left center ; float: right; margin:6px 0% 0; padding:0 0 0 3em; width:auto; border-right:0px solid #5d646c; text-align:center;} .securedText{text-align:left; width:72px; float:left; margin:12px 10px 0 0; display:inline-block; line-height:normal;} .sslIcon{text-align:left; width:48px; display:inline-block; line-height:normal; float:right; margin-right: 10px;} .ktt_footerCopyrightsDesk { color: #7f848b; float: right; font-size: 11.2px; font-weight: 200; line-height: 48px; min-width: 16%; text-align: right; display:none;} .ktt_footerCopyrightsMob {clear: none; color: #7f848b; display: block; float: right; font-size: 11.2px; font-weight: 200; line-height: 20px; margin-left: 0%; text-align: center; width: 100%; margin-right:0%; margin-top:5px;} .ktt_footerSocialMedia{ clear: both; display: none; float: none; height: 34px; margin: 10px auto; width: 30%;} /*LATEST NEW FOOTER COLUMN*/ .ktt_footerColumn{float:left; width:24%; margin:10x 2% 5px 2%;} .ktt_footerColHeight{height:auto; margin-top:10px; margin-bottom:15px;} .ktt_footerColumn h2{float:left; width:100%; margin-bottom:5px; color:#ffffff; padding:0; font-size:14px; font-weight:600; text-transform:uppercase;} .ktt_mobHeading{display:none;} .ktt_footerColumn ul li a { color:#999da2; font-size:11px; font-weight:200; text-align:center; text-decoration:none; border-right:0px solid #7f848b; padding-right:5px} .ktt_socialMedia{display:block; width:100%!important; margin:0;} .ktt_footerColumn ul li {float: left; line-height: normal;} .ktt_footerLinks { background:#323a45; float:left; height:auto; width:99%; padding:0 0.5% 45px;}/*if use Addthis code in the footer then use padding:0 0.5% 45px; uncomment padding value*/ ul#terms-conditions-outer{text-align:center;} ul#terms-conditions-outer li { float:none; width:auto; line-height:normal; margin:5px 0px 15px 0; padding:0 5px 0 ; display:inline-block; text-align:center;} ul#terms-conditions-outer li a { color:#999da2; font-size:11px; font-weight:200; text-align:center; text-decoration:none; border-right:0px solid #7f848b; padding:0 5px; transition: all 450ms ease-in-out 0s;} /* ========================================================================== FORM CSS START HERE ========================================================================== */ .ktt_uniqueFormWrapper ._kt_breadcrumb {background:none; padding:15px 0 15px 0%;} .ktt_uniqueFormWrapper{float:left; width:100%;background:#ffffff /*url(/images_old/form_bg_small_device1.png) left top repeat-y*/;} .ktt_uniqueFormInfo{float:left; width:28%; padding:0 2% 40px 0%;} .ktt_uniqueFormInfo p, .ktt_uniqueFormInfo span{ float:left; color:#313131; font-size:12px; line-height:20px; padding:0 0 0 3%;} .ktt_uniqueFormInfo strong{color:#313131; font-size:12px; font-weight:600; line-height:normal; margin-bottom:15px; float:left; width:97%; padding:0 0 0 3%;} .ktt_uniqueFormInfo ul{float:left; width:97%; padding:0 0 0 3%;} .ktt_uniqueFormInfo ul li{float:left; width:92%; padding-left:25px; padding-top:5px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:12px; line-height:15px; margin-bottom:10px; color:#313131;} .ktt_uniqueFormContent{float:left; width:63%; padding:0 3.5% 0 3.5%; } .ktt_uniqueFormActualContentWrapper{float:left; width:95%; padding:0 0 20px 3%;} .ktt_uniqueFormInfo h2, .ktt_uniqueFormContent h2{float:left; width:97%; padding:0 0 0 3%; font-size:24px; color:#00b1b0; font-weight:600; text-transform:uppercase; margin-bottom:10px;} .ktt_uniqueFormformHeading{float:left; width:100%; margin-bottom:0px; position:relative;} .ktt_uniqueFormformHeading h3{line-height:48px; color:#00b1b0; float:left; font-size:15px; padding:0 0 0 0px;} .ktt_uniqueFormformHeadingNumner{float:left; width:35px; height:35px; position:absolute; left:-45px; background:#00b1b0/*url(/images_old/form_number_bg.png) center center no-repeat*/; line-height:35px; text-align:center; color:#ffffff; font-size:25px; font-weight:600; border:7px solid #ffffff; -moz-border-radius:75px; -webkit-border-radius:75px; border-radius:75px; display:none;} /*UNIQUE FIELD CSS START*/ .ktt_uniqueFormRow {float: left;width: 100%; margin-bottom:10px;} #CampaignStep1 .ktt_uniqueFormNote, .ktt_uniqueFormNote {float: left;width: 100%; } .ktt_uniqueFormRow label{display:block; font-size:12px; margin:5px 0; width:78%;} .ktt_uniqueFormRow input[type="text"], .ktt_uniqueFormRow input[type="password"] {float:left; width:86%; height:30px; line-height:30px; padding:10px 10% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0 ; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow input[type="text"]:focus, .ktt_uniqueFormRow input[type="password"]:focus, .ktt_uniqueFormRow input[type="file"]:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow input[type="file"]{float:left; width:86%; height:30px; line-height:30px; padding:15px 10% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0 ; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .shorturl {border: 1px solid #e4e4e4; border-radius: 5px; float: left; margin-bottom: 5px; margin-top: 0px; outline: medium none; padding: 10px 0 10px 10px; width: 96%;} #fmd_media_path_1 { border: 1px solid #e4e4e4; border-radius: 5px; color: #666; font-size: 14px; height: 27px !important; padding: 13px 10% 10px 10px; resize: none; transition: transform 0.2s ease-in-out 0s; width: 86% !important;} .uploadeImageOuter { width: 94%;} .phonePlus { background: none repeat scroll 0 0 #ffffff !important; border: 1px solid #e4e4e4; border-radius: 5px; float: left; margin-bottom: 5px; margin-top: 8px; outline: medium none; padding: 10px 0 10px 10px; width: 96%;} #StartCampaign .shorturl input[type="text"] {border: 1px solid #fff !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 0 10% 0 0px !important; width:72%;float:right;} #StartCampaign #editor .shorturl {border: 1px solid #e4e4e4; border-radius: 5px; float: left; margin-bottom: 5px; margin-top: 8px; outline: medium none; padding: 10px 0 10px 10px; width: 86%;} #StartCampaign #editor .shorturl input[type="text"] {border: medium none !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 1px 10% 0 0px !important; width:63%; float:right;} #StartCampaign #editor .createACampaignRow .comp_large { float: left; width: 75%;} #StartCampaign #editor .createACampaignRow #DateData input[type="text"] {width: 75% !important;} #StartCampaign #editor .uploadeImageOuter { width: 85%;} .ktt_uniqueFormRowmultyField {float: left;width: 100%; margin-bottom:10px;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode{float:left; width:30%; height:30px; line-height:30px; padding:10px 9% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0!important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].prefixCountry{float:left; width:8%; height:30px; line-height:30px; padding:10px 0% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0px 5px 0!important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select{float:left; width:98.3%; height:50px; padding:10px 10% 10px 10px; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow textarea{float:left; width:66%; height:80px; background:#ffffff; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; padding:10px 10% 10px 10px; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666;} .ktt_uniqueFormRow textarea:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow input[type="radio"], .ktt_uniqueFormRow input[type="checkbox"]{margin:6px 10px 0 0; float:left; min-height:13px; width:20px;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 14.5%;} /*BUTTONS CSS START*/ #ktt_uniqueFormButtons input[type="button"], #ktt_uniqueFormButtons input[type="submit"], #ktt_uniqueFormButtons input[type="cancel"], #ktt_uniqueFormButtons a, #ktt_uniqueFormButtons1 input[type="button"], #ktt_uniqueFormButtons1 input[type="submit"], #ktt_uniqueFormButtons1 input[type="cancel"], #ktt_uniqueFormButtons1 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: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 #00a3a2!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s; margin-right: 2%; border-top:0px; border-right:0px; border-left:0px;} #ktt_uniqueFormButtons input[type="button"]:hover, #ktt_uniqueFormButtons input[type="submit"]:hover, #ktt_uniqueFormButtons input[type="cancel"]:hover, #ktt_uniqueFormButtons a:hover, #ktt_uniqueFormButtons1 input[type="button"]:hover, #ktt_uniqueFormButtons1 input[type="submit"]:hover, #ktt_uniqueFormButtons1 input[type="cancel"]:hover, #ktt_uniqueFormButtons1 a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_uniqueFormButtons input[type="button"]:foucs, #ktt_uniqueFormButtons input[type="submit"]:foucs, #ktt_uniqueFormButtons input[type="cancel"]:foucs, #ktt_uniqueFormButtons a:focus, #ktt_uniqueFormButtons1 input[type="button"]:foucs, #ktt_uniqueFormButtons1 input[type="submit"]:foucs, #ktt_uniqueFormButtons1 input[type="cancel"]:foucs, #ktt_uniqueFormButtons1 a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_uniqueFormButtons input[type="button"].disableFDonor, #ktt_uniqueFormButtons input[type="submit"].disableFDonor, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor, #ktt_uniqueFormButtons a.disableFDonor, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor, #ktt_uniqueFormButtons1 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:18px!important; font-weight:500!important; color:#bfbfbf!important; padding:0 35px!important; cursor:default!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #cdcdcd!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s;} #ktt_uniqueFormButtons input[type="button"].disableFDonor:hover, #ktt_uniqueFormButtons input[type="submit"].disableFDonor:hover, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor:hover, #ktt_uniqueFormButtons a.disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor:hover, #ktt_uniqueFormButtons1 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;} #ktt_uniqueFormButtons input[type="button"].disableFDonor:foucs, #ktt_uniqueFormButtons input[type="submit"].disableFDonor:foucs, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor:foucs, #ktt_uniqueFormButtons a.disableFDonor:focus, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor:foucs, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor:foucs, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor:foucs, #ktt_uniqueFormButtons1 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;} /* ========================================================================== CREATIVE PAGE CSS START ========================================================================== */ .addRowHeadinginner { float: left; margin-bottom: 10px; width: 46.8%; display:none;} .addRowHeadinginnerInside { float: left; margin-bottom:0px; width: auto; display:block;} .addRowColumn{float:left; width:50%; margin-bottom:0px;} .addRowColumnAddButton{ bottom: 15px; height: 20px; margin-bottom: 0; position: absolute; right: 0px;} .addRowColumn .heading, .addRowColumnAddButton .heading{float:left; width:100%; margin:5px 0 10px 0; font-size:12px;} #questionary label.agreement {float: left; font-size: 13px; font-weight: 500 !important; line-height: inherit; margin-bottom: 15px;} /* ========================================================================== ADD / REMOVE BUTTONS ========================================================================== */ /*ADD*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important; } .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /*ADD NEW*/ .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_profile a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; top: 140px; right: 0px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px;top:130px; right: 0px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE NEW*/ .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; bottom: 28px; right: 6px; position: absolute;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /* ========================================================================== LIVE SUPPORT CSS START ========================================================================== */ .zopim{bottom:0px!important; display:none!important; } /* ========================================================================== HANDBOOK PAGE CSS START ========================================================================== */ .ktt_handBookWrapper{width:94%; margin:0 auto 30px auto; background:#ffffff;} .ktt_handBookContent{float:left; width:88%; padding:3% 6%; margin-bottom:30px;} .ktt_handBookContent .handbookTtitle{float:left; width:100%; font-size:28px; font-weight:500; color:#323a45;} .ktt_handBookWrapper .heading{float:left; width:100%; background:#00b1b0; width:88%; padding:6%; text-align:left; font-size:20px; font-weight:600; color:#ffffff; text-transform:uppercase;} .ktt_handBookContent h2{float:left; width:100%; font-size:18px; font-weight:600; margin:0 0 5px 0; color:#000;} .ktt_handBookContent p{float:left; width:100%; font-size:13px; font-weight:500; margin:0 0 10px 0; line-height:18px;} .ktt_handBookContent h3.headingMedium{float:left; width:100%; font-size:18px; margin-bottom:10px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingMedium a{float:left; width:100%; font-size:18px; margin-bottom:0px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingSmall{float:left; width:100%; font-size:15px; margin-bottom:10px; font-weight:600; color:#323a45; text-transform:uppercase;} .ktt_handBookContent ul.indexing{float:left; width:100%; margin:0 0 5px 0; padding:0;} .ktt_handBookContent ul.contentlist li{float:left; width:93%; padding-left:7%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .ktt_handBookContent ol.contentlist li{float:left; width:96%; padding-left:4%; margin-bottom:10px; font-size:13px; list-style:inside none decimal;} .ktt_handBookContent .blueHeading{font-size:14px; font-weight:500; color:#00b1b0; float:left; width:100%;} .ktt_handBookimages{float:left; width:100%; text-align:center;} .ktt_tablet_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:block;} .ktt_tablet_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_handBookimages img, .ktt_tablet_port img, .ktt_tablet_land img, .ktt_mobile_port img{max-width:100%;} .ktt_handBookContent .colLeft{width:47%; float:left;} .ktt_handBookContent .colRight{width:47%; float:right;} .ktt_handBookContent .colLeft ul.contentlist li, .ktt_handBookContent .colRight ul.contentlist li{float:left; width:94%; padding-left:6%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .backPage h1{color:#ffffff; font-size:56px; font-weight:600; padding:150px 10% 10% 10%;} .backtoTop{position:fixed; bottom:20px; right:30px; display:block;} /* ========================================================================== MUSIC LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_musicBg1{background:/*none*/#f8f8f8 url(/images_old/music_bg.png) right 100px / 26% no-repeat; padding:0 0 40px 0; float:left; width:100%;} .ktt_musicBg1 ._kt_breadcrumb, .ktt_moviefilmsBg1 ._kt_breadcrumb, .ktt_otherCreativeBg1 ._kt_breadcrumb{background:none;} .ktt_creativeInner{width:98%; margin:10px auto 30px auto;} .ktt_musicInnerWrapper{float:left; width:73%;} .ktt_musicInnerWrapperBig{float:left; width:74%;} .creatingHeading{float:none; width:100%; margin:0 auto 10px; font-size:30px; font-weight:600; line-height:normal; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both;} .creatingSmallHeading{font-size:30px; font-weight:600; line-height:32px; color:#333333; text-transform: uppercase; margin: 0 auto 10px;} .creatingHeading br{display:block;} .ktt_creativeInner h1{float:none; width:100%; margin:0 auto 0px; font-size:20px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInnerBriefText{float:none; width:100%; margin:0 auto 20px; font-size:20px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInner p{float:none; width:100%; margin:0 auto 40px; font-size:16px; line-height:23px; color:#323a45; text-align:left; clear:both;} .ktt_creativeInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:256px; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_creativeInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_musicBg2{background:#ffffff/* url(/images_old/music_two.jpg) center top no-repeat; */;padding:30px 0; float:left; width:100%;} p.getStartedIntro{float:none; width:88%; margin:0 auto 20px; font-size:18px; line-height:28px; color:#323a45; text-align:center; font-style:normal; clear:both;} .contSeperator{background:url(/images_old/saperator_bg.png) center center repeat-x; width:60%; height:3px; clear:both; margin:0 auto 20px; } .ktt_musicContact{background:#fbae83; padding:2% 0; float:left; width:100%;} .ktt_musicContactInner{width:90%; margin:15px auto; text-align:center; font-size:22px; color:#ffffff;} .ktt_musicContactInner a{background:url(/images_old/contact_arrow1.png) right center no-repeat; padding-right:28px; color:#ffffff; display:inline-block;} /* ========================================================================== MOVIE AND FILMS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_moviefilmsBg1{background:/*none*/url("/images_old/film_bg.png") no-repeat scroll right 100px / 26% #f8f8f8; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== OTHER CREATIVE PROJECTS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_otherCreativeBg1{background:/*none*/#f8f8f8 url(/images_old/other_creative_bg.png) right 100px / 26% no-repeat; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== NGO's PAGE 16 DEC 2014 ========================================================================== */ .ktt_ngoBg{background:#f8f8f8 url(/images_old/for_ngos_bg.png) top center no-repeat; padding:0 0 70px 0; float:left; width:100%; height:320px;} .ktt_ngoBg h2{ color: #ffffff; font-family:Montserrat; font-size:42px; font-weight: 600; width:90%; margin:10px auto 10px; text-transform: inherit; text-transform:inherit; color:#ffffff;} .ktt_ngoBg h3{font-family: Montserrat;font-size:28px; font-weight: normal; margin:0px auto 0 auto; width:100%; line-height:normal; color:#ffffff;} .ktt_ngoInner{width:98%; margin:25px auto 25px auto;} .ktt_ngoInner h1{float:none; width:100%; margin:0 auto 10px; font-size:30px; font-weight:600; line-height:35px; color:#333333; text-align:left; text-transform:none; opacity:0.9; clear:both;} .ktt_ngoInner h2{float:none; width:100%; margin:0 auto 10px; font-size:22px; line-height:28px; color:#333333; text-align:left; clear:both;} .ktt_ngoInner p{float:none; width:100%; margin:0 auto 40px; font-size:18px; line-height:30px; color:#323a45; text-align:left; clear:both;} .custFontSize{font-size:12.5px;} .ktt_ngoInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:270px; padding:0 30px; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_ngoInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_ngosWrapper{float:left; width:100%;} .ktt_ngosWrapper ul{float:left; width:100%;} .ktt_ngosWrapper ul li{float:left; width:92%; padding-left:25px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:18px; line-height:22px; margin-bottom:10px;} .ktt_ngoBg2{background:#ffffff; padding:0 0 20px 0; height:500px; float:left; width:100%;} .ktt_ngoCcarouselInner{width:98%; margin:20px auto 20px auto; background:#ffffff;} .ktt_ngoCcarouselImage{width:34%; float:left; margin:0 2% 0 0; display:block;} .ktt_ngotCcarouselcontent{width:63%; float:left; margin:20px auto 20px auto; } .ktt_ngoCcarouselInner h2{float:left; width:100%; margin:0 auto 10px; font-size:20px; font-weight:600; line-height:22px; color:#333333; text-align:left; clear:both;} .ktt_ngoCcarouselInner p{float:left; width:100%; margin:0 auto 10px; font-size:14px; line-height:18px; color:#323a45; text-align:left; clear:both;} .ktt_ngotCcarouselcontent .pointeOuter{float:left; width:100%; margin:0px 0 0px 0;} .ktt_ngotCcarouselcontent .numberOuter{width:25px; height:25px; margin-right:2.5%; float:left; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; border:1px solid #00b1b0; text-align:center; vertical-align:middle; padding-top:0px; line-height:25px; color:#00b1b0; font-weight:600; font-size:13px;} .ktt_ngotCcarouselcontent .points{float:left; width:86%; margin-bottom:20px; font-size:12px; text-align:left; margin-top:0px;} .ktt_ngotCcarouselcontent .lineheightcarousel{line-height:30px;} /*CAROUSEL CSS START*/ #myNGOCarausel .sy-controls {display:block;} #myNGOCarausel .sy-controls li a:after {background-color:transparent; background-image: url("/images_old/ngo_carousel_arrow_small.png"); background-repeat: no-repeat; background-size: cover; border-radius:0; color: #111; content: ""; font-weight: 800; height: 80px; left:0%; line-height: 0em; margin-left: 0em; margin-top: 0em; position: absolute; text-align: center; text-indent: 0; top: 220px!important; width:39px; opacity:1;} #myNGOCarausel .sy-controls li.sy-next a:after {background-position: 100% 0;} #myNGOCarausel .sy-controls li.sy-prev {left: 0px; top: 0;} #myNGOCarausel .sy-controls li.sy-next {right: 0px; top: 0;} #myNGOCarausel .sy-controls li a:link, #myNGOCarausel .sy-controls li a:visited { opacity: 10;} #myNGOCarausel .sy-controls li { height: 100px; min-width:inherit; position: absolute; width: 49px; z-index: 33;} #myNGOCarausel .sy-pager { /*background:#f8f8f8;*/ bottom: -20px; padding:10px 0; display: none; list-style: none outside none; margin: 1em 0 0; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 50;} #myNGOCarausel .sy-pager li {border-radius: 1.5em; display: inline-block; height: 1.5em; margin:0 3px 0 3px; width: 1.5em; /*box-shadow: 0 1px 2px #333;*/} #myNGOCarausel .sy-pager li a {background:#e9e9e9; display: block; height: 100%; text-indent: -9999px; width: 100%; } #myNGOCarausel .sy-pager li.sy-active a { background-color: #00b1b0; opacity: 10;} #myNGOCarausel .sy-pager li a:hover, #myNGOCarausel .sy-pager li a:focus {opacity: 0.8;} #myNGOCarausel .sy-caption-wrap .sy-caption{display:none!important;} /* ========================================================================== GET STARTED PAGE 17 DEC 2014 ========================================================================== */ .ktt_getStartedBg1{background:#f8f8f8 url(/images_old/get_started_bg1.jpg) center top no-repeat; padding:0 0 70px 0; float:left; width:100%; position:relative;} .ktt_getStartedInnerWrapper{float:left; width:61%; padding:0 3% 0 0;} .ktt_getStartedInnerImageWrapper{float:left; width:34%;} .ktt_getStartedInner{width:98%; margin:0px auto 0px auto;} /*.ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 0px; font-size:77px; font-weight:normal; line-height:80px; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both; text-transform:inherit;}*/ .ktt_getStartedInner h1{float:none; width:100%; margin:0px auto 0px; font-size:22px; font-weight:normal; line-height:30px; color:#000000; text-align:left; clear:both; text-transform:inherit;} .ktt_getStartedInner h1.smallSizeHeading{font-size:65px; font-weight:600; line-height:70px;} .ktt_getStartedInnerBrief{float:none; width:100%; margin:0px auto 30px; font-size:22px; line-height:30px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner p{float:none; width:100%; margin:0 auto 40px; font-size:18px; line-height:30px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner a{float:left; height:70px; line-height:70px; margin:0 auto 0 auto; width:210px; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both; position:inherit; bottom:20px; } .ktt_getStartedInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_getStartedBg2{background:#ffffff; padding:40px 0 40px 0; float:left; width:100%;} .ktt_getStartedBg2 .ktt_getStartedInner h2{float:none; width:100%; margin:0px auto 10px; font-size:26px; line-height:25px; font-weight:600; color:#333333; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner h3{float:none; width:100%; margin:0 auto 40px; font-size:30px; line-height:30px; color:#323a45; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner ul{float:left; width:98%; margin:0 1%;} .ktt_getStartedBg2 .ktt_getStartedInner ul li{float:left; width:44%; margin:0 3% 15px 3%; } .ktt_startCampaignPoints{width:150px; height:150px; -moz-border-radius:150px; -webkit-border-radius:150px; overflow:hidden; border-radius:150px; margin:0 auto 20px auto;} .ktt_startCampaignPointsInfo{float:left; width:100%; height:110px; font-size:16px; line-height:20px; color:#323a45; text-align:center;} .ktt_getStartedBg3{background:#000000 url(/images_old/get_started_bg2.jpg) center top no-repeat; padding:65px 0 65px 0; float:left; width:100%; position:relative;} .ktt_getStartedBg3 .ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 10px; font-size:50px; font-weight:600; line-height:normal; color:#ffffff; text-align:center; text-transform:uppercase; clear:both;} .ktt_getStartedBg3 .ktt_getStartedInner p{float:none; width:95%; margin:0px auto 40px; font-size:16px; line-height:22px; font-weight:normal; color:#b2b2b2; text-align:center; clear:both;} .ktt_getStarteMore{background:none; padding:2% 0; float:left; width:100%;} .ktt_getStarteMoreInner{width:98%; margin:15px auto 0px auto; text-align:center; font-size:30px; color:#ffffff;} .ktt_getStarteMoreInner a{background:url(/images_old/contact_arrow.png) right center no-repeat; padding-right:45px; color:#ffffff; display:inline-block;} .ktt_getStarteMoreCol{float:none; width:47%; margin:0 auto 5px auto; padding:0 1% 0 1%; display:inline-block;} .ktt_getStarteMoreCol p{float:left; width:100%; margin:0 0 15px 0; font-size:12px; color:#323a45;} .ktt_getStarteMoreCol a{float:none; height:70px; line-height:70px; margin:0 auto 5px auto; width:60%; padding:0 10%; display:block; background:#fbae83; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_getStarteMoreCol a:hover{ display:block; background:#f39967; color:#ffffff; text-transform:uppercase; } .ktt_borderCell{border-right:1px solid #dfdfdf;} /* ========================================================================== MEDIA RELEASE PAGE CSS START ========================================================================== */ .ktt_mediaReleasWrapper h2{ color: #313131; font-family:Montserrat; font-size:38px; font-weight: 600; margin-bottom: 10px; text-align:left;} .ktt_mediaReleasWrapper h3{font-size:16px; line-height:22px; margin: 0 auto; width: 100%; text-align:left;} .ktt_mediaReleasThumb{float:left; width:14%; height:auto; margin:0 2% 0 0;} .ktt_mediaReleasDescription{float:left; width:84%; height:auto;} ul.ktt_mediaListing{float:left; width:100%; margin:20px 0 0 0; padding:0;} ul.ktt_mediaListing li{float:left; width:100%; margin:0 0 20px 0; padding:0 0 20px 0; list-style:none; border-bottom:1px solid #000000;} .ktt_mediaReleasDescription h3{font-size:15px; color:#000000; font-weight:600; margin: 0 auto 3px; width: 100%; text-align:left;} .ktt_mediaReleasDescription h4{font-size:10px; color:#8b8b8b; margin: 0 auto 10px; width: 100%; text-align:left;} .ktt_mediaReleasDescription p{font-size:12px; line-height:18px; color:#313131; margin: 0 auto; width: 100%; text-align:left; position: inherit; left:0%;} .ktt_mediaReleasDescription p a {color: #3399cc; font-size: 12px; font-weight: normal; line-height: 18px;} /* ========================================================================== GLOBEL ERROR MESSAGE CSS START HERE ========================================================================== */ .myMap{display:block} .myMapSmallDevice{display:none;} .ktt_globelErrorInner{width:100%; margin:0 auto;} /*SINGLE LINE ERROR MESSAGE*/ .ktt_globelError{display:block; background:#e84a5f url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding:21px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelSuccess{display:block; background:#00b1b0 url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding:21px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelErrorMessage h2{color:#ffffff; float: left; width:100%; font-size: 16px; font-weight: normal; text-align:center; margin:5px 0;} /*SINGLE LINE ERROR MESSAGE*/ /* ========================================================================== NGO SEARCH CSS START ========================================================================== */ .ktt_ngoContentOuter{float:left; width:100%; margin-bottom:30px;} .ktt_ngoSearchOuter{float:left; width:100%; background:#ffffff; margin-bottom:30px;} .ktt_ngoSearchAlfaBet{float:left; width:100%; border-bottom:1px solid #f8f8f8; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchActive{background:url(/images_old/search_bg_blue.png) left top repeat-y!important;} .ktt_ngoSearchAlfaBet{float:left; width:100%; text-align:center; height:auto;} .ktt_ngoSearchAlfaBet h3{float:left; width:100%; font-size:13px; color:#323a45; text-align:center; line-height:30px; padding-left: 0%;} .ktt_alphabets{float:left; width:100%; text-align:center; line-height:30px;} /*.ktt_alphabets a{margin:0 3.5px 0 0; width:auto; display:inline-block; color:#abaeb2; font-size:12px;} .ktt_alphabets a:hover, .ktt_alphabets a.active{color:#00b1b0;}*/ .ktt_alphabets a, .ktt_alphabets input[type="submit"]{margin:0 0.2px; width:auto; display:inline-block; color:#c4c4c4; font-size:13px; border:0; background:none!important;cursor:pointer; font-weight:normal; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} .ktt_alphabets a:hover, .ktt_alphabets input[type="submit"]:hover, .ktt_alphabets a.active, .ktt_alphabets input[type="submit"].active{color:#00b1b0;} .ktt_ngoSearchSelectAction{float:left; width:100%; padding:0px 0 5px 0; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchSelectAction h3{float:left; width:100%; padding-left: 0%; font-size:13px; color:#323a45; text-align:center; margin-bottom:5px; line-height:30px;} .ktt_ngoSearchSelectActionForm{float:left; width:100%;} .ktt_ngoSearchSelectActionFormRow{float:left; width:97%; padding-left:3%;} .ktt_ngoSearchSelectActionFormRow select{background: url("/images_old/input_bg.png") repeat scroll left top #ffffff; border: 1px solid #e4e4e4; border-radius: 5px; color: #666666; float: left; font-size: 11px; height: 40px; margin: 0 15px 10px 0; outline: medium none; padding: 10px 10% 10px 10px; transition: transform 0.2s ease-in-out 0s; width: 34%;} .ktt_ngoSearchResult{float:left; width:100%; min-height:300px;} .ktt_ngoSearchResult ul{float:left; width:100%; list-style:none;} .ktt_ngoSearchResult ul li{float:left; width:100%; list-style:none; border-bottom:1px solid #dfdfdf; padding-bottom:14px; margin-bottom:15px;} .ktt_ngoThumb{float:left; width:80px; height:80px; overflow:hidden; margin:0 2% 0 0;} .ktt_ngoDescription{float:left; width:46%; margin:0 2% 0 0;} .ktt_ngoDescription h3{float:left; width:100%; font-size:14px; font-weight:600; color:#000; text-align:left; line-height:normal; margin-bottom:3px;} .ktt_ngoDescription p{float:left; width:100%; font-size:11px; font-weight:normal; color:#636363; text-align:left; line-height:normal; margin-bottom:0px;} .ktt_ngoDonationStatus{float:right; width:32.5%; margin:0 0% 0 0;} .ktt_ngoDonationStatus h3{float:left; width:100%; margin:0 0% 5px 0; font-size:12px; font-weight:600; color:#000;} .ktt_blue{background:#2196eb; border-radius:3px; color: #fff; display: block; font-size: 11px !important; font-weight: 600; line-height:30px; margin-bottom:5px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:0px; float:right; width:170px; /*padding:0 10%;*/} .ktt_blue:hover {background:#1e8fe1; border-radius: 3px; color: #fff; cursor: pointer;} .ktt_orange{background:#fbae83; border-radius:3px; color: #fff; display: block; font-size: 11px !important; font-weight: 600; line-height:30px; margin-bottom:5px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:0px; float:right; width:170px; /*padding:0 10%;*/} .ktt_orange:hover {background:#fb9a60; border-radius: 3px; color: #fff; cursor: pointer;} .ktt_uniqueFormInfo .tdContentOuter{float:left; width:100%; margin-bottom:5px;} .ktt_uniqueFormInfo .tdTitle {float:left; font-size: 14px; font-weight: 600; line-height: 20px; padding: 3px 0; width: 100%; color:#000;} .ktt_uniqueFormInfo .tdContent {float:left; font-size: 14px; font-weight: normal; line-height: 20px; padding: 3px 0; width: 100%; color:#000;} .ktt_uniqueFormInfo .tdContent span{padding-left:0;} /*NGO SUBMIT BUTTONS CSS START*/ #ktt_searchNgoSubmit input[type="button"], #ktt_searchNgoSubmit input[type="submit"], #ktt_searchNgoSubmit input[type="cancel"], #ktt_searchNgoSubmit a, #ktt_searchNgoSubmit1 input[type="button"], #ktt_searchNgoSubmit1 input[type="submit"], #ktt_searchNgoSubmit1 input[type="cancel"], #ktt_searchNgoSubmit1 a{ background-color:#00b1b0!important; background-image:url(/images_old/iPhoneButtonbg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:40px!important; height:40px!important; font-size:14px!important; font-weight:500!important; color:#ffffff!important; padding:0 15px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #00a3a2!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s; margin-right: 2%; border-top:0px; border-right:0px; border-left:0px; float:left;} #ktt_searchNgoSubmit input[type="button"]:hover, #ktt_searchNgoSubmit input[type="submit"]:hover, #ktt_searchNgoSubmit input[type="cancel"]:hover, #ktt_searchNgoSubmit a:hover, #ktt_searchNgoSubmit1 input[type="button"]:hover, #ktt_searchNgoSubmit1 input[type="submit"]:hover, #ktt_searchNgoSubmit1 input[type="cancel"]:hover, #ktt_searchNgoSubmit1 a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_searchNgoSubmit input[type="button"]:foucs, #ktt_searchNgoSubmit input[type="submit"]:foucs, #ktt_searchNgoSubmit input[type="cancel"]:foucs, #ktt_searchNgoSubmit a:focus, #ktt_searchNgoSubmit1 input[type="button"]:foucs, #ktt_searchNgoSubmit1 input[type="submit"]:foucs, #ktt_searchNgoSubmit1 input[type="cancel"]:foucs, #ktt_searchNgoSubmit1 a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} /*RIGHT PANEL CSS*/ #CampaignsListing .sidebar ._kt_sidebar_nav.fixPos { bottom: auto; height: auto !important; overflow-y: inherit !important; position: fixed; top: 71px !important; width: 218px; z-index: 1998; } /* ========================================================================== CPNTRIBUTE NOW PAGES FEW CLASSES ========================================================================== */ .ktt_uniqueFormInfo .yourContibutionSummary {float: left; width:100%;} .ktt_uniqueFormInfo ._kt_reward_summ_wrapper .summ_details_wrapper { color: #646464; padding: 2% 0% 0; width:97%; margin-left:3%;} .ktt_uniqueFormInfo ._kt_donation_summ_wrapper {background:none; margin-bottom: 0; padding: 0;} .ktt_uniqueFormInfo .summ_details_wrapper .title p.titletext {color: #000000; font-size: 16px; font-weight: 600; text-transform: uppercase;} .ktt_uniqueFormInfo .tdContentOuter{float:left; width:100%; margin-bottom:0px;} .ktt_uniqueFormInfo .tdTitle {float:left; font-size: 14px; font-weight: 600; line-height: 20px; padding: 3px 0; width: 25%; color:#000;} .ktt_uniqueFormInfo .tdContent {float:left; font-size: 14px; font-weight: normal; line-height: 20px; padding: 3px 0; width: 74%; color:#000;} .ktt_uniqueFormInfo .tdContent span{padding-left:0;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer .tdContent h1 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 16px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} #ktt_spanContainer .tdContent h2 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 12px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} .ktt_titletext{float:left; width:94%; padding:10px 2% 3px 4%!important; margin:0px 0 0px 0!important;border-top: 0px solid #cccccc;} .ktt_titletextLabel{float:left; margin: 0 0 10px; padding:15px 2% 3px 2%; width: 96%;} ._kt_form .footnote {color: #aaa; display: block; font-size: 10px; font-style: italic; line-height: normal; margin-bottom: 13px !important;} #ktt_spanContainer input[type="text"].currency{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currency:focus{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} #ktt_spanContainer input[type="text"].currencyDollar{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currencyDollar:focus{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} /* ========================================================================== SHARE BUTTONS CSS START HERE ========================================================================== */ /*.at-share-close-control {bottom: -20px!important; overflow: auto; position: absolute!important; width: 48px;} .atss { background:#000!important; position: fixed; top:inherit!important; bottom:0%!important; width: 48px; z-index: 100020; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 0px solid #e0e0e0; border-image: none; border-radius: 0 0px 0px 0; border-right: 0px solid #e0e0e0; border-top: 0px solid #e0e0e0; padding:0px 0 0px !important; position: fixed; width: 100%; z-index: 100020;} .addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t { background: url(https://www.ketto.org/images_old/widget008.old.32.icons.png) no-repeat 0 0!important;} .atss a:hover { width:25% !important;}*/ /*a.at-svc-facebook { background:none!important;} a.at-svc-lidar, a.at-svc-twitter, a.at-svc-yammer {background: none!important;} a.at-svc-linkedin, a.at-svc-startaid { background:none!important;} a.at-svc-giftery, a.at-svc-gmail { background:none!important;}*/ /*.addthis_32x32_style .at15t_facebook {background-position: 0 -2528px !important;} .addthis_32x32_style .at15t_twitter {background-position: 0 -8416px !important;} .addthis_32x32_style .at15t_linkedin {background-position: 0 -4704px !important;} .addthis_32x32_style .at15t_gmail {background-position: 0 -3456px !important;} #at4-share .at4-share-count { color: #000 !important; font-family: inherit !important; font-size: 10px; font-weight: 200; height: 13px; line-height: 12px; text-indent: 0; width: 100%;} a.at-svc-facebook {background:#305891 !important;} a.at-svc-linkedin, a.at-svc-startaid {background:#4498c8 !important;} a.at-svc-twitter {background:#2ca8d2 !important;} a.at-svc-google_plusone_share, a.at-svc-google_plusone {background:#ce4d39 !important;} a.at-svc-google {background:#0868b9 !important;} .atss a span{width: 62px !important;} .atss a{background:none;} .at4-icon.aticon-facebook{background: url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -2528px !important} .at4-icon.aticon-linkedin{background:url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -4704px !important;} .at4-icon.aticon-twitter{background:url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -8416px !important;} .at4-icon.aticon-gmail{background:url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -3456px !important;} .at4-icon.aticon-google_plusone_share{background:#ce4d39 url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -3552px !important;} .at4-icon.aticon-google{background:#0868b9 url("https://www.ketto.org/images_old/widget008.old.32.icons_mobile.png") no-repeat scroll 15px -3520px !important;} div.at-share-open-control-left.ats-gray, div.at-share-open-control-right.ats-gray, div.at-share-close-control.ats-gray { background: none !important;} .at-share-open-control-left { left: 0; position: fixed; top: 32%!important; width: 22px; z-index: 100020;}*/ /*.at-share-close-control {width:35px!important; height:15px;}*/ /*F SHARE POPUP HTML CSS START HERE*/ .md-content > div {font-size: 1.15em; font-weight: 300; margin: 0; padding: 15px 0px 30px!important;} .md-modal { z-index: 99999!important; } .md-close_1{position:absolute; cursor: pointer; height: 36px; position: fixed; right: 4%; top: 2%; width: 36px; z-index: 99999; font-size: inherit;background-color: Transparent; background-repeat:no-repeat;border: none; overflow: hidden; outline:none;text-decoration: underline;} .md-overlay {z-index: 9999!important;} .ktt_f-share-wrapper { padding:1%; width:98%; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .ktt_f-share_welcome_image{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_title{float:left;width:90%; margin:3px 0 8px 5%; display:inline-block; text-align: center; border-top:1px solid #f2f2f2; background:url(/images_old/d_arrow.png) top center no-repeat; padding-top: 15px;} .ktt_f-share_title h4{display:inline-block; text-align:center; padding:0 15px; font-size:16px; font-weight:600; color:#3c3c3c;} .ktt_f-share_content{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_content p{display:inline-block; text-align:center; padding:0 0 13px 0px !important; width:84%; font-size:14px; color:#3c3c3c;} .ktt_f-share_button{float:left; width:100%; margin:0px 0% 35px 0%; display:inline-block; text-align: center;} .ktt_f-share_button input[type="submit"], .ktt_f-share_button input[type="button"], .ktt_f-share_button a{width:126px!important; height:54px!important; border:0px!important; background:url(/images_old/f_share_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} .ktt_f-share_button input[type="submit"].controbuteNowBtn, .ktt_f-share_button input[type="button"].controbuteNowBtn, .ktt_f-share_button a.controbuteNowBtn{width:206px!important; height:54px!important; border:0px!important; background:url(/images_old/contribute_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:auto;} .ktt_thankyouInnerContainer{width:98%; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:65.3%; height:auto; background:url(/images_old/thankyou_header_image_bg.png) top left / cover no-repeat; margin-top: 48px; } .ktt_thankyouBannerImage{float:left; width:77%; height:auto; overflow:hidden; margin:10% auto 0 11%; position:relative;} .ktt_thankyouBannerImageOverlay{width:100%; height:100%; background:url(/images_old/your_contribution_bg.png) top left / cover no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:50%; margin:60px auto 0 auto;} .ktt_thankuContribute_icon{float:left; width:100%; text-align:center;} .ktt_thankuContriFigure{float:left; width:100%; font-size:20px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:45px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:block;} .fentasticSmallDevices{display:none;} .ktt_thankuFantastic{float:right; width:33%; margin-top:45px;} .ktt_thankuFantastic .imgOuter{float:left; width:80%; text-align:center; margin:0 0 5px 10%;} .ktt_thankuFantastic .imgOuterImage{float:left; width:20%!important; text-align:center; margin:0 0 0px 40%!important;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:30px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:12px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:15px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:13px; font-weight:600; color:#ffffff; margin:0px 0 13px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; /*width:47%;*/ width:48%; text-align:center; margin:0 26% 10px 26% ;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 30px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:25px; font-weight:600; color:#232323; margin:40px 0 10px 0;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:16px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:30%; margin:0 1.5% 10px 1.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:13px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:13px; color:#232323;} .ktt_thankyouContent .imgOuter{float:left; width:100%; text-align:center;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:60px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:18px; color:#fff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:100%; margin: 0 0 0px 0%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{ padding: 0 0 0 1.5%; text-align:left; font-size:20px; font-weight:600; color:#000000; margin:32px 0 22px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:25px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 7px 20px 7px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width: 24%!important;} /*HOW IT WORKS CSS START HERE*/ .ktt_howItWorksOuterNew{width:100%; float:left;} .ktt_howItWorksInnerNew{width:96%; margin:0 auto;} .ktt_howItWorksInnerNewBanner{width:100%; float:left; background:#ffffff;} .ktt_howItWorksInnerNewBannerCont{width:98%; margin:0 auto;} .ktt_howItWorksInnerNewBannerCont h2{width:100%; float:left; font-size:55px; font-weight:600; line-height: 50px; color:#000; margin:30px 0 0px 0;} .ktt_howItWorksInnerNewBannerCont p{width:100%; float:left; font-size:18px; color:#000; margin-bottom:20px;} .ktt_howItWorksSteps{float:left; width:100%; margin-bottom:16px;} .ktt_howItWorksSteps .steps{float:left; width:30.2%;} .ktt_howItWorksSteps .stepsDevider{float:left; width:2.5%; height:1px; background:#324b6c; margin:27px 1% 0;} .stepIcon{float:left; width:18%; margin-right: 2%;} .stepDesc{float:left; width:80%;} .stepDesc h3{width:100%; float:left; font-size:14px; font-weight:600; line-height: normal; color:#324b6c; margin:px 0 10px 0;} .stepDesc p{width:100%; float:left; font-size:10px; line-height: normal; color:#324b6c; margin:0px 0 0px 0;} .ktt_howItWorksGetStarted{width:100%; float:left; background:#00bfb6 url(/images_old/how_it_works_gstarted_bg.png) top center / cover no-repeat; padding:10px 0;} .ktt_howItWorksInnerNew ul.hwGetstarted{float:left; width:100%; text-align:center; padding-left:0%;} .ktt_howItWorksInnerNew ul.hwGetstarted li{width:100%; display:inline-block; float:none; margin-right:0px; padding:0;} .ktt_howItWorksInnerNew ul.hwGetstarted li h3{width:100%;/* float:left;*/ font-size:19px; line-height: normal; color:#ffffff; text-align:center;} /*.ktt_howItWorksInnerNew ul.hwGetstarted li p.large{width:100%; font-size:25px; line-height: normal; color:#ffffff; text-align:right;}*/ .ktt_howItWorksInnerNew ul.hwGetstarted li p{width:100%; float:left; font-size:14px; line-height: normal; color:#ffffff; text-align:center;} .ktt_howItWorksInnerNew ul.hwGetstarted li a{float:none; height:40px; line-height:40px; padding:0 20px; text-transform:uppercase; font-size:13px; color:#00b1b0; background:#ffffff; border-radius:5px; display:inline-block; margin-top:5px;} .ktt_howItWorksWhyKetto{width:100%; float:left; background:#f3f3f3;} .ktt_howItWorksWhyKetto h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItWorksWhyKetto .listColumn{float:left; width:46%; margin:0 2%;} .ktt_howItWorksWhyKetto .listColumn ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li{float:left; width:100%; margin:0 0% 5px; padding:0 0 10px 0; background:url(/images_old/dotted_line_1.png) bottom left repeat-x; font-size: 12.5px; color:#373737; min-height:80px;} .ktt_howItWorksWhyKetto .listColumn ul li a{color:#373737; font-size: 12px; text-decoration: underline;} .ktt_howItWorksWhyKetto .listColumn ul li:last-child{background:none;} .ktt_howItWorksWhyKetto .listColumn ul li .numbersOflist{float:left; width:16%; margin:0 0%; padding:0; font-size:40px; font-style:italic; color:#000000;} .ktt_howItWorksWhyKetto .listColumn ul li .listContent{float:left; width:84%; margin:10px 0 0; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li .lineheight{line-height:30px!important;} .ktt_howItBenifitsOfCrowdfunding{width:100%; float:left; background:#ffffff;} .ktt_howItBenifitsOfCrowdfunding h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft{float:left; width:58%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht{float:left; width:38%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li{float:left; /*width:88%;*/ width:82%; margin:0 0% 15px; padding:0 0% 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat; line-height:16px; font-size: 11.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li{float:left; width:86%; margin:0 0% 15px; padding:0 0 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat;line-height:16px; font-size: 11.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft h3, .ktt_howItBenifitsOfCrowdfunding .listColumnRht h3{float:left; width:100%; padding:0 0 0 0%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:0px 0 25px 0;} .ktt_campaignDetailContentCol{float:left; width:47%; margin:10px 1.5%;} /* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_newContactContainer{width:98%; margin:0 auto;} .ktt_newContactColleft{width:48%!important; float:left; margin:0 0% 10px;} .ktt_newContactColleft h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_newContactColleft p{color:#595959; font-size:12px; line-height:16px; margin-bottom:25px; width:98%; text-align:justify;} .ktt_newContactColleft textarea{margin-bottom:0px!important; width:86%;} .ktt_newContactColRight{width:45%!important; float:right!important; margin:0 1.5% 20px; padding:0!important;} .ktt_newContactColRight h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_contactAddressCol{width:44%; float:left; margin:15px 1.5%; padding-left:3%; font-size:12px; line-height:18px;} .ktt_contactAddressCol strong{font-weight:600!important; margin-bottom:5px!important; font-size:13px!important; padding-left:3%!important; width:97%;} .ktt_newContactContainer .ktt_uniqueFormRow{margin-bottom: 10px;} .ktt_newContactColleft .ktt_uniqueFormActualContentWrapper{float:left; width:100%; padding:0 0 20px 0%;} .pay_cardDuration{float:left; width:75%;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:51px!important;} .pay_cardCVC{float:left; width:22%;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 23.5%; margin-bottom:10px!important;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode:last-child[type="text"] {width: 11.5% !important; margin-right:0!important;} } /* ========================================================================== START CSS FOR RESOLUTION BELOW 980 BEGINS ========================================================================== */ @media all and (width:980px){ .ktt_musicContactInner a{background:url(/images_old/contact_arrow1.png) right center no-repeat; padding-right:28px; color:#ffffff; display:inline-block;} /*LATEST NEW FOOTER COLUMN*/ .ktt_footerColumn{float:left; width:18%; margin:10x 1% 5px 1%;} .ktt_footerColHeight{height:auto;} .ktt_footerColumn h2{float:left; width:100%; margin-bottom:5px; color:#ffffff; padding:0; font-size:14px; font-weight:600; text-transform:uppercase;} .ktt_mobHeading{display:block; margin-bottom:15px;} .ktt_footerColumn ul li a { color:#999da2; font-size:11px; font-weight:200; text-align:center; text-decoration:none; border-right:0px solid #7f848b; padding-right:5px} .ktt_socialMedia{display:block; width:190px;} .ktt_footerSocialMedia{ clear: both; display: inherit; float: none; height: 34px; margin: 10px auto; width: 100%;} .ktt_socialMedia{display:block; width:22%!important; margin-left:2%; margin-top:10px;} .ktt_footerCopyrightsMob {text-align:left;} .securePaumentOuter{background: url("/images_old/lock_icon.png") no-repeat scroll left center ; float: right; margin:8px 0% 0; padding:0 0 0 3em; width:auto; border-right:0px solid #5d646c; text-align:center;} .securedText{text-align:left; width:72px; float:left; margin:12px 10px 0 0; display:inline-block; line-height:normal;} .sslIcon{text-align:left; width:48px; display:inline-block; line-height:normal; float:right; margin-right: 10px;} /* ========================================================================== FORM CSS START HERE ========================================================================== */ .ktt_uniqueFormWrapper ._kt_breadcrumb {background:none; padding:15px 0 15px 0%;} .ktt_uniqueFormWrapper{float:left; width:100%; background:#ffffff url(/images_old/form_bg_desk.png) -2110px top repeat-y;} .ktt_uniqueFormInfo{float:left; width:30%; padding:0 2% 40px 0%;} .ktt_uniqueFormInfo p, .ktt_uniqueFormInfo span{ float:left; color:#313131; font-size:12px; line-height:20px; padding:0 0 0 3%;} .ktt_uniqueFormContent{float:left; width:60%; padding:0 3.5% 0 3.5%; } .ktt_uniqueFormActualContentWrapper{float:left; width:95%; padding:0 0 30px 5%;} .ktt_uniqueFormInfo h2, .ktt_uniqueFormContent h2{float:left; width:97%; padding:0 0 0 3%; font-size:30px; color:#00b1b0; font-weight:600; text-transform:uppercase; margin-bottom:10px;} .ktt_uniqueFormformHeading{float:left; width:100%; margin-bottom:0px; position:relative;} .ktt_uniqueFormformHeading h3{line-height:48px; color:#00b1b0; float:left; font-size:15px; padding:0 0 0 0px;} .ktt_uniqueFormformHeadingNumner{float:left; width:45px; height:45px; position:absolute; left:-70px; background:#00b1b0/*url(/images_old/form_number_bg.png) center center no-repeat*/; line-height:45px; text-align:center; color:#ffffff; font-size:25px; font-weight:600; border:7px solid #ffffff; -moz-border-radius:75px; -webkit-border-radius:75px; border-radius:75px;} /*UNIQUE FIELD CSS START*/ .ktt_uniqueFormRow {float: left;width: 100%; margin-bottom:15px;} #CampaignStep1 .ktt_uniqueFormNote, .ktt_uniqueFormNote {float: left;width: 100%;} .ktt_uniqueFormRow label{display:block; font-size:12px; margin:5px 0; width:78%;} .ktt_uniqueFormRow input[type="text"], .ktt_uniqueFormRow input[type="password"], .ktt_uniqueFormRow input[type="file"]{float:left; width:66%; height:30px; line-height:30px; padding:10px 10% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0 ; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow input[type="text"]:focus, .ktt_uniqueFormRow input[type="password"]:focus, .ktt_uniqueFormRow input[type="file"]:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField {float: left;width: 100%; margin-bottom:15px;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode{float:left; width:22%; height:30px; line-height:30px; padding:10px 8% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].prefixCountry{float:left; width:8%; height:30px; line-height:30px; padding:10px 0% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select{float:left; width:78.3%; height:50px; padding:10px 10% 10px 10px; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow textarea{float:left; width:66%; height:80px; background:#ffffff; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; padding:10px 10% 10px 10px; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666;} .ktt_uniqueFormRow textarea:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow input[type="radio"], .ktt_uniqueFormRow input[type="checkbox"]{margin:6px 10px 0 0; float:left; min-height:13px; width:20px;} .phonePlus { background: none repeat scroll 0 0 #ffffff !important; border: 1px solid #e4e4e4; border-radius: 5px; float: left; margin-bottom: 5px; margin-top: 8px; outline: medium none; padding: 10px 0 10px 10px; width: 76%;} .shorturl { width: 76%;} #fmd_media_path_1 { width: 66% !important;} .uploadeImageOuter { width: 74%;} #myProfileImg img { float: left; height: auto !important; margin-bottom: 0 !important; margin-right: 1%; width: 10% !important; } #StartCampaign .shorturl input[type="text"] {border: 1px solid #fff !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 0 10% 0 10px !important; width:70%;} /*#StartCampaign #editor .shorturl {border: 1px solid #e4e4e4; border-radius: 5px; float: left; margin-bottom: 5px; margin-top: 8px; outline: medium none; padding: 10px 0 10px 10px; width: 86%;} #StartCampaign #editor .shorturl input[type="text"] {border: medium none !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 0 10% 0 10px !important; width:66%;} #StartCampaign #editor .createACampaignRow .comp_large { float: left; width: 75%;} #StartCampaign #editor .createACampaignRow #DateData input[type="text"] {width: 75% !important;} #StartCampaign #editor .uploadeImageOuter { width: 85%;}*/ /* ========================================================================== CREATIVE PAGE CSS START ========================================================================== */ .addRowHeadinginner { float: left; margin-bottom: 10px; width: 46.8%; display:none;} .addRowHeadinginnerInside { float: left; margin-bottom:0px; width: 80%; display:block;} .addRowColumn{float:left; width:50%; margin-bottom:0px;} .addRowColumnAddButton{ bottom: 15px; height: 20px; margin-bottom: 0; position: absolute; right: 0px;} .addRowColumn .heading, .addRowColumnAddButton .heading{float:left; width:100%; margin:5px 0 10px 0; font-size:12px;} #questionary label.agreement {float: left; font-size: 13px; font-weight: 500 !important; line-height: inherit; margin-bottom: 15px;} /* ========================================================================== ADD / REMOVE BUTTONS ========================================================================== */ /*ADD*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important; } .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /*ADD NEW*/ .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_profile a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; top: 140px; right: 0px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px;top:130px; right: 0px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE NEW*/ .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; bottom: 28px; right: 6px; position: absolute;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /* ========================================================================== MEDIA RELEASE PAGE CSS START ========================================================================== */ .ktt_mediaReleasThumb{float:left; width:11%; height:auto; margin:0 2% 0 0;} .ktt_mediaReleasDescription{float:left; width:86%; height:auto;} /* ========================================================================== NGO SEARCH CSS START ========================================================================== */ .ktt_alphabets a {color: #abaeb2; display: inline-block; font-size: 13px; margin: 0 4px 0 0; width: auto;} .ktt_ngoSearchSelectActionFormRow select { width: 34%;} #ktt_spanContainer input[type="text"].currency{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 13% !important; width:73%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currency:focus{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 13% !important; width:73%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} #ktt_spanContainer input[type="text"].currencyDollar{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 13% !important; width:73%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currencyDollar:focus{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 13% !important; width:73%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} /* ========================================================================== SHARE BUTTONS CSS START HERE ========================================================================== */ /*.at-share-close-control {bottom: -20px!important; overflow: auto; position: absolute!important; width: 48px;} .atss { background: url(/images_old/share_icon.png) center top no-repeat #ffffff!important; position: fixed; top:33%!important; bottom:auto !important; width: 48px; z-index: 100020; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 1px solid #e0e0e0; border-image: none; border-radius: 0 7px 7px 0; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding:53px 0 3px !important; position: fixed; width: 48px; z-index: 100020;} .addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t { background: url(https://www.ketto.org/images_old/widget008.old.32.icons.png) no-repeat 0 0!important;} .atss a:hover { width:48px!important;}*/ /*a.at-svc-facebook { background:none!important;} a.at-svc-lidar, a.at-svc-twitter, a.at-svc-yammer {background: none!important;} a.at-svc-linkedin, a.at-svc-startaid { background:none!important;} a.at-svc-giftery, a.at-svc-gmail { background:none!important;} .addthis_32x32_style .at15t_facebook {background-position: 0 -2528px !important;} .addthis_32x32_style .at15t_twitter {background-position: 0 -8416px !important;} .addthis_32x32_style .at15t_linkedin {background-position: 0 -4704px !important;} .addthis_32x32_style .at15t_gmail {background-position: 0 -3456px !important;} #at4-share .at4-share-count { color: #000 !important; font-family: inherit !important; font-size: 10px; font-weight: 200; height: 13px; line-height: 12px; text-indent: 0; width: 100%;} .atss a{background:#ffffff!important;} .at4-icon.aticon-facebook{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -2528px !important;} .at4-icon.aticon-linkedin{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -4704px !important;} .at4-icon.aticon-twitter{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -8416px !important;} .at4-icon.aticon-gmail{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -3456px !important;} .at4-icon.aticon-google_plusone_share{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -3552px !important;} .at4-icon.aticon-google{background: url("https://www.ketto.org/images_old/widget008.old.32.icons.png") no-repeat scroll 0 -3520px !important;} div.at-share-open-control-left.ats-gray, div.at-share-open-control-right.ats-gray, div.at-share-close-control.ats-gray { background: none !important;} .at-share-open-control-left { left: 0; position: fixed; top: 32%!important; width: 22px; z-index: 100020;}*/ /*F SHARE POPUP HTML CSS START HERE*/ .md-content > div {font-size: 1.15em; font-weight: 300; margin: 0; padding: 15px 0px 30px!important;} .md-modal { z-index: 99999!important; } .md-close_1{position:absolute; cursor: pointer; height: 36px; position: fixed; right: 4%; top: 3%; width: 36px; z-index: 99999; font-size: inherit;background-color: Transparent; background-repeat:no-repeat;border: none; overflow: hidden; outline:none;text-decoration: underline;} .md-overlay {z-index: 9999!important;} .ktt_f-share-wrapper { padding:1%; width:98%; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .ktt_f-share_welcome_image{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_title{float:left; width:90%; margin:3px 0 8px 5%; display:inline-block; text-align: center; border-top:1px solid #f2f2f2; background:url(/images_old/d_arrow.png) top center no-repeat; padding-top: 15px;} .ktt_f-share_title h4{display:inline-block; text-align:center; padding:0 15px; font-size:16px; font-weight:600; color:#3c3c3c;} .ktt_f-share_content{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_content p{display:inline-block; text-align:center; padding:0 0 13px 0px !important; width:80%; font-size:14px; color:#3c3c3c;} .ktt_f-share_button{float:left; width:100%; margin:0px 0% 35px 0%; display:inline-block; text-align: center;} .ktt_f-share_button input[type="submit"], .ktt_f-share_button input[type="button"], .ktt_f-share_button a{width:126px!important; height:54px!important; border:0px!important; background:url(/images_old/f_share_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} .ktt_f-share_button input[type="submit"].controbuteNowBtn, .ktt_f-share_button input[type="button"].controbuteNowBtn, .ktt_f-share_button a.controbuteNowBtn{width:206px!important; height:54px!important; border:0px!important; background:url(/images_old/contribute_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:auto;} .ktt_thankyouInnerContainer{width:98%; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:65.3%; height:auto; background:url(/images_old/thankyou_header_image_bg.png) top left / cover no-repeat; margin-top: 48px; } .ktt_thankyouBannerImage{float:left; width:77%; height:auto; overflow:hidden; margin:10% auto 0 11%; position:relative;} .ktt_thankyouBannerImageOverlay{width:100%; height:100%; background:url(/images_old/your_contribution_bg.png) top left / cover no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:50%; margin:60px auto 0 auto;} .ktt_thankuContribute_icon{float:left; width:100%; text-align:center;} .ktt_thankuContriFigure{float:left; width:100%; font-size:20px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:45px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:block;} .fentasticSmallDevices{display:none;} .ktt_thankuFantastic{float:right; width:33%; margin-top:75px;} .ktt_thankuFantastic .imgOuter{float:left; width:80%; text-align:center; margin:0 0 10px 10%;} .ktt_thankuFantastic .imgOuterImage{float:left; width:20%!important; text-align:center; margin:0 0 0px 40%!important;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:30px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:12px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:15px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:16px; font-weight:600; color:#ffffff; margin:0px 0 13px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; width:66%; text-align:center; margin:0 16% 10px 16% ;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 30px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:25px; font-weight:600; color:#232323; margin:40px 0 10px 0;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:16px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:30%; margin:0 1.5% 10px 1.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:13px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:13px; color:#232323;} .ktt_thankyouContent .imgOuter{float:left; width:100%; text-align:center;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:60px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:18px; color:#ffffff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:100%; margin: 0 0 0px 0%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{padding:0 0 0 1.5%; text-align:left; font-size:20px; font-weight:600; color:#000000; margin:32px 0 22px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:25px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 9.5px 20px 9.5px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width: 17.5%!important;} /*HOW IT WORKS CSS START HERE*/ .ktt_howItWorksOuterNew{width:100%; float:left;} .ktt_howItWorksInnerNew{width:96%; margin:0 auto;} .ktt_howItWorksInnerNewBanner{width:100%; float:left; background:#ffffff;} .ktt_howItWorksInnerNewBannerCont{width:98%; margin:0 auto;} .ktt_howItWorksInnerNewBannerCont h2{width:100%; float:left; font-size:65px; font-weight:600; line-height: 60px; color:#000; margin:30px 0 0px 0;} .ktt_howItWorksInnerNewBannerCont p{width:100%; float:left; font-size:18px; color:#000; margin-bottom:20px;} .ktt_howItWorksSteps{float:left; width:100%; margin-bottom:16px;} .ktt_howItWorksSteps .steps{float:left; width:30.2%;} .ktt_howItWorksSteps .stepsDevider{float:left; width:2.5%; height:1px; background:#324b6c; margin:27px 1% 0;} .stepIcon{float:left; width:18%; margin-right: 2%;} .stepDesc{float:left; width:80%;} .stepDesc h3{width:100%; float:left; font-size:17px; font-weight:600; line-height: normal; color:#324b6c; margin:px 0 10px 0;} .stepDesc p{width:100%; float:left; font-size:13px; line-height: normal; color:#324b6c; margin:0px 0 0px 0;} .ktt_howItWorksGetStarted{width:100%; float:left; background:#00bfb6 url(/images_old/how_it_works_gstarted_bg.png) top center / cover no-repeat; padding:20px 0;} .ktt_howItWorksInnerNew ul.hwGetstarted{float:left; width:100%; text-align:center; padding-left:0%;} .ktt_howItWorksInnerNew ul.hwGetstarted li{width:100%; display:inline-block; float:none; margin-right:0px; padding:0;} .ktt_howItWorksInnerNew ul.hwGetstarted li h3{width:100%;/* float:left;*/ font-size:24px; line-height: normal; color:#ffffff; text-align:center;} /*.ktt_howItWorksInnerNew ul.hwGetstarted li p.large{width:100%; font-size:25px; line-height: normal; color:#ffffff; text-align:right;}*/ .ktt_howItWorksInnerNew ul.hwGetstarted li p{width:100%; float:left; font-size:19px; line-height: normal; color:#ffffff; text-align:center;} .ktt_howItWorksInnerNew ul.hwGetstarted li a{float:none; height:45px; line-height:45px; padding:0 25px; text-transform:uppercase; font-size:16px; color:#00b1b0; background:#ffffff; border-radius:5px; display:inline-block; margin-top:5px;} .ktt_howItWorksWhyKetto{width:100%; float:left; background:#f3f3f3;} .ktt_howItWorksWhyKetto h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItWorksWhyKetto .listColumn{float:left; width:48%; margin:0 1%;} .ktt_howItWorksWhyKetto .listColumn ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li{float:left; width:100%; margin:0 0% 5px; padding:0 0 10px 0; background:url(/images_old/dotted_line_1.png) bottom left repeat-x; font-size: 12.5px; color:#373737; min-height: 70px;} .ktt_howItWorksWhyKetto .listColumn ul li a{color:#373737; font-size: 12px; text-decoration: underline;} .ktt_howItWorksWhyKetto .listColumn ul li:last-child{background:none;} .ktt_howItWorksWhyKetto .listColumn ul li .numbersOflist{float:left; width:15%; margin:0 0%; padding:0; font-size:40px; font-style:italic; color:#000000;} .ktt_howItWorksWhyKetto .listColumn ul li .listContent{float:left; width:85%; margin:10px 0 0; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li .lineheight{line-height:30px!important;} .ktt_howItBenifitsOfCrowdfunding{width:100%; float:left; background:#ffffff;} .ktt_howItBenifitsOfCrowdfunding h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft{float:left; width:58%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht{float:left; width:38%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li{float:left; /*width:88%;*/ width:82%; margin:0 0% 15px; padding:0 0% 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat; line-height:18px; font-size: 13.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li{float:left; width:86%; margin:0 0% 15px; padding:0 0 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat;line-height:18px; font-size: 13.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft h3, .ktt_howItBenifitsOfCrowdfunding .listColumnRht h3{float:left; width:100%; padding:0 0 0 0%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:0px 0 25px 0;} .ktt_campaignDetailContentCol{float:left; width:47%; margin:10px 1.5%;} .pay_cardDuration{float:left; width:59%!important;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:51px!important;} .pay_cardCVC{float:left; width:22%;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 16%; margin-bottom:10px!important;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode:last-child[type="text"] {width: 11.5% !important; margin-right:0!important;} } /* ========================================================================== START CSS FOR RESOLUTION 900 ONLY ========================================================================== */ @media all and (width:900px){ .ktt_uniqueFormWrapper{float:left; width:100%; background:#ffffff url(/images_old/form_bg_desk.png) -2137px top repeat-y;} .ktt_uniqueFormInfo h2, .ktt_uniqueFormContent h2{float:left; width:97%; padding:0 0 0 3%; font-size:28px; color:#00b1b0; font-weight:600; text-transform:uppercase; margin-bottom:10px;} .addRowColumn .heading, .addRowColumnAddButton .heading{float:left; width:100%; margin:5px 0 10px 0; font-size:11px;} /* ========================================================================== MEDIA RELEASE PAGE CSS START ========================================================================== */ .ktt_mediaReleasThumb{float:left; width:11%; height:auto; margin:0 2% 0 0;} .ktt_mediaReleasDescription{float:left; width:86%; height:auto;} /* ========================================================================== NGO SEARCH CSS START ========================================================================== */ .ktt_alphabets a {color: #abaeb2; display: inline-block; font-size: 13px; margin: 0 3px 0 0; width: auto;} .ktt_ngoSearchSelectActionFormRow select { width: 33%;} /*F SHARE POPUP HTML CSS START HERE*/ .md-content > div {font-size: 1.15em; font-weight: 300; margin: 0; padding: 15px 0px 30px!important;} .md-modal { z-index: 99999!important; } .md-close_1{position:absolute; cursor: pointer; height: 36px; position: fixed; right: 4%; top: 2%; width: 36px; z-index: 99999; font-size: inherit;background-color: Transparent; background-repeat:no-repeat;border: none; overflow: hidden; outline:none;text-decoration: underline;} .md-overlay {z-index: 9999!important;} .ktt_f-share-wrapper { padding:1%; width:98%; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .ktt_f-share_welcome_image{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_title{float:left; width:100%; margin:3px 0% 8px 0%; display:inline-block; text-align: center; border-top:1px solid #f2f2f2; background:url(/images_old/d_arrow.png) top center no-repeat; padding-top: 25px;} .ktt_f-share_title h4{display:inline-block; text-align:center; padding:0 15px; font-size:16px; font-weight:600; color:#3c3c3c;} .ktt_f-share_content{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_content p{display:inline-block; text-align:center; padding:0 0 13px 0px !important; width:80%; font-size:14px; color:#3c3c3c;} .ktt_f-share_button{float:left; width:100%; margin:0px 0% 35px 0%; display:inline-block; text-align: center;} .ktt_f-share_button input[type="submit"], .ktt_f-share_button input[type="button"], .ktt_f-share_button a{width:126px!important; height:54px!important; border:0px!important; background:url(/images_old/f_share_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} .ktt_f-share_button input[type="submit"].controbuteNowBtn, .ktt_f-share_button input[type="button"].controbuteNowBtn, .ktt_f-share_button a.controbuteNowBtn{width:206px!important; height:54px!important; border:0px!important; background:url(/images_old/contribute_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:auto;} .ktt_thankyouInnerContainer{width:98%; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:65.3%; height:auto; background:url(/images_old/thankyou_header_image_bg.png) top left / cover no-repeat; margin-top: 48px; } .ktt_thankyouBannerImage{float:left; width:77%; height:auto; overflow:hidden; margin:9% auto 0 11%; position:relative;} .ktt_thankyouBannerImageOverlay{width:100%; height:100%; background:url(/images_old/your_contribution_bg.png) top left / cover no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:50%; margin:60px auto 0 auto;} .ktt_thankuContribute_icon{float:left; width:100%; text-align:center;} .ktt_thankuContriFigure{float:left; width:100%; font-size:20px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:45px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:block;} .fentasticSmallDevices{display:none;} .ktt_thankuFantastic{float:right; width:33%; margin-top:85px;} .ktt_thankuFantastic .imgOuter{float:left; width:80%; text-align:center; margin:0 0 10px 10%;} .ktt_thankuFantastic .imgOuterImage{float:left; width:20%!important; text-align:center; margin:0 0 0px 40%!important;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:30px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:12px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:15px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:13px; font-weight:600; color:#ffffff; margin:0px 0 13px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; width:66%; text-align:center; margin:0 16% 10px 16% ;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 30px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:25px; font-weight:600; color:#232323; margin:40px 0 10px 0;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:16px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:30%; margin:0 1.5% 10px 1.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:13px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:13px; color:#232323;} .ktt_thankyouContent .imgOuter{float:left; width:100%; text-align:center;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:60px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:18px; color:#ffffff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:100%; margin: 0 0 0px 0%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{text-align:left; font-size:20px; font-weight:600; color:#000000; margin:32px 0 22px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:25px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 8px 20px 8px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width: 17%!important;} /*HOW IT WORKS CSS START HERE*/ .ktt_howItWorksOuterNew{width:100%; float:left;} .ktt_howItWorksInnerNew{width:96%; margin:0 auto;} .ktt_howItWorksInnerNewBanner{width:100%; float:left; background:#ffffff;} .ktt_howItWorksInnerNewBannerCont{width:98%; margin:0 auto;} .ktt_howItWorksInnerNewBannerCont h2{width:100%; float:left; font-size:65px; font-weight:600; line-height: 60px; color:#000; margin:30px 0 0px 0;} .ktt_howItWorksInnerNewBannerCont p{width:100%; float:left; font-size:18px; color:#000; margin-bottom:20px;} .ktt_howItWorksSteps{float:left; width:100%; margin-bottom:16px;} .ktt_howItWorksSteps .steps{float:left; width:30.2%;} .ktt_howItWorksSteps .stepsDevider{float:left; width:2.5%; height:1px; background:#324b6c; margin:27px 1% 0;} .stepIcon{float:left; width:18%; margin-right: 2%;} .stepDesc{float:left; width:80%;} .stepDesc h3{width:100%; float:left; font-size:17px; font-weight:600; line-height: normal; color:#324b6c; margin:px 0 10px 0;} .stepDesc p{width:100%; float:left; font-size:13px; line-height: normal; color:#324b6c; margin:0px 0 0px 0;} .ktt_howItWorksGetStarted{width:100%; float:left; background:#00bfb6 url(/images_old/how_it_works_gstarted_bg.png) top center / cover no-repeat; padding:20px 0;} .ktt_howItWorksInnerNew ul.hwGetstarted{float:left; width:100%; text-align:center; padding-left:0%;} .ktt_howItWorksInnerNew ul.hwGetstarted li{width:100%; display:inline-block; float:none; margin-right:0px; padding:0;} .ktt_howItWorksInnerNew ul.hwGetstarted li h3{width:100%;/* float:left;*/ font-size:24px; line-height: normal; color:#ffffff; text-align:center;} /*.ktt_howItWorksInnerNew ul.hwGetstarted li p.large{width:100%; font-size:25px; line-height: normal; color:#ffffff; text-align:right;}*/ .ktt_howItWorksInnerNew ul.hwGetstarted li p{width:100%; float:left; font-size:19px; line-height: normal; color:#ffffff; text-align:center;} .ktt_howItWorksInnerNew ul.hwGetstarted li a{float:none; height:45px; line-height:45px; padding:0 25px; text-transform:uppercase; font-size:16px; color:#00b1b0; background:#ffffff; border-radius:5px; display:inline-block; margin-top:5px;} .ktt_howItWorksWhyKetto{width:100%; float:left; background:#f3f3f3;} .ktt_howItWorksWhyKetto h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItWorksWhyKetto .listColumn{float:left; width:48%; margin:0 1%;} .ktt_howItWorksWhyKetto .listColumn ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li{float:left; width:100%; margin:0 0% 5px; padding:0 0 10px 0; background:url(/images_old/dotted_line_1.png) bottom left repeat-x; font-size: 12.5px; color:#373737;} .ktt_howItWorksWhyKetto .listColumn ul li a{color:#373737; font-size: 12px; text-decoration: underline;} .ktt_howItWorksWhyKetto .listColumn ul li:last-child{background:none;} .ktt_howItWorksWhyKetto .listColumn ul li .numbersOflist{float:left; width:15%; margin:0 0%; padding:0; font-size:40px; font-style:italic; color:#000000;} .ktt_howItWorksWhyKetto .listColumn ul li .listContent{float:left; width:85%; margin:10px 0 0; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li .lineheight{line-height:30px!important;} .ktt_howItBenifitsOfCrowdfunding{width:100%; float:left; background:#ffffff;} .ktt_howItBenifitsOfCrowdfunding h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft{float:left; width:58%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht{float:left; width:38%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li{float:left; /*width:88%;*/ width:82%; margin:0 0% 15px; padding:0 0% 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat; line-height:18px; font-size: 13.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li{float:left; width:86%; margin:0 0% 15px; padding:0 0 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat;line-height:18px; font-size: 13.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft h3, .ktt_howItBenifitsOfCrowdfunding .listColumnRht h3{float:left; width:100%; padding:0 0 0 0%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:0px 0 25px 0;} .ktt_campaignDetailContentCol{float:left; width:47%; margin:10px 1.5%;} /* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_contactAddressCol{width:94%; float:left; margin:15px 1.5%; padding-left:3%; font-size:12px; line-height:18px;} #StartCampaign .shorturl input[type="text"] {border: 1px solid #fff !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 0 10% 0 10px !important; width:73.5%;} .pay_cardDuration{float:left; width:75%;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:51px!important;} .pay_cardCVC{float:left; width:22%;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 24.5%; margin-bottom:10px!important;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode:last-child[type="text"] {width: 11.5% !important; margin-right:0!important;} } /* ========================================================================== START CSS FOR RESOLUTION 800 ONLY ========================================================================== */ @media all and (width:800px){ .ktt_uniqueFormWrapper{float:left; width:100%; background:#ffffff url(/images_old/form_bg_desk.png) -2177px top repeat-y;} .ktt_uniqueFormInfo h2, .ktt_uniqueFormContent h2{float:left; width:97%; padding:0 0 0 3%; font-size:25px; color:#00b1b0; font-weight:600; text-transform:uppercase; margin-bottom:10px;} .addRowColumn .heading, .addRowColumnAddButton .heading{float:left; width:100%; margin:5px 0 10px 0; font-size:11px;} #ktt_spanContainer input[type="text"].currency{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currency:focus{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} #ktt_spanContainer input[type="text"].currencyDollar{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currencyDollar:focus{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} /*F SHARE POPUP HTML CSS START HERE*/ .md-content > div {font-size: 1.15em; font-weight: 300; margin: 0; padding: 15px 0px 30px!important;} .md-modal { z-index: 99999!important; } .md-close_1{position:absolute; cursor: pointer; height: 36px; position: fixed; right: 4%; top: 2%; width: 36px; z-index: 99999; font-size: inherit;background-color: Transparent; background-repeat:no-repeat;border: none; overflow: hidden; outline:none;text-decoration: underline;} .md-overlay {z-index: 9999!important;} .ktt_f-share-wrapper { padding:1%; width:98%; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .ktt_f-share_welcome_image{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_title{float:left; width:90%; margin:3px 0 8px 5%; display:inline-block; text-align: center; border-top:1px solid #f2f2f2; background:url(/images_old/d_arrow.png) top center no-repeat; padding-top: 15px;} .ktt_f-share_title h4{display:inline-block; text-align:center; padding:0 15px; font-size:16px; font-weight:600; color:#3c3c3c;} .ktt_f-share_content{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_content p{display:inline-block; text-align:center; padding:0 0 13px 0px !important; width:80%; font-size:14px; color:#3c3c3c;} .ktt_f-share_button{float:left; width:100%; margin:0px 0% 35px 0%; display:inline-block; text-align: center;} .ktt_f-share_button input[type="submit"], .ktt_f-share_button input[type="button"], .ktt_f-share_button a{width:126px!important; height:54px!important; border:0px!important; background:url(/images_old/f_share_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} .ktt_f-share_button input[type="submit"].controbuteNowBtn, .ktt_f-share_button input[type="button"].controbuteNowBtn, .ktt_f-share_button a.controbuteNowBtn{width:206px!important; height:54px!important; border:0px!important; background:url(/images_old/contribute_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:auto;} .ktt_thankyouInnerContainer{width:98%; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:65.3%; height:auto; background:url(/images_old/thankyou_header_image_bg.png) top left / cover no-repeat; margin-top: 48px; } .ktt_thankyouBannerImage{float:left; width:77%; height:auto; overflow:hidden; margin:10% auto 0 11%; position:relative;} .ktt_thankyouBannerImageOverlay{width:100%; height:100%; background:url(/images_old/your_contribution_bg.png) top left / cover no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:50%; margin:60px auto 0 auto;} .ktt_thankuContribute_icon{float:left; width:100%; text-align:center;} .ktt_thankuContriFigure{float:left; width:100%; font-size:20px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:45px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:block;} .fentasticSmallDevices{display:none;} .ktt_thankuFantastic{float:right; width:33%; margin-top:45px;} .ktt_thankuFantastic .imgOuter{float:left; width:80%; text-align:center; margin:0 0 10px 10%;} .ktt_thankuFantastic .imgOuterImage{float:left; width:20%!important; text-align:center; margin:0 0 0px 40%!important;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:30px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:12px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:15px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:13px; font-weight:600; color:#ffffff; margin:0px 0 13px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; /*width:47%;*/ width:48%; text-align:center; margin:0 26% 10px 26%;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 30px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:25px; font-weight:600; color:#232323; margin:40px 0 10px 0;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:16px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:30%; margin:0 1.5% 10px 1.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:13px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:13px; color:#232323;} .ktt_thankyouContent .imgOuter{float:left; width:100%; text-align:center;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:60px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:18px; color:#ffffff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:100%; margin: 0 0 0px 0%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{ padding:0 0 0 1.5%; text-align:left; font-size:20px; font-weight:600; color:#000000; margin:32px 0 22px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:25px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 8px 20px 8px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width: 24%!important;} /*HOW IT WORKS CSS START HERE*/ .ktt_howItWorksOuterNew{width:100%; float:left;} .ktt_howItWorksInnerNew{width:96%; margin:0 auto;} .ktt_howItWorksInnerNewBanner{width:100%; float:left; background:#ffffff;} .ktt_howItWorksInnerNewBannerCont{width:98%; margin:0 auto;} .ktt_howItWorksInnerNewBannerCont h2{width:100%; float:left; font-size:45px; font-weight:600; line-height: 40px; color:#000; margin:30px 0 0px 0;} .ktt_howItWorksInnerNewBannerCont p{width:100%; float:left; font-size:18px; color:#000; margin-bottom:20px;} .ktt_howItWorksSteps{float:left; width:100%; margin-bottom:16px;} .ktt_howItWorksSteps .steps{float:left; width:30.2%;} .ktt_howItWorksSteps .stepsDevider{float:left; width:2.5%; height:1px; background:#324b6c; margin:27px 1% 0;} .stepIcon{float:left; width:18%; margin-right: 2%;} .stepDesc{float:left; width:80%;} .stepDesc h3{width:100%; float:left; font-size:14px; font-weight:600; line-height: normal; color:#324b6c; margin:px 0 10px 0;} .stepDesc p{width:100%; float:left; font-size:10px; line-height: normal; color:#324b6c; margin:0px 0 0px 0;} .ktt_howItWorksGetStarted{width:100%; float:left; background:#00bfb6 url(/images_old/how_it_works_gstarted_bg.png) top center / cover no-repeat; padding:10px 0;} .ktt_howItWorksInnerNew ul.hwGetstarted{float:left; width:100%; text-align:center; padding-left:0%;} .ktt_howItWorksInnerNew ul.hwGetstarted li{width:100%; display:inline-block; float:none; margin-right:0px; padding:0;} .ktt_howItWorksInnerNew ul.hwGetstarted li h3{width:100%;/* float:left;*/ font-size:19px; line-height: normal; color:#ffffff; text-align:center;} /*.ktt_howItWorksInnerNew ul.hwGetstarted li p.large{width:100%; font-size:25px; line-height: normal; color:#ffffff; text-align:right;}*/ .ktt_howItWorksInnerNew ul.hwGetstarted li p{width:100%; float:left; font-size:14px; line-height: normal; color:#ffffff; text-align:center;} .ktt_howItWorksInnerNew ul.hwGetstarted li a{float:none; height:40px; line-height:40px; padding:0 20px; text-transform:uppercase; font-size:13px; color:#00b1b0; background:#ffffff; border-radius:5px; display:inline-block; margin-top:5px;} .ktt_howItWorksWhyKetto{width:100%; float:left; background:#f3f3f3;} .ktt_howItWorksWhyKetto h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItWorksWhyKetto .listColumn{float:left; width:48%; margin:0 1%;} .ktt_howItWorksWhyKetto .listColumn ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li{float:left; width:100%; margin:0 0% 5px; padding:0 0 10px 0; background:url(/images_old/dotted_line_1.png) bottom left repeat-x; font-size: 12.5px; color:#373737; min-height: 70px;} .ktt_howItWorksWhyKetto .listColumn ul li a{color:#373737; font-size: 12px; text-decoration: underline;} .ktt_howItWorksWhyKetto .listColumn ul li:last-child{background:none;} .ktt_howItWorksWhyKetto .listColumn ul li .numbersOflist{float:left; width:17%; margin:0 0%; padding:0; font-size:40px; font-style:italic; color:#000000;} .ktt_howItWorksWhyKetto .listColumn ul li .listContent{float:left; width:83%; margin:10px 0 0; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li .lineheight{line-height:30px!important;} .ktt_howItBenifitsOfCrowdfunding{width:100%; float:left; background:#ffffff;} .ktt_howItBenifitsOfCrowdfunding h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft{float:left; width:58%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht{float:left; width:38%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li{float:left; /*width:88%;*/ width:82%; margin:0 0% 15px; padding:0 0% 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat; line-height:16px; font-size: 11.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li{float:left; width:86%; margin:0 0% 15px; padding:0 0 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat;line-height:16px; font-size: 11.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft h3, .ktt_howItBenifitsOfCrowdfunding .listColumnRht h3{float:left; width:100%; padding:0 0 0 0%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:0px 0 25px 0;} .ktt_campaignDetailContentCol{float:left; width:97%; margin:10px 1.5%;} /* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_contactAddressCol{width:94%; float:left; margin:15px 1.5%; padding-left:3%; font-size:12px; line-height:18px;} .pay_cardDuration{float:left; width:75%;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:51px!important;} .pay_cardCVC{float:left; width:22%;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 24%; margin-bottom:10px!important;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode:last-child[type="text"] {width: 11.5% !important; margin-right:0!important;} } @media all and (width:768px){ /* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_contactAddressCol{width:94%; float:left; margin:15px 1.5%; padding-left:3%; font-size:12px; line-height:18px;} #StartCampaign .shorturl input[type="text"] {border: 1px solid #fff !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 0 10% 0 10px !important; width:65%;} /*.ktt_uniqueFormInfo{float:left; width:34%; padding:0 2% 40px 0%;}*/ .pay_cardDuration{float:left; width:75%;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:51px!important;} .pay_cardCVC{float:left; width:22%;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 23.5%; margin-bottom:10px!important;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode:last-child[type="text"] {width: 11.5% !important; margin-right:0!important;} } /* ========================================================================== START CSS FOR RESOLUTION BELOW 768 BEGINS ========================================================================== */ @media all and (max-width:767px){ .ktt_campaign_share_button{float:left; width:98%; margin:0 1% 15px 1%;} /* ========================================================================== TESTIMONIALS CONTENT CSS START HERE ========================================================================== */ .ktt_testimonialsWrapper { float: left; width: 98%; padding: 1%; background: none; position:relative;} .demo{height:190px;} .quovolve { margin: 20px 0; } .quovolve blockquote { margin: 0; float:left; background:url(/images_old/quot_mark.png) left 0px no-repeat; width:95%; padding:0 0 0 5%;} .quovolve blockquote p { margin:5px 0 10px 0; } .autourOuter{background:url(/images_old/author_outer_bg.png) left 0px no-repeat; float:left; width:100%; margin-top:0px; padding-top:20px;} .author_pic{float:left; width:46px; height:46px; margin-right:2%; border-radius:50px; overflow:hidden; border:0px solid #ccc;} .autourOuter h2{float:left; width:87%; margin:2% 0 0 0; padding:0 0 0 0; text-transform:uppercase; color:#33a1de; font-size:12px; } .autourOuter h3{float:left; width:87%; margin:0 0 0 0; padding:0 0 0 0; color:#000000; font-size:12px;} /* ========================================================================== STATASTIC CONTENT CSS START HERE ========================================================================== */ .ktt_statastic{background:url(/images_old/statastic_bg.png) top center no-repeat; float:left; width:100%; padding:35px 0 40px 0; margin-top:35px;} .ktt_statasticCol{float:left; width:31%; margin:0 1% 20px 1%; } .ktt_statasticCol h2{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:28px; font-weight:600; color:#00b1b0;} .ktt_statasticCol h3{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:13px; font-weight:500; color:#323a45;} .ktt_statasticColAmount{width:auto; padding:0 2%; margin:0 1% 20px 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColBackers{width:auto; padding:0 2%; margin:0 1% 20px 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColCampaing{width:auto; padding:0 2%; margin:0 1% 20px 1%; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticCol h2, .ktt_statasticColAmount h2, .ktt_statasticColBackers h2, .ktt_statasticColCampaing h2{ width:100%; height:auto; line-height:normal; text-align:center; font-size:32px; font-weight:600; color:#00b1b0;} /*When digit will incresed that time font size will- "font-size: 38px;"*/ .ktt_statasticCol h3, .ktt_statasticColAmount h3, .ktt_statasticColBackers h3, .ktt_statasticColCampaing h3{ width:100%; height:auto; line-height:normal; text-align:center; font-size:14px; font-weight:500; color:#323a45;} /* ========================================================================== FOOTER CSS START HERE ========================================================================== */ .ktt_footerInner { margin:0 auto; width:100%;} .ktt_footerInfoWrapper { margin:0 auto; width:100%; height:68px; color:#7f848b; border-top:1px solid #474e58; font-size:11.2px; clear:both;} .ktt_footerLinksInner { margin:0 auto; width:98%;} .ktt_footerFeatured ul{width:100%;} .ktt_footerHeadings{width:100%;} .ktt_footerHeadings h3{font-size:14px; line-height:28px; margin-top:5px; padding-right:0; text-align:center; border:0;} .ktt_footerFeatured ul li.mashable{background-position: 0 -60px; width: 98px} .ktt_footerFeatured ul li.mashable:hover{background-position: 0 -60px} .ktt_footerFeatured ul li.entrepreneur{background-position: -125px -60px; width: 112px} .ktt_footerFeatured ul li.entrepreneur:hover{background-position: -125px -60px} .ktt_footerFeatured ul li.economicTimes{background-position: -262px -60px; width: 122px} .ktt_footerFeatured ul li.economicTimes:hover{background-position: -262px -60px} .ktt_footerFeatured ul li.dnaIndia{background-position: -420px -60px; width: 50px} .ktt_footerFeatured ul li.dnaIndia:hover{background-position: -420px -60px} .ktt_footerFeatured ul li.timesofIndia{background-position: -499px -60px; width: 90px} .ktt_footerFeatured ul li.timesofIndia:hover{background-position: -499px -60px} .ktt_footerFeatured ul li.cnbcTv{background-position: -628px -60px; width: 45px} .ktt_footerFeatured ul li.cnbcTv:hover{background-position: -628px -60px} .ktt_footerHeadings{float: none; width: auto} .ktt_footerHeadings h3{font-size:14px; line-height:20px; margin-top:10px; margin-bottom: 10px; padding-right:0; text-align:center; border-right: 0 none; } .ktt_footerFeatured{float: none; text-align: center;} .ktt_footerFeatured ul{width:auto; margin-bottom: 10px; float: none;} .ktt_footerFeatured ul li{height:50px; margin: 0 1.7%; float: none;} .ktt_footerFeatured ul li a{height:50px;} .ktt_footerFeatured ul li{background-size: auto 120px} .ktt_footerInfoWrapper { border-top: 1px solid #474e58; clear: both; color: #7f848b; float: left; font-size: 11.2px; height: auto; margin: 0 auto; padding-bottom: 5px; padding-top: 5px; width: 100%;} .paymentInfoTitle { float: left; line-height:60px; margin: 0px; text-align: center; width: 20%;} .paymentOptions { border-right: 0 solid #5d646c; clear: none; float: left; margin:18px auto 0 auto; padding-right: 1.5%; width:40%; text-align:center;} .securedPaymentText { background: url("/images_old/lock_icon.png") no-repeat left center ; border-right: 0 solid #5d646c; clear: none; float: right; line-height: 32px; margin: 0 auto; padding-left: 5%; width: auto;} .securePaumentOuter{background: url("/images_old/lock_icon.png") no-repeat scroll left center ; float: right; margin:3px 0% 0; padding:0 0 0 3em; width:auto; border-right:0px solid #5d646c; text-align:center;} .securedText{text-align:left; width:72px; float:left; margin:12px 10px 0 0; display:inline-block; line-height:normal;} .sslIcon{text-align:left; width:48px; display:inline-block; line-height:normal; float:right; margin-right: 10px;} .ktt_footerCopyrightsDesk { color: #7f848b; float: right; font-size: 11.2px; font-weight: 200; line-height: 48px; min-width: 16%; text-align: right; display:none;} .ktt_footerCopyrightsMob { clear: none; color: #7f848b; display: block; float: left; font-size: 11.2px; font-weight: 200; line-height: 38px; margin: 0; padding: 0; text-align: center; width: 100%;} .ktt_footerSocialMedia{float:left; width:30%; margin-top:18px; display:none;} /*LATEST NEW FOOTER COLUMN*/ .ktt_footerColumn{float:left; width:23.4%; margin:10x 2% 5px 2%;} .ktt_footerColHeight{height:auto; margin-top:10px; margin-bottom:5px;} .ktt_footerColumn h2{float:left; width:100%; margin-bottom:5px; color:#ffffff; padding:0; font-size:14px; font-weight:600; text-transform:uppercase;} .ktt_mobHeading{display:none;} .ktt_footerColumn ul li a { color:#999da2; font-size:11px; font-weight:200; text-align:center; text-decoration:none; border-right:0px solid #7f848b; padding-right:5px} .ktt_socialMedia{display:block; width:100%!important; margin:5px 0;} /* ========================================================================== FORM CSS START HERE ========================================================================== */ .ktt_uniqueFormWrapper ._kt_breadcrumb {background:none; padding:15px 0 15px 0%;} .ktt_uniqueFormWrapper{float:left; width:100%; background:#ffffff /*url(/images_old/form_bg_small_device1.png) left top repeat-y*/;} .ktt_uniqueFormInfo{float:left; width:34%; padding:0 2% 40px 0%;} .ktt_uniqueFormInfo p, .ktt_uniqueFormInfo span{ float:left; color:#313131; font-size:12px; line-height:20px; padding:0 0 0 3%;} .ktt_uniqueFormInfo strong{color:#313131; font-size:12px; font-weight:600; line-height:normal; margin-bottom:15px; float:left; width:97%; padding:0 0 0 3%;} .ktt_uniqueFormInfo ul{float:left; width:97%; padding:0 0 0 3%;} .ktt_uniqueFormInfo ul li{float:left; width:92%; padding-left:25px; padding-top:5px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:12px; line-height:15px; margin-bottom:10px; color:#313131;} .ktt_uniqueFormContent{float:left; width:55%; padding:0 1.5% 0 1.5%; } .ktt_uniqueFormActualContentWrapper{float:left; width:96%; padding:0 0 20px 3.5%;} .ktt_uniqueFormInfo h2, .ktt_uniqueFormContent h2{float:left; width:97%; padding:0 0 0 3%; font-size:25px; color:#00b1b0; font-weight:600; text-transform:uppercase; margin-bottom:10px;} .ktt_uniqueFormformHeading{float:left; width:100%; margin-bottom:0px; position:relative;} .ktt_uniqueFormformHeading h3{line-height:48px; color:#00b1b0; float:left; font-size:15px; padding:0 0 0 0px;} .ktt_uniqueFormformHeadingNumner{float:left; width:35px; height:35px; position:absolute; left:-45px; background:#00b1b0/*url(/images_old/form_number_bg.png) center center no-repeat*/; line-height:35px; text-align:center; color:#ffffff; font-size:25px; font-weight:600; border:7px solid #ffffff; -moz-border-radius:75px; -webkit-border-radius:75px; border-radius:75px; display:none;} /*UNIQUE FIELD CSS START*/ .ktt_uniqueFormRow {float: left;width: 100%; margin-bottom:10px;} #CampaignStep1 .ktt_uniqueFormNote, .ktt_uniqueFormNote {float: left;width: 100%;} .ktt_uniqueFormRow label{display:block; font-size:12px; margin:5px 0; width:78%;} .ktt_uniqueFormRow input[type="text"], .ktt_uniqueFormRow input[type="password"], .ktt_uniqueFormRow input[type="file"]{float:left; width:82%; height:30px; line-height:30px; padding:10px 14% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0 ; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow input[type="text"]:focus, .ktt_uniqueFormRow input[type="password"]:focus, .ktt_uniqueFormRow input[type="file"]:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow input[type="file"] {padding: 7px 14% 7px 10px !important;} .ktt_uniqueFormRowmultyField {float: left;width: 100%; margin-bottom:10px;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode{float:left; width:25%; height:30px; line-height:30px; padding:10px 12% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0!important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].prefixCountry{float:left; width:8%; height:30px; line-height:30px; padding:10px 0% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0px 5px 0!important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select{float:left; width:98.3%; height:50px; padding:10px 10% 10px 10px; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow textarea{float:left; width:66%; height:80px; background:#ffffff; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; padding:10px 10% 10px 10px; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666;} .ktt_uniqueFormRow textarea:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow input[type="radio"], .ktt_uniqueFormRow input[type="checkbox"]{margin:6px 10px 0 0; float:left; min-height:13px; width:20px;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 83.5%; margin-bottom:10px!important;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode:last-child[type="text"] {width: 11.5% !important; margin-right:0;} /*BUTTONS CSS START*/ #ktt_uniqueFormButtons input[type="button"], #ktt_uniqueFormButtons input[type="submit"], #ktt_uniqueFormButtons input[type="cancel"], #ktt_uniqueFormButtons a, #ktt_uniqueFormButtons1 input[type="button"], #ktt_uniqueFormButtons1 input[type="submit"], #ktt_uniqueFormButtons1 input[type="cancel"], #ktt_uniqueFormButtons1 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:18px!important; font-weight:500!important; color:#ffffff!important; padding:0 28px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #00a3a2!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s; margin-right: 2%; border-top:0px; border-right:0px; border-left:0px;} #ktt_uniqueFormButtons input[type="button"]:hover, #ktt_uniqueFormButtons input[type="submit"]:hover, #ktt_uniqueFormButtons input[type="cancel"]:hover, #ktt_uniqueFormButtons a:hover, #ktt_uniqueFormButtons1 input[type="button"]:hover, #ktt_uniqueFormButtons1 input[type="submit"]:hover, #ktt_uniqueFormButtons1 input[type="cancel"]:hover, #ktt_uniqueFormButtons1 a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_uniqueFormButtons input[type="button"]:foucs, #ktt_uniqueFormButtons input[type="submit"]:foucs, #ktt_uniqueFormButtons input[type="cancel"]:foucs, #ktt_uniqueFormButtons a:focus, #ktt_uniqueFormButtons1 input[type="button"]:foucs, #ktt_uniqueFormButtons1 input[type="submit"]:foucs, #ktt_uniqueFormButtons1 input[type="cancel"]:foucs, #ktt_uniqueFormButtons1 a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_uniqueFormButtons input[type="button"].disableFDonor, #ktt_uniqueFormButtons input[type="submit"].disableFDonor, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor, #ktt_uniqueFormButtons a.disableFDonor, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor, #ktt_uniqueFormButtons1 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:18px!important; font-weight:500!important; color:#bfbfbf!important; padding:0 28px!important; cursor:default!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #cdcdcd!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s;} #ktt_uniqueFormButtons input[type="button"].disableFDonor:hover, #ktt_uniqueFormButtons input[type="submit"].disableFDonor:hover, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor:hover, #ktt_uniqueFormButtons a.disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor:hover, #ktt_uniqueFormButtons1 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;} #ktt_uniqueFormButtons input[type="button"].disableFDonor:foucs, #ktt_uniqueFormButtons input[type="submit"].disableFDonor:foucs, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor:foucs, #ktt_uniqueFormButtons a.disableFDonor:focus, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor:foucs, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor:foucs, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor:foucs, #ktt_uniqueFormButtons1 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;} /* ========================================================================== START A CAMPAIGN PAGE CSS START ========================================================================== */ .stepsHeading{float:left; width:100%; height:38px; background:url(/images_old/step_heading_bg.png) left top repeat-x; margin-bottom:20px;} .stepsHeadingInner{float:left;/* width:90%;*/ width:50%; background:#00b1b0; padding:0 0 0 2%; border-radius:0 38px 38px 0;} .stepsHeadingInner h2{color:#ffffff; font-size:18px; font-weight:600; text-transform:capitalize; line-height:38px; margin:0; padding:0; text-align:left;} .createACampaignInner {background: none; padding:0 0; display: inline-block;} .mandatoryNote{float:left; width:100%; margin:15px 0;} .mandatoryNote span{color:#ff0000;} .phonePlus{float:left; width:96%; background:#ffffff!important; border: 1px solid #e4e4e4; border-radius: 5px; margin-bottom: 5px; outline: medium none; padding: 10px 0% 10px 10px; margin-top:8px;} .prefixPlus{line-height:30px; font-size:13px; font-weight:200; color:#999; width:10%;} #frmStartCampaign ._kt_form .phonePlus input[type="text"]{border:none!important; border-radius: 0px!important; padding:0 0% 0 5px !important; margin:0!important; line-height:normal!important; width:85%;} #frmStartCampaign ._kt_form .phonePlus input[type="text"]:focus{border:none!important; border-radius: 0px!important; padding:0 0% 0 5px !important; margin:0!important; line-height:normal!important; width:85%;} #StartCampaign .shorturl input[type="text"] {border: 1px solid #fff !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 0 10% 0 10px !important; width:63%;} #StartCampaign #editor .shorturl {border: 1px solid #e4e4e4; border-radius: 5px; float: left; margin-bottom: 5px; margin-top: 8px; outline: medium none; padding: 10px 0 10px 10px; width: 96%;} #StartCampaign #editor .shorturl input[type="text"] {border: medium none !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 1px 6% 0 0px !important; width:80.5%; float:right;} #StartCampaign #editor .createACampaignRow .comp_large { float: left; width: 85%;} #StartCampaign #editor .createACampaignRow #DateData input[type="text"] {width: 85% !important;} #StartCampaign #editor .uploadeImageOuter { width: 95%;} /* ========================================================================== CREATIVE PAGE CSS START ========================================================================== */ .addRowHeadinginner { float: left; margin-bottom: 10px; width: 46.8%; display:none;} .addRowHeadinginnerInside { float: left; margin-bottom:0px; width: auto; display:block;} .addRowColumn{float:left; width:50%; margin-bottom:0px;} .addRowColumnAddButton{ bottom: 15px; height: 20px; margin-bottom: 0; position: absolute; right: 0px;} .addRowColumn .heading, .addRowColumnAddButton .heading{float:left; width:100%; margin:5px 0 10px 0; font-size:12px;} #questionary label.agreement {float: left; font-size: 13px; font-weight: 500 !important; line-height: inherit; margin-bottom: 15px;} /* ========================================================================== ADD / REMOVE BUTTONS ========================================================================== */ /*ADD*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important; } .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /*ADD NEW*/ .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_profile a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; top: 155px; right: -2px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px;top:136px; right: -2px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE NEW*/ .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; bottom: 28px; right: 2px; position: absolute;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /* ========================================================================== LIVE SUPPORT CSS START ========================================================================== */ .zopim{bottom:0px!important; display:none!important; } /* ========================================================================== HANDBOOK PAGE CSS START ========================================================================== */ .ktt_handBookWrapper{width:94%; margin:0 auto 30px auto; background:#ffffff;} .ktt_handBookContent{float:left; width:88%; padding:3% 6%; margin-bottom:30px;} .ktt_handBookContent .handbookTtitle{float:left; width:100%; font-size:28px; font-weight:500; color:#323a45;} .ktt_handBookWrapper .heading{float:left; width:100%; background:#00b1b0; width:88%; padding:6%; text-align:left; font-size:20px; font-weight:600; color:#ffffff; text-transform:uppercase;} .ktt_handBookContent h2{float:left; width:100%; font-size:18px; font-weight:600; margin:0 0 5px 0; color:#000;} .ktt_handBookContent p{float:left; width:100%; font-size:13px; font-weight:500; margin:0 0 10px 0; line-height:normal;} .ktt_handBookContent h3.headingMedium{float:left; width:100%; font-size:18px; margin-bottom:10px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingMedium a{float:left; width:100%; font-size:18px; margin-bottom:0px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingSmall{float:left; width:100%; font-size:15px; margin-bottom:10px; font-weight:600; color:#323a45; text-transform:uppercase;} .ktt_handBookContent ul.indexing{float:left; width:100%; margin:0 0 5px 0; padding:0;} .ktt_handBookContent ul.contentlist li{float:left; width:93%; padding-left:7%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .ktt_handBookContent ol.contentlist li{float:left; width:96%; padding-left:4%; margin-bottom:10px; font-size:13px; list-style:inside none decimal;} .ktt_handBookContent .blueHeading{font-size:14px; font-weight:500; color:#00b1b0; float:left; width:100%;} .ktt_handBookimages{float:left; width:100%; text-align:center;} .ktt_tablet_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:block;} .ktt_tablet_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_handBookimages img, .ktt_tablet_port img, .ktt_tablet_land img, .ktt_mobile_port img{max-width:100%;} .ktt_handBookContent .colLeft{width:47%; float:left;} .ktt_handBookContent .colRight{width:47%; float:right;} .ktt_handBookContent .colLeft ul.contentlist li, .ktt_handBookContent .colRight ul.contentlist li{float:left; width:94%; padding-left:6%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .backPage h1{color:#ffffff; font-size:48px; font-weight:600; padding:150px 10% 10% 10%;} .backtoTop{position:fixed; bottom:20px; right:30px; display:none;} /* ========================================================================== MUSIC LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_musicBg1{background:/*none*/#f8f8f8 url(/images_old/music_bg.png) right 100px / 20% no-repeat; padding:0 0 40px 0; float:left; width:100%;} .ktt_musicBg1 ._kt_breadcrumb, .ktt_moviefilmsBg1 ._kt_breadcrumb, .ktt_otherCreativeBg1 ._kt_breadcrumb{background:none;} .ktt_creativeInner{width:98%; margin:10px auto 30px auto;} .ktt_musicInnerWrapper{float:left; width:73%;} .ktt_musicInnerWrapperBig{float:left; width:74%;} .creatingHeading{float:none; width:100%; margin:0 auto 10px; font-size:30px; font-weight:600; line-height:normal; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both;} .creatingSmallHeading{font-size:30px; font-weight:600; line-height:32px; color:#333333; text-transform: uppercase; margin: 0 auto 10px;} .creatingHeading br{display:block;} .ktt_creativeInner h1{float:none; width:100%; margin:0 auto 0px; font-size:14px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInnerBriefText{float:none; width:100%; margin:0 auto 20px; font-size:14px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInner p{float:none; width:100%; margin:0 auto 40px; font-size:12px; line-height:18px; color:#323a45; text-align:left; clear:both;} .ktt_creativeInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:256px; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_creativeInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_musicBg2{background:#ffffff/* url(/images_old/music_two.jpg) center top no-repeat; */;padding:30px 0; float:left; width:100%;} p.getStartedIntro{float:none; width:88%; margin:0 auto 20px; font-size:18px; line-height:28px; color:#323a45; text-align:center; font-style:normal; clear:both;} .contSeperator{background:url(/images_old/saperator_bg.png) center center repeat-x; width:60%; height:3px; clear:both; margin:0 auto 20px; } .ktt_musicContact{background:#fbae83; padding:2% 0; float:left; width:100%;} .ktt_musicContactInner{width:90%; margin:15px auto; text-align:center; font-size:22px; color:#ffffff;} .ktt_musicContactInner a{background:url(/images_old/contact_arrow1.png) right center no-repeat; padding-right:28px; color:#ffffff; display:inline-block;} /* ========================================================================== MOVIE AND FILMS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_moviefilmsBg1{background:/*none*/url("/images_old/film_bg.png") no-repeat scroll right 100px / 20% #f8f8f8; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== OTHER CREATIVE PROJECTS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_otherCreativeBg1{background:/*none*/#f8f8f8 url(/images_old/other_creative_bg.png) right 100px / 20% no-repeat; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== NGO's PAGE 16 DEC 2014 ========================================================================== */ .ktt_ngoBg{background:#f8f8f8 url(/images_old/for_ngos_bg.png) top center no-repeat; padding:0 0 70px 0; float:left; width:100%; height:320px;} .ktt_ngoBg h2{ color: #ffffff; font-family:Montserrat; font-size:30px; font-weight: 600; width:85%; margin:10px auto 10px; text-transform: inherit; text-transform:inherit; color:#ffffff;} .ktt_ngoBg h3{font-family: Montserrat;font-size:26px; font-weight: normal; margin:0px auto 0 auto; width:100%; line-height:normal; color:#ffffff;} .ktt_ngoInner{width:98%; margin:25px auto 25px auto;} .ktt_ngoInner h1{float:none; width:100%; margin:0 auto 10px; font-size:30px; font-weight:600; line-height:35px; color:#333333; text-align:left; text-transform:none; opacity:0.9; clear:both;} .ktt_ngoInner h2{float:none; width:100%; margin:0 auto 10px; font-size:22px; line-height:28px; color:#333333; text-align:left; clear:both;} .ktt_ngoInner p{float:none; width:100%; margin:0 auto 40px; font-size:18px; line-height:30px; color:#323a45; text-align:left; clear:both;} .custFontSize{font-size:12.5px;} .ktt_ngoInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:270px; padding:0 30px; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_ngoInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_ngosWrapper{float:left; width:100%;} .ktt_ngosWrapper ul{float:left; width:100%;} .ktt_ngosWrapper ul li{float:left; width:92%; padding-left:25px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:18px; line-height:22px; margin-bottom:10px;} .ktt_ngoBg2{background:#ffffff; padding:0 0 20px 0; height:530px; float:left; width:100%;} .ktt_ngoCcarouselInner{width:98%; margin:20px auto 20px auto; background:#ffffff;} .ktt_ngoCcarouselImage{width:31%; float:left; margin:0 2% 0 0; display:block;} .ktt_ngotCcarouselcontent{width:63%; float:left; margin:20px auto 20px auto; } .ktt_ngoCcarouselInner h2{float:left; width:100%; margin:0 auto 10px; font-size:20px; font-weight:600; line-height:22px; color:#333333; text-align:left; clear:both;} .ktt_ngoCcarouselInner p{float:left; width:100%; margin:0 auto 10px; font-size:14px; line-height:18px; color:#323a45; text-align:left; clear:both;} .ktt_ngotCcarouselcontent .pointeOuter{float:left; width:100%; margin:0px 0 0px 0;} .ktt_ngotCcarouselcontent .numberOuter{width:25px; height:25px; margin-right:2.5%; float:left; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; border:1px solid #00b1b0; text-align:center; vertical-align:middle; padding-top:0px; line-height:25px; color:#00b1b0; font-weight:600; font-size:13px;} .ktt_ngotCcarouselcontent .points{float:left; width:86%; margin-bottom:20px; font-size:12px; text-align:left; margin-top:0px;} .ktt_ngotCcarouselcontent .lineheightcarousel{line-height:30px;} /*CAROUSEL CSS START*/ #myNGOCarausel .sy-controls {display:block;} #myNGOCarausel .sy-controls li a:after {background-color:transparent; background-image: url("/images_old/ngo_carousel_arrow_small.png"); background-repeat: no-repeat; background-size: cover; border-radius:0; color: #111; content: ""; font-weight: 800; height: 80px; left:0%; line-height: 0em; margin-left: 0em; margin-top: 0em; position: absolute; text-align: center; text-indent: 0; top: 240px!important; width:39px; opacity:1;} #myNGOCarausel .sy-controls li.sy-next a:after {background-position: 100% 0;} #myNGOCarausel .sy-controls li.sy-prev {left: 0px; top: 0;} #myNGOCarausel .sy-controls li.sy-next {right: 0px; top: 0;} #myNGOCarausel .sy-controls li a:link, #myNGOCarausel .sy-controls li a:visited { opacity: 10;} #myNGOCarausel .sy-controls li { height: 100px; min-width:inherit; position: absolute; width: 49px; z-index: 33;} #myNGOCarausel .sy-pager { /*background:#f8f8f8;*/ bottom: -20px; padding:10px 0; display: none; list-style: none outside none; margin: 1em 0 0; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 50;} #myNGOCarausel .sy-pager li {border-radius: 1.5em; display: inline-block; height: 1.5em; margin:0 3px 0 3px; width: 1.5em; /*box-shadow: 0 1px 2px #333;*/} #myNGOCarausel .sy-pager li a {background:#e9e9e9; display: block; height: 100%; text-indent: -9999px; width: 100%; } #myNGOCarausel .sy-pager li.sy-active a { background-color: #00b1b0; opacity: 10;} #myNGOCarausel .sy-pager li a:hover, #myNGOCarausel .sy-pager li a:focus {opacity: 0.8;} #myNGOCarausel .sy-caption-wrap .sy-caption{display:none!important;} /* ========================================================================== GET STARTED PAGE 17 DEC 2014 ========================================================================== */ .ktt_getStartedBg1{background:#f8f8f8 url(/images_old/get_started_bg1.jpg) center top no-repeat; padding:20px 0 70px 0; float:left; width:100%; position:relative;} .ktt_getStartedInnerWrapper{float:left; width:61%; padding:0 3% 0 0;} .ktt_getStartedInnerImageWrapper{float:left; width:34%;} .ktt_getStartedInner{width:98%; margin:0px auto 0px auto;} /*.ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 20px; font-size:77px; font-weight:normal; line-height:80px; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both; text-transform:inherit;}*/ .ktt_getStartedInner h1{float:none; width:100%; margin:0px auto 0px; font-size:15px; font-weight:normal; line-height:22px; color:#333333; text-align:left; clear:both; text-transform:inherit;} .ktt_getStartedInner h1.smallSizeHeading{font-size:65px; font-weight:600; line-height:70px;} .ktt_getStartedInnerBrief{float:none; width:100%; margin:0px auto 15px; font-size:15px; line-height:22px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner p{float:none; width:100%; margin:0 auto 40px; font-size:13px; line-height:20px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner a{float:left; height:70px; line-height:70px; margin:0 auto 0 auto; width:210px; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both; position:inherit; bottom:20px; } .ktt_getStartedInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_getStartedBg2{background:#ffffff; padding:40px 0 40px 0; float:left; width:100%;} .ktt_getStartedBg2 .ktt_getStartedInner h2{float:none; width:100%; margin:0px auto 10px; font-size:26px; line-height:25px; font-weight:600; color:#333333; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner h3{float:none; width:100%; margin:0 auto 40px; font-size:30px; line-height:30px; color:#323a45; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner ul{float:left; width:98%; margin:0 1%;} .ktt_getStartedBg2 .ktt_getStartedInner ul li{float:left; width:44%; margin:0 3% 15px 3%; } .ktt_startCampaignPoints{width:150px; height:150px; -moz-border-radius:150px; -webkit-border-radius:150px; overflow:hidden; border-radius:150px; margin:0 auto 20px auto;} .ktt_startCampaignPointsInfo{float:left; width:100%; height:110px; font-size:16px; line-height:20px; color:#323a45; text-align:center;} .ktt_getStartedBg3{background:#000000 url(/images_old/get_started_bg2.jpg) center top no-repeat; padding:65px 0 65px 0; float:left; width:100%; position:relative;} .ktt_getStartedBg3 .ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 10px; font-size:30px; font-weight:600; line-height:normal; color:#ffffff; text-align:center; text-transform:uppercase; clear:both;} .ktt_getStartedBg3 .ktt_getStartedInner p{float:none; width:95%; margin:0px auto 40px; font-size:14px; line-height:20px; font-weight:normal; color:#b2b2b2; text-align:center; clear:both;} .ktt_getStarteMore{background:none; padding:2% 0; float:left; width:100%;} .ktt_getStarteMoreInner{width:98%; margin:15px auto 0px auto; text-align:center; font-size:30px; color:#ffffff;} .ktt_getStarteMoreInner a{background:url(/images_old/contact_arrow.png) right center no-repeat; padding-right:45px; color:#ffffff; display:inline-block;} .ktt_getStarteMoreCol{float:none; width:68%; margin:0 auto 5px auto; padding:0 1% 0 1%; display:inline-block;} .ktt_getStarteMoreCol p{float:left; width:100%; margin:0 0 15px 0; font-size:14px; color:#323a45;} .ktt_getStarteMoreCol a{float:none; height:70px; line-height:70px; margin:0 auto 30px auto; width:50%; padding:0 10%; display:block; background:#fbae83; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_getStarteMoreCol a:hover{ display:block; background:#f39967; color:#ffffff; text-transform:uppercase; } .ktt_borderCell{border-right:0px solid #dfdfdf;} /* ========================================================================== MEDIA RELEASE PAGE CSS START ========================================================================== */ .ktt_mediaReleasWrapper h2{ color: #313131; font-family:Montserrat; font-size:38px; font-weight: 600; margin-bottom: 0; text-align:left;} .ktt_mediaReleasWrapper h3{font-size:16px; line-height:22px; margin: 0 auto; width: 100%; text-align:left;} .ktt_mediaReleasThumb{float:left; width:17%; height:auto; margin:0 2% 0 0;} .ktt_mediaReleasDescription{float:left; width:80%; height:auto;} ul.ktt_mediaListing{float:left; width:100%; margin:20px 0 0 0; padding:0;} ul.ktt_mediaListing li{float:left; width:100%; margin:0 0 20px 0; padding:0 0 20px 0; list-style:none; border-bottom:1px solid #000000;} .ktt_mediaReleasDescription h3{font-size:15px; color:#000000; font-weight:600; margin: 0 auto 3px; width: 100%; text-align:left;} .ktt_mediaReleasDescription h4{font-size:10px; color:#8b8b8b; margin: 0 auto 10px; width: 100%; text-align:left;} .ktt_mediaReleasDescription p{font-size:12px; line-height:18px; color:#313131; margin: 0 auto; width: 100%; text-align:left; position: inherit; left:0%;} .ktt_mediaReleasDescription p a {color: #3399cc; font-size: 12px; font-weight: normal; line-height: 18px;} /* ========================================================================== GLOBEL ERROR MESSAGE CSS START HERE ========================================================================== */ .myMap{display:block} .myMapSmallDevice{display:none;} .ktt_globelErrorInner{width:100%; margin:0 auto;} /*SINGLE LINE ERROR MESSAGE*/ .ktt_globelError{display:block; background:#e84a5f url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding:13px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelSuccess{display:block; background:#00b1b0 url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding:13px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelErrorMessage h2{color:#ffffff; float: left; width:100%; font-size: 13px; font-weight: normal; text-align:center; margin:4px 0;} /*SINGLE LINE ERROR MESSAGE*/ /* ========================================================================== NGO SEARCH CSS START ========================================================================== */ .ktt_ngoContentOuter{float:left; width:100%; margin-bottom:30px;} .ktt_ngoSearchOuter{float:left; width:100%; background:#ffffff; margin-bottom:30px;} .ktt_ngoSearchAlfaBet{float:left; width:100%; border-bottom:1px solid #f8f8f8; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchActive{background:url(/images_old/search_bg_blue.png) left top repeat-y!important;} .ktt_ngoSearchAlfaBet{float:left; width:100%; text-align:center; height:auto;} .ktt_ngoSearchAlfaBet h3{float:left; width:100%; font-size:13px; color:#323a45; text-align:center; line-height:30px; padding-left: 0%;} .ktt_alphabets{float:left; width:100%; text-align:center; line-height:30px;} /*.ktt_alphabets a{margin:0 3.5px 0 0; width:auto; display:inline-block; color:#abaeb2; font-size:12px;} .ktt_alphabets a:hover, .ktt_alphabets a.active{color:#00b1b0;}*/ .ktt_alphabets a, .ktt_alphabets input[type="submit"]{margin:0 0.2px; width:auto; display:inline-block; color:#c4c4c4; font-size:13px; border:0; background:none!important;cursor:pointer; font-weight:normal; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} .ktt_alphabets a:hover, .ktt_alphabets input[type="submit"]:hover, .ktt_alphabets a.active, .ktt_alphabets input[type="submit"].active{color:#00b1b0;} .ktt_ngoSearchSelectAction{float:left; width:100%; padding:0px 0 5px 0; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchSelectAction h3{float:left; width:100%; padding-left: 0%; font-size:13px; color:#323a45; text-align:center; margin-bottom:5px; line-height:30px;} .ktt_ngoSearchSelectActionForm{float:left; width:100%;} .ktt_ngoSearchSelectActionFormRow{float:left; width:97%; padding-left:3%;} .ktt_ngoSearchSelectActionFormRow select{background: url("/images_old/input_bg.png") repeat scroll left top #ffffff; border: 1px solid #e4e4e4; border-radius: 5px; color: #666666; float: left; font-size: 11px; height: 40px; margin: 0 15px 10px 0; outline: medium none; padding: 10px 10% 10px 10px; transition: transform 0.2s ease-in-out 0s; width: 34%;} .ktt_ngoSearchResult{float:left; width:100%; min-height:300px;} .ktt_ngoSearchResult ul{float:left; width:100%; list-style:none;} .ktt_ngoSearchResult ul li{float:left; width:100%; list-style:none; border-bottom:1px solid #dfdfdf; padding-bottom:14px; margin-bottom:15px;} .ktt_ngoThumb{float:left; width:80px; height:80px; overflow:hidden; margin:0 2% 0 0;} .ktt_ngoDescription{float:left; width:46%; margin:0 2% 0 0;} .ktt_ngoDescription h3{float:left; width:100%; font-size:14px; font-weight:600; color:#000; text-align:left; line-height:normal; margin-bottom:3px;} .ktt_ngoDescription p{float:left; width:100%; font-size:11px; font-weight:normal; color:#636363; text-align:left; line-height:normal; margin-bottom:0px;} .ktt_ngoDonationStatus{float:right; width:32.5%; margin:0 0% 0 0;} .ktt_ngoDonationStatus h3{float:left; width:100%; margin:0 0% 5px 0; font-size:12px; font-weight:600; color:#000;} .ktt_blue{background:#2196eb; border-radius:3px; color: #fff; display: block; font-size: 11px !important; font-weight: 600; line-height:30px; margin-bottom:5px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:0px; float:right; width:170px; /*padding:0 10%;*/} .ktt_blue:hover {background:#1e8fe1; border-radius: 3px; color: #fff; cursor: pointer;} .ktt_orange{background:#fbae83; border-radius:3px; color: #fff; display: block; font-size: 11px !important; font-weight: 600; line-height:30px; margin-bottom:5px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:0px; float:right; width:170px; /*padding:0 10%;*/} .ktt_orange:hover {background:#fb9a60; border-radius: 3px; color: #fff; cursor: pointer;} /*NGO SUBMIT BUTTONS CSS START*/ #ktt_searchNgoSubmit input[type="button"], #ktt_searchNgoSubmit input[type="submit"], #ktt_searchNgoSubmit input[type="cancel"], #ktt_searchNgoSubmit a, #ktt_searchNgoSubmit1 input[type="button"], #ktt_searchNgoSubmit1 input[type="submit"], #ktt_searchNgoSubmit1 input[type="cancel"], #ktt_searchNgoSubmit1 a{ background-color:#00b1b0!important; background-image:url(/images_old/iPhoneButtonbg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:40px!important; height:40px!important; font-size:14px!important; font-weight:500!important; color:#ffffff!important; padding:0 15px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #00a3a2!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s; margin-right: 2%; border-top:0px; border-right:0px; border-left:0px; float:left;} #ktt_searchNgoSubmit input[type="button"]:hover, #ktt_searchNgoSubmit input[type="submit"]:hover, #ktt_searchNgoSubmit input[type="cancel"]:hover, #ktt_searchNgoSubmit a:hover, #ktt_searchNgoSubmit1 input[type="button"]:hover, #ktt_searchNgoSubmit1 input[type="submit"]:hover, #ktt_searchNgoSubmit1 input[type="cancel"]:hover, #ktt_searchNgoSubmit1 a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_searchNgoSubmit input[type="button"]:foucs, #ktt_searchNgoSubmit input[type="submit"]:foucs, #ktt_searchNgoSubmit input[type="cancel"]:foucs, #ktt_searchNgoSubmit a:focus, #ktt_searchNgoSubmit1 input[type="button"]:foucs, #ktt_searchNgoSubmit1 input[type="submit"]:foucs, #ktt_searchNgoSubmit1 input[type="cancel"]:foucs, #ktt_searchNgoSubmit1 a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} /* ========================================================================== CPNTRIBUTE NOW PAGES FEW CLASSES ========================================================================== */ .ktt_uniqueFormInfo .yourContibutionSummary {float: left; width:100%;} .ktt_uniqueFormInfo ._kt_reward_summ_wrapper .summ_details_wrapper { color: #646464; padding: 2% 0% 0; width:97%; margin-left:3%;} .ktt_uniqueFormInfo ._kt_donation_summ_wrapper {background:none; margin-bottom: 0; padding: 0;} .ktt_uniqueFormInfo .summ_details_wrapper .title p.titletext {color: #000000; font-size: 16px; font-weight: 600; text-transform: uppercase;} .ktt_uniqueFormInfo .tdContentOuter{float:left; width:100%; margin-bottom:0px;} .ktt_uniqueFormInfo .tdTitle {float:left; font-size: 14px; font-weight: 600; line-height: 20px; padding: 3px 0; width: 25%; color:#000;} .ktt_uniqueFormInfo .tdContent {float:left; font-size: 14px; font-weight: normal; line-height: 20px; padding: 3px 0; width: 74%; color:#000;} .ktt_uniqueFormInfo .tdContent span{padding-left:0;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer .tdContent h1 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 16px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} #ktt_spanContainer .tdContent h2 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 12px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} .ktt_titletext{float:left; width:94%; padding:10px 2% 3px 4%!important; margin:0px 0 0px 0!important;border-top: 0px solid #cccccc; line-height:normal!important;} .ktt_titletextLabel{float:left; margin: 0 0 10px; padding:15px 2% 3px 2%; width: 96%;} ._kt_form .footnote {color: #aaa; display: block; font-size: 10px; font-style: italic; line-height: normal; margin-bottom: 13px !important;} .ktt_titletext{float:left; width:94%; padding:10px 2% 3px 4%!important; margin:0px 0 0px 0!important;border-top: 0px solid #cccccc;} .ktt_titletextLabel{float:left; margin: 0 0 10px; padding:15px 2% 3px 2%; width: 96%;} ._kt_form .footnote {color: #aaa; display: block; font-size: 10px; font-style: italic; line-height: normal; margin-bottom: 13px !important;} #ktt_spanContainer input[type="text"].currency{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currency:focus{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} #ktt_spanContainer input[type="text"].currencyDollar{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currencyDollar:focus{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} /*F SHARE POPUP HTML CSS START HERE*/ .md-content > div {font-size: 1.15em; font-weight: 300; margin: 0; padding: 15px 0px 30px!important;} .md-modal { z-index: 99999!important; } .md-close_1{position:absolute; cursor: pointer; height: 25px; position: fixed; right: 3%; top: 3%; width: 25px; z-index: 99999; font-size: inherit;background-color: Transparent; background-repeat:no-repeat;border: none; overflow: hidden; outline:none;text-decoration: underline;} .md-overlay {z-index: 9999!important;} .ktt_f-share-wrapper { padding:1%; width:98%; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .ktt_f-share_welcome_image{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_title{float:left; width:84%; margin:0px 0 8px 8%; display:inline-block; text-align: center; border-top:1px solid #f2f2f2; background:url(/images_old/d_arrow.png) top center no-repeat; padding-top: 3px;} .ktt_f-share_title h4{display:inline-block; text-align:center; padding:0 15px; font-size:13px; font-weight:600; color:#3c3c3c;} .ktt_f-share_content{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_content p{display:inline-block; text-align:center; padding:0 0 13px 0px !important; width:80%; font-size:11px; color:#3c3c3c;} .ktt_f-share_button{float:left; width:50%; margin:0px 0% 5px 25%; display:inline-block; text-align: center;} .ktt_f-share_button input[type="submit"], .ktt_f-share_button input[type="button"], .ktt_f-share_button a{width:126px!important; height:54px!important; border:0px!important; background:url(/images_old/f_share_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} .ktt_f-share_button input[type="submit"].controbuteNowBtn, .ktt_f-share_button input[type="button"].controbuteNowBtn, .ktt_f-share_button a.controbuteNowBtn{width:206px!important; height:54px!important; border:0px!important; background:url(/images_old/contribute_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:auto;} .ktt_thankyouInnerContainer{width:98%; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:65.3%; height:auto; background:url(/images_old/thankyou_header_image_bg.png) top left / cover no-repeat; margin-top: 48px; } .ktt_thankyouBannerImage{float:left; width:76.5%; height:auto; overflow:hidden; margin:10% auto 0 11%; position:relative;} .ktt_thankyouBannerImageOverlay{width:100%; height:100%; background:url(/images_old/your_contribution_bg.png) top left / cover no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:50%; margin:40px auto 0 auto;} .ktt_thankuContribute_icon{float:left; width:100%; text-align:center;} .ktt_thankuContriFigure{float:left; width:100%; font-size:16px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:35px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:block;} .fentasticSmallDevices{display:none;} .ktt_thankuFantastic{float:right; width:33%; margin-top:45px;} .ktt_thankuFantastic .imgOuter{float:left; width:80%; text-align:center; margin:0 0 0px 10%;} .ktt_thankuFantastic .imgOuterImage{float:left; width:20%!important; text-align:center; margin:0 0 0px 40%!important;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:20px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:11px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:5px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:12px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; /*width:47%;*/ width:76%; text-align:center; margin:0 12% 10px 12% ;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 30px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:22px; font-weight:600; color:#232323; margin:20px 0 10px;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:15px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:28%; margin:0 2.5% 10px 2.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:11px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:11px; color:#232323;} .ktt_thankyouContent .imgOuter{float:left; width:100%; text-align:center; margin:0;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:20px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:18px; color:#ffffff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:100%; margin: 0 0 0px 0%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{padding: 0 0 0 3%; text-align:left; font-size:20px; font-weight:600; color:#000000; margin:32px 0 22px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:25px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 15px 20px 15px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width: 35.5% !important;} .goodvilleBanner{float:left; width:100%; background:url(/images_old/goodville_bg.png) top center no-repeat; padding:20px 0; margin-top:-1px;} .ktt_thankyouInnerContainer h2.goodvilleHead{color:#ffffff; font-size:22px; text-align:center; margin-bottom:10px;} .goodvilleImgOuter{float:left; width:85%; margin: 0 0 0 7.5%; text-align:center;} .goodvilleImgBtnOuter{float:left; width:54%; margin: 0 0 0 23%; text-align:center;} .ktt_thankyouInnerContainer p a{color:#ffffff; font-size:12px; text-align:center; text-decoration:underline; float:left; width:100%;} /*HOW IT WORKS CSS START HERE*/ .ktt_howItWorksOuterNew{width:100%; float:left;} .ktt_howItWorksInnerNew{width:96%; margin:0 auto;} .ktt_howItWorksInnerNewBanner{width:100%; float:left; background:#ffffff;} .ktt_howItWorksInnerNewBannerCont{width:98%; margin:0 auto;} .ktt_howItWorksInnerNewBannerCont h2{width:100%; float:left; font-size:45px; font-weight:600; line-height: 40px; color:#000; margin:30px 0 0px 0;} .ktt_howItWorksInnerNewBannerCont p{width:100%; float:left; font-size:18px; color:#000; margin-bottom:20px;} .ktt_howItWorksSteps{float:left; width:100%; margin-bottom:16px;} .ktt_howItWorksSteps .steps{float:left; width:30.2%;} .ktt_howItWorksSteps .stepsDevider{float:left; width:2.5%; height:1px; background:#324b6c; margin:27px 1% 0;} .stepIcon{float:left; width:18%; margin-right: 2%;} .stepDesc{float:left; width:80%;} .stepDesc h3{width:100%; float:left; font-size:14px; font-weight:600; line-height: normal; color:#324b6c; margin:px 0 10px 0;} .stepDesc p{width:100%; float:left; font-size:10px; line-height: normal; color:#324b6c; margin:0px 0 0px 0;} .ktt_howItWorksGetStarted{width:100%; float:left; background:#00bfb6 url(/images_old/how_it_works_gstarted_bg.png) top center / cover no-repeat; padding:10px 0;} .ktt_howItWorksInnerNew ul.hwGetstarted{float:left; width:100%; text-align:center; padding-left:0%;} .ktt_howItWorksInnerNew ul.hwGetstarted li{width:100%; display:inline-block; float:none; margin-right:0px; padding:0;} .ktt_howItWorksInnerNew ul.hwGetstarted li h3{width:100%;/* float:left;*/ font-size:19px; line-height: normal; color:#ffffff; text-align:center;} /*.ktt_howItWorksInnerNew ul.hwGetstarted li p.large{width:100%; font-size:25px; line-height: normal; color:#ffffff; text-align:right;}*/ .ktt_howItWorksInnerNew ul.hwGetstarted li p{width:100%; float:left; font-size:14px; line-height: normal; color:#ffffff; text-align:center;} .ktt_howItWorksInnerNew ul.hwGetstarted li a{float:none; height:40px; line-height:40px; padding:0 20px; text-transform:uppercase; font-size:13px; color:#00b1b0; background:#ffffff; border-radius:5px; display:inline-block; margin-top:5px;} .ktt_howItWorksWhyKetto{width:100%; float:left; background:#f3f3f3;} .ktt_howItWorksWhyKetto h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItWorksWhyKetto .listColumn{float:left; width:48%; margin:0 1%;} .ktt_howItWorksWhyKetto .listColumn ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li{float:left; width:100%; margin:0 0% 5px; padding:0 0 10px 0; background:url(/images_old/dotted_line_1.png) bottom left repeat-x; font-size: 12.5px; color:#373737; min-height: 95px;} .ktt_howItWorksWhyKetto .listColumn ul li a{color:#373737; font-size: 12px; text-decoration: underline;} .ktt_howItWorksWhyKetto .listColumn ul li:last-child{background:none;} .ktt_howItWorksWhyKetto .listColumn ul li .numbersOflist{float:left; width:20%; margin:0 0%; padding:0; font-size:40px; font-style:italic; color:#000000;} .ktt_howItWorksWhyKetto .listColumn ul li .listContent{float:left; width:80%; margin:10px 0 0; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li .lineheight{line-height:normal!important;} .ktt_howItBenifitsOfCrowdfunding{width:100%; float:left; background:#ffffff;} .ktt_howItBenifitsOfCrowdfunding h2{width:100%; float:left; font-size:22px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft{float:left; width:58%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht{float:left; width:38%; margin:0 1%;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li{float:left; /*width:88%;*/ width:82%; margin:0 0% 15px; padding:0 0% 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat; line-height:16px; font-size: 11.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li{float:left; width:86%; margin:0 0% 15px; padding:0 0 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat;line-height:16px; font-size: 11.5px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft h3, .ktt_howItBenifitsOfCrowdfunding .listColumnRht h3{float:left; width:100%; padding:0 0 0 0%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:0px 0 25px 0;} .ktt_gudvilleButton{width:214px; height:52px; border:0px; background:url(/images_old/goodville_btn.png) center center / contain no-repeat; display:inline-block; float:none; text-indent:-999999px; cursor:pointer; } .ktt_campaignDetailContentCol{float:left; width:97%; margin:10px 1.5%;} .ktt_loadMoreButton{cursor:pointer;height: 35px;line-height: 35px;background: #ebebeb url(/images_old/spacer.png) top left repeat !important;font-size: 18px;border: 0px;border-radius: 5px !important;-moz-border-radius: 5px !important;-webkit-border-radius: 5px !important;color: #000;display: inline-block;padding: 0 25px; margin: 0 0 10px 0;} /* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_newContactContainer{width:98%; margin:0 auto;} .ktt_newContactColleft{width:48%!important; float:left; margin:0 0% 10px;} .ktt_newContactColleft h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px; margin-top:20px;} .ktt_newContactColleft p{color:#595959; font-size:12px; line-height:16px; margin-bottom:25px; width:98%; text-align:justify;} .ktt_newContactColleft textarea{margin-bottom:0px!important; width:86%;} .ktt_newContactColRight{width:45%!important; float:right!important; margin:0 1.5% 20px; padding:0!important;} .ktt_newContactColRight h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px; margin-top:20px;} .ktt_contactAddressCol{width:94%; float:left; margin:15px 1.5%; padding-left:3%; font-size:12px; line-height:18px;} .ktt_contactAddressCol strong{font-weight:600!important; margin-bottom:5px!important; font-size:13px!important; padding-left:3%!important; width:97%;} .ktt_newContactContainer .ktt_uniqueFormRow{margin-bottom: 10px;} .ktt_newContactColleft .ktt_uniqueFormActualContentWrapper{float:left; width:100%; padding:0 0 20px 0%;} .pay_cardDuration{float:left; width:75%;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:51px!important;} .pay_cardCVC{float:left; width:22%;} } @media all and (max-width:703px){ .how_video_wrapper { width: auto !important; position: relative; padding-bottom: 56.25% !important; /* 16:9 */ padding-top: 25px !important; height: 0; margin: 20px !important; } .how_video_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*.how_video_wrapper{width: auto !important;} .how_video_wrapper iframe{width: 100% !important;}*/ } /* ========================================================================== START CSS FOR RESOLUTION 600 ONLY ========================================================================== */ @media all and (width:600px){ ::-webkit-input-placeholder {font-size:9px;} :-moz-placeholder { /* Firefox 18- */font-size:9px;} ::-moz-placeholder { /* Firefox 19+ */font-size:9px;} :-ms-input-placeholder {font-size:9px;} .ktt_uniqueFormWrapper{float:left; width:100%; background:#ffffff /*url(/images_old/form_bg_desk.png) -2207px top repeat-y;*/} .ktt_uniqueFormInfo h2, .ktt_uniqueFormContent h2{float:left; width:97%; padding:0 0 0 3%; font-size:25px; color:#00b1b0; font-weight:600; text-transform:uppercase; margin-bottom:10px;} .addRowColumn .heading, .addRowColumnAddButton .heading{float:left; width:100%; margin:5px 0 10px 0; font-size:11px;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode{float:left; width:28.5%; height:30px; line-height:30px; padding:10px 8% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].prefixCountry{float:left; width:8%; height:30px; line-height:30px; padding:10px 0% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} #StartCampaign .shorturl input[type="text"] {border: 1px solid #fff !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 0 10% 0 0px !important; width: 62%;} /* ========================================================================== GLOBEL ERROR MESSAGE CSS START HERE ========================================================================== */ .myMap{display:block} .myMapSmallDevice{display:none;} .ktt_globelErrorInner{width:100%; margin:0 auto;} /*SINGLE LINE ERROR MESSAGE*/ .ktt_globelError{display:block; background:#e84a5f url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding:13px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelSuccess{display:block; background:#00b1b0 url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding:13px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelErrorMessage h2{color:#ffffff; float: left; width:100%; font-size: 13px; font-weight: normal; text-align:center; margin:4px 0;} /*SINGLE LINE ERROR MESSAGE*/ /* ========================================================================== NGO SEARCH CSS START ========================================================================== */ .ktt_alphabets a {color: #abaeb2; display: inline-block; font-size: 11px; margin: 0 3.5px 0 0; width: auto;} /* ========================================================================== CPNTRIBUTE NOW PAGES FEW CLASSES ========================================================================== */ .ktt_uniqueFormInfo .yourContibutionSummary {float: left; width:100%;} .ktt_uniqueFormInfo ._kt_reward_summ_wrapper .summ_details_wrapper { color: #646464; padding: 2% 0% 0; width:97%; margin-left:3%;} .ktt_uniqueFormInfo ._kt_donation_summ_wrapper {background:none; margin-bottom: 0; padding: 0;} .ktt_uniqueFormInfo .summ_details_wrapper .title p.titletext {color: #000000; font-size: 16px; font-weight: 600; text-transform: uppercase;} .ktt_uniqueFormInfo .tdContentOuter{float:left; width:100%; margin-bottom:0px;} .ktt_uniqueFormInfo .tdTitle {float:left; font-size: 14px; font-weight: 600; line-height: 20px; padding: 3px 0; width: 25%; color:#000;} .ktt_uniqueFormInfo .tdContent {float:left; font-size: 14px; font-weight: normal; line-height: 20px; padding: 3px 0; width: 74%; color:#000;} .ktt_uniqueFormInfo .tdContent span{padding-left:0;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer .tdContent h1 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 16px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} #ktt_spanContainer .tdContent h2 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 12px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} .ktt_titletext{float:left; width:94%; padding:10px 2% 3px 4%!important; margin:0px 0 0px 0!important;border-top: 0px solid #cccccc;} .ktt_titletextLabel{float:left; margin: 0 0 10px; padding:15px 2% 3px 2%; width: 96%;} ._kt_form .footnote {color: #aaa; display: block; font-size: 10px; font-style: italic; line-height: normal; margin-bottom: 13px !important;} #ktt_spanContainer input[type="text"].currency{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currency:focus{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} #ktt_spanContainer input[type="text"].currencyDollar{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currencyDollar:focus{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 16% !important; width:73%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} /*F SHARE POPUP HTML CSS START HERE*/ .md-content > div {font-size: 1.15em; font-weight: 300; margin: 0; padding: 15px 0px 30px!important;} .md-modal { z-index: 99999!important; } .md-close_1{position:absolute; cursor: pointer; height: 20px; position: fixed; right: 3%; top: 2%; width: 20px; z-index: 99999; font-size: inherit;background-color: Transparent; background-repeat:no-repeat;border: none; overflow: hidden; outline:none;text-decoration: underline;} .md-overlay {z-index: 9999!important;} .ktt_f-share-wrapper { padding:1%; width:98%; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .ktt_f-share_welcome_image{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_title{float:left; width:90%; margin:3px 0 8px 5%; display:inline-block; text-align: center; border-top:1px solid #f2f2f2; background:url(/images_old/d_arrow.png) top center no-repeat; padding-top:15px;} .ktt_f-share_title h4{display:inline-block; text-align:center; padding:0 15px; font-size:16px; font-weight:600; color:#3c3c3c;} .ktt_f-share_content{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_content p{display:inline-block; text-align:center; padding:0 0 13px 0px !important; width:100%; font-size:14px; color:#3c3c3c;} .ktt_f-share_button{float:left; width:100%; margin:0px 0% 35px 0%; display:inline-block; text-align: center;} .ktt_f-share_button input[type="submit"], .ktt_f-share_button input[type="button"], .ktt_f-share_button a{width:126px!important; height:54px!important; border:0px!important; background:url(/images_old/f_share_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} .ktt_f-share_button input[type="submit"].controbuteNowBtn, .ktt_f-share_button input[type="button"].controbuteNowBtn, .ktt_f-share_button a.controbuteNowBtn{width:206px!important; height:54px!important; border:0px!important; background:url(/images_old/contribute_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:auto;} .ktt_thankyouInnerContainer{width:98%; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:65.3%; height:auto; background:url(/images_old/thankyou_header_image_bg.png) top left / cover no-repeat; margin-top: 48px; } .ktt_thankyouBannerImage{float:left; width:76.5%; height:auto; overflow:hidden; margin:10% auto 0 11%; position:relative;} .ktt_thankyouBannerImageOverlay{width:100%; height:100%; background:url(/images_old/your_contribution_bg.png) top left / cover no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:50%; margin:40px auto 0 auto;} .ktt_thankuContribute_icon{float:left; width:100%; text-align:center;} .ktt_thankuContriFigure{float:left; width:100%; font-size:16px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:35px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:block;} .fentasticSmallDevices{display:none;} .ktt_thankuFantastic{float:right; width:33%; margin-top:45px;} .ktt_thankuFantastic .imgOuter{float:left; width:80%; text-align:center; margin:0 0 0px 10%;} .ktt_thankuFantastic .imgOuterImage{float:left; width:20%!important; text-align:center; margin:0 0 0px 40%!important;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:20px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:11px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:5px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:12px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; width:60%; text-align:center; margin:0 20% 10px 20% ;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 30px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:18px; font-weight:600; color:#232323; margin:20px 0 10px;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:15px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:28%; margin:0 2.5% 10px 2.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:11px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:11px; color:#232323;} .ktt_thankyouContent .imgOuter{float:left; width:100%; text-align:center; margin:0;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:20px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:18px; color:#ffffff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:100%; margin: 0 0 0px 0%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{ padding:0 0 0 2.5%; text-align:left; font-size:20px; font-weight:600; color:#000000; margin:32px 0 22px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:25px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 15px 20px 15px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width: 35.5% !important;} /*HOW IT WORKS CSS START HERE*/ .ktt_howItWorksOuterNew{width:100%; float:left;} .ktt_howItWorksInnerNew{width:96%; margin:0 auto;} .ktt_howItWorksInnerNewBanner{width:100%; float:left; background:#ffffff;} .ktt_howItWorksInnerNewBannerCont{width:98%; margin:0 auto;} .ktt_howItWorksInnerNewBannerCont h2{width:100%; float:left; font-size:50px; font-weight:600; line-height: 48px; color:#000; margin:30px 0 0px 0;} .ktt_howItWorksInnerNewBannerCont p{width:100%; float:left; font-size:18px; color:#000; margin-bottom:20px;} .ktt_howItWorksSteps{float:left; width:100%; margin-bottom:20px;} .ktt_howItWorksSteps .steps{float:left; width:100%;} .ktt_howItWorksSteps .stepsDevider{float:left; width:99%; height:1px; background:#324b6c; margin:15px .5% 15px;} .stepIcon{float:left; width:12%;} .stepDesc{float:left; width:85%;} .stepDesc h3{width:100%; float:left; font-size:18px; font-weight:600; line-height: normal; color:#324b6c; margin:px 0 10px 0;} .stepDesc p{width:100%; float:left; font-size:12px; line-height: normal; color:#324b6c; margin:0px 0 0px 0;} .ktt_howItWorksGetStarted{width:100%; float:left; background:#00bfb6 url(/images_old/how_it_works_gstarted_bg.png) top center / cover no-repeat; padding:10px 0;} .ktt_howItWorksInnerNew ul.hwGetstarted{float:left; width:100%; text-align:center; padding-left:0%;} .ktt_howItWorksInnerNew ul.hwGetstarted li{width:100%; display:inline-block; float:none; margin-right:0px; padding:0;} .ktt_howItWorksInnerNew ul.hwGetstarted li h3{width:100%;/* float:left;*/ font-size:17px; line-height: normal; color:#ffffff; text-align:center;} /*.ktt_howItWorksInnerNew ul.hwGetstarted li p.large{width:100%; font-size:25px; line-height: normal; color:#ffffff; text-align:right;}*/ .ktt_howItWorksInnerNew ul.hwGetstarted li p{width:100%; float:left; font-size:12px; line-height: normal; color:#ffffff; text-align:center;} .ktt_howItWorksInnerNew ul.hwGetstarted li a{float:none; height:40px; line-height:40px; padding:0 20px; text-transform:uppercase; font-size:13px; color:#00b1b0; background:#ffffff; border-radius:5px; display:inline-block; margin-top:5px;} .ktt_howItWorksWhyKetto{width:100%; float:left; background:#f3f3f3;} .ktt_howItWorksWhyKetto h2{width:100%; float:left; font-size:20px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItWorksWhyKetto .listColumn{float:left; width:100%; margin:0 0%;} .ktt_howItWorksWhyKetto .listColumn ul{float:left; width:100%; margin:0 0% 0px; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li{float:left; width:100%; margin:0 0% 5px; padding:0 0 10px 0; background:url(/images_old/dotted_line_1.png) bottom left repeat-x; font-size: 12px; color:#373737; min-height: 55px;} .ktt_howItWorksWhyKetto .listColumn ul li a{color:#373737; font-size: 12px; text-decoration: underline;} .ktt_howItWorksWhyKetto .listColumn ul li:last-child{background:url(/images_old/dotted_line_1.png) bottom left repeat-x;} .ktt_howItWorksWhyKetto .listColumn ul li.last{background:none;} .ktt_howItWorksWhyKetto .listColumn ul li .numbersOflist{float:left; width:13%; margin:0 0%; padding:0; font-size:40px; font-style:italic; color:#000000;} .ktt_howItWorksWhyKetto .listColumn ul li .listContent{float:left; width:87%; margin:10px 0 0; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li .lineheight{line-height:30px!important;} .ktt_howItBenifitsOfCrowdfunding{width:100%; float:left; background:#ffffff;} .ktt_howItBenifitsOfCrowdfunding h2{width:100%; float:left; font-size:20px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft{float:left; width:100%; margin:0 0%;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht{float:left; width:100%; margin:0 0%;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li{float:left; /*width:88%;*/ width:86%; margin:0 0% 10px; padding:0 0% 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat; line-height:18px; font-size: 12px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li{float:left; width:90%; margin:0 0% 15px; padding:0 0 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat;line-height:18px; font-size: 12px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft h3, .ktt_howItBenifitsOfCrowdfunding .listColumnRht h3{float:left; width:100%; padding:0 0 0 0%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:0px 0 25px 0;} .ktt_campaignDetailContentCol{float:left; width:97%; margin:10px 1.5%;} /* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_newContactContainer{width:98%; margin:0 auto;} .ktt_newContactColleft{width:100%!important; float:left; margin:0 0% 10px;} .ktt_newContactColleft h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_newContactColleft p{color:#595959; font-size:12px; line-height:16px; margin-bottom:25px; width:98%; text-align:justify;} .ktt_newContactColleft textarea{margin-bottom:0px!important; width:86%;} .ktt_newContactColRight{width:100%!important; float:right!important; margin:0 0% 20px; padding:0!important;} .ktt_newContactColRight h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_contactAddressCol{width:44%; float:left; margin:15px 1.5%; padding-left:3%; font-size:12px; line-height:18px;} .ktt_contactAddressCol strong{font-weight:600!important; margin-bottom:5px!important; font-size:13px!important; padding-left:3%!important; width:97%;} .ktt_newContactContainer .ktt_uniqueFormRow{margin-bottom: 10px;} /* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_newContactContainer{width:98%; margin:0 auto;} .ktt_newContactColleft{width:48%!important; float:left; margin:0 0% 10px;} .ktt_newContactColleft h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_newContactColleft p{color:#595959; font-size:12px; line-height:16px; margin-bottom:25px; width:98%; text-align:justify;} .ktt_newContactColleft textarea{margin-bottom:0px!important; width:86%;} .ktt_newContactColRight{width:45%!important; float:right!important; margin:0 1.5% 20px; padding:0!important;} .ktt_newContactColRight h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_contactAddressCol{width:94%; float:left; margin:15px 1.5%; padding-left:3%; font-size:12px; line-height:18px;} .ktt_contactAddressCol strong{font-weight:600!important; margin-bottom:5px!important; font-size:13px!important; padding-left:3%!important; width:97%;} .ktt_newContactContainer .ktt_uniqueFormRow{margin-bottom: 10px;} .ktt_newContactColleft .ktt_uniqueFormActualContentWrapper{float:left; width:100%; padding:0 0 20px 0%;} .pay_cardDuration{float:left; width:75%;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:51px!important;} .pay_cardCVC{float:left; width:22%;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 87.5%; margin-bottom:10px!important;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode:last-child[type="text"] {width: 87.5% !important; margin-right:0!important;} } /* ========================================================================== START CSS FOR RESOLUTION BELOW 600 BEGINS ========================================================================== */ @media all and (max-width:599px){ /* ========================================================================== BASIC PAGE STRUCTURE CSS START HERE ========================================================================== */ .ktt_contentWrapper{width:96%;} /* ========================================================================== TESTIMONIALS CONTENT CSS START HERE ========================================================================== */ .ktt_testimonialsWrapper { float: left; width: 98%; padding: 1%; background: none; position:relative;} .demo{height:190px;} .quovolve { margin: 20px 0; } .quovolve blockquote { margin: 0; float:left; background:url(/images_old/quot_mark.png) left 0px no-repeat; width:92%; padding:0 0 0 8%;} .quovolve blockquote p { margin:5px 0 10px 0; } .autourOuter{background:url(/images_old/author_outer_bg.png) left 0px no-repeat; float:left; width:100%; margin-top:0px; padding-top:20px;} .author_pic{float:left; width:46px; height:46px; margin-right:3%; border-radius:50px; overflow:hidden; border:0px solid #ccc;} .autourOuter h2{float:left; width:80%; margin:2.5% 0 0 0; padding:0 0 0 0; text-transform:uppercase; color:#33a1de; font-size:12px; } .autourOuter h3{float:left; width:80%; margin:0 0 0 0; padding:0 0 0 0; color:#000000; font-size:12px;} /* ========================================================================== STATASTIC CONTENT CSS START HERE ========================================================================== */ .ktt_statastic{background:url(/images_old/statastic_bg.png) top center no-repeat; float:left; width:100%; padding:35px 0 40px 0; margin-top:35px;} .ktt_statasticCol{float:left; width:98%; margin:0 1% 20px 1%; } .ktt_statasticCol h2{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:43px; font-weight:600; color:#00b1b0;} .ktt_statasticCol h3{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:16px; font-weight:500; color:#323a45;} .ktt_statasticColAmount{width:auto; padding:0 2%; margin:0 1% 20px 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColBackers{width:auto; padding:0 2%; margin:0 1% 20px 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColCampaing{width:auto; padding:0 2%; margin:0 1% 20px 1%; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticCol h2, .ktt_statasticColAmount h2, .ktt_statasticColBackers h2, .ktt_statasticColCampaing h2{ width:100%; height:auto; line-height:normal; text-align:center; font-size:20px; font-weight:600; color:#00b1b0;} /*When digit will incresed that time font size will- "font-size: 38px;"*/ .ktt_statasticCol h3, .ktt_statasticColAmount h3, .ktt_statasticColBackers h3, .ktt_statasticColCampaing h3{ width:100%; height:auto; line-height:normal; text-align:center; font-size:12px; font-weight:500; color:#323a45;} /* ========================================================================== FOOTER CSS START HERE ========================================================================== */ .ktt_footerSocialMedia{float:left; width:30%; margin-top:18px; display:none;} /*LATEST NEW FOOTER COLUMN*/ .ktt_footerColumn{float:left; width:46%; margin:10x 2% 5px 2%;} .ktt_footerColHeight{height:170px;} .ktt_footerColumn h2{float:left; width:100%; margin-bottom:15px; color:#ffffff; padding:0; font-size:18px; font-weight:600; text-transform:uppercase;} .ktt_mobHeading{display:none;} .ktt_socialMedia{display:block; width:96%!important; margin-left:2%;} ul#terms-conditions-outer{text-align:center;} ul#terms-conditions-outer li { float:none; width:auto; line-height:normal; margin:2px 0px 15px 0; padding:0 5px 0 ; display:inline-block; text-align:center;} ul#terms-conditions-outer li a { color:#999da2; font-size:11px; font-weight:200; text-align:center; text-decoration:none; border-right:0px solid #7f848b; padding:0 5px; transition: all 450ms ease-in-out 0s;} /* ========================================================================== LIVE SUPPORT CSS START ========================================================================== */ .zopim{bottom:0px!important; display:none!important; } /* ========================================================================== FORM CSS START HERE ========================================================================== */ .ktt_uniqueFormWrapper ._kt_breadcrumb {background:none; padding:15px 0 15px 10%;} .ktt_uniqueFormWrapper{float:left; width:100%; background:#ffffff url(/images_old/form_bg_small_device.png) left top repeat-y;} .ktt_uniqueFormInfo{float:left; width:96%; padding:0 2% 40px 2%;} .ktt_uniqueFormInfo p, .ktt_uniqueFormInfo span{ float:left; color:#313131; font-size:12px; line-height:20px; padding:0 0 0 7%;} .ktt_uniqueFormContent{float:left; width:93%; padding:0 3.5% 0 3.5%; } .ktt_uniqueFormActualContentWrapper{float:left; width:93%; padding:0 0 30px 7%;} .ktt_uniqueFormInfo h2, .ktt_uniqueFormContent h2{float:left; width:93%; padding:0 0 0 7%; font-size:25px; color:#00b1b0; font-weight:600; text-transform:uppercase; margin-bottom:10px;} .ktt_uniqueFormformHeading{float:left; width:100%; margin-bottom:0px; position:relative;} .ktt_uniqueFormformHeading h3{line-height:48px; color:#00b1b0; float:left; font-size:15px; padding:0 0 0 10px;} .ktt_uniqueFormformHeadingNumner{float:left; width:35px; height:35px; position:absolute; left:-50px; background:#00b1b0/*url(/images_old/form_number_bg.png) center center no-repeat*/; line-height:35px; text-align:center; color:#ffffff; font-size:25px; font-weight:600; border:7px solid #ffffff; -moz-border-radius:75px; -webkit-border-radius:75px; border-radius:75px;} /*UNIQUE FIELD CSS START*/ .ktt_uniqueFormRow {float: left;width: 100%; margin-bottom:15px;} #CampaignStep1 .ktt_uniqueFormNote, .ktt_uniqueFormNote {float: left;width: 100%;} .ktt_uniqueFormRow label{display:block; font-size:12px; margin:5px 0; width:78%;} .ktt_uniqueFormRow input[type="text"], .ktt_uniqueFormRow input[type="password"], .ktt_uniqueFormRow input[type="file"]{float:left; width:66%; height:30px; line-height:30px; padding:10px 10% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0 ; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow input[type="text"]:focus, .ktt_uniqueFormRow input[type="password"]:focus, .ktt_uniqueFormRow input[type="file"]:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField {float: left;width: 100%; margin-bottom:15px;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode{float:left; width:22%; height:30px; line-height:30px; padding:10px 8% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].prefixCountry{float:left; width:8%; height:30px; line-height:30px; padding:10px 0% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select{float:left; width:78.3%; height:50px; padding:10px 10% 10px 10px; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow textarea{float:left; width:66%; height:80px; background:#ffffff; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; padding:10px 10% 10px 10px; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666;} .ktt_uniqueFormRow textarea:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow input[type="radio"], .ktt_uniqueFormRow input[type="checkbox"]{margin:6px 10px 0 0; float:left; min-height:13px; width:20px;} /* ========================================================================== START A CAMPAIGN PAGE CSS START ========================================================================== */ .stepsHeading{float:left; width:100%; height:38px; background:url(/images_old/step_heading_bg.png) left top repeat-x; margin-bottom:20px;} .stepsHeadingInner{float:left;/* width:90%;*/ width:50%; background:#00b1b0; padding:0 0 0 2%; border-radius:0 38px 38px 0;} .stepsHeadingInner h2{color:#ffffff; font-size:18px; font-weight:600; text-transform:capitalize; line-height:38px; margin:0; padding:0; text-align:left;} .createACampaignInner {background: none; padding:0 0; display: inline-block;} .mandatoryNote{float:left; width:100%; margin:15px 0;} .mandatoryNote span{color:#ff0000;} .phonePlus{float:left; width:76%; background:#ffffff!important; border: 1px solid #e4e4e4; border-radius: 5px; margin-bottom: 5px; outline: medium none; padding: 10px 0% 10px 10px; margin-top:8px;} .prefixPlus{line-height:30px; font-size:13px; font-weight:200; color:#999; width:6%;} #frmStartCampaign ._kt_form .phonePlus input[type="text"]{border:none!important; border-radius: 0px!important; padding:0 0% 0 5px !important; margin:0!important; line-height:normal!important; width:92%;} #frmStartCampaign ._kt_form .phonePlus input[type="text"]:focus{border:none!important; border-radius: 0px!important; padding:0 0% 0 5px !important; margin:0!important; line-height:normal!important; width:92%;} /* ========================================================================== CREATIVE PAGE CSS START ========================================================================== */ .addRowHeadinginner { float: left; margin-bottom: 10px; width: 46.8%; display:none;} .addRowHeadinginnerInside { float: left; margin-bottom:0px; width: 46.8%; display:block;} .addRowColumn{float:left; width:50%; margin-bottom:0px;} .addRowColumnAddButton{ bottom: 15px; height: 20px; margin-bottom: 0; position: absolute; right: 0px;} #questionary label.agreement {float: left; font-size: 13px; font-weight: 500 !important; line-height: inherit; margin-bottom: 15px;} /* ========================================================================== ADD / REMOVE BUTTONS ========================================================================== */ /*ADD*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important; } .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /*ADD NEW*/ .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_profile a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; top: 155px; right: 2px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px;top:136px; right: 2px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE NEW*/ .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; bottom: 28px; right: 8px; position: absolute;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /* ========================================================================== HANDBOOK PAGE CSS START ========================================================================== */ .ktt_handBookWrapper{width:94%; margin:0 auto 30px auto; background:#ffffff;} .ktt_handBookContent{float:left; width:88%; padding:3% 6%; margin-bottom:30px;} .ktt_handBookContent .handbookTtitle{float:left; width:100%; font-size:28px; font-weight:500; color:#323a45;} .ktt_handBookWrapper .heading{float:left; width:100%; background:#00b1b0; width:88%; padding:6%; text-align:left; font-size:20px; font-weight:600; color:#ffffff; text-transform:uppercase;} .ktt_handBookContent h2{float:left; width:100%; font-size:18px; font-weight:600; margin:0 0 5px 0; color:#000;} .ktt_handBookContent p{float:left; width:100%; font-size:13px; font-weight:500; margin:0 0 10px 0; line-height:22px;} .ktt_handBookContent h3.headingMedium{float:left; width:100%; font-size:18px; margin-bottom:10px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingMedium a{float:left; width:100%; font-size:18px; margin-bottom:0px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingSmall{float:left; width:100%; font-size:15px; margin-bottom:10px; font-weight:600; color:#323a45; text-transform:uppercase;} .ktt_handBookContent ul.indexing{float:left; width:100%; margin:0 0 5px 0; padding:0;} .ktt_handBookContent ul.contentlist li{float:left; width:93%; padding-left:7%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .ktt_handBookContent ol.contentlist li{float:left; width:96%; padding-left:4%; margin-bottom:10px; font-size:13px; list-style:inside none decimal;} .ktt_handBookContent .blueHeading{font-size:14px; font-weight:500; color:#00b1b0; float:left; width:100%;} .ktt_handBookimages{float:left; width:100%; text-align:center;} .ktt_tablet_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_tablet_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:block;} .ktt_handBookimages img, .ktt_tablet_port img, .ktt_tablet_land img, .ktt_mobile_port img{max-width:100%;} .ktt_handBookContent .colLeft{width:47%; float:left;} .ktt_handBookContent .colRight{width:47%; float:right;} .ktt_handBookContent .colLeft ul.contentlist li, .ktt_handBookContent .colRight ul.contentlist li{float:left; width:94%; padding-left:6%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .backPage h1{color:#ffffff; font-size:37px; font-weight:600; padding:150px 10% 10% 10%;} .backtoTop{position:fixed; bottom:20px; right:30px; display:none;} /* ========================================================================== MUSIC LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_musicBg1{background:none/*#f8f8f8 url(/images_old/music_bg.png) right 100px no-repeat*/; padding:0 0 40px 0; float:left; width:100%;} .ktt_musicBg1 ._kt_breadcrumb, .ktt_moviefilmsBg1 ._kt_breadcrumb, .ktt_otherCreativeBg1 ._kt_breadcrumb{background:none;} .ktt_creativeInner{width:98%; margin:10px auto 30px auto;} .ktt_musicInnerWrapper{float:left; width:100%;} .ktt_musicInnerWrapperBig{float:left; width:100%;} .creatingHeading{float:none; width:100%; margin:0 auto 10px; font-size:30px; font-weight:600; line-height:normal; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both;} .creatingSmallHeading{font-size:30px; font-weight:600; line-height:32px; color:#333333; text-transform: uppercase;} .creatingHeading br{display:block;} .ktt_creativeInner h1{float:none; width:100%; margin:0 auto 0px; font-size:14px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInnerBriefText{float:none; width:100%; margin:0 auto 20px; font-size:14px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInner p{float:none; width:100%; margin:0 auto 40px; font-size:13px; line-height:normal; color:#323a45; text-align:left; clear:both;} .ktt_creativeInner a{float:none; height:70px; line-height:70px; margin:0 auto; width:56%; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_creativeInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_musicBg2{background:#ffffff/* url(/images_old/music_two.jpg) center top no-repeat; */;padding:30px 0; float:left; width:100%;} p.getStartedIntro{float:none; width:80%; margin:0 auto 20px; font-size:13px; line-height:normal; color:#323a45; text-align:center; font-style:normal; clear:both;} .contSeperator{background:url(/images_old/saperator_bg.png) center center repeat-x; width:60%; height:3px; clear:both; margin:0 auto 20px; } .ktt_musicContact{background:#fbae83; padding:2% 0; float:left; width:100%;} .ktt_musicContactInner{width:90%; margin:15px auto; text-align:center; font-size:18px; color:#ffffff;} .ktt_musicContactInner a{background:url(/images_old/contact_arrow1.png) right center no-repeat; padding-right:28px; color:#ffffff; display:inline-block;} /* ========================================================================== MOVIE AND FILMS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_moviefilmsBg1{background:none/*#f8f8f8 url(/images_old/film_bg.png) right 100px no-repeat*/; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== OTHER CREATIVE PROJECTS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_otherCreativeBg1{background:none/*#f8f8f8 url(/images_old/other_creative_bg.png) right 100px no-repeat*/; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== NGO's PAGE 16 DEC 2014 ========================================================================== */ .ktt_ngoBg{background:#f8f8f8 url(/images_old/for_ngos_bg.png) top center no-repeat; padding:0 0 70px 0; float:left; width:100%; height:190px;} .ktt_ngoBg h2{ color: #ffffff; font-family:Montserrat; font-size:22px; font-weight: 600; width:80%; margin:0px auto 10px; text-transform: inherit; text-transform:inherit; color:#ffffff;} .ktt_ngoBg h3{font-family: Montserrat;font-size:16px; font-weight: normal; margin:0px auto 0 auto; width:100%; line-height:35px; color:#ffffff;} .ktt_ngoInner{width:98%; margin:25px auto 25px auto;} .ktt_ngoInner h1{float:none; width:100%; margin:0 auto 10px; font-size:19px; font-weight:600; line-height:24px; color:#333333; text-align:left; text-transform:none; opacity:0.9; clear:both;} .ktt_ngoInner h2{float:none; width:100%; margin:0 auto 10px; font-size:15px; line-height:28px; color:#333333; text-align:left; clear:both;} .ktt_ngoInner p{float:none; width:100%; margin:0 auto 40px; font-size:18px; line-height:30px; color:#323a45; text-align:left; clear:both;} .custFontSize{font-size:10.5px;} .ktt_ngoInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:270px; padding:0 30px; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_ngoInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_ngosWrapper{float:left; width:100%;} .ktt_ngosWrapper ul{float:left; width:100%;} .ktt_ngosWrapper ul li{float:left; width:92%; padding-left:25px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:15px; line-height:20px; margin-bottom:5px;} .ktt_ngoBg2{background:#ffffff; padding:0 0 20px 0; height:400px; float:left; width:100%;} .ktt_ngoCcarouselInner{width:98%; margin:20px auto 20px auto; background:#ffffff;} .ktt_ngoCcarouselImage{width:43%; float:left; margin:0 2% 0 0; display:none;} .ktt_ngotCcarouselcontent{width:76%; float:none; margin:20px auto 20px auto; } .ktt_ngoCcarouselInner h2{float:left; width:100%; margin:0 auto 0px; font-size:18px; font-weight:600; line-height:22px; color:#333333; text-align:left; clear:both;} .ktt_ngoCcarouselInner p{float:left; width:100%; margin:0 auto 10px; font-size:11px; line-height:14px; color:#323a45; text-align:left; clear:both;} .ktt_ngotCcarouselcontent .pointeOuter{float:left; width:100%; margin:0px 0 0px 0;} .ktt_ngotCcarouselcontent .numberOuter{width:25px; height:25px; margin-right:2.5%; float:left; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; border:1px solid #00b1b0; text-align:center; vertical-align:middle; padding-top:0px; line-height:25px; color:#00b1b0; font-weight:600; font-size:13px;} .ktt_ngotCcarouselcontent .points{float:left; width:86%; margin-bottom:20px; font-size:11px; text-align:left; margin-top:0px;} .ktt_ngotCcarouselcontent .lineheightcarousel{line-height:30px;} /*CAROUSEL CSS START*/ #myNGOCarausel .sy-controls {display:block;} #myNGOCarausel .sy-controls li a:after {background-color:transparent; background-image: url("/images_old/ngo_carousel_arrow_small.png"); background-repeat: no-repeat; background-size: cover; border-radius:0; color: #111; content: ""; font-weight: 800; height: 80px; left:0%; line-height: 0em; margin-left: 0em; margin-top: 0em; position: absolute; text-align: center; text-indent: 0; top: 200px!important; width:39px; opacity:1;} #myNGOCarausel .sy-controls li.sy-next a:after {background-position: 100% 0;} #myNGOCarausel .sy-controls li.sy-prev {left: 0px; top: 0;} #myNGOCarausel .sy-controls li.sy-next {right: 0px; top: 0;} #myNGOCarausel .sy-controls li a:link, #myNGOCarausel .sy-controls li a:visited { opacity: 10;} #myNGOCarausel .sy-controls li { height: 100px; min-width:inherit; position: absolute; width: 49px; z-index: 33;} #myNGOCarausel .sy-pager { /*background:#f8f8f8;*/ bottom: -20px; padding:10px 0; display: none; list-style: none outside none; margin: 1em 0 0; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 50;} #myNGOCarausel .sy-pager li {border-radius: 1.5em; display: inline-block; height: 1.5em; margin:0 3px 0 3px; width: 1.5em; /*box-shadow: 0 1px 2px #333;*/} #myNGOCarausel .sy-pager li a {background:#e9e9e9; display: block; height: 100%; text-indent: -9999px; width: 100%; } #myNGOCarausel .sy-pager li.sy-active a { background-color: #00b1b0; opacity: 10;} #myNGOCarausel .sy-pager li a:hover, #myNGOCarausel .sy-pager li a:focus {opacity: 0.8;} #myNGOCarausel .sy-caption-wrap .sy-caption{display:none!important;} /* ========================================================================== GET STARTED PAGE 17 DEC 2014 ========================================================================== */ .ktt_getStartedBg1{background:#f8f8f8 url(/images_old/get_started_bg1.jpg) center top no-repeat; padding:20px 0 70px 0; float:left; width:100%; position:relative;} .ktt_getStartedInnerWrapper{float:left; width:61%; padding:0 3% 0 0;} .ktt_getStartedInnerImageWrapper{float:left; width:34%;} .ktt_getStartedInner{width:98%; margin:0px auto 0px auto;} .ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 20px; font-size:77px; font-weight:600; line-height:80px; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both;} .ktt_getStartedInner h1.smallSizeHeading{font-size:65px; font-weight:600; line-height:70px;} .ktt_getStartedInner h1{float:none; width:100%; margin:0px auto 15px; font-size:15px; line-height:20px; color:#333333; text-align:left; clear:both;} .ktt_getStartedInnerBrief{float:none; width:100%; margin:0px auto 15px; font-size:15px; line-height:20px; color:#333333; text-align:left; clear:both;} .ktt_getStartedInner p{float:none; width:100%; margin:0 auto 40px; font-size:14px; line-height:20px; color:#323a45; text-align:left; clear:both;} .ktt_getStartedInner a{float:none; height:70px; line-height:70px; margin:0 auto 0 12%; width:54%; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both; position:absolute; bottom:20px; } .ktt_getStartedInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_getStartedBg2{background:#ffffff; padding:40px 0 40px 0; float:left; width:100%;} .ktt_getStartedBg2 .ktt_getStartedInner h2{float:none; width:100%; margin:0px auto 10px; font-size:20px; line-height:25px; font-weight:600; color:#333333; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner h3{float:none; width:100%; margin:0 auto 60px; font-size:25px; line-height:30px; color:#323a45; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner ul{float:left; width:98%; margin:0 1%;} .ktt_getStartedBg2 .ktt_getStartedInner ul li{float:left; width:44%; margin:0 3% 15px 3%; } .ktt_startCampaignPoints{width:150px; height:150px; -moz-border-radius:150px; -webkit-border-radius:150px; overflow:hidden; border-radius:150px; margin:0 auto 20px auto;} .ktt_startCampaignPointsInfo{float:left; width:100%; height:130px; font-size:16px; line-height:20px; color:#323a45; text-align:center;} .ktt_getStartedBg3{background:#000000 url(/images_old/get_started_bg2.jpg) center top no-repeat; padding:65px 0 65px 0; float:left; width:100%; position:relative;} .ktt_getStartedBg3 .ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 10px; font-size:30px; font-weight:600; line-height:normal; color:#ffffff; text-align:center; text-transform:uppercase; clear:both;} .ktt_getStartedBg3 .ktt_getStartedInner p{float:none; width:95%; margin:0px auto 40px; font-size:14px; line-height:20px; font-weight:normal; color:#b2b2b2; text-align:center; clear:both;} .ktt_getStarteMore{background:none; padding:2% 0; float:left; width:100%;} .ktt_getStarteMoreInner{width:98%; margin:15px auto 0px auto; text-align:center; font-size:30px; color:#ffffff;} .ktt_getStarteMoreInner a{background:url(/images_old/contact_arrow.png) right center no-repeat; padding-right:45px; color:#ffffff; display:inline-block;} .ktt_getStarteMoreCol{float:none; width:98%; margin:0 auto 5px auto; padding:0 1% 0 1%; display:inline-block;} .ktt_getStarteMoreCol p{float:left; width:100%; margin:0 0 15px 0; font-size:14px; color:#323a45;} .ktt_getStarteMoreCol a{float:none; height:70px; line-height:70px; margin:0 auto 30px auto; width:50%; padding:0 10%; display:block; background:#fbae83; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_getStarteMoreCol a:hover{ display:block; background:#f39967; color:#ffffff; text-transform:uppercase; } .ktt_borderCell{border-right:0px solid #dfdfdf;} /* ========================================================================== GLOBEL ERROR MESSAGE CSS START HERE ========================================================================== */ .myMap{display:none} .myMapSmallDevice{display:block; margin:15px 0 25px;} .ktt_globelErrorInner{width:100%; margin:0 auto;} /*SINGLE LINE ERROR MESSAGE*/ .ktt_globelError{display:block; background:#e84a5f url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:50px; z-index:999999; padding:0; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelSuccess{display:block; background:#00b1b0 url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:50px; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelErrorMessage h2{color:#ffffff; float: left; width:100%; font-size: 13px; font-weight: normal; text-align:center; margin-top: 4px;} /*SINGLE LINE ERROR MESSAGE*/ /* ========================================================================== NGO SEARCH CSS START ========================================================================== */ .ktt_ngoContentOuter{float:left; width:100%; margin-bottom:30px;} .ktt_ngoSearchOuter{float:left; width:100%; background:#ffffff; margin-bottom:30px;} .ktt_ngoSearchAlfaBet{float:left; width:100%; border-bottom:1px solid #f8f8f8; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchActive{background:url(/images_old/search_bg_blue.png) left top repeat-y!important;} .ktt_ngoSearchAlfaBet{float:left; width:100%; text-align:center; height:auto;} .ktt_ngoSearchAlfaBet h3{float:left; width:31%; font-size:11px; color:#323a45; text-align:center; line-height:40px;} .ktt_alphabets{float:left; width:69%; text-align:left; line-height:40px;} .ktt_alphabets a{margin:0 0.5px 0 0; width:auto; display:inline-block; color:#abaeb2; font-size:11px;} .ktt_alphabets a:hover, .ktt_alphabets a.active{color:#00b1b0;} .ktt_ngoSearchSelectAction{float:left; width:97.5%; padding:15px 0 15px 3%; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchSelectAction h3{float:left; width:26%; font-size:12px; color:#323a45; text-align:left; margin-bottom:0px; line-height:50px;} .ktt_ngoSearchSelectActionForm{float:left; width:100%;} .ktt_ngoSearchSelectActionFormRow{float:left; width:100%;} .ktt_ngoSearchSelectActionFormRow select{background: url("/images_old/input_bg.png") repeat scroll left top #ffffff; border: 1px solid #e4e4e4; border-radius: 5px; color: #666666; float: left; font-size: 13px; height: 50px; margin: 0 15px 10px 0; outline: medium none; padding: 10px 10% 10px 10px; transition: transform 0.2s ease-in-out 0s; width: 30%;} .ktt_ngoSearchResult{float:left; width:100%; min-height:300px;} .ktt_ngoSearchResult ul{float:left; width:100%; list-style:none;} .ktt_ngoSearchResult ul li{float:left; width:100%; list-style:none; border-bottom:1px solid #dfdfdf; padding-bottom:14px; margin-bottom:15px;} .ktt_ngoThumb{float:left; width:16%; margin:0 2% 0 0;} .ktt_ngoDescription{float:left; width:42%; margin:0 2% 0 0;} .ktt_ngoDescription h3{float:left; width:100%; font-size:12px; font-weight:600; color:#000; text-align:left; line-height:normal; margin-bottom:3px;} .ktt_ngoDescription p{float:left; width:100%; font-size:11px; font-weight:normal; color:#636363; text-align:left; line-height:normal; margin-bottom:0px;} .ktt_ngoDonationStatus{float:left; width:38%; margin:0 0% 0 0;} .ktt_ngoDonationStatus h3{float:left; width:100%; margin:0 0% 5px 0; font-size:11px; font-weight:600; color:#000;} .ktt_blue{background:#2196eb; border-radius:3px; color: #fff; display: block; font-size: 11px !important; font-weight: 600; line-height:40px; margin-bottom:0px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:0px; float:right; width:150px; /*padding:0 10%;*/} .ktt_blue:hover {background:#1e8fe1; border-radius: 3px; color: #fff; cursor: pointer;} .ktt_orange{background:#fbae83; border-radius:3px; color: #fff; display: block; font-size: 11px !important; font-weight: 600; line-height:40px; margin-bottom:0px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:0px; float:right; width:150px; /*padding:0 10%;*/} .ktt_orange:hover {background:#fb9a60; border-radius: 3px; color: #fff; cursor: pointer;} .ktt_uniqueFormInfo .tdContentOuter{float:left; width:100%; margin-bottom:5px;} .ktt_uniqueFormInfo .tdTitle {float:left; font-size: 14px; font-weight: 600; line-height: 20px; padding: 3px 0; width: 100%; color:#000;} .ktt_uniqueFormInfo .tdContent {float:left; font-size: 14px; font-weight: normal; line-height: 20px; padding: 3px 0; width: 100%; color:#000;} .ktt_uniqueFormInfo .tdContent span{padding-left:0;} /*F SHARE POPUP HTML CSS START HERE*/ .md-content > div {font-size: 1.15em; font-weight: 300; margin: 0; padding: 15px 0px 30px!important;} .md-modal { z-index: 99999!important; } .md-close_1{position:absolute; cursor: pointer; height: 20px; position: fixed; right: 3%; top: 2%; width: 20px; z-index: 99999; font-size: inherit;background-color: Transparent; background-repeat:no-repeat;border: none; overflow: hidden; outline:none;text-decoration: underline;} .md-overlay {z-index: 9999!important;} .ktt_f-share-wrapper { padding:1%; width:98%; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .ktt_f-share_welcome_image{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_title{float:left; width:100%; margin:3px 0% 8px 0%; display:inline-block; text-align: center; border-top:1px solid #f2f2f2; background:url(/images_old/d_arrow.png) top center no-repeat; padding-top: 15px;} .ktt_f-share_title h4{display:inline-block; text-align:center; padding:0 15px; font-size:13px; font-weight:600; color:#3c3c3c;} .ktt_f-share_content{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_content p{display:inline-block; text-align:center; padding:0 0 13px 0px !important; width:80%; font-size:11px; color:#3c3c3c;} .ktt_f-share_button{float:left; width:50%; margin:0px 0% 5px 25%; display:inline-block; text-align: center;} .ktt_f-share_button input[type="submit"], .ktt_f-share_button input[type="button"], .ktt_f-share_button a{width:126px!important; height:54px!important; border:0px!important; background:url(/images_old/f_share_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} .ktt_f-share_button input[type="submit"].controbuteNowBtn, .ktt_f-share_button input[type="button"].controbuteNowBtn, .ktt_f-share_button a.controbuteNowBtn{width:206px!important; height:54px!important; border:0px!important; background:url(/images_old/contribute_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:auto;} .ktt_thankyouInnerContainer{width:98%; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:65.3%; height:auto; background:url(/images_old/thankyou_header_image_bg.png) top left / cover no-repeat; margin-top: 48px; } .ktt_thankyouBannerImage{float:left; width:76.5%; height:auto; overflow:hidden; margin:10% auto 0 11%; position:relative;} .ktt_thankyouBannerImageOverlay{width:100%; height:100%; background:url(/images_old/your_contribution_bg.png) top left / cover no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:50%; margin:40px auto 0 auto;} .ktt_thankuContribute_icon{float:left; width:100%; text-align:center;} .ktt_thankuContriFigure{float:left; width:100%; font-size:16px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:35px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:block;} .fentasticSmallDevices{display:none;} .ktt_thankuFantastic{float:right; width:33%; margin-top:36px;} .ktt_thankuFantastic .imgOuter{float:left; width:80%; text-align:center; margin:0 0 10px 10%;} .ktt_thankuFantastic .imgOuterImage{float:left; width:20%!important; text-align:center; margin:0 0 0px 40%!important;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:20px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:11px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:5px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:12px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; width:60%; text-align:center; margin:0 20% 10px 20% ;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 30px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:18px; font-weight:600; color:#232323; margin:20px 0 10px;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:15px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:28%; margin:0 2.5% 10px 2.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:11px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:11px; color:#232323;} .ktt_thankyouContent .imgOuter{float:left; width:100%; text-align:center; margin:0;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:20px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:18px; color:#ffffff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:100%; margin: 0 0 0px 0%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{text-align:left; font-size:20px; font-weight:600; color:#000000; margin:32px 0 22px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:25px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 15px 20px 15px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width: 35.5% !important;} /*HOW IT WORKS CSS START HERE*/ .ktt_howItWorksOuterNew{width:100%; float:left;} .ktt_howItWorksInnerNew{width:96%; margin:0 auto;} .ktt_howItWorksInnerNewBanner{width:100%; float:left; background:#ffffff;} .ktt_howItWorksInnerNewBannerCont{width:98%; margin:0 auto;} .ktt_howItWorksInnerNewBannerCont h2{width:100%; float:left; font-size:50px; font-weight:600; line-height: 48px; color:#000; margin:30px 0 0px 0;} .ktt_howItWorksInnerNewBannerCont p{width:100%; float:left; font-size:18px; color:#000; margin-bottom:20px;} .ktt_howItWorksSteps{float:left; width:100%; margin-bottom:20px;} .ktt_howItWorksSteps .steps{float:left; width:100%;} .ktt_howItWorksSteps .stepsDevider{float:left; width:99%; height:1px; background:#324b6c; margin:15px .5% 15px;} .stepIcon{float:left; width:20%;} .stepDesc{float:left; width:80%;} .stepDesc h3{width:100%; float:left; font-size:18px; font-weight:600; line-height: normal; color:#324b6c; margin:px 0 10px 0;} .stepDesc p{width:100%; float:left; font-size:12px; line-height: normal; color:#324b6c; margin:0px 0 0px 0;} .ktt_howItWorksGetStarted{width:100%; float:left; background:#00bfb6 url(/images_old/how_it_works_gstarted_bg.png) top center / cover no-repeat; padding:10px 0;} .ktt_howItWorksInnerNew ul.hwGetstarted{float:left; width:100%; text-align:center; padding-left:0%;} .ktt_howItWorksInnerNew ul.hwGetstarted li{width:100%; display:inline-block; float:none; margin-right:0px; padding:0;} .ktt_howItWorksInnerNew ul.hwGetstarted li h3{width:100%;/* float:left;*/ font-size:17px; line-height: normal; color:#ffffff; text-align:center;} /*.ktt_howItWorksInnerNew ul.hwGetstarted li p.large{width:100%; font-size:25px; line-height: normal; color:#ffffff; text-align:right;}*/ .ktt_howItWorksInnerNew ul.hwGetstarted li p{width:100%; float:left; font-size:12px; line-height: normal; color:#ffffff; text-align:center;} .ktt_howItWorksInnerNew ul.hwGetstarted li a{float:none; height:40px; line-height:40px; padding:0 20px; text-transform:uppercase; font-size:13px; color:#00b1b0; background:#ffffff; border-radius:5px; display:inline-block; margin-top:5px;} .ktt_howItWorksWhyKetto{width:100%; float:left; background:#f3f3f3;} .ktt_howItWorksWhyKetto h2{width:100%; float:left; font-size:20px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItWorksWhyKetto .listColumn{float:left; width:100%; margin:0 0%;} .ktt_howItWorksWhyKetto .listColumn ul{float:left; width:100%; margin:0 0% 0px; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li{float:left; width:100%; margin:0 0% 5px; padding:0 0 10px 0; background:url(/images_old/dotted_line_1.png) bottom left repeat-x; font-size: 12px; color:#373737;} .ktt_howItWorksWhyKetto .listColumn ul li a{color:#373737; font-size: 12px; text-decoration: underline;} .ktt_howItWorksWhyKetto .listColumn ul li:last-child{background:url(/images_old/dotted_line_1.png) bottom left repeat-x;} .ktt_howItWorksWhyKetto .listColumn ul li.last{background:none;} .ktt_howItWorksWhyKetto .listColumn ul li .numbersOflist{float:left; width:13%; margin:0 0%; padding:0; font-size:40px; font-style:italic; color:#000000;} .ktt_howItWorksWhyKetto .listColumn ul li .listContent{float:left; width:87%; margin:10px 0 0; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li .lineheight{line-height:30px!important;} .ktt_howItBenifitsOfCrowdfunding{width:100%; float:left; background:#ffffff;} .ktt_howItBenifitsOfCrowdfunding h2{width:100%; float:left; font-size:20px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft{float:left; width:100%; margin:0 0%;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht{float:left; width:100%; margin:0 0%;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li{float:left; /*width:88%;*/ width:86%; margin:0 0% 10px; padding:0 0% 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat; line-height:18px; font-size: 12px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li{float:left; width:90%; margin:0 0% 15px; padding:0 0 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat;line-height:18px; font-size: 12px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft h3, .ktt_howItBenifitsOfCrowdfunding .listColumnRht h3{float:left; width:100%; padding:0 0 0 0%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:0px 0 25px 0;} .ktt_campaignDetailContentCol{float:left; width:97%; margin:10px 1.5%;} ._ktt_how_header_wrap{padding: 20px 0 !important;} /* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_newContactContainer{width:98%; margin:0 auto;} .ktt_newContactColleft{width:100%!important; float:left; margin:0 0% 10px;} .ktt_newContactColleft h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_newContactColleft p{color:#595959; font-size:12px; line-height:16px; margin-bottom:25px; width:98%; text-align:justify;} .ktt_newContactColleft textarea{margin-bottom:0px!important; width:86%;} .ktt_newContactColRight{width:100%!important; float:right!important; margin:0 0% 20px; padding:0!important;} .ktt_newContactColRight h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_contactAddressCol{width:44%; float:left; margin:15px 1.5%; padding-left:3%; font-size:12px; line-height:18px;} .ktt_contactAddressCol strong{font-weight:600!important; margin-bottom:5px!important; font-size:13px!important; padding-left:3%!important; width:97%;} .ktt_newContactContainer .ktt_uniqueFormRow{margin-bottom: 10px;} .pay_cardDuration{float:left; width:75%;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:51px!important;} .pay_cardCVC{float:left; width:22%;} #CampaignDetailsSidebar #rewardsSmallDevice .RewardsListing li p.reward_desc{font-size:12px; line-height:18px; color:#000000; margin-bottom:10px } #CampaignDetailsSidebar #rewardsSmallDevice .RewardsListing li p.reward_desc-detail{font-size:12px; line-height:18px; margin-bottom:10px } } @media all and (max-width:599px) and (min-width:481px){ /* ========================================================================== FOOTER CSS START HERE ========================================================================== */ .ktt_footerInfoWrapper { border-top: 1px solid #474e58; clear: both; color: #7f848b; float: left; font-size: 11.2px; height: auto; margin: 0 auto; padding-bottom:5px; width: 100%;} /*LATEST NEW FOOTER COLUMN*/ .ktt_footerColumn{float:left; width:24%!important; margin:10x 2% 5px 2%;} .ktt_footerColHeight{height:auto!important; margin-top:10px; margin-bottom:0px;} .ktt_footerColumn h2{float:left; width:100%; margin-bottom:5px; color:#ffffff; padding:0; font-size:13px!important; font-weight:600; text-transform:uppercase;} .ktt_footerColumn ul li{float: left; line-height: 14px!important; margin-bottom:3px!important;} .ktt_footerCopyrightsMob{margin:10px 0 5px 0!important;} ul#terms-conditions-outer {margin-bottom: 10px !important;text-align: center;} } /* ========================================================================== START CSS FOR RESOLUTION BELOW 599 AND 480 BEGINS ========================================================================== */ @media all and (max-width:599px) and (min-width:480px){ /* ========================================================================== TESTIMONIALS CONTENT CSS START HERE ========================================================================== */ .ktt_testimonialsWrapper { float: left; width: 98%; padding: 1%; background: none; position:relative;} .demo{height:190px;} .quovolve { margin: 20px 0; } .quovolve blockquote { margin: 0; float:left; background:url(/images_old/quot_mark.png) left 0px no-repeat; width:92%; padding:0 0 0 6%;} .quovolve blockquote p { margin:5px 0 10px 0; } .autourOuter{background:url(/images_old/author_outer_bg.png) left 0px no-repeat; float:left; width:100%; margin-top:0px; padding-top:20px;} .author_pic{float:left; width:46px; height:46px; margin-right:3%; border-radius:50px; overflow:hidden; border:0px solid #ccc;} .autourOuter h2{float:left; width:83%; margin:2.5% 0 0 0; padding:0 0 0 0; text-transform:uppercase; color:#33a1de; font-size:12px; } .autourOuter h3{float:left; width:83%; margin:0 0 0 0; padding:0 0 0 0; color:#000000; font-size:12px;} /* ========================================================================== STATASTIC CONTENT CSS START HERE ========================================================================== */ .ktt_statastic{background:url(/images_old/statastic_bg.png) top center no-repeat; float:left; width:100%; padding:35px 0 40px 0; margin-top:35px;} .ktt_statasticCol{float:left; width:98%; margin:0 1% 20px 1%; } .ktt_statasticCol h2{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:43px; font-weight:600; color:#00b1b0;} .ktt_statasticCol h3{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:16px; font-weight:500; color:#323a45;} .ktt_statasticColAmount{width:auto; padding:0 2%; margin:0 1% 20px 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColBackers{width:auto; padding:0 2%; margin:0 1% 20px 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColCampaing{width:auto; padding:0 2%; margin:0 1% 20px 1%; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticCol h2, .ktt_statasticColAmount h2, .ktt_statasticColBackers h2, .ktt_statasticColCampaing h2{ width:100%; height:auto; line-height:normal; text-align:center; font-size:20px; font-weight:600; color:#00b1b0;} /*When digit will incresed that time font size will- "font-size: 38px;"*/ .ktt_statasticCol h3, .ktt_statasticColAmount h3, .ktt_statasticColBackers h3, .ktt_statasticColCampaing h3{ width:100%; height:auto; line-height:normal; text-align:center; font-size:12px; font-weight:500; color:#323a45;} /* ========================================================================== FOOTER CSS START HERE ========================================================================== */ .ktt_footerInner { margin:0 auto; width:100%;} .ktt_footerInfoWrapper { margin:0 auto; width:100%; height:68px; color:#7f848b; border-top:1px solid #474e58; font-size:11.2px; clear:both;} .ktt_footerLinksInner { margin:0 auto; width:98%;} .ktt_footerInfoWrapper { border-top: 1px solid #474e58; clear: both; color: #7f848b; float: left; font-size: 11.2px; height: auto; margin: 0 auto; padding-bottom:5px; width: 100%;} .paymentInfoTitle { float: left;line-height: 32px; margin-top: 0; padding-right: 1%; text-align: right; width: 33.5%;} .paymentOptions { border-right: 0 solid #5d646c; clear: none; float: left; margin: 5px auto 0; padding-right: 1.5%; text-align: center; width: 50%;} .securedPaymentText { background: url("/images_old/lock_icon.png") no-repeat left center ; clear: both; float: left; line-height: 38px; margin: 0 auto; padding-left: 7%; width: 38%; border-right: 0px solid #5d646c;} .securePaumentOuter{background: url("/images_old/lock_icon.png") no-repeat scroll left center ; float: left; margin:10px 0 0 32%; padding:0 0 0 3em; width: 28.5%; border-right:0px solid #5d646c; text-align:center;} .securedText{text-align:left; width:72px; float:left; margin:12px 10px 0 0; display:inline-block; line-height:normal;} .sslIcon{text-align:left; width:48px; display:inline-block; line-height:normal; float:right; margin-right:0px;} .ktt_footerCopyrightsDesk { color: #7f848b; float: right; font-size: 11.2px; font-weight: 200; line-height: 48px; min-width: 16%; text-align: right; display:none;} .ktt_footerCopyrightsMob { color: #7f848b; float: right; font-size: 11.2px; font-weight: 200; line-height:30px; width: 100%; text-align: center; display:block; clear: none; margin-bottom:5px;} .ktt_footerSocialMedia{float:left; width:30%; margin-top:18px; display:none;} /*LATEST NEW FOOTER COLUMN*/ .ktt_footerColumn{float:left; width:46%; margin:10x 2% 5px 2%;} .ktt_footerColHeight{height:150px; margin-top:10px; margin-bottom:0px;} .ktt_footerColumn h2{float:left; width:100%; margin-bottom:5px; color:#ffffff; padding:0; font-size:16px; font-weight:600; text-transform:uppercase;} .ktt_mobHeading{display:none;} .ktt_socialMedia{display:block; width:100%!important; margin:0;} /* ========================================================================== FORM CSS START HERE ========================================================================== */ .ktt_uniqueFormWrapper ._kt_breadcrumb {background:none; padding:15px 0 15px 3%;} .ktt_uniqueFormWrapper{float:left; width:100%; background:#ffffff /*url(/images_old/form_bg_small_device.png) left top repeat-y*/;} .ktt_uniqueFormInfo{float:left; width:96%; padding:0 2% 40px 2%;} .ktt_uniqueFormInfo p, .ktt_uniqueFormInfo span{ float:left; color:#313131; font-size:12px; line-height:18px; padding:0 0 0 0%;} .ktt_uniqueFormInfo strong{color:#313131; font-size:12px; font-weight:600; line-height:normal; margin-bottom:15px; float:left; width:93%; padding:0 0 0 0%;} .ktt_uniqueFormInfo ul{float:left; width:100%; padding:0 0 0 0%;} .ktt_uniqueFormInfo ul li{float:left; width:92%; padding-left:25px; padding-top:5px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:12px; line-height:15px; margin-bottom:10px; color:#313131;} .ktt_uniqueFormContent{float:left; width:97%; padding:0 3.5% 0 1.5%; } .ktt_uniqueFormActualContentWrapper{float:left; width:100%; padding:0 0 20px 0%;} .ktt_uniqueFormInfo h2, .ktt_uniqueFormContent h2{float:left; width:100%; padding:0 0 0 0%; font-size:25px; color:#00b1b0; font-weight:600; text-transform:uppercase; margin-bottom:10px;} .ktt_uniqueFormformHeading{float:left; width:100%; margin-bottom:0px; position:relative;} .ktt_uniqueFormformHeading h3{line-height:48px; color:#00b1b0; float:left; font-size:15px; padding:0 0 0 0px;} .ktt_uniqueFormformHeadingNumner{float:left; width:35px; height:35px; position:absolute; left:-50px; background:#00b1b0/*url(/images_old/form_number_bg.png) center center no-repeat*/; line-height:35px; text-align:center; color:#ffffff; font-size:25px; font-weight:600; border:7px solid #ffffff; -moz-border-radius:75px; -webkit-border-radius:75px; border-radius:75px; display:none;} .phonePlus {background: none repeat scroll 0 0 #ffffff !important;border: 1px solid #e4e4e4; border-radius: 5px; float: left; margin-bottom: 5px; margin-top: 8px; outline: medium none; padding: 10px 0 10px 10px; width: 96%;} #StartCampaign .shorturl input[type="text"] {border: 1px solid #fff !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 0 10% 0 0px !important; width:71%; float:right;} #StartCampaign #editor .shorturl {border: 1px solid #e4e4e4; border-radius: 5px; float: left; margin-bottom: 5px; margin-top: 8px; outline: medium none; padding: 10px 0 10px 10px; width: 96%;} #StartCampaign #editor .shorturl input[type="text"] {border: medium none !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 1px 8% 0 0px !important; width:74.5%; float:right;} #StartCampaign #editor .createACampaignRow .comp_large { float: left; width: 85%;} #StartCampaign #editor .createACampaignRow #DateData input[type="text"] {width: 85% !important;} #StartCampaign #editor .uploadeImageOuter { width: 95%;} /*UNIQUE FIELD CSS START*/ .ktt_uniqueFormRow {float: left;width: 100%; margin-bottom:5px;} #CampaignStep1 .ktt_uniqueFormNote, .ktt_uniqueFormNote {float: left;width: 100%;} .ktt_uniqueFormRow label{display:block; font-size:12px; margin:5px 0; width:78%;} .ktt_uniqueFormRow input[type="text"], .ktt_uniqueFormRow input[type="password"], .ktt_uniqueFormRow input[type="file"]{float:left; width:86%; height:30px; line-height:30px; padding:10px 10% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0 ; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow input[type="text"]:focus, .ktt_uniqueFormRow input[type="password"]:focus, .ktt_uniqueFormRow input[type="file"]:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField {float: left;width: 100%; margin-bottom:10px;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode{float:left; width:30%; height:30px; line-height:30px; padding:10px 9% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 10px 5px 0!important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].prefixCountry{float:left; width:8%; height:30px; line-height:30px; padding:10px 0% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0px 5px 0!important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select{float:left; width:98.3%; height:50px; padding:10px 10% 10px 10px; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow textarea{float:left; width:66%; height:80px; background:#ffffff; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; padding:10px 10% 10px 10px; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666;} .ktt_uniqueFormRow textarea:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow input[type="radio"], .ktt_uniqueFormRow input[type="checkbox"]{margin:6px 10px 0 0; float:left; min-height:13px; width:20px;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 24%!important;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode:last-child[type="text"] {width: 11.5% !important; margin-right:0;} /*BUTTONS CSS START*/ #ktt_uniqueFormButtons input[type="button"], #ktt_uniqueFormButtons input[type="submit"], #ktt_uniqueFormButtons input[type="cancel"], #ktt_uniqueFormButtons a, #ktt_uniqueFormButtons1 input[type="button"], #ktt_uniqueFormButtons1 input[type="submit"], #ktt_uniqueFormButtons1 input[type="cancel"], #ktt_uniqueFormButtons1 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:18px!important; font-weight:500!important; color:#ffffff!important; padding:0 28px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #00a3a2!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s; margin-right: 2%; border-top:0px; border-right:0px; border-left:0px;} #ktt_uniqueFormButtons input[type="button"]:hover, #ktt_uniqueFormButtons input[type="submit"]:hover, #ktt_uniqueFormButtons input[type="cancel"]:hover, #ktt_uniqueFormButtons a:hover, #ktt_uniqueFormButtons1 input[type="button"]:hover, #ktt_uniqueFormButtons1 input[type="submit"]:hover, #ktt_uniqueFormButtons1 input[type="cancel"]:hover, #ktt_uniqueFormButtons1 a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_uniqueFormButtons input[type="button"]:foucs, #ktt_uniqueFormButtons input[type="submit"]:foucs, #ktt_uniqueFormButtons input[type="cancel"]:foucs, #ktt_uniqueFormButtons a:focus, #ktt_uniqueFormButtons1 input[type="button"]:foucs, #ktt_uniqueFormButtons1 input[type="submit"]:foucs, #ktt_uniqueFormButtons1 input[type="cancel"]:foucs, #ktt_uniqueFormButtons1 a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_uniqueFormButtons input[type="button"].disableFDonor, #ktt_uniqueFormButtons input[type="submit"].disableFDonor, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor, #ktt_uniqueFormButtons a.disableFDonor, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor, #ktt_uniqueFormButtons1 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:18px!important; font-weight:500!important; color:#bfbfbf!important; padding:0 28px!important; cursor:default!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #cdcdcd!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s;} #ktt_uniqueFormButtons input[type="button"].disableFDonor:hover, #ktt_uniqueFormButtons input[type="submit"].disableFDonor:hover, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor:hover, #ktt_uniqueFormButtons a.disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor:hover, #ktt_uniqueFormButtons1 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;} #ktt_uniqueFormButtons input[type="button"].disableFDonor:foucs, #ktt_uniqueFormButtons input[type="submit"].disableFDonor:foucs, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor:foucs, #ktt_uniqueFormButtons a.disableFDonor:focus, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor:foucs, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor:foucs, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor:foucs, #ktt_uniqueFormButtons1 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;} /* ========================================================================== START A CAMPAIGN PAGE CSS START ========================================================================== */ .stepsHeading{float:left; width:100%; height:38px; background:url(/images_old/step_heading_bg.png) left top repeat-x; margin-bottom:20px;} .stepsHeadingInner{float:left;/* width:90%;*/ width:50%; background:#00b1b0; padding:0 0 0 2%; border-radius:0 38px 38px 0;} .stepsHeadingInner h2{color:#ffffff; font-size:18px; font-weight:600; text-transform:capitalize; line-height:38px; margin:0; padding:0; text-align:left;} .createACampaignInner {background: none; padding:0 0; display: inline-block;} .mandatoryNote{float:left; width:100%; margin:15px 0;} .mandatoryNote span{color:#ff0000;} /* ========================================================================== CREATIVE PAGE CSS START ========================================================================== */ .addRowHeadinginner { float: left; margin-bottom: 10px; width: 46.8%; display:none;} .addRowHeadinginnerInside { float: left; margin-bottom:0px; width: 46.8%; display:block;} .addRowColumn{float:left; width:50%; margin-bottom:0px;} .addRowColumnAddButton{ bottom: 15px; height: 20px; margin-bottom: 0; position: absolute; right: 0px;} #questionary label.agreement {float: left; font-size: 13px; font-weight: 500 !important; line-height: inherit; margin-bottom: 15px;} /* ========================================================================== ADD / REMOVE BUTTONS ========================================================================== */ /*ADD*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important; } .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /*ADD NEW*/ .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_profile a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; top: 155px; right: 2px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px;top:136px; right: 2px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE NEW*/ .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; bottom: 28px; right: 8px; position: absolute;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /* ========================================================================== LIVE SUPPORT CSS START ========================================================================== */ .zopim{bottom:0px!important; display:none!important; } /* ========================================================================== HANDBOOK PAGE CSS START ========================================================================== */ .ktt_handBookWrapper{width:94%; margin:0 auto 30px auto; background:#ffffff;} .ktt_handBookContent{float:left; width:88%; padding:3% 6%; margin-bottom:30px;} .ktt_handBookContent .handbookTtitle{float:left; width:100%; font-size:28px; font-weight:500; color:#323a45;} .ktt_handBookWrapper .heading{float:left; width:100%; background:#00b1b0; width:88%; padding:6%; text-align:left; font-size:20px; font-weight:600; color:#ffffff; text-transform:uppercase;} .ktt_handBookContent h2{float:left; width:100%; font-size:18px; font-weight:600; margin:0 0 5px 0; color:#000;} .ktt_handBookContent p{float:left; width:100%; font-size:13px; font-weight:500; margin:0 0 10px 0; line-height:normal;} .ktt_handBookContent h3.headingMedium{float:left; width:100%; font-size:18px; margin-bottom:10px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingMedium a{float:left; width:100%; font-size:18px; margin-bottom:0px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingSmall{float:left; width:100%; font-size:15px; margin-bottom:10px; font-weight:600; color:#323a45; text-transform:uppercase;} .ktt_handBookContent ul.indexing{float:left; width:100%; margin:0 0 5px 0; padding:0;} .ktt_handBookContent ul.contentlist li{float:left; width:93%; padding-left:7%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .ktt_handBookContent ol.contentlist li{float:left; width:96%; padding-left:4%; margin-bottom:10px; font-size:13px; list-style:inside none decimal;} .ktt_handBookContent .blueHeading{font-size:14px; font-weight:500; color:#00b1b0; float:left; width:100%;} .ktt_handBookimages{float:left; width:100%; text-align:center;} .ktt_tablet_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_tablet_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:block;} .ktt_handBookimages img, .ktt_tablet_port img, .ktt_tablet_land img, .ktt_mobile_port img{max-width:100%;} .ktt_handBookContent .colLeft{width:100%; float:left;} .ktt_handBookContent .colRight{width:100%; float:right;} .ktt_handBookContent .colLeft ul.contentlist li, .ktt_handBookContent .colRight ul.contentlist li{float:left; width:94%; padding-left:6%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .backPage h1{color:#ffffff; font-size:37px; font-weight:600; padding:150px 10% 10% 10%;} .backtoTop{position:fixed; bottom:20px; right:30px; display:none;} /* ========================================================================== MUSIC LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_musicBg1{background:none/*#f8f8f8 url(/images_old/music_bg.png) right 100px no-repeat*/; padding:0 0 40px 0; float:left; width:100%;} .ktt_musicBg1 ._kt_breadcrumb, .ktt_moviefilmsBg1 ._kt_breadcrumb, .ktt_otherCreativeBg1 ._kt_breadcrumb{background:none;} .ktt_creativeInner{width:98%; margin:10px auto 30px auto;} .ktt_musicInnerWrapper{float:left; width:100%;} .ktt_musicInnerWrapperBig{float:left; width:100%;} .creatingHeading{float:none; width:100%; margin:0 auto 10px; font-size:30px; font-weight:600; line-height:normal; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both;} .creatingSmallHeading{font-size:30px; font-weight:600; line-height:32px; color:#333333; text-transform: uppercase; margin: 0 auto 10px;} .creatingHeading br{display:block;} .ktt_creativeInner h1{float:none; width:100%; margin:0 auto 0px; font-size:15px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInnerBriefText{float:none; width:100%; margin:0 auto 20px; font-size:15px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInner p{float:none; width:100%; margin:0 auto 40px; font-size:13px; line-height:normal; color:#323a45; text-align:left; clear:both;} .ktt_creativeInner a{float:none; height:70px; line-height:70px; margin:0 auto; width:56%; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_creativeInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_musicBg2{background:#ffffff/* url(/images_old/music_two.jpg) center top no-repeat; */;padding:30px 0; float:left; width:100%;} p.getStartedIntro{float:none; width:94%; margin:0 auto 20px; font-size:15px; line-height:20px; color:#323a45; text-align:center; font-style:normal; clear:both;} .contSeperator{background:url(/images_old/saperator_bg.png) center center repeat-x; width:60%; height:3px; clear:both; margin:0 auto 20px; } .ktt_musicContact{background:#fbae83; padding:2% 0; float:left; width:100%;} .ktt_musicContactInner{width:90%; margin:15px auto; text-align:center; font-size:18px; color:#ffffff;} .ktt_musicContactInner a{background:url(/images_old/contact_arrow1.png) right center no-repeat; padding-right:28px; color:#ffffff; display:inline-block;} /* ========================================================================== MOVIE AND FILMS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_moviefilmsBg1{background:none/*#f8f8f8 url(/images_old/film_bg.png) right 100px no-repeat*/; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== OTHER CREATIVE PROJECTS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_otherCreativeBg1{background:none/*#f8f8f8 url(/images_old/other_creative_bg.png) right 100px no-repeat*/; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== NGO's PAGE 16 DEC 2014 ========================================================================== */ .ktt_ngoBg{background:#f8f8f8 url(/images_old/for_ngos_bg.png) top center no-repeat; padding:0 0 70px 0; float:left; width:100%; height:190px;} .ktt_ngoBg h2{ color: #ffffff; font-family:Montserrat; font-size:22px; font-weight: 600; width:80%; margin:10px auto 10px; text-transform: inherit; text-transform:inherit; color:#ffffff;} .ktt_ngoBg h3{font-family: Montserrat;font-size:16px; font-weight: normal; margin:0px auto 0 auto; width:100%; line-height:normal; color:#ffffff;} .ktt_ngoInner{width:98%; margin:25px auto 25px auto;} .ktt_ngoInner h1{float:none; width:100%; margin:0 auto 10px; font-size:19px; font-weight:600; line-height:24px; color:#333333; text-align:left; text-transform:none; opacity:0.9; clear:both;} .ktt_ngoInner h2{float:none; width:100%; margin:0 auto 10px; font-size:15px; line-height:28px; color:#333333; text-align:left; clear:both;} .ktt_ngoInner p{float:none; width:100%; margin:0 auto 40px; font-size:18px; line-height:30px; color:#323a45; text-align:left; clear:both;} .custFontSize{font-size:10.5px;} .ktt_ngoInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:270px; padding:0 30px; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_ngoInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_ngosWrapper{float:left; width:100%;} .ktt_ngosWrapper ul{float:left; width:100%;} .ktt_ngosWrapper ul li{float:left; width:92%; padding-left:25px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:15px; line-height:20px; margin-bottom:5px;} .ktt_ngoBg2{background:#ffffff; padding:0 0 20px 0; height:440px; float:left; width:100%;} .ktt_ngoCcarouselInner{width:98%; margin:20px auto 20px auto; background:#ffffff;} .ktt_ngoCcarouselImage{width:43%; float:left; margin:0 2% 0 0; display:none;} .ktt_ngotCcarouselcontent{width:76%; float:none; margin:20px auto 20px auto; } .ktt_ngoCcarouselInner h2{float:left; width:100%; margin:0 auto 0px; font-size:18px; font-weight:600; line-height:22px; color:#333333; text-align:left; clear:both;} .ktt_ngoCcarouselInner p{float:left; width:100%; margin:0 auto 10px; font-size:11px; line-height:14px; color:#323a45; text-align:left; clear:both;} .ktt_ngotCcarouselcontent .pointeOuter{float:left; width:100%; margin:0px 0 0px 0;} .ktt_ngotCcarouselcontent .numberOuter{width:25px; height:25px; margin-right:2.5%; float:left; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; border:1px solid #00b1b0; text-align:center; vertical-align:middle; padding-top:0px; line-height:25px; color:#00b1b0; font-weight:600; font-size:13px;} .ktt_ngotCcarouselcontent .points{float:left; width:86%; margin-bottom:20px; font-size:11px; text-align:left; margin-top:0px;} .ktt_ngotCcarouselcontent .lineheightcarousel{line-height:30px;} /*CAROUSEL CSS START*/ #myNGOCarausel .sy-controls {display:block;} #myNGOCarausel .sy-controls li a:after {background-color:transparent; background-image: url("/images_old/ngo_carousel_arrow_small.png"); background-repeat: no-repeat; background-size: cover; border-radius:0; color: #111; content: ""; font-weight: 800; height: 80px; left:0%; line-height: 0em; margin-left: 0em; margin-top: 0em; position: absolute; text-align: center; text-indent: 0; top: 200px!important; width:39px; opacity:1;} #myNGOCarausel .sy-controls li.sy-next a:after {background-position: 100% 0;} #myNGOCarausel .sy-controls li.sy-prev {left: 0px; top: 0;} #myNGOCarausel .sy-controls li.sy-next {right: 0px; top: 0;} #myNGOCarausel .sy-controls li a:link, #myNGOCarausel .sy-controls li a:visited { opacity: 10;} #myNGOCarausel .sy-controls li { height: 100px; min-width:inherit; position: absolute; width: 49px; z-index: 33;} #myNGOCarausel .sy-pager { /*background:#f8f8f8;*/ bottom: -20px; padding:10px 0; display: none; list-style: none outside none; margin: 1em 0 0; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 50;} #myNGOCarausel .sy-pager li {border-radius: 1.5em; display: inline-block; height: 1.5em; margin:0 3px 0 3px; width: 1.5em; /*box-shadow: 0 1px 2px #333;*/} #myNGOCarausel .sy-pager li a {background:#e9e9e9; display: block; height: 100%; text-indent: -9999px; width: 100%; } #myNGOCarausel .sy-pager li.sy-active a { background-color: #00b1b0; opacity: 10;} #myNGOCarausel .sy-pager li a:hover, #myNGOCarausel .sy-pager li a:focus {opacity: 0.8;} #myNGOCarausel .sy-caption-wrap .sy-caption{display:none!important;} /* ========================================================================== GET STARTED PAGE 17 DEC 2014 ========================================================================== */ .ktt_getStartedBg1{background:#f8f8f8 url(/images_old/get_started_bg1.jpg) center top no-repeat; padding:20px 0 70px 0; float:left; width:100%; position:relative;} .ktt_getStartedInnerWrapper{float:left; width:61%; padding:0 3% 0 0;} .ktt_getStartedInnerImageWrapper{float:left; width:34%;} .ktt_getStartedInner{width:98%; margin:0px auto 0px auto;} /*.ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 0px; font-size:77px; font-weight:normal; line-height:80px; color:#333333; text-align:left; text-transform:inherit; opacity:0.9; clear:both;}*/ .ktt_getStartedInner h1{float:none; width:100%; margin:0px auto 0px; font-size:13px; font-weight:normal; line-height:20px; color:#000000; text-align:left; clear:both; text-transform:inherit;} .ktt_getStartedInner h1.smallSizeHeading{font-size:65px; font-weight:600; line-height:70px;} .ktt_getStartedInnerBrief{float:none; width:100%; margin:0px auto 15px; font-size:13px; line-height:20px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner p{float:none; width:100%; margin:0 auto 40px; font-size:12px; line-height:20px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner a{float:left; height:70px; line-height:70px; margin:0 auto 0 auto; width:210px; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both; position:inherit; bottom:20px; } .ktt_getStartedInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_getStartedBg2{background:#ffffff; padding:40px 0 40px 0; float:left; width:100%;} .ktt_getStartedBg2 .ktt_getStartedInner h2{float:none; width:100%; margin:0px auto 10px; font-size:20px; line-height:25px; font-weight:600; color:#333333; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner h3{float:none; width:100%; margin:0 auto 60px; font-size:25px; line-height:30px; color:#323a45; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner ul{float:left; width:98%; margin:0 1%;} .ktt_getStartedBg2 .ktt_getStartedInner ul li{float:left; width:44%; margin:0 3% 15px 3%; } .ktt_startCampaignPoints{width:150px; height:150px; -moz-border-radius:150px; -webkit-border-radius:150px; overflow:hidden; border-radius:150px; margin:0 auto 20px auto;} .ktt_startCampaignPointsInfo{float:left; width:100%; height:130px; font-size:16px; line-height:20px; color:#323a45; text-align:center;} .ktt_getStartedBg3{background:#000000 url(/images_old/get_started_bg2.jpg) center top no-repeat; padding:65px 0 65px 0; float:left; width:100%; position:relative;} .ktt_getStartedBg3 .ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 10px; font-size:30px; font-weight:600; line-height:normal; color:#ffffff; text-align:center; text-transform:uppercase; clear:both;} .ktt_getStartedBg3 .ktt_getStartedInner p{float:none; width:95%; margin:0px auto 40px; font-size:14px; line-height:20px; font-weight:normal; color:#b2b2b2; text-align:center; clear:both;} .ktt_getStarteMore{background:none; padding:2% 0; float:left; width:100%;} .ktt_getStarteMoreInner{width:98%; margin:15px auto 0px auto; text-align:center; font-size:30px; color:#ffffff;} .ktt_getStarteMoreInner a{background:url(/images_old/contact_arrow.png) right center no-repeat; padding-right:45px; color:#ffffff; display:inline-block;} .ktt_getStarteMoreCol{float:none; width:98%; margin:0 auto 5px auto; padding:0 1% 0 1%; display:inline-block;} .ktt_getStarteMoreCol p{float:left; width:100%; margin:0 0 15px 0; font-size:14px; color:#323a45;} .ktt_getStarteMoreCol a{float:none; height:70px; line-height:70px; margin:0 auto 30px auto; width:50%; padding:0 10%; display:block; background:#fbae83; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_getStarteMoreCol a:hover{ display:block; background:#f39967; color:#ffffff; text-transform:uppercase; } .ktt_borderCell{border-right:0px solid #dfdfdf;} /* ========================================================================== MEDIA RELEASE PAGE CSS START ========================================================================== */ .ktt_mediaReleasWrapper h2{ color: #313131; font-family:Montserrat; font-size:38px; font-weight: 600; margin-bottom: 0; text-align:left;} .ktt_mediaReleasWrapper h3{font-size:16px; line-height:22px; margin: 0 auto; width: 100%; text-align:left;} ul.ktt_mediaListing{float:left; width:100%; margin:20px 0 0 0; padding:0;} ul.ktt_mediaListing li{float:left; width:100%; margin:0 0 20px 0; padding:0 0 20px 0; list-style:none; border-bottom:1px solid #000000;} .ktt_mediaReleasDescription h3{font-size:15px; color:#000000; font-weight:600; margin: 0 auto 3px; width: 100%; text-align:left;} .ktt_mediaReleasDescription h4{font-size:10px; color:#8b8b8b; margin: 0 auto 10px; width: 100%; text-align:left;} .ktt_mediaReleasDescription p{font-size:12px; line-height:18px; color:#313131; margin: 0 auto; width: 100%; text-align:left; position: inherit; left:-10%;} /* ========================================================================== GLOBEL ERROR MESSAGE CSS START HERE ========================================================================== */ .myMap{display:none} .myMapSmallDevice{display:block; margin:15px 0 25px;} .ktt_globelErrorInner{width:100%; margin:0 auto;} /*SINGLE LINE ERROR MESSAGE*/ .ktt_globelError{display:block; background:#e84a5f url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding: 13px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelSuccess{display:block; background:#00b1b0 url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding: 13px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelErrorMessage h2{color:#ffffff; float: left; width:100%; font-size: 13px; font-weight: normal; text-align:center; margin-top: 4px;} /*SINGLE LINE ERROR MESSAGE*/ /* ========================================================================== NGO SEARCH CSS START ========================================================================== */ .ktt_ngoContentOuter{float:left; width:100%; margin-bottom:30px;} .ktt_ngoSearchOuter{float:left; width:100%; background:#ffffff; margin-bottom:30px;} .ktt_ngoSearchAlfaBet{float:left; width:100%; border-bottom:1px solid #f8f8f8; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchActive{background:url(/images_old/search_bg_blue.png) left top repeat-y!important;} .ktt_ngoSearchAlfaBet{float:left; width:100%; text-align:center; height:auto;} .ktt_ngoSearchAlfaBet h3{float:left; width:100%; font-size:12px; color:#323a45; text-align:center; line-height:normal; margin-bottom:10px;} .ktt_alphabets{float:left; width:98%; padding-left:2%; text-align:center; line-height:20px; padding-bottom:10px;} /*.ktt_alphabets a{margin:0 2.5px; width:2.5%; display:inline-block; color:#abaeb2; font-size:12px;} .ktt_alphabets a:hover, .ktt_alphabets a.active{color:#00b1b0;}*/ .ktt_alphabets a, .ktt_alphabets input[type="submit"]{margin:0 1.5px; width:auto; display:inline-block; color:#c4c4c4; font-size:12px; border:0; background:none!important;cursor:pointer; font-weight:normal; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} .ktt_alphabets a:hover, .ktt_alphabets input[type="submit"]:hover, .ktt_alphabets a.active, .ktt_alphabets input[type="submit"].active{color:#00b1b0;} .or_txt {float: left; font-size: 10px; line-height: 40px; padding: 0 5px ; width: auto;} .ktt_ngoSearchSelectAction{float:left; width:97%; padding:10px 0 10px 2%; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchSelectAction h3{float:left; width:100%; font-size:12px; color:#323a45; text-align:center; line-height:normal; margin-bottom:10px; line-height:normal;} .ktt_ngoSearchSelectActionForm{float:left; width:100%;} .ktt_ngoSearchSelectActionFormRow{float:left; width:100%;} .ktt_ngoSearchSelectActionFormRow select{background: url("/images_old/input_bg.png") repeat scroll left top #ffffff; border: 1px solid #e4e4e4; border-radius: 5px; color: #666666; float: left; font-size: 12px; height: 40px; margin: 0 5px 10px; outline: medium none; padding: 10px 10% 10px 10px; transition: transform 0.2s ease-in-out 0s; width:41%;} .ktt_ngoSearchResult{float:left; width:100%; min-height:300px;} .ktt_ngoSearchResult ul{float:left; width:100%; list-style:none;} .ktt_ngoSearchResult ul li{float:left; width:100%; list-style:none; border-bottom:1px solid #dfdfdf; padding-bottom:14px; margin-bottom:15px;} .ktt_ngoThumb{float:left; width:24%; height:75px; overflow:hidden; margin:0 4% 0 0;} .ktt_ngoDescription{float:left; width:71%; margin:0 0% 10px 0;} .ktt_ngoDescription h3{float:left; width:100%; font-size:14px; font-weight:600; color:#000; text-align:left; line-height:normal; margin-bottom:5px;} .ktt_ngoDescription p{float:left; width:100%; font-size:11px; font-weight:normal; color:#636363; text-align:left; line-height:normal; margin-bottom:0px;} .ktt_ngoDonationStatus{float:right; width:72%; margin:0 0% 5px 0; text-align:left;} .ktt_ngoDonationStatus h3{float:left; width:100%; text-align:left; margin:0 0% 5px 0; font-size:13px; font-weight:600; color:#000;} .ktt_blue{background:#2196eb; border-radius:3px; color: #fff; display:inline-block; font-size: 11px !important; font-weight: 600; line-height:30px; margin-bottom:5px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:5px; float:none; width:160px; /*padding:0 10%;*/} .ktt_blue:hover {background:#1e8fe1; border-radius: 3px; color: #fff; cursor: pointer;} .ktt_orange{background:#fbae83; border-radius:3px; color: #fff; display: inline-block; font-size: 11px !important; font-weight: 600; line-height:30px; margin-bottom:5px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:5px; float:none; width:160px; /*padding:0 10%;*/} .ktt_orange:hover {background:#fb9a60; border-radius: 3px; color: #fff; cursor: pointer;} /*NGO SUBMIT BUTTONS CSS START*/ #ktt_searchNgoSubmit input[type="button"], #ktt_searchNgoSubmit input[type="submit"], #ktt_searchNgoSubmit input[type="cancel"], #ktt_searchNgoSubmit a, #ktt_searchNgoSubmit1 input[type="button"], #ktt_searchNgoSubmit1 input[type="submit"], #ktt_searchNgoSubmit1 input[type="cancel"], #ktt_searchNgoSubmit1 a{ background-color:#00b1b0!important; background-image:url(/images_old/iPhoneButtonbg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:40px!important; height:40px!important; font-size:14px!important; font-weight:500!important; color:#ffffff!important; padding:0 30px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #00a3a2!important; font-family:"Montserrat", Arial!important; width:41% !important; transition: all 450ms ease-in-out 0s; margin-right: 0%; margin-left: 1.5%;border-top:0px; border-right:0px; border-left:0px; float:left;} #ktt_searchNgoSubmit input[type="button"]:hover, #ktt_searchNgoSubmit input[type="submit"]:hover, #ktt_searchNgoSubmit input[type="cancel"]:hover, #ktt_searchNgoSubmit a:hover, #ktt_searchNgoSubmit1 input[type="button"]:hover, #ktt_searchNgoSubmit1 input[type="submit"]:hover, #ktt_searchNgoSubmit1 input[type="cancel"]:hover, #ktt_searchNgoSubmit1 a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_searchNgoSubmit input[type="button"]:foucs, #ktt_searchNgoSubmit input[type="submit"]:foucs, #ktt_searchNgoSubmit input[type="cancel"]:foucs, #ktt_searchNgoSubmit a:focus, #ktt_searchNgoSubmit1 input[type="button"]:foucs, #ktt_searchNgoSubmit1 input[type="submit"]:foucs, #ktt_searchNgoSubmit1 input[type="cancel"]:foucs, #ktt_searchNgoSubmit1 a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} /* ========================================================================== CPNTRIBUTE NOW PAGES FEW CLASSES ========================================================================== */ .ktt_uniqueFormInfo .yourContibutionSummary {float: left; width:100%;} .ktt_uniqueFormInfo ._kt_reward_summ_wrapper .summ_details_wrapper { color: #646464; padding: 2% 0% 0; width:100%; margin-left:0%;} .ktt_uniqueFormInfo ._kt_donation_summ_wrapper {background:none; margin-bottom: 0; padding: 0;} .ktt_uniqueFormInfo .summ_details_wrapper .title p.titletext {color: #000000; font-size: 16px; font-weight: 600; text-transform: uppercase;} .ktt_uniqueFormInfo .tdContentOuter{float:left; width:100%; margin-bottom:0px;} .ktt_uniqueFormInfo .tdTitle {float:left; font-size: 14px; font-weight: 600; line-height: 20px; padding: 3px 0; width: 20%; color:#000;} .ktt_uniqueFormInfo .tdContent {float:left; font-size: 14px; font-weight: normal; line-height: 20px; padding: 3px 0; width: 79%; color:#000;} .ktt_uniqueFormInfo .tdContent span{padding-left:0;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer .tdContent h1 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 16px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} #ktt_spanContainer .tdContent h2 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 12px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} .ktt_titletext{float:left; width:94%; padding:10px 2% 3px 4%!important; margin:0px 0 0px 0!important;border-top: 0px solid #cccccc; line-height:normal!important;} .ktt_titletextLabel{float:left; margin: 0 0 10px; padding:15px 2% 3px 2%; width: 96%;} ._kt_form .footnote {color: #aaa; display: block; font-size: 10px; font-style: italic; line-height: normal; margin-bottom: 13px !important;} #ktt_spanContainer input[type="text"].currency{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currency:focus{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} #ktt_spanContainer input[type="text"].currencyDollar{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currencyDollar:focus{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 8% !important; width:82%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} /*F SHARE POPUP HTML CSS START HERE*/ .md-content > div {font-size: 1.15em; font-weight: 300; margin: 0; padding: 15px 0px 30px!important;} .md-modal { z-index: 99999!important; } .md-close_1{position:absolute; cursor: pointer; height: 20px; position: fixed; right: 3%; top: 2%; width: 20px; z-index: 99999; font-size: inherit;background-color: Transparent; background-repeat:no-repeat;border: none; overflow: hidden; outline:none;text-decoration: underline;} .md-overlay {z-index: 9999!important;} .ktt_f-share-wrapper { padding:1%; width:98%; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .ktt_f-share_welcome_image{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_title{float:left; width:90%; margin:0px 0 8px 5%; display:inline-block; text-align: center; border-top:1px solid #f2f2f2; background:url(/images_old/d_arrow.png) top center no-repeat; padding-top: 6px;} .ktt_f-share_title h4{display:inline-block; text-align:center; padding:0 15px; font-size:13px; font-weight:600; color:#3c3c3c;} .ktt_f-share_content{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_content p{display:inline-block; text-align:center; padding:0 0 7px 0px !important; width:80%; font-size:11px; color:#3c3c3c;} .ktt_f-share_button{float:left; width:50%; margin:0px 0% 5px 25%; display:inline-block; text-align: center;} .ktt_f-share_button input[type="submit"], .ktt_f-share_button input[type="button"], .ktt_f-share_button a{width:126px!important; height:54px!important; border:0px!important; background:url(/images_old/f_share_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} .ktt_f-share_button input[type="submit"].controbuteNowBtn, .ktt_f-share_button input[type="button"].controbuteNowBtn, .ktt_f-share_button a.controbuteNowBtn{width:206px!important; height:54px!important; border:0px!important; background:url(/images_old/contribute_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:auto;} .ktt_thankyouInnerContainer{width:98%; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:65.3%; height:auto; background:url(/images_old/thankyou_header_image_bg.png) top left / cover no-repeat; margin-top: 48px; } .ktt_thankyouBannerImage{float:left; width:76.5%; height:auto; overflow:hidden; margin:10% auto 0 11%; position:relative;} .ktt_thankyouBannerImageOverlay{width:100%; height:100%; background:url(/images_old/your_contribution_bg.png) top left / cover no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:50%; margin:40px auto 0 auto;} .ktt_thankuContribute_icon{float:left; width:100%; text-align:center;} .ktt_thankuContriFigure{float:left; width:100%; font-size:16px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:35px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:block;} .fentasticSmallDevices{display:none;} .ktt_thankuFantastic{float:right; width:33%; margin-top:36px;} .ktt_thankuFantastic .imgOuter{float:left; width:80%; text-align:center; margin:0 0 10px 10%;} .ktt_thankuFantastic .imgOuterImage{float:left; width:20%!important; text-align:center; margin:0 0 0px 40%!important;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:20px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:11px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:5px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:12px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; width:60%; text-align:center; margin:0 20% 10px 20% ;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 30px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:18px; font-weight:600; color:#232323; margin:20px 0 10px;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:15px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:28%; margin:0 2.5% 10px 2.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:11px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:11px; color:#232323;} .ktt_thankyouContent .imgOuter{float:left; width:100%; text-align:center; margin:0;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:20px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:18px; color:#ffffff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:100%; margin: 0 0 0px 0%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{text-align:left; font-size:20px; font-weight:600; color:#000000; margin:32px 0 22px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:25px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 15px 20px 15px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width: 35.5% !important;} /*HOW IT WORKS CSS START HERE*/ .ktt_howItWorksOuterNew{width:100%; float:left;} .ktt_howItWorksInnerNew{width:96%; margin:0 auto;} .ktt_howItWorksInnerNewBanner{width:100%; float:left; background:#ffffff;} .ktt_howItWorksInnerNewBannerCont{width:98%; margin:0 auto;} .ktt_howItWorksInnerNewBannerCont h2{width:100%; float:left; font-size:50px; font-weight:600; line-height: 48px; color:#000; margin:30px 0 0px 0;} .ktt_howItWorksInnerNewBannerCont p{width:100%; float:left; font-size:18px; color:#000; margin-bottom:20px;} .ktt_howItWorksSteps{float:left; width:100%; margin-bottom:20px;} .ktt_howItWorksSteps .steps{float:left; width:100%;} .ktt_howItWorksSteps .stepsDevider{float:left; width:99%; height:1px; background:#324b6c; margin:15px .5% 15px;} .stepIcon{float:left; width:14%;} .stepDesc{float:left; width:84%;} .stepDesc h3{width:100%; float:left; font-size:18px; font-weight:600; line-height: normal; color:#324b6c; margin:px 0 10px 0;} .stepDesc p{width:100%; float:left; font-size:12px; line-height: normal; color:#324b6c; margin:0px 0 0px 0;} .ktt_howItWorksGetStarted{width:100%; float:left; background:#00bfb6 url(/images_old/how_it_works_gstarted_bg.png) top center / cover no-repeat; padding:10px 0;} .ktt_howItWorksInnerNew ul.hwGetstarted{float:left; width:100%; text-align:center; padding-left:0%;} .ktt_howItWorksInnerNew ul.hwGetstarted li{width:100%; display:inline-block; float:none; margin-right:0px; padding:0;} .ktt_howItWorksInnerNew ul.hwGetstarted li h3{width:100%;/* float:left;*/ font-size:17px; line-height: normal; color:#ffffff; text-align:center;} /*.ktt_howItWorksInnerNew ul.hwGetstarted li p.large{width:100%; font-size:25px; line-height: normal; color:#ffffff; text-align:right;}*/ .ktt_howItWorksInnerNew ul.hwGetstarted li p{width:100%; float:left; font-size:12px; line-height: normal; color:#ffffff; text-align:center;} .ktt_howItWorksInnerNew ul.hwGetstarted li a{float:none; height:40px; line-height:40px; padding:0 20px; text-transform:uppercase; font-size:13px; color:#00b1b0; background:#ffffff; border-radius:5px; display:inline-block; margin-top:5px;} .ktt_howItWorksWhyKetto{width:100%; float:left; background:#f3f3f3;} .ktt_howItWorksWhyKetto h2{width:100%; float:left; font-size:20px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItWorksWhyKetto .listColumn{float:left; width:100%; margin:0 0%;} .ktt_howItWorksWhyKetto .listColumn ul{float:left; width:100%; margin:0 0% 0px; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li{float:left; width:100%; margin:0 0% 5px; padding:0 0 10px 0; background:url(/images_old/dotted_line_1.png) bottom left repeat-x; font-size: 12px; color:#373737; min-height: 60px;} .ktt_howItWorksWhyKetto .listColumn ul li a{color:#373737; font-size: 12px; text-decoration: underline;} .ktt_howItWorksWhyKetto .listColumn ul li:last-child{background:url(/images_old/dotted_line_1.png) bottom left repeat-x;} .ktt_howItWorksWhyKetto .listColumn ul li.last{background:none;} .ktt_howItWorksWhyKetto .listColumn ul li .numbersOflist{float:left; width:13%; margin:0 0%; padding:0; font-size:40px; font-style:italic; color:#000000;} .ktt_howItWorksWhyKetto .listColumn ul li .listContent{float:left; width:87%; margin:10px 0 0; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li .lineheight{line-height:30px!important;} .ktt_howItBenifitsOfCrowdfunding{width:100%; float:left; background:#ffffff;} .ktt_howItBenifitsOfCrowdfunding h2{width:100%; float:left; font-size:20px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft{float:left; width:100%; margin:0 0%;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht{float:left; width:100%; margin:0 0%;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li{float:left; /*width:88%;*/ width:86%; margin:0 0% 10px; padding:0 0% 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat; line-height:18px; font-size: 12px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li{float:left; width:90%; margin:0 0% 15px; padding:0 0 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat;line-height:18px; font-size: 12px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft h3, .ktt_howItBenifitsOfCrowdfunding .listColumnRht h3{float:left; width:100%; padding:0 0 0 0%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:0px 0 25px 0;} .ktt_campaignDetailContentCol{float:left; width:97%; margin:10px 1.5%;} /* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_newContactContainer{width:98%; margin:0 auto;} .ktt_newContactColleft{width:100%!important; float:left; margin:0 0% 10px;} .ktt_newContactColleft h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_newContactColleft p{color:#595959; font-size:12px; line-height:16px; margin-bottom:25px; width:98%; text-align:justify;} .ktt_newContactColleft textarea{margin-bottom:0px!important; width:86%;} .ktt_newContactColRight{width:100%!important; float:right!important; margin:0 0% 20px; padding:0!important;} .ktt_newContactColRight h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_contactAddressCol{width:44%; float:left; margin:15px 1.5%; padding-left:3%; font-size:12px; line-height:18px;} .ktt_contactAddressCol strong{font-weight:600!important; margin-bottom:5px!important; font-size:13px!important; padding-left:3%!important; width:97%;} .ktt_newContactContainer .ktt_uniqueFormRow{margin-bottom: 10px;} .pay_cardDuration{float:left; width:75%;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:51px!important;} .pay_cardCVC{float:left; width:22%;} } @media all and (width:480px){ /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:auto;} .ktt_thankyouInnerContainer{width:98%; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:100%; height:auto; background:url(/images_old/thankyou_header_image_bg.png) top left / cover no-repeat; margin-top: 15px; } .ktt_thankyouBannerImage{float:none; height: 165px; margin: 40px auto 0; overflow: hidden; position: relative; width: 80%;} .ktt_thankyouBannerImageOverlay{width:100%; height:165px; background:url(/images_old/your_contribution_bg.png) top left / cover no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:50%; margin:32px auto 0 auto;} .ktt_thankuContribute_icon{float: none; margin: 0 auto; text-align: center; width: 30%;} .ktt_thankuContriFigure{float:left; width:100%; font-size:15px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:30px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:none;} .fentasticSmallDevices{display:block;} .ktt_thankuFantastic{float:right; width:100%; margin-top:20px;} .ktt_thankuFantastic .imgOuter{float:left; width:80%; margin: 0 0 0px 10%; text-align:center; margin-bottom:10px;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:28px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:12px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:15px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:14px; font-weight:600; color:#ffffff; margin:0px 0 13px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; /*width:44%;*/ width:94%; text-align:center; margin:0 3% 10px;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 20px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:15px; font-weight:600; color:#232323; margin:30px 0 10px 0;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:13px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:97%; margin:0 1.5% 10px 1.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:13px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:12px; color:#232323; margin-bottom:15px;} .ktt_thankyouContent .imgOuter{float:left; width:80%; margin: 0 0 30px 10%; text-align:center;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:20px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:16px; color:#ffffff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:80%; margin: 0 0 0px 10%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{ padding: 0 0 0 3%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:22px 0 12px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:35px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 14px 15px 14px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width:32%!important;} .goodvilleBanner{float:left; width:100%; background:url(/images_old/goodville_bg.png) top center no-repeat; padding:20px 0; margin-top:-1px;} .ktt_thankyouInnerContainer h2.goodvilleHead{color:#ffffff; font-size:15px; text-align:center; margin-bottom:5px;} .goodvilleImgOuter{float:left; width:85%; margin: 0 0 0 7.5%; text-align:center;} .goodvilleImgBtnOuter{float:left; width:54%; margin: 0 0 0 23%; text-align:center;} .ktt_thankyouInnerContainer p a{color:#ffffff; font-size:12px; text-align:center; text-decoration:underline; float:left; width:100%;} .ktt_gudvilleButton{width:164px; height:40px; border:0px; background:url(/images_old/goodville_btn.png) center center / contain no-repeat; display:inline-block; float:none; text-indent:-999999px; cursor:pointer; margin-bottom:5px; } .ktt_campaignDetailContentCol{float:left; width:97%; margin:10px 1.5%;} /* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_newContactContainer{width:98%; margin:0 auto;} .ktt_newContactColleft{width:100%!important; float:left; margin:0 0% 10px;} .ktt_newContactColleft h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_newContactColleft p{color:#595959; font-size:12px; line-height:16px; margin-bottom:25px; width:98%; text-align:justify;} .ktt_newContactColleft textarea{margin-bottom:0px!important; width:86%;} .ktt_newContactColRight{width:100%!important; float:right!important; margin:0 0% 20px; padding:0!important;} .ktt_newContactColRight h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_contactAddressCol{width:44%; float:left; margin:15px 1.5%; padding-left:3%; font-size:12px; line-height:18px;} .ktt_contactAddressCol strong{font-weight:600!important; margin-bottom:5px!important; font-size:13px!important; padding-left:3%!important; width:97%;} .ktt_newContactContainer .ktt_uniqueFormRow{margin-bottom: 10px;} .pay_cardDuration{float:left; width:75%;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:51px!important;} .pay_cardCVC{float:left; width:22%;} } /* ========================================================================== START CSS FOR RESOLUTION BELOW 480 BEGINS ========================================================================== */ @media all and (max-width:479px){ /* ========================================================================== TESTIMONIALS CONTENT CSS START HERE ========================================================================== */ .ktt_testimonialsWrapper { float: left; width: 98%; padding: 1%; background: none; position:relative;} .demo{height:190px;} .quovolve { margin: 20px 0; } .quovolve blockquote { margin: 0; float:left; background:url(/images_old/quot_mark.png) left 0px no-repeat; width:92%; padding:0 0 0 8%;} .quovolve blockquote p { margin:5px 0 10px 0; } .autourOuter{background:url(/images_old/author_outer_bg.png) left 0px no-repeat; float:left; width:100%; margin-top:0px; padding-top:20px;} .author_pic{float:left; width:46px; height:46px; margin-right:4%; border-radius:50px; overflow:hidden; border:0px solid #ccc;} .autourOuter h2{float:left; width:76%; margin:3.5% 0 0 0; padding:0 0 0 0; text-transform:uppercase; color:#33a1de; font-size:12px; } .autourOuter h3{float:left; width:76%; margin:0 0 0 0; padding:0 0 0 0; color:#000000; font-size:12px;} /* ========================================================================== STATASTIC CONTENT CSS START HERE ========================================================================== */ .ktt_statastic{background:url(/images_old/statastic_bg.png) top center no-repeat; float:left; width:100%; padding:35px 0 40px 0; margin-top:35px;} .ktt_statasticCol{float:left; width:98%; margin:0 1% 20px 1%; } .ktt_statasticCol h2{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:43px; font-weight:600; color:#00b1b0;} .ktt_statasticCol h3{float:left; width:100%; height:auto; line-height:normal; text-align:center; font-size:16px; font-weight:500; color:#323a45;} .ktt_statasticColAmount{width:87%; padding:0 4%; margin:0 1% 20px 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColBackers{width:87%; padding:0 4%; margin:0 1% 20px 1% ; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticColCampaing{width:87%; padding:0 4%; margin:0 1% 20px 1%; display:inline-block;}/*When digit will incresed that time padding will- "padding:0 3%;"*/ .ktt_statasticCol h2, .ktt_statasticColAmount h2, .ktt_statasticColBackers h2, .ktt_statasticColCampaing h2{ width:100%; height:auto; line-height:normal; text-align:center; font-size:38px; font-weight:600; color:#00b1b0;} /*When digit will incresed that time font size will- "font-size: 38px;"*/ /* ========================================================================== FOOTER CSS START HERE ========================================================================== */ .ktt_footerInner { margin:0 auto; width:100%;} .ktt_footerInfoWrapper { margin:0 auto; width:100%; height:68px; color:#7f848b; border-top:1px solid #474e58; font-size:11.2px; clear:both;} .ktt_footerLinksInner { margin:0 auto; width:98%;} .ktt_footerHeadings { float:left; height:auto; line-height:normal; margin-right:1%; text-align:left; width:100%;} .ktt_footerInfoWrapper { border-top: 1px solid #474e58; clear: both; color: #7f848b; float: left; font-size: 11.2px; height: auto; margin: 0 auto; padding-bottom:5px; width: 100%;} .paymentInfoTitle { float: left; line-height: 32px; margin-top: 0px; text-align: center; width: 98.5%;} .paymentOptions { border-right: 0 solid #5d646c; clear: both; float: none; margin: 0 auto; padding-right: 1.5%; width: 88%; text-align:center;} .securedPaymentText { background: url("/images_old/lock_icon.png") no-repeat left center ; clear: both; float: none; line-height: 38px; margin: 0 auto; padding: 0 0em 0 10%; width: 41%; border-right: 0px solid #5d646c; } .securePaumentOuter{background: url("/images_old/lock_icon.png") no-repeat scroll left center ; float: left; margin:10px 0 0 23%; padding:0 0 0 3em; width: 42.5%; border-right:0px solid #5d646c; text-align:center;} .securedText{text-align:left; width:72px; float:left; margin:12px 10px 0 0; display:inline-block; line-height:normal;} .sslIcon{text-align:left; width:48px; display:inline-block; line-height:normal; float:right; margin-right:0px;} .ktt_footerCopyrightsDesk { color: #7f848b; float: right; font-size: 11.2px; font-weight: 200; line-height: 48px; min-width: 16%; text-align: right; display:none;} .ktt_footerCopyrightsMob { color: #7f848b; float: right; font-size: 11.2px; font-weight: 200; line-height: 25px; min-width: 100%; text-align: center; display:block;} .ktt_footerSocialMedia{float:left; width:30%; margin-top:18px; display:none;} .ktt_socialMedia{display:block; width:96%!important; margin-left:2%;} ul#terms-conditions-outer{text-align:center;} ul#terms-conditions-outer li { float:none; width:auto; line-height:normal; margin:5px 0px 10px 0; padding:0 5px 0 ; display:inline-block; text-align:center;} ul#terms-conditions-outer li a { color:#999da2; font-size:11px; font-weight:200; text-align:center; text-decoration:none; border-right:0px solid #7f848b; padding:0 5px; transition: all 450ms ease-in-out 0s;} /*LATEST NEW FOOTER COLUMN*/ .ktt_footerColumn{float:left; width:46%; margin:10px 2% 5px 2%;} .ktt_footerColHeight{height:140px; margin-top:10px; margin-bottom:5px;} .ktt_footerColumn h2{float:left; width:100%; margin-bottom:5px; color:#ffffff; padding:0; font-size:14px; font-weight:600; text-transform:uppercase;} .ktt_mobHeading{display:none;} /* ========================================================================== FORM CSS START HERE ========================================================================== */ .ktt_uniqueFormWrapper ._kt_breadcrumb {background:none; padding:15px 0 15px 2%;} .ktt_uniqueFormWrapper{float:left; width:100%; background:#ffffff /*url(/images_old/form_bg_small_device.png) left top repeat-y*/;} .ktt_uniqueFormInfo{float:left; width:96%; padding:0 2% 25px 2%;} .ktt_uniqueFormInfo p, .ktt_uniqueFormInfo span{ float:left; color:#313131; font-size:11px; line-height:18px; padding:0 0 0 0%;} .ktt_uniqueFormInfo strong{color:#313131; font-size:11px; font-weight:600; line-height:normal; margin-bottom:15px; float:left; width:90%; padding:0 0 0 10%;} .ktt_uniqueFormInfo ul{float:left; width:90%; padding:0 0 0 10%;} .ktt_uniqueFormInfo ul li{float:left; width:92%; padding-left:25px; padding-top:5px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:11px; line-height:15px; margin-bottom:10px; color:#313131;} .ktt_uniqueFormContent{float:left; width:93%; padding:0 3.5% 0 3.5%; } .ktt_uniqueFormActualContentWrapper{float:left; width:100%; padding:0 0 20px 0%;} .ktt_uniqueFormInfo h2, .ktt_uniqueFormContent h2{float:left; width:100%; padding:0 0 0 0%; font-size:20px; color:#00b1b0; font-weight:600; text-transform:uppercase; margin-bottom:10px;} .ktt_uniqueFormformHeading{float:left; width:100%; margin-bottom:0px; position:relative;} .ktt_uniqueFormformHeading h3{line-height:48px; color:#00b1b0; float:left; font-size:15px; padding:0 0 0 0px;} .ktt_uniqueFormformHeadingNumner{float:left; width:35px; height:35px; position:absolute; left:-40px; background:#00b1b0/*url(/images_old/form_number_bg.png) center center no-repeat*/; line-height:35px; text-align:center; color:#ffffff; font-size:25px; font-weight:600; border:7px solid #ffffff; -moz-border-radius:75px; -webkit-border-radius:75px; border-radius:75px; display:none;} /*UNIQUE FIELD CSS START*/ .ktt_uniqueFormRow {float: left;width: 100%; margin-bottom:20px;} #CampaignStep1 .ktt_uniqueFormNote, .ktt_uniqueFormNote {float: left;width: 100%;} .ktt_uniqueFormRow label{display:block; font-size:12px; margin:5px 0; width:78%;} .ktt_uniqueFormRow input[type="text"], .ktt_uniqueFormRow input[type="password"], .ktt_uniqueFormRow input[type="file"]{float:left; width:82%; height:30px; line-height:30px; padding:7px 14% 7px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0 ; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow input[type="text"]:focus, .ktt_uniqueFormRow input[type="password"]:focus, .ktt_uniqueFormRow input[type="file"]:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField {float: left;width: 100%; margin-bottom:10px;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode{float:left; width:21.5%; height:30px; line-height:30px; padding:10px 14% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 8px 5px 0!important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].prefixCountry{float:left; width:10%; height:30px; line-height:30px; padding:10px 0% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0px 5px 0!important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select{float:left; width:98.3%; height:50px; padding:10px 10% 10px 10px; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRow select:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow textarea{float:left; width:66%; height:80px; background:#ffffff; border:1px solid #e4e4e4; border-radius:5px; margin:0 0 5px 0; outline:medium none; padding:10px 10% 10px 10px; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666;} .ktt_uniqueFormRow textarea:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRow input[type="radio"], .ktt_uniqueFormRow input[type="checkbox"]{margin:6px 10px 0 0; float:left; min-height:13px; width:20px;} .shorturl {border: 1px solid #e4e4e4; border-radius: 5px; float: left; margin-bottom: 5px; margin-top: 0px; outline: medium none; padding: 10px 0 10px 10px; width: 96%;} #StartCampaign .shorturl input[type="text"] {border:1px solid #fff !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 0 10% 0 0px !important; width: 62.5%; float:right;} #fmd_media_path_1 { border: 1px solid #e4e4e4; border-radius: 5px; color: #666; font-size: 14px; height: 27px !important; padding: 13px 10% 10px 10px; resize: none; transition: transform 0.2s ease-in-out 0s; width: 86% !important;} #StartCampaign #editor .shorturl {border: 1px solid #e4e4e4; border-radius: 5px; float: left; margin-bottom: 5px; margin-top: 8px; outline: medium none; padding: 10px 0 10px 10px; width: 96%;} #StartCampaign #editor .shorturl input[type="text"] {border: medium none !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 1px 8% 0 0px !important; width:67%; float:right;} #StartCampaign #editor .createACampaignRow .comp_large { float: left; width: 85%;} #StartCampaign #editor .createACampaignRow #DateData input[type="text"] {width: 85% !important;} #StartCampaign #editor .uploadeImageOuter { width: 95%;} .uploadeImageOuter { width: 94%;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 83.5%!important; margin-bottom:20px!important;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"]:last-child {width: 83.5%!important; margin-bottom:20px!important;} /*BUTTONS CSS START*/ #ktt_uniqueFormButtons input[type="button"], #ktt_uniqueFormButtons input[type="submit"], #ktt_uniqueFormButtons input[type="cancel"], #ktt_uniqueFormButtons a, #ktt_uniqueFormButtons1 input[type="button"], #ktt_uniqueFormButtons1 input[type="submit"], #ktt_uniqueFormButtons1 input[type="cancel"], #ktt_uniqueFormButtons1 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:18px!important; font-weight:500!important; color:#ffffff!important; padding:0 26px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #00a3a2!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s; margin-right: 2%; border-top:0px; border-right:0px; border-left:0px;} #ktt_uniqueFormButtons input[type="button"]:hover, #ktt_uniqueFormButtons input[type="submit"]:hover, #ktt_uniqueFormButtons input[type="cancel"]:hover, #ktt_uniqueFormButtons a:hover, #ktt_uniqueFormButtons1 input[type="button"]:hover, #ktt_uniqueFormButtons1 input[type="submit"]:hover, #ktt_uniqueFormButtons1 input[type="cancel"]:hover, #ktt_uniqueFormButtons1 a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_uniqueFormButtons input[type="button"]:foucs, #ktt_uniqueFormButtons input[type="submit"]:foucs, #ktt_uniqueFormButtons input[type="cancel"]:foucs, #ktt_uniqueFormButtons a:focus, #ktt_uniqueFormButtons1 input[type="button"]:foucs, #ktt_uniqueFormButtons1 input[type="submit"]:foucs, #ktt_uniqueFormButtons1 input[type="cancel"]:foucs, #ktt_uniqueFormButtons1 a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_uniqueFormButtons input[type="button"].disableFDonor, #ktt_uniqueFormButtons input[type="submit"].disableFDonor, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor, #ktt_uniqueFormButtons a.disableFDonor, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor, #ktt_uniqueFormButtons1 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:18px!important; font-weight:500!important; color:#bfbfbf!important; padding:0 26px!important; cursor:default!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #cdcdcd!important; font-family:"Montserrat", Arial!important; width:auto!important; transition: all 450ms ease-in-out 0s;} #ktt_uniqueFormButtons input[type="button"].disableFDonor:hover, #ktt_uniqueFormButtons input[type="submit"].disableFDonor:hover, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor:hover, #ktt_uniqueFormButtons a.disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor:hover, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor:hover, #ktt_uniqueFormButtons1 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;} #ktt_uniqueFormButtons input[type="button"].disableFDonor:foucs, #ktt_uniqueFormButtons input[type="submit"].disableFDonor:foucs, #ktt_uniqueFormButtons input[type="cancel"].disableFDonor:foucs, #ktt_uniqueFormButtons a.disableFDonor:focus, #ktt_uniqueFormButtons1 input[type="button"].disableFDonor:foucs, #ktt_uniqueFormButtons1 input[type="submit"].disableFDonor:foucs, #ktt_uniqueFormButtons1 input[type="cancel"].disableFDonor:foucs, #ktt_uniqueFormButtons1 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;} /* ========================================================================== START A CAMPAIGN PAGE CSS START ========================================================================== */ .stepsHeading{float:left; width:100%; height:38px; background:url(/images_old/step_heading_bg.png) left top repeat-x; margin-bottom:20px;} .stepsHeadingInner{float:left;/* width:90%;*/ width:90%; background:#00b1b0; padding:0 0 0 2%; border-radius:0 38px 38px 0;} .stepsHeadingInner h2{color:#ffffff; font-size:18px; font-weight:600; text-transform:capitalize; line-height:38px; margin:0; padding:0; text-align:left;} .createACampaignInner {background: none; padding:0 0; display: inline-block;} .mandatoryNote{float:left; width:100%; margin:15px 0;} .mandatoryNote span{color:#ff0000;} .phonePlus{float:left; width:96%; background:#ffffff!important; border: 1px solid #e4e4e4; border-radius: 5px; margin-bottom: 5px; outline: medium none; padding: 10px 0% 10px 10px; margin-top:8px;} .prefixPlus{line-height:30px; font-size:13px; font-weight:200; color:#999; width:11%;} #frmStartCampaign ._kt_form .phonePlus input[type="text"]{border:none!important; border-radius: 0px!important; padding:0 0% 0 5px !important; margin:0!important; line-height:normal!important; width:84%;} #frmStartCampaign ._kt_form .phonePlus input[type="text"]:focus{border:none!important; border-radius: 0px!important; padding:0 0% 0 5px !important; margin:0!important; line-height:normal!important; width:84%;} /* ========================================================================== CREATIVE PAGE CSS START ========================================================================== */ .question{list-style:decimal; float:left; width:78%; font-size:11px; margin-bottom:10px;} .addRowHeadinginner { float: left; margin-bottom: 10px; width: 46.8%; display:none;} .addRowHeadinginnerInside { float: left; margin-bottom:0px; width: 80%; display:block;} .addRowColumn{float:left; width:80%; margin-bottom:0px;} .addRowColumnAddButton{ bottom: 15px; height: 20px; margin-bottom: 0; position: absolute; right: 0px;} #questionary label.agreement {float: left; font-size: 13px; font-weight: 500 !important; line-height: inherit; margin-bottom: 15px;} /* ========================================================================== ADD / REMOVE BUTTONS ========================================================================== */ /*ADD*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important; } .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE*/ .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .addRowColumnAddButton a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /*ADD NEW*/ .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_profile a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; top: 155px; right: 11px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_profile input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_profile a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add{background:url(/images_old/add_remove_link_bg.png) 0 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px;top:133px; right: 11px; position: absolute;z-index:100;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:hover, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:hover{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="button"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="submit"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use input[type="cancel"].add:focus, .ktt_uniqueFormActualContentWrapper .cp_fund_use a.add:focus{background:url(/images_old/add_remove_link_bg.png) 0 -20px no-repeat!important;} /*REMOVE NEW*/ .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove{background:url(/images_old/add_remove_link_bg.png) -20px 0 no-repeat!important; min-height:20px!important; height:20px!important; width:20px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; padding:0px!important; border: 0 none !important; margin:0 5px 0 0!important; text-indent:-99999px; bottom: 28px; right: 15px; position: absolute;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:hover, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:hover{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="button"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="submit"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv input[type="cancel"].remove:focus, .ktt_uniqueFormActualContentWrapper .repeatDiv a.remove:focus{background:url(/images_old/add_remove_link_bg.png) -20px -20px no-repeat!important;} /* ========================================================================== LIVE SUPPORT CSS START ========================================================================== */ .zopim{bottom:0px!important; display:none!important; } /* ========================================================================== HANDBOOK PAGE CSS START ========================================================================== */ .ktt_handBookWrapper{width:94%; margin:0 auto 30px auto; background:#ffffff;} .ktt_handBookContent{float:left; width:88%; padding:3% 6%; margin-bottom:30px;} .ktt_handBookContent .handbookTtitle{float:left; width:100%; font-size:28px; font-weight:500; color:#323a45;} .ktt_handBookWrapper .heading{float:left; width:100%; background:#00b1b0; width:88%; padding:6%; text-align:left; font-size:20px; font-weight:600; color:#ffffff; text-transform:uppercase;} .ktt_handBookContent h2{float:left; width:100%; font-size:18px; font-weight:600; margin:0 0 5px 0; color:#000;} .ktt_handBookContent p{float:left; width:100%; font-size:13px; font-weight:500; margin:0 0 10px 0; line-height:normal;} .ktt_handBookContent h3.headingMedium{float:left; width:100%; font-size:18px; margin-bottom:10px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingMedium a{float:left; width:100%; font-size:18px; margin-bottom:0px; font-weight:600; color:#000; text-transform:uppercase;} .ktt_handBookContent h3.headingSmall{float:left; width:100%; font-size:15px; margin-bottom:10px; font-weight:600; color:#323a45; text-transform:uppercase;} .ktt_handBookContent ul.indexing{float:left; width:100%; margin:0 0 5px 0; padding:0;} .ktt_handBookContent ul.contentlist li{float:left; width:93%; padding-left:7%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .ktt_handBookContent ol.contentlist li{float:left; width:96%; padding-left:4%; margin-bottom:10px; font-size:13px; list-style:inside none decimal;} .ktt_handBookContent .blueHeading{font-size:14px; font-weight:500; color:#00b1b0; float:left; width:100%;} .ktt_handBookimages{float:left; width:100%; text-align:center;} .ktt_tablet_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_tablet_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_mobile_port{float:left; width:100%; margin-bottom:20px; text-align:center; display:block;} .ktt_mobile_land{float:left; width:100%; margin-bottom:20px; text-align:center; display:none;} .ktt_handBookimages img, .ktt_tablet_port img, .ktt_tablet_land img, .ktt_mobile_port img{max-width:100%;} .ktt_handBookContent .colLeft{width:100%; float:left;} .ktt_handBookContent .colRight{width:100%; float:right;} .ktt_handBookContent .colLeft ul.contentlist li, .ktt_handBookContent .colRight ul.contentlist li{float:left; width:94%; padding-left:6%; margin-bottom:10px; font-size:13px; background:url(/images_old/icon_checklist.png) left top no-repeat;} .backPage h1{color:#ffffff; font-size:26px; font-weight:600; padding:150px 10% 10% 10%;} .backtoTop{position:fixed; bottom:20px; right:30px; display:none;} /* ========================================================================== MUSIC LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_musicBg1{background:none/*#f8f8f8 url(/images_old/music_bg.png) right 100px no-repeat*/; padding:0 0 40px 0; float:left; width:100%;} .ktt_musicBg1 ._kt_breadcrumb, .ktt_moviefilmsBg1 ._kt_breadcrumb, .ktt_otherCreativeBg1 ._kt_breadcrumb{background:none;} .ktt_creativeInner{width:98%; margin:10px auto 30px auto;} .ktt_musicInnerWrapper{float:left; width:100%;} .ktt_musicInnerWrapperBig{float:left; width:100%;} .creatingHeading{float:none; width:100%; margin:0 auto 10px; font-size:30px; font-weight:600; line-height:normal; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both;} .creatingSmallHeading{font-size:30px; font-weight:600; line-height:32px; color:#333333; text-transform: uppercase; margin: 0 auto 10px;} .creatingHeading br{display:none;} .ktt_creativeInner h1{float:none; width:100%; margin:0 auto 0px; font-size:15px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInnerBriefText{float:none; width:100%; margin:0 auto 20px; font-size:15px; line-height:normal; color:#333333; text-align:left; clear:both;} .ktt_creativeInner p{float:none; width:100%; margin:0 auto 40px; font-size:13px; line-height:normal; color:#323a45; text-align:left; clear:both;} .ktt_creativeInner a{float:none; height:70px; line-height:70px; margin:0 auto; width:70%; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:15px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_creativeInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_musicBg2{background:#ffffff/* url(/images_old/music_two.jpg) center top no-repeat; */;padding:30px 0; float:left; width:100%;} p.getStartedIntro{float:none; width:90%; margin:0 auto 20px; font-size:15px; line-height:20px; color:#323a45; text-align:center; font-style:normal; clear:both;} .contSeperator{background:url(/images_old/saperator_bg.png) center center repeat-x; width:60%; height:3px; clear:both; margin:0 auto 20px; } .ktt_musicContact{background:#fbae83; padding:2% 0; float:left; width:100%;} .ktt_musicContactInner{width:90%; margin:15px auto; text-align:center; font-size:18px; color:#ffffff;} .ktt_musicContactInner a{background:url(/images_old/contact_arrow1.png) right center no-repeat; padding-right:28px; color:#ffffff; display:inline-block;} /* ========================================================================== MOVIE AND FILMS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_moviefilmsBg1{background:none/*#f8f8f8 url(/images_old/film_bg.png) right 100px no-repeat*/; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== OTHER CREATIVE PROJECTS LANDING PAGE 11 DEC 2014 ========================================================================== */ .ktt_otherCreativeBg1{background:none/*#f8f8f8 url(/images_old/other_creative_bg.png) right 100px no-repeat*/; padding:0 0 40px 0; float:left; width:100%;} /* ========================================================================== NGO's PAGE 16 DEC 2014 ========================================================================== */ .ktt_ngoBg{background:#f8f8f8 url(/images_old/for_ngos_bg.png) top center no-repeat; padding:0 0 70px 0; float:left; width:100%; height:190px;} .ktt_ngoBg h2{ color: #ffffff; font-family:Montserrat; font-size:18px; font-weight: 600; width:100%; margin:0px auto 10px; text-transform: inherit; text-transform:inherit; color:#ffffff;} .ktt_ngoBg h3{font-family: Montserrat;font-size:16px; font-weight: normal; margin:0px auto 0 auto; width:100%; line-height:normal; color:#ffffff;} .ktt_ngoInner{width:98%; margin:25px auto 25px auto;} .ktt_ngoInner h1{float:none; width:100%; margin:0 auto 10px; font-size:19px; font-weight:600; line-height:24px; color:#333333; text-align:left; text-transform:none; opacity:0.9; clear:both;} .ktt_ngoInner h2{float:none; width:100%; margin:0 auto 10px; font-size:15px; line-height:28px; color:#333333; text-align:left; clear:both;} .ktt_ngoInner p{float:none; width:100%; margin:0 auto 40px; font-size:18px; line-height:30px; color:#323a45; text-align:left; clear:both;} .custFontSize{font-size:10.5px;} .ktt_ngoInner a{float:left; height:70px; line-height:70px; margin:0 auto; width:270px; padding:0 30px; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:20px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_ngoInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_ngosWrapper{float:left; width:100%;} .ktt_ngosWrapper ul{float:left; width:100%;} .ktt_ngosWrapper ul li{float:left; width:92%; padding-left:25px; background:url(/images_old/li_bg.png) left top no-repeat; font-size:15px; line-height:20px; margin-bottom:5px;} .ktt_ngoBg2{background:#ffffff; padding:0 0 20px 0; height:520px; float:left; width:100%;} .ktt_ngoCcarouselInner{width:98%; margin:20px auto 20px auto; background:#ffffff;} .ktt_ngoCcarouselImage{width:43%; float:left; margin:0 2% 0 0; display:none;} .ktt_ngotCcarouselcontent{width:76%; float:none; margin:20px auto 20px auto; } .ktt_ngoCcarouselInner h2{float:left; width:100%; margin:0 auto 0px; font-size:18px; font-weight:600; line-height:22px; color:#333333; text-align:left; clear:both;} .ktt_ngoCcarouselInner p{float:left; width:100%; margin:0 auto 10px; font-size:11px; line-height:14px; color:#323a45; text-align:left; clear:both;} .ktt_ngotCcarouselcontent .pointeOuter{float:left; width:100%; margin:0px 0 0px 0;} .ktt_ngotCcarouselcontent .numberOuter{width:25px; height:25px; margin-right:2.5%; float:left; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; border:1px solid #00b1b0; text-align:center; vertical-align:middle; padding-top:0px; line-height:25px; color:#00b1b0; font-weight:600; font-size:13px;} .ktt_ngotCcarouselcontent .points{float:left; width:86%; margin-bottom:10px; font-size:11px; text-align:left; margin-top:0px;} .ktt_ngotCcarouselcontent .lineheightcarousel{line-height:normal;} /*CAROUSEL CSS START*/ #myNGOCarausel .sy-controls {display:block;} #myNGOCarausel .sy-controls li a:after {background-color:transparent; background-image: url("/images_old/ngo_carousel_arrow_small.png"); background-repeat: no-repeat; background-size: cover; border-radius:0; color: #111; content: ""; font-weight: 800; height: 80px; left:0%; line-height: 0em; margin-left: 0em; margin-top: 0em; position: absolute; text-align: center; text-indent: 0; top: 249px!important; width:39px; opacity:1;} #myNGOCarausel .sy-controls li.sy-next a:after {background-position: 100% 0;} #myNGOCarausel .sy-controls li.sy-prev {left: 0px; top: 0;} #myNGOCarausel .sy-controls li.sy-next {right: 0px; top: 0;} #myNGOCarausel .sy-controls li a:link, #myNGOCarausel .sy-controls li a:visited { opacity: 10;} #myNGOCarausel .sy-controls li { height: 100px; min-width:inherit; position: absolute; width: 49px; z-index: 33;} #myNGOCarausel .sy-pager { /*background:#f8f8f8;*/ bottom: -20px; padding:10px 0; display: none; list-style: none outside none; margin: 1em 0 0; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 50;} #myNGOCarausel .sy-pager li {border-radius: 1.5em; display: inline-block; height: 1.5em; margin:0 3px 0 3px; width: 1.5em; /*box-shadow: 0 1px 2px #333;*/} #myNGOCarausel .sy-pager li a {background:#e9e9e9; display: block; height: 100%; text-indent: -9999px; width: 100%; } #myNGOCarausel .sy-pager li.sy-active a { background-color: #00b1b0; opacity: 10;} #myNGOCarausel .sy-pager li a:hover, #myNGOCarausel .sy-pager li a:focus {opacity: 0.8;} #myNGOCarausel .sy-caption-wrap .sy-caption{display:none!important;} /* ========================================================================== GET STARTED PAGE 17 DEC 2014 ========================================================================== */ .ktt_getStartedBg1{background:#f8f8f8 url(/images_old/get_started_bg1.jpg) center top no-repeat; padding:20px 0 70px 0; float:left; width:100%; position:relative;} .ktt_getStartedInnerWrapper{float:left; width:57%; padding:0 3% 0 0;} .ktt_getStartedInnerImageWrapper{float:left; width:40%;} .ktt_getStartedInner{width:98%; margin:0px auto 0px auto;} /*.ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 0px; font-size:77px; font-weight:normal; line-height:80px; color:#333333; text-align:left; text-transform:uppercase; opacity:0.9; clear:both; text-transform:inherit;}*/ .ktt_getStartedInner h1{float:none; width:100%; margin:0px auto 0px; font-size:11px; font-weight:normal; line-height:normal; color:#333333; text-align:left; clear:both; text-transform:inherit;} .ktt_getStartedInner h1.smallSizeHeading{font-size:65px; font-weight:600; line-height:70px;} .ktt_getStartedInnerBrief{float:none; width:100%; margin:0px auto 5px; font-size:11px; line-height:18px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner p{float:none; width:100%; margin:0 auto 40px; font-size:10px; line-height:15px; color:#000000; text-align:left; clear:both;} .ktt_getStartedInner a{float:none; height:70px; line-height:70px; margin:0 auto 0 2%; width:74%; padding:0 10%; display:block; background:#00b1b0; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both; position:absolute; bottom:20px; } .ktt_getStartedInner a:hover{ display:block; background:#00a3a2; color:#ffffff; text-transform:uppercase; } .ktt_getStartedBg2{background:#ffffff; padding:40px 0 40px 0; float:left; width:100%;} .ktt_getStartedBg2 .ktt_getStartedInner h2{float:none; width:100%; margin:0px auto 10px; font-size:20px; line-height:25px; font-weight:600; color:#333333; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner h3{float:none; width:100%; margin:0 auto 60px; font-size:25px; line-height:30px; color:#323a45; text-align:center; clear:both;} .ktt_getStartedBg2 .ktt_getStartedInner ul{float:left; width:98%; margin:0 1%;} .ktt_getStartedBg2 .ktt_getStartedInner ul li{float:left; width:98%; margin:0 1% 40px 1%;} .ktt_startCampaignPoints{width:150px; height:150px; -moz-border-radius:150px; -webkit-border-radius:150px; overflow:hidden; border-radius:150px; margin:0 auto 20px auto;} .ktt_startCampaignPointsInfo{float:left; width:100%; height:auto; font-size:16px; line-height:20px; color:#323a45; text-align:center;} .ktt_getStartedBg3{background:#000000 url(/images_old/get_started_bg2.jpg) center top no-repeat; padding:65px 0 65px 0; float:left; width:100%; position:relative;} .ktt_getStartedBg3 .ktt_getStartedInner h1{float:none; width:100%; margin:0 auto 10px; font-size:30px; font-weight:600; line-height:normal; color:#ffffff; text-align:center; text-transform:uppercase; clear:both;} .ktt_getStartedBg3 .ktt_getStartedInner p{float:none; width:95%; margin:0px auto 40px; font-size:13px; line-height:20px; font-weight:normal; color:#b2b2b2; text-align:center; clear:both;} .ktt_getStarteMore{background:none; padding:2% 0; float:left; width:100%;} .ktt_getStarteMoreInner{width:98%; margin:15px auto 0px auto; text-align:center; font-size:30px; color:#ffffff;} .ktt_getStarteMoreInner a{background:url(/images_old/contact_arrow.png) right center no-repeat; padding-right:45px; color:#ffffff; display:inline-block;} .ktt_getStarteMoreCol{float:none; width:98%; margin:0 auto 5px auto; padding:0 1% 0 1%; display:inline-block;} .ktt_getStarteMoreCol p{float:left; width:100%; margin:0 0 15px 0; font-size:14px; color:#323a45;} .ktt_getStarteMoreCol a{float:none; height:70px; line-height:70px; margin:0 auto 30px auto; width:70%; padding:0 10%; display:block; background:#fbae83; color:#ffffff; text-transform:uppercase; text-align:center; font-size:16px; -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-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both;} .ktt_getStarteMoreCol a:hover{ display:block; background:#f39967; color:#ffffff; text-transform:uppercase; } .ktt_borderCell{border-right:0px solid #dfdfdf;} /* ========================================================================== MEDIA RELEASE PAGE CSS START ========================================================================== */ .ktt_mediaReleasWrapper h2{ color: #313131; font-family:Montserrat; font-size:38px; font-weight: 600; margin-bottom: 0; text-align:left;} .ktt_mediaReleasWrapper h3{font-size:16px; line-height:22px; margin: 0 auto; width: 100%; text-align:left;} ul.ktt_mediaListing{float:left; width:100%; margin:20px 0 0 0; padding:0;} ul.ktt_mediaListing li{float:left; width:100%; margin:0 0 20px 0; padding:0 0 20px 0; list-style:none; border-bottom:1px solid #000000;} .ktt_mediaReleasDescription h3{font-size:15px; color:#000000; font-weight:600; margin: 0 auto 3px; width: 100%; text-align:left;} .ktt_mediaReleasDescription h4{font-size:10px; color:#8b8b8b; margin: 0 auto 10px; width: 100%; text-align:left;} .ktt_mediaReleasDescription p{font-size:12px; line-height:18px; color:#313131; margin: 0 auto; width: 100%; text-align:left; position: relative; left:-15%;} /* ========================================================================== GLOBEL ERROR MESSAGE CSS START HERE ========================================================================== */ .myMap{display:none} .myMapSmallDevice{display:block; margin:15px 0 25px;} .ktt_globelErrorInner{width:100%; margin:0 auto;} /*SINGLE LINE ERROR MESSAGE*/ .ktt_globelError{display:block; background:#e84a5f url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding:13px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelSuccess{display:block; background:#00b1b0 url(/images_old/globel_error_bg.png--) top left repeat; position:fixed; border:none; width:100%!important; height:auto; padding:13px 0; z-index:999999; top:0; transition:transform 0.2s ease-in-out 0s; margin-top:0; margin:0!important;} .ktt_globelErrorMessage h2{color:#ffffff; float: left; width:100%; font-size: 13px; font-weight: normal; text-align:center; margin:4px 0;} /*SINGLE LINE ERROR MESSAGE*/ /* ========================================================================== NGO SEARCH CSS START ========================================================================== */ .ktt_ngoContentOuter{float:left; width:100%; margin-bottom:30px;} .ktt_ngoSearchOuter{float:left; width:100%; background:#ffffff; margin-bottom:30px;} .ktt_ngoSearchAlfaBet{float:left; width:100%; border-bottom:1px solid #f8f8f8; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchActive{background:url(/images_old/search_bg_blue.png) left top repeat-y!important;} .ktt_ngoSearchAlfaBet{float:left; width:100%; text-align:center; height:auto;} .ktt_ngoSearchAlfaBet h3{float:left; width:100%; font-size:12px; color:#323a45; text-align:center; line-height:normal; margin-bottom:10px;} .ktt_alphabets{float:left; width:98%; padding-left:2%; text-align:center; line-height:20px; padding-bottom:10px;} /*.ktt_alphabets a{margin:0 2.5px; width:2.5%; display:inline-block; color:#abaeb2; font-size:12px;} .ktt_alphabets a:hover, .ktt_alphabets a.active{color:#00b1b0;}*/ .ktt_alphabets a, .ktt_alphabets input[type="submit"]{margin:0 1.5px; width:auto; display:inline-block; color:#c4c4c4; font-size:12px; border:0; background:none!important;cursor:pointer; font-weight:normal; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;} .ktt_alphabets a:hover, .ktt_alphabets input[type="submit"]:hover, .ktt_alphabets a.active, .ktt_alphabets input[type="submit"].active{color:#00b1b0;} .or_txt {float: left; font-size: 10px; line-height: 40px; padding: 0 5px ; width: auto;} .ktt_ngoSearchSelectAction{float:left; width:98%; padding:10px 0 10px 2%; background:url(/images_old/search_bg_gray.png) left top repeat-y;} .ktt_ngoSearchSelectAction h3{float:left; width:100%; font-size:12px; color:#323a45; text-align:center; line-height:normal; margin-bottom:10px; line-height:normal;} .ktt_ngoSearchSelectActionForm{float:left; width:100%;} .ktt_ngoSearchSelectActionFormRow{float:left; width:100%;} .ktt_ngoSearchSelectActionFormRow select{background: url("/images_old/input_bg.png") repeat scroll left top #ffffff; border: 1px solid #e4e4e4; border-radius: 5px; color: #666666; float: left; font-size: 12px; height: 40px; margin: 0 5px 10px; outline: medium none; padding: 10px 10% 10px 10px; transition: transform 0.2s ease-in-out 0s; width:41%;} .ktt_ngoSearchResult{float:left; width:100%; min-height:300px;} .ktt_ngoSearchResult ul{float:left; width:100%; list-style:none;} .ktt_ngoSearchResult ul li{float:left; width:100%; list-style:none; border-bottom:1px solid #dfdfdf; padding-bottom:14px; margin-bottom:15px;} .ktt_ngoThumb{float:left; width:24%; height:75px; overflow:hidden; margin:0 4% 0 0;} .ktt_ngoDescription{float:left; width:71%; margin:0 0% 10px 0;} .ktt_ngoDescription h3{float:left; width:100%; font-size:14px; font-weight:600; color:#000; text-align:left; line-height:normal; margin-bottom:5px;} .ktt_ngoDescription p{float:left; width:100%; font-size:11px; font-weight:normal; color:#636363; text-align:left; line-height:normal; margin-bottom:0px;} .ktt_ngoDonationStatus{float:right; width:72%; margin:0 0% 5px 0; text-align:left;} .ktt_ngoDonationStatus h3{float:left; width:100%; text-align:left; margin:0 0% 5px 0; font-size:13px; font-weight:600; color:#000;} .ktt_blue{background:#2196eb; border-radius:3px; color: #fff; display:inline-block; font-size: 11px !important; font-weight: 600; line-height:30px; margin-bottom:5px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:5px; float:none; width:160px; /*padding:0 10%;*/} .ktt_blue:hover {background:#1e8fe1; border-radius: 3px; color: #fff; cursor: pointer;} .ktt_orange{background:#fbae83; border-radius:3px; color: #fff; display: inline-block; font-size: 11px !important; font-weight: 600; line-height:30px; margin-bottom:5px; text-align: center; text-transform: uppercase; transition: all 450ms ease-in-out 0s; margin-top:5px; float:none; width:160px; /*padding:0 10%;*/} .ktt_orange:hover {background:#fb9a60; border-radius: 3px; color: #fff; cursor: pointer;} /*NGO SUBMIT BUTTONS CSS START*/ #ktt_searchNgoSubmit input[type="button"], #ktt_searchNgoSubmit input[type="submit"], #ktt_searchNgoSubmit input[type="cancel"], #ktt_searchNgoSubmit a, #ktt_searchNgoSubmit1 input[type="button"], #ktt_searchNgoSubmit1 input[type="submit"], #ktt_searchNgoSubmit1 input[type="cancel"], #ktt_searchNgoSubmit1 a{ background-color:#00b1b0!important; background-image:url(/images_old/iPhoneButtonbg.png)!important; background-position:left!important; background-repeat:repeat!important; line-height:40px!important; height:40px!important; font-size:14px!important; font-weight:500!important; color:#ffffff!important; padding:0 30px!important; cursor:pointer!important; -moz-border-radius:5px!important; -webkit-border-radius:5px; border-radius:5px!important; border-bottom:1px solid #00a3a2!important; font-family:"Montserrat", Arial!important; width:41% !important; transition: all 450ms ease-in-out 0s; margin-right: 0%; margin-left: 1.5%;border-top:0px; border-right:0px; border-left:0px; float:left;} #ktt_searchNgoSubmit input[type="button"]:hover, #ktt_searchNgoSubmit input[type="submit"]:hover, #ktt_searchNgoSubmit input[type="cancel"]:hover, #ktt_searchNgoSubmit a:hover, #ktt_searchNgoSubmit1 input[type="button"]:hover, #ktt_searchNgoSubmit1 input[type="submit"]:hover, #ktt_searchNgoSubmit1 input[type="cancel"]:hover, #ktt_searchNgoSubmit1 a:hover{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} #ktt_searchNgoSubmit input[type="button"]:foucs, #ktt_searchNgoSubmit input[type="submit"]:foucs, #ktt_searchNgoSubmit input[type="cancel"]:foucs, #ktt_searchNgoSubmit a:focus, #ktt_searchNgoSubmit1 input[type="button"]:foucs, #ktt_searchNgoSubmit1 input[type="submit"]:foucs, #ktt_searchNgoSubmit1 input[type="cancel"]:foucs, #ktt_searchNgoSubmit1 a:focus{ background-color:#00a3a2!important; background-image:url(/images_old/iPhoneButtonbg_hover.png)!important; background-position:left!important; background-repeat:repeat!important;} /* ========================================================================== CPNTRIBUTE NOW PAGES FEW CLASSES ========================================================================== */ .ktt_uniqueFormInfo .yourContibutionSummary {float: left; width:100%;} .ktt_uniqueFormInfo ._kt_reward_summ_wrapper .summ_details_wrapper { color: #646464; padding: 2% 0% 0; width:100%; margin-left:0%;} .ktt_uniqueFormInfo ._kt_donation_summ_wrapper {background:none; margin-bottom: 0; padding: 0;} .ktt_uniqueFormInfo .summ_details_wrapper .title p.titletext {color: #000000; font-size: 16px; font-weight: 600; text-transform: uppercase;} .ktt_uniqueFormInfo .tdContentOuter{float:left; width:100%; margin-bottom:0px;} .ktt_uniqueFormInfo .tdTitle {float:left; font-size: 14px; font-weight: 600; line-height: 20px; padding: 3px 0; width: 20%; color:#000;} .ktt_uniqueFormInfo .tdContent {float:left; font-size: 14px; font-weight: normal; line-height: 20px; padding: 3px 0; width: 79%; color:#000;} .ktt_uniqueFormInfo .tdContent span{padding-left:0;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer{float:left; width:100%; padding:0 0 0 0; margin-top:10px;} #ktt_spanContainer .tdContent h1 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 16px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} #ktt_spanContainer .tdContent h2 { color: #0e0e0e; float: left; padding:0 0 0 4%; font-size: 12px; font-weight: 600; margin: 0 0 5px;text-transform: inherit; width: 96%;} .ktt_titletext{float:left; width:94%; padding:10px 2% 3px 4%!important; margin:0px 0 0px 0!important;border-top: 0px solid #cccccc; line-height:normal!important;} .ktt_titletextLabel{float:left; margin: 0 0 10px; padding:15px 2% 3px 2%; width: 96%;} ._kt_form .footnote {color: #aaa; display: block; font-size: 10px; font-style: italic; line-height: normal; margin-bottom: 13px !important;} #ktt_spanContainer input[type="text"].currency{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 13% !important; width:76%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currency:focus{background:#FFF url("/images_old/form_icon_ruppee.png") 15px center no-repeat!important; padding:10px 5% 10px 13% !important; width:76%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} #ktt_spanContainer input[type="text"].currencyDollar{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 13% !important; width:76%; border:1px solid #e4e4e4 !important; margin:3px 2% 0px!important; border-radius: 5px; font-size: 26px;} #ktt_spanContainer input[type="text"].currencyDollar:focus{background:#FFF url("/images_old/dollar.png") 12px center no-repeat!important; padding:10px 5% 10px 13% !important; width:76%; border:1px solid #e9e98d !important; margin:3px 2% 0px!important; border-radius: 5px;} /*F SHARE POPUP HTML CSS START HERE*/ .md-modal {top: 57%!important;} .md-content > div {font-size: 1.15em; font-weight: 300; margin:0px 0 0 0!important; padding: 15px 0px 30px!important;} .md-modal { z-index: 99999!important; } .md-close_1{position:absolute; cursor: pointer; height: 20px; position: fixed; right: 3%; top: 2%; width: 20px; z-index: 99999; font-size: inherit;background-color: Transparent; background-repeat:no-repeat;border: none; overflow: hidden; outline:none;text-decoration: underline;} .md-overlay {z-index: 9999!important;} .ktt_f-share-wrapper { padding:1%; width:98%; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .ktt_f-share_welcome_image{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_title{float:left; width:90%; margin:3px 0 8px 5%; display:inline-block; text-align: center; border-top:1px solid #f2f2f2; background:url(/images_old/d_arrow.png) top center no-repeat; padding-top: 15px;} .ktt_f-share_title h4{display:inline-block; text-align:center; padding:0 15px; font-size:13px; font-weight:600; color:#3c3c3c;} .ktt_f-share_content{float:left; width:100%; margin:0px 0% 0px 0%; display:inline-block; text-align: center;} .ktt_f-share_content p{display:inline-block; text-align:center; padding:0 0 13px 0px !important; width:80%; font-size:11px; color:#3c3c3c;} .ktt_f-share_button{float:left; width:50%; margin:0px 0% 5px 25%; display:inline-block; text-align: center;} .ktt_f-share_button input[type="submit"], .ktt_f-share_button input[type="button"], .ktt_f-share_button a{width:126px!important; height:54px!important; border:0px!important; background:url(/images_old/f_share_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} .ktt_f-share_button input[type="submit"].controbuteNowBtn, .ktt_f-share_button input[type="button"].controbuteNowBtn, .ktt_f-share_button a.controbuteNowBtn{width:206px!important; height:54px!important; border:0px!important; background:url(/images_old/contribute_btn.png) center center no-repeat!important; display:inline-block!important; margin:0 auto!important; text-indent:-99999px!important; cursor:pointer!important;} /*NEW THANKYOU PAGE CSS START HERE*/ .ktt_thankyouBanner{float:left; width:100%; background:#00b1b0; height:auto;} .ktt_thankyouInnerContainer{width:98%; margin:0 auto;} .ktt_thankyouBannerImageBg{float:left; width:100%; height:auto; background:url(/images_old/thankyou_header_image_bg.png) top left / cover no-repeat; margin-top: 15px; } .ktt_thankyouBannerImage{float:none; height: 165px; margin: 8.5% auto 0 9.5%; overflow: hidden; position: relative; width: 80%;} .ktt_thankyouBannerImageOverlay{width:100%; height:165px; background:url(/images_old/your_contribution_bg.png) top left / cover no-repeat; position:absolute; top:0px; left:0px;} .ktt_thankyouOverlayContent{width:70%; margin:35px auto 0 auto;} .ktt_thankuContribute_icon{float: none; margin: 0 auto; text-align: center; width: 30%;} .ktt_thankuContriFigure{float:left; width:100%; font-size:15px; text-align:center; color:#ffffff;} .ktt_thankuContriFigure span.amount { color: #ffffff; display: block; font-size:30px; font-weight: 600; text-align: center; word-wrap: break-word;} .ktt_thankuContriFigure span.amount > span { font-size: inherit; padding-right: 4px;} .ktt_thankuContriFigure span.amount > span.WebRupee {font-family: "WebRupee"; font-weight:500;} .fentasticDesk{display:none;} .fentasticSmallDevices{display:block;} .ktt_thankuFantastic{float:right; width:100%; margin-top:20px;} .ktt_thankuFantastic .imgOuter{float:left; width:80%; margin: 0 0 0px 10%; text-align:center; margin-bottom:10px;} .ktt_thankuFantastic h2{float:left; width:100%; text-align:center; font-size:28px; font-weight:600; color:#ffffff; margin:0px 0 5px 0;} .ktt_thankuFantastic p{ float:left; width:100%; font-size:12px; color:#ffffff; text-align:center;} .ktt_thankuFantastic p span{ float:left; width:100%; font-weight:600; margin-bottom:15px} .ktt_thankuFantastic h4{float:left; width:100%; text-align:center; font-size:14px; font-weight:600; color:#ffffff; margin:0px 0 13px 0;} .ktt_thankuFantastic .shareButtonOuter{float:left; /*width:44%;*/ width:94%; text-align:center; margin:0 3% 10px;} .ktt_thankyouContent{float:left; width:100%; background:#ffffff; padding-bottom: 20px;} .ktt_thankyouContent h2{float:left; width:100%; text-align:center; font-size:15px; font-weight:600; color:#232323; margin:30px 0 05px 0;} .ktt_thankyouContent span{float:left; width:100%; margin:0 0 0 0%; text-align:center; font-size:13px; font-weight:500; color:#232323;} .ktt_thankyouContent .oneThirdCol{float:left; width:97%; margin:0 1.5% 10px 1.5%;} .ktt_thankyouContent .oneThirdCol h3{ float:left; width:100%; font-size:13px; font-weight:600; color:#232323; text-transform:uppercase; margin-bottom:3px;} .ktt_thankyouContent .oneThirdCol p{ float:left; width:100%; font-size:12px; color:#232323; margin-bottom:15px;} .ktt_thankyouContent .imgOuter{float:left; width:80%; margin: 0 0 30px 10%; text-align:center;} .ktt_thankyouContent .fullImageOuterDesk{float:left; width:96%; margin:0 2%; display:none; text-align:center;} .ktt_thankyouContent .fullImageOuterMob{float:left; width:96%; margin:0 2%; display:block; text-align:center;} .ktt_thankyouFBShare{float:left; width:100%; background:#425686 url(/images_old/thankyou_fb_share_bg.png) top center / contain no-repeat;} .ktt_thankyouFBShareInner{float:left; margin:20px 0; width:100%; text-align:center; } .ktt_thankyouFBShareInner h2{float:left; width:100%; text-align:center; font-size:16px; color:#ffffff; margin:5px 0 15px 0;} .ktt_thankyouFBShareInner .imgOuter{float:left; width:80%; margin: 0 0 0px 10%; text-align:center;} .ktt_thankyouSimilerCampaign{float:left; width:100%; background:#ffffff; min-height:500px;} .ktt_thankyouSimilerCampaign h2{padding: 0 0 0 5%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:22px 0 12px 0; text-transform:uppercase;} .ktt_SimilerCampaignInner{float:left; width:100%; margin-bottom:35px;} .ktt_thankyouInnerContainer ._kt_three_fourth { margin-right: 0%; min-height: 20px; width: 100%;} .ktt_thankyouInnerContainer #Listings_wrapper ol._kt_three_fourth > li { float: left; margin-bottom: 15px; margin:0 14px 15px 14px!important; position: relative;} .ktt_thankyouInnerContainer ._kt_listing_box_wrapper { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; border-radius: 5px; margin-bottom: 7px; padding: 215px 25px 20px; position: relative; width:73%!important;} .goodvilleBanner{float:left; width:100%; background:url(/images_old/goodville_bg.png) top center no-repeat; padding:20px 0; margin-top:-1px;} .ktt_thankyouInnerContainer h2.goodvilleHead{color:#ffffff; font-size:15px; text-align:center; margin-bottom:0;} .goodvilleImgOuter{float:left; width:85%; margin: 0 0 0 7.5%; text-align:center;} .goodvilleImgBtnOuter{float:left; width:54%; margin: 0 0 0 23%; text-align:center;} .ktt_thankyouInnerContainer p a{color:#ffffff; font-size:12px; text-align:center; text-decoration:underline; float:left; width:100%;} /*HOW IT WORKS CSS START HERE*/ .ktt_howItWorksOuterNew{width:100%; float:left;} .ktt_howItWorksInnerNew{width:96%; margin:0 auto;} .ktt_howItWorksInnerNewBanner{width:100%; float:left; background:#ffffff;} .ktt_howItWorksInnerNewBannerCont{width:98%; margin:0 auto;} .ktt_howItWorksInnerNewBannerCont h2{width:100%; float:left; font-size:50px; font-weight:600; line-height: 48px; color:#000; margin:30px 0 0px 0;} .ktt_howItWorksInnerNewBannerCont p{width:100%; float:left; font-size:18px; color:#000; margin-bottom:20px;} .ktt_howItWorksSteps{float:left; width:100%; margin-bottom:20px;} .ktt_howItWorksSteps .steps{float:left; width:100%;} .ktt_howItWorksSteps .stepsDevider{float:left; width:99%; height:1px; background:#324b6c; margin:15px .5% 15px;} .stepIcon{float:left; width:20%;} .stepDesc{float:left; width:78%;} .stepDesc h3{width:100%; float:left; font-size:18px; font-weight:600; line-height: normal; color:#324b6c; margin:px 0 10px 0;} .stepDesc p{width:100%; float:left; font-size:12px; line-height: normal; color:#324b6c; margin:0px 0 0px 0;} .ktt_howItWorksGetStarted{width:100%; float:left; background:#00bfb6 url(/images_old/how_it_works_gstarted_bg.png) top center / cover no-repeat; padding:10px 0;} .ktt_howItWorksInnerNew ul.hwGetstarted{float:left; width:100%; text-align:center; padding-left:0%;} .ktt_howItWorksInnerNew ul.hwGetstarted li{width:100%; display:inline-block; float:none; margin-right:0px; padding:0;} .ktt_howItWorksInnerNew ul.hwGetstarted li h3{width:100%;/* float:left;*/ font-size:17px; line-height: normal; color:#ffffff; text-align:center;} /*.ktt_howItWorksInnerNew ul.hwGetstarted li p.large{width:100%; font-size:25px; line-height: normal; color:#ffffff; text-align:right;}*/ .ktt_howItWorksInnerNew ul.hwGetstarted li p{width:100%; float:left; font-size:12px; line-height: normal; color:#ffffff; text-align:center;} .ktt_howItWorksInnerNew ul.hwGetstarted li a{float:none; height:40px; line-height:40px; padding:0 20px; text-transform:uppercase; font-size:13px; color:#00b1b0; background:#ffffff; border-radius:5px; display:inline-block; margin-top:5px;} .ktt_howItWorksWhyKetto{width:100%; float:left; background:#f3f3f3;} .ktt_howItWorksWhyKetto h2{width:100%; float:left; font-size:20px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItWorksWhyKetto .listColumn{float:left; width:100%; margin:0 0%;} .ktt_howItWorksWhyKetto .listColumn ul{float:left; width:100%; margin:0 0% 0px; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li{float:left; width:100%; margin:0 0% 5px; padding:0 0 10px 0; background:url(/images_old/dotted_line_1.png) bottom left repeat-x; font-size: 12px; color:#373737; min-height: 60px;} .ktt_howItWorksWhyKetto .listColumn ul li a{color:#373737; font-size: 12px; text-decoration: underline; word-wrap: break-word;} .ktt_howItWorksWhyKetto .listColumn ul li:last-child{background:url(/images_old/dotted_line_1.png) bottom left repeat-x;} .ktt_howItWorksWhyKetto .listColumn ul li.last{background:none;} .ktt_howItWorksWhyKetto .listColumn ul li .numbersOflist{float:left; width:18%; margin:0 0%; padding:0; font-size:40px; font-style:italic; color:#000000;} .ktt_howItWorksWhyKetto .listColumn ul li .listContent{float:left; width:82%; margin:10px 0 0; padding:0;} .ktt_howItWorksWhyKetto .listColumn ul li .lineheight{line-height:normal!important;} .ktt_howItBenifitsOfCrowdfunding{width:100%; float:left; background:#ffffff;} .ktt_howItBenifitsOfCrowdfunding h2{width:100%; float:left; font-size:20px; font-weight:600; line-height: normal; color:#000; margin:20px 0 20px 0; text-align:center;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft{float:left; width:100%; margin:0 0%;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht{float:left; width:100%; margin:0 0%;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li{float:left; /*width:88%;*/ width:86%; margin:0 0% 10px; padding:0 0% 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat; line-height:18px; font-size: 12px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul{float:left; width:100%; margin:0 0% 20px; padding:0;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li{float:left; width:90%; margin:0 0% 15px; padding:0 0 5px 28px; background:url(/images_old/howitwork_li_bg.png) top left no-repeat;line-height:18px; font-size: 12px; color:#000000;} .ktt_howItBenifitsOfCrowdfunding .listColumnRht ul li.lineheight{line-height:20px!important;} .ktt_howItBenifitsOfCrowdfunding .listColumnLft h3, .ktt_howItBenifitsOfCrowdfunding .listColumnRht h3{float:left; width:100%; padding:0 0 0 0%; text-align:left; font-size:18px; font-weight:600; color:#000000; margin:0px 0 25px 0;} .ktt_gudvilleButton{width:170px; height:40px; border:0px; background:url(/images_old/goodville_btn.png) center center / contain no-repeat; display:inline-block; float:none; text-indent:-999999px; cursor:pointer; margin-bottom:5px; } .ktt_campaignDetailContentCol{float:left; width:97%; margin:10px 1.5%;} /* ========================================================================== NEW CONTACT CSS START HERE ========================================================================== */ .ktt_newContactContainer{width:98%; margin:0 auto;} .ktt_newContactColleft{width:100%!important; float:left; margin:0 0% 20px;} .ktt_newContactColleft h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_newContactColleft p{color:#595959; font-size:12px; line-height:16px; margin-bottom:25px; width:98%; text-align:justify;} .ktt_newContactColleft textarea{margin-bottom:0px!important; width:86%;} .ktt_newContactColRight{width:100%!important; float:right!important; margin:0 0% 20px; padding:0!important;} .ktt_newContactColRight h3{color:#323a45; font-size:16px; line-height:normal; margin-bottom:10px;} .ktt_contactAddressCol{width:94%; float:left; margin:15px 1.5%; padding-left:3%; font-size:12px; line-height:18px;} .ktt_contactAddressCol strong{font-weight:600!important; margin-bottom:5px!important; font-size:13px!important; padding-left:3%!important; width:97%;} .pay_cardDuration{float:left; width:75%;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:47px!important;} .pay_cardCVC{float:left; width:22%;} } @media all and (width:360px){ .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode{float:left; width:24.5%; height:30px; line-height:30px; padding:10px 12% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 8px 5px 0!important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].cityZipcode:focus{border:1px solid #e9e98d; background:#ffffcc url(/images_old/input_bg_focus.png) top left repeat;} .ktt_uniqueFormRowmultyField input[type="text"].prefixCountry{float:left; width:10%; height:30px; line-height:30px; padding:10px 0% 10px 10px!important; border:1px solid #e4e4e4; border-radius:5px; margin: 5px 0px 5px 0!important; outline:medium none; transition:transform 0.2s ease-in-out 0s; font-size:13px; color:#666666; background:#ffffff url(/images_old/input_bg.png) top left repeat;} .ktt_campaignDetailContentCol{float:left; width:97%; margin:10px 1.5%;} #StartCampaign .shorturl input[type="text"] {border:1px solid #fff !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 0 10% 0 0px !important; width: 62.5%; float:right;} #StartCampaign #editor .shorturl input[type="text"] {border: medium none !important; border-radius: 0 !important; line-height: 30px !important; margin: 0 !important; padding: 0 10% 0 0px !important; width:62.5%;} #StartCampaign #editor .createACampaignRow .comp_large { float: left; width: 85%;} #StartCampaign #editor .createACampaignRow #DateData input[type="text"] {width: 85% !important;} .securePaumentOuter{background: url("/images_old/lock_icon.png") no-repeat scroll left center ; float: left; margin:10px 0 0 26%; padding:0 0 0 3em; width: 38%; border-right:0px solid #5d646c; text-align:center;} .pay_cardDuration{float:left; width:75%;} .pay_cardDuration select{margin-right:10px!important; width:44%!important; height:47px!important;} .pay_cardCVC{float:left; width:22%;} .ktt_uniqueFormRowmultyField #foreignDonation input.cityZipcode[type="text"] {width: 83.5%!important; margin-bottom:20px!important;} }