body{font-family: Arial,Helvetica,sans-serif;}
.container{width: 100%; max-width: 1280px;}
.navbar{padding: 0px;}
header{height: auto !important;}
.header-inside .logo img{max-width: 250px;}
.nav-item{padding-left: 18px; padding-right: 18px; position: relative;}
.nav-item:last-child{padding-right: 0;}
.header-inside .navigation .navbar .navbar-nav li a{padding:0; margin: 0; display: block; color: #3b3b3b; font-weight: bold; text-transform: uppercase; font-size: 16px; }
.header-inside .navigation .navbar .navbar-nav li a:hover{color: #61a534;}
.navbar-light .navbar-nav .active>.nav-link{color: #61a534;}
.nav-link i{font-size: 12px;}
.nav-item::before{content: ''; width: 0; position: absolute; bottom: 0; left: 10%; height: 4px; background-color: #61a534; transition: ease all .35s;}
.nav-item:hover::before, .nav-item.active::before{display: block; width: 80%; transition: ease all .35s;}
.header-top-bar{background: #61a534;}
.call_sec{display: inline-block;}
.top-bar-left a{color: #fff; font-size: 14px; text-decoration: none; display: block; font-family: Arial,Helvetica,sans-serif;}
.top-bar-left a:hover{color:#eee;}
.call_sec ul{margin: 0; padding: 0;}
.call_sec ul li{list-style: none; display: inline-block; margin: 0; padding: 0;}
.call_sec ul li:first-child{margin-left: 0; border-right: 1px solid #72b745;}
.top-bar-right{ margin:0; padding:0 !important; display:inline-block;}
.top-bar-left{ margin:0;}
.top-bar-right ul{margin: 0; padding: 0;}
.top-bar-right ul li{list-style: none; display: inline-block; margin: 0; padding: 0;}
.top-bar-right ul li:last-child{border: none;}
.top-bar-right ul li a{color: #fff; font-size: 14px; text-decoration: none; display: block; padding: 8px 10px; transition: ease all 0.50s; }
.top-bar-right ul li a:hover{background: #0C884A; color:#fff;}
.slider_par{background: #f1f1f1; padding: 15px;}
.carousel-caption{background: rgba(0, 0, 0, 0.5); bottom: 0;}
.carousel-caption h5{font-size: 38px; font-weight: bold; text-transform: uppercase; font-family: 'oxfam_global_headlineregular' !important; color: #fff;}
.carousel-caption p{font-size: 22px !important; line-height: 26px; font-weight: normal; font-family: 'oxfam_tstar_proregular' !important; color: #fff !important;}
.carousel-caption a{color: #fff; padding: 0 20px; background: #61a534; margin: 0 10px; text-decoration: none; transition: ease all 0.5s;}
.carousel-caption a:hover{background: #E70052;}
.carousel-caption ul{margin: 0; padding: 0;}
.carousel-caption ul li{list-style: none; display: inline-block;}
section{padding: 50px 0; clear: both; display: inline-block;}
.title h1{font-size: 42px; text-transform: uppercase; font-family: 'oxfam_tstar_probold' ; margin-bottom: 0;} 
.title p{font-size: 20px; font-family: 'oxfam_tstar_proregular'; } 
.title {position: relative; margin-bottom: 50px;}
.title:before{position: absolute; width: 80px; height: 3px; background:#61a534; left: 50%; margin-left: -40px; bottom: -10px; content: ''; z-index: 999;}
.story_dec h3{font-size: 20px; font-family: 'oxfam_tstar_proregular' !important; font-weight: bold;  color: #61a534; padding: 10px 0; text-decoration: none; margin-bottom: 0; text-transform: uppercase; text-align:left;}
.story_dec a{text-decoration: none;}
.story_dec p{font-size: 15px;}
.story_dec{padding:15px;}
.stories{/*box-shadow:1px 0 5px #888*/ background: #fafafa;}
.petitions_sec .stories .img-hover-zoom img{height: 240px;}
.owl-carousel .owl-stage-outer{padding: 5px;}
.read_more a{background: #0C884A; color: #fff; padding:10px 15px; border-radius: 3px; font-size: 14px; transition: ease all 0.5s;}
.read_more a:hover{background: #E70052;}
.img-hover-zoom {height: 240px;overflow: hidden; position: relative;}
.img-hover-zoom img {transition: transform .5s ease;}
.stories:hover .img-hover-zoom img, .img-hover-zoom:hover img {transform: scale(1.1);}
.tags{position: absolute; width: 100%; color: #fff; bottom: 0; z-index: 1; padding: 6px 10px; line-height: 20px; font-size: 14px; display:block !important; text-align: left;}
.tags i{font-size: 12px;}
.share-list{margin: 0; display: block;}
.share-list ul{margin: 0; padding: 0; float: right;}
.share-list ul li{margin: 0; padding: 0 10px; list-style: none; display: inline-block; color: #fff; font-size: 14px;}
.read_more a{display: inline-block; text-decoration: none;}
.green-text{color: #61a534;}
.action_text{font-size: 18px; padding: 10px 0; display: block;}
.bg-success{background-color:#61a534 !important; }
.card-title{font-size:20px; font-weight: bold; font-family: 'oxfam_tstar_proregular'; }
.small_card .card-title{margin-bottom: 0;}
.small_card .card-body{padding: 15px;}
.mt_30{margin-top: 30px;}
.small_card .img-hover-zoom{height: 200px;}
.view_all{text-align: center; padding: 25px 0; width: 100%;}
.view_all a{display: inline-block; background-color: #61a534; padding: 10px 25px; color: #fff; border-radius: 3px; font-size: 18px; text-decoration: none; transition: ease all 0.5s;}
.view_all a:hover{background-color: #E70052;}
.petitions_sec{background-color: #f1f1f1;}
footer{background: #333; padding: 25px 0 0 0; font-style: normal;}
.ftr-dec{font-size: 15px; line-height: 22px; color: #b9b9b9; font-weight: normal; margin-top: 15px;}
footer h5:before{position: absolute; content: ''; width: 25px; height: 3px; background: #61a534; bottom: 0;}
footer h5{font-size: 22px; text-transform: uppercase; font-family: 'oxfam_tstar_proregular' !important; color: #fff; position: relative; padding-bottom: 5px;}
footer ul{margin: 0; padding: 0; float: left;}
footer ul li{list-style: none; padding: 3px 0; }
footer ul li a{color: #b9b9b9; font-size: 15px; text-decoration: none; line-height: 20px;}
footer ul li a:hover{color: #fff; text-decoration: none;}
.first_ul li{width: 50%; float: left;}
.social_media ul li{display: inline-block;}
.social_media ul li a{width: 30px; height: 30px; display: block; text-align: center; font-size: 15px; line-height: 30px; color: #222; transition: ease all 0.3s; border-radius: 5px; background: #fff;}
footer .social_media ul li a:hover{color: #fff;}
.social_media ul li:nth-child(1) a:hover{background: #4e71a8;}
.social_media ul li:nth-child(2) a:hover{background: #1cb7eb;}
.social_media ul li:nth-child(3) a:hover{background: #f87a02;}
.social_media ul li:nth-child(4) a:hover{background: #ca3737;}
.social_media ul li:nth-child(5) a:hover{background: #0270ad;}
.footer_bottom{background: #292929; padding: 25px 0; margin-top: 25px;}
.footer_bottom p{color: #9e9e9e; font-size: 15px !important;}
.footer_bottom p strong{color: #fff;}
.mrb_0{margin-bottom: 0;}
.counter{font-family: 'oxfam_global_headlineregular'; font-size: 38px; font-weight: 600; margin-bottom: 10px; display: inline-block;}
.number-count{width: 19.5%; display: inline-block; text-align: center; padding: 0 2%; vertical-align: top;}
.number-count div{line-height: 20px;}
.counter_sec{background: url(../images/counter_bg.jpg); background-size: cover; background-attachment: fixed;}
.white h1{color: #fff;}
.white.title p{color: #fff;}
.number-count{color: #fff;}
.newsletter_sec{background: #f5f5f5;}
.newsletter_sec h2{font-family: 'oxfam_tstar_probold'; font-size: 32px; text-transform: uppercase; line-height: 36px;}
.newsletter_sec h2 span{font-size: 22px; display: block; text-transform: capitalize; font-family: 'oxfam_tstar_proregular';}
.newsletter_sec h2 strong{color: #61a534;}
.top-bar-right ul li:before{display:none;}
.header-inside {width: 100%; padding: 10px 0;}
.header-inside .logo img {width: 100% !important;}
.footer{padding:40px 0 0 0;}
.first_ul li{text-align:left;}
.desktop_rupee{display: block;}
.mobile_rupee{display: none;}
.clps{color: #fff;}
.collapse:not(.show){display: block;}
.brdr0{border-bottom:0 !important;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{background: rgba(0,0,0,0.5); height: 25px; width: 25px; border-radius: 5px; color: #fff; font-size: 20px; line-height: 12px; outline: none; margin: 0 2px;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background:rgba(97,165,52,0.9);}
.carousel-indicators{display: none;}
.top-bar-right ul li a{padding: 8px 10px;}
.header-inside .navigation .navbar .navbar-nav li a{font-size: 16px !important; padding: 16px 0;}
.header-inside .navigation{margin: 0;}
.what-we-do-img .img-placeholder .bg {min-height: 673px;}
.img-hover-zoom img{width: 100%;}
.donation_left{float: left;}
.donation_right{float: right;}
.donation_part{padding: 40px 0; display: block; float: left; width: 100%;}
.donation_part .row{display: block;}
.collapse:not(.show) {display: none;}
#block-breadcrumbs-2{margin-top: 30px;}
.fund-riser .tags{bottom: auto; max-width: 237px; font-size: 13px; z-index: 1;}
.fund-riser .tags .triangle{top:5px;}
.fund-riser .card .card-block .list-line ul li{padding-right: 5px; margin-right: 5px; font-size: 14px !important; color: #888; text-align: left; display: inline-block; float: left;}
.tags.card-tag{margin-bottom: 0;}
.tags.card-tag .triangle{display: none;}
.fund-riser .card .card-block .price{width: auto;}
.fund-riser .card .card-left a img{height: 265px;}
#createfund .bootstrap-select .dropdown-toggle .filter-option{position: relative !important;}
.fundraise_slider .carousel-item img{width: 100%; height: auto;}
.fundraise_slider .carousel-item .carousel-caption{width: 100%; max-width: 500px; text-align: left; padding: 50px 30px; top: 50%; margin-top: -100px; bottom: auto;}
.fundraise_slider .carousel-item .carousel-caption h5{font-size: 25px;}
.fundraise_slider .carousel-item .carousel-caption p{font-size: 16px !important; font-family: arial; line-height: 22px; margin-bottom: 20px;}
.fundraise_slider .carousel-item .carousel-caption a{border-radius: 30px; padding: 12px 25px; margin:0; text-decoration: none; font-size: 16px; font-weight: bold; text-transform: uppercase; display: inline-block;}
.green_btn_new{margin-right: 10px !important;}
.darkgreen_btn_new{background: #0c884a !important;}
.darkgreen_btn_new:hover{background: #e70052 !important;}
.carousel-testimonial .wid-gap {padding: 0;}
.fundraise_slider{position: relative; overflow: hidden; width: 100%;}
.fundraise_slider .carousel-indicators{display: block; bottom: 0; text-align: center;}
.fundraise_slider .carousel-indicators li{cursor: pointer; display: inline-block;}
.fundraise_slider .wid-gap{padding: 0;}
#goalamount--description{clear: both; width: 100%;}

/*-------------------New Design Css RK-------------------*/
section{display: block;}
.card-title{text-align: left; font-size: 16px;}
.card-title a{color: #424242;}
.tags a{color: #fff; text-decoration: none;}
.share-list ul li{font-size: 14px !important; line-height: 20px;}
.people-helped.gray-bg{background: url(https://donate.oxfamindia.org/donatetoeducate/ravi/css/newdesigncss/images/counter_bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.people-main .heading-block.white-text h2{font-size: 42px; text-transform: uppercase; font-family: 'oxfam_tstar_probold' !important; margin-bottom: 0;}
.people-main .row .col{text-align: center;}
.people-main .row .col .number-count{width: 100%;}
.people-main .number-count div{font-weight: normal; text-transform: capitalize;}
.people-main .heading-block h5{font-size: 20px; font-family: 'oxfam_tstar_proregular' !important;}
.heading-block:before {position: absolute; width: 80px; height: 3px; background: #61a534; left: 50%; margin-left: -40px; bottom: -10px; content: '';  z-index: 999;}
.heading-block{position: relative; margin-bottom: 50px;}
.hm-contact .heading-block:before{display: none;}
.full_head {width: 100% !important;}
.carousel-inner .carousel-item img{width: 100%; min-height: 485px;}
.navbar-brand.new_oxfamlogo img{width: 270px !important;}
.tag_link{background: #e2e2e2; padding: 10px 15px; margin: 5px 0; display: inline-block; border-radius: 25px;}
.tag_link:hover{background: #61a534; color: #fff;}
.dashboard_main_in .fund-riser .tags{max-width: 180px;}
.dashboard_main_in .fund-riser .tags .triangle{right: -8px;}
.toolbar-oriented .toolbar-bar{z-index: 9999 !important;}
.green-bg .newsletter-fields{display: inline-flex; max-width: 21%;}
.green-bg .newsletter-submit{display: inline-flex;}
.carousel-caption h5 div{background: rgba(0,0,0,0.6); display: inline-block; padding: 0 10px 5px 10px;}
.carousel-caption h5{font-size: 36px;}
.carousel-caption p span{background: #000; padding: 5px;}
.form_design2{z-index: 99 !important;}
.main_head_sec{z-index:9 !important; margin-top: 0 !important;;}
.navbar-brand img {width: 250px;}
.what-we-do-wrapper.box-shadow{padding-top: 120px;}
.text-banner{margin-top: 80px;}
.career_sec h2{font-size: 30px; color: #7ab927; font-family: 'oxfam_global_headlineregular' !important; text-align: center; margin-bottom: 15px;}
.career_para{text-align: center; margin-bottom: 35px !important;}
#block-nonecashbenefites{text-align: center; display: none;}
.grey_sec{background: #f1f1f1; padding: 15px;}
.career_points{margin-bottom: 20px;}
.content-text .grey_sec li:before{font-size: 8px;}
.content-text .grey_sec li{line-height: 22px; font-size: 15px !important; font-weight: normal; margin-bottom: 1rem;}
.grey_sec h3{margin-bottom: 20px;}
.latest_job{text-align: center;}
.latest_job a {
        background-color: #7ab927;
        -webkit-border-radius: 60px;
        border-radius: 60px;
        border: none;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: sans-serif;
        font-size: 24px;
        padding: 15px 20px;
        text-align: center;
        text-decoration: none;
      }
      @keyframes glowing {
        0% {
          background-color: #53297D;
          box-shadow: 0 0 2px #53297D;
        }
        50% {
          background-color: #E43989;
          box-shadow: 0 0 10px #E43989;
        }
        100% {
          background-color: #53297D;
          box-shadow: 0 0 2px #53297D;
        }
      }
      .latest_job a {
        animation: glowing 1300ms infinite;
      }
.non_cash{text-align: center; margin-top: 30px;}

/*-------------------New Registration Form-------------------*/
.user-register-form.user-form, .user-login-form, .user-pass, .webform-submission-form.webform-submission-add-form.webform-submission-cancel-donation-form-form.webform-submission-cancel-donation-form-add-form, .webform-submission-contact-form-cancel-donation-form.webform-submission-contact-form-cancel-donation-add-form{width: 100%; max-width: 650px; margin: 0 auto; box-shadow: 3px 4px 11px  #aaaaaa; padding: 25px; background: #fff; margin-top: 100px; margin-bottom: 40px; font-size: 15px;}
.user-register-form.user-form label, .user-login-form label, .user-pass label, .webform-submission-form.webform-submission-add-form.webform-submission-cancel-donation-form-form.webform-submission-cancel-donation-form-add-form label, .webform-submission-contact-form-cancel-donation-form.webform-submission-contact-form-cancel-donation-add-form label{display: block; font-weight: bold; font-size: 16px;}
.user-register-form.user-form .col-12, .user-login-form .col-12, .user-pass .col-12, .webform-submission-form.webform-submission-add-form.webform-submission-cancel-donation-form-form.webform-submission-cancel-donation-form-add-form .col-md-12, .webform-submission-contact-form-cancel-donation-form.webform-submission-contact-form-cancel-donation-add-form .col-md-12{padding: 0;}
.user-register-form.user-form .description, .user-login-form .description, .user-pass .description, .webform-submission-form.webform-submission-add-form.webform-submission-cancel-donation-form-form.webform-submission-cancel-donation-form-add-form .description{font-size: 15px; margin-bottom: 15px; margin-top: 0; line-height: 20px; padding-top: 0px !important;}
.user-register-form.user-form input, .user-login-form input, .user-pass input, .webform-submission-form.webform-submission-add-form.webform-submission-cancel-donation-form-form.webform-submission-cancel-donation-form-add-form input, .webform-submission-contact-form-cancel-donation-form.webform-submission-contact-form-cancel-donation-add-form input{width: 100%; height: 45px; border: 1px solid #ccc; margin-bottom: 15px; padding: 10px;}
.webform-submission-form.webform-submission-add-form.webform-submission-cancel-donation-form-form.webform-submission-cancel-donation-form-add-form textarea, .webform-submission-contact-form-cancel-donation-form.webform-submission-contact-form-cancel-donation-add-form textarea{width: 100%; height: 80px; border: 1px solid #ccc; margin-bottom: 15px; padding: 10px;}
.user-register-form.user-form .password-strength__meter{margin-bottom: 5px;}
.user-register-form.user-form .password-strength{margin-bottom: 15px;}
.password-strength__title{font-size: 15px;}
.user-register-form.user-form .js-form-item.form-item.js-form-type-checkbox{margin-bottom: 15px;}
.user-register-form.user-form .captcha_cod{width: 20%; display: inline-block; font-size: 22px; font-style: italic; color: #777;}
.user-register-form.user-form .button, .user-login-form .button, .user-pass .button, .webform-submission-form.webform-submission-add-form.webform-submission-cancel-donation-form-form.webform-submission-cancel-donation-form-add-form .button, .webform-submission-contact-form-cancel-donation-form.webform-submission-contact-form-cancel-donation-add-form .button{padding: 0;}
.webform-submission-form.webform-submission-add-form.webform-submission-cancel-donation-form-form.webform-submission-cancel-donation-form-add-form .js-form-item, .webform-submission-contact-form-cancel-donation-form.webform-submission-contact-form-cancel-donation-add-form .js-form-item{width: 46%; float: left; margin: 0 2%;}
.webform-submission-form.webform-submission-add-form.webform-submission-cancel-donation-form-form.webform-submission-cancel-donation-form-add-form .js-form-item.js-form-item-reason-of-cancelation, .js-form-item.form-item.js-form-type-textarea.form-item-reason-of-cancellation.js-form-item-reason-of-cancellation, .form-group.js-form-item.form-item.js-form-type-textarea.form-item-message.js-form-item-message{width: 96%; margin: 0 2%;}
.webform-submission-contact-form-cancel-donation-form.webform-submission-contact-form-cancel-donation-add-form .g-recaptcha{margin-bottom: 15px;}
.webform-submission-contact-form-cancel-donation-form.webform-submission-contact-form-cancel-donation-add-form .captcha{display: inline-block; margin-left: 2%;}
.webform-submission-contact-form-cancel-donation-form.webform-submission-contact-form-cancel-donation-add-form .form-group .form-control.fmsg5 {height: 100px;}



@media only screen   

and (min-device-width : 768px)   
and (max-device-width : 1024px)
{
.form_design2 input, .form_second_part select{height: 35px;}	
}



@media only screen and (max-width: 767px) { 
.desktop_rupee{display: none;}
.mobile_rupee{display: block; width: 100%;}
footer ul, .ftr-dec{margin-bottom: 15px;}
footer ul li{padding: 2px 0;}
.number-count{width: 100%; padding-bottom: 20px; border-bottom: 1px dotted #444;}
.title h1{font-size: 32px;}
.clps{color: #fff; cursor: pointer; clear: both; width: 100%; display: block; margin-bottom: 10px; padding: 5px 15px; background: #333;}
.collapse:not(.show){display: none;}
.stories{margin-bottom: 15px;}
.blog_part .card{margin-bottom: 15px;}
.blog_part .mt_30{margin-top: 0;}
.share-list ul{float: left;}
.share-list ul li{padding: 0 10px 0 0;}
.top-bar-left{display: block;}
.top-bar-left a{margin-bottom: 0;}
.header-top-bar{padding:6px 0 !important;}
.top-bar-right ul li a{color: #222;}
#header-top-menu-right{padding: 0;}
.top-bar-right ul{display: inline-block;}
header .top-bar-right ul li{width: 100%;}
.detail-content p{word-break: break-word;}
.hash{margin-top: -50px !important;}
.caption h2{font-size: 12px !important;}
.caption {right: 45% !important;}
.donation_left{margin-top: 20px;}
.navbar-brand.new_oxfamlogo img{width: 150px !important;}
.donate_prt a{font-size: 14px; padding: 5px;}
.navbar-brand{margin-right: 0 !important;}
.caption h2{margin-bottom: 10px !important;}
.payment-list img{width: 100%;}
.header-inside .logo img {max-width: 180px;}
.carousel-caption h5{font-size: 14px;}
.green-bg .newsletter-fields{display: block; width: 100%;}
.carousel-inner .carousel-item img{min-height: auto !important;}
}