@charset "utf-8";
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* CSS Document */
body{ font-family: 'robotoregular'; font-weight:normal; color:#232323; font-size:14px; }
select::-ms-expand { display: none; }
*::-moz-placeholder{ color: #323232 !important; opacity: 1 !important; }
*::-webkit-input-placeholder { color: #323232 !important; opacity: 1 !important; }
:-ms-input-placeholder { color: #323232 !important; opacity: 1 !important; }
textarea::-webkit-input-placeholder{ color: #323232 !important; opacity: 1 !important; } 
input, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="text"], input[type="search"]{ outline:0 !important; }
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }
a{ color:inherit; outline:0 !important; }
a:hover, a:focus{ text-decoration:none; }
ul{ padding:0; margin:0; }
ul li{ list-style-type:none; }
.nopadding{padding: 0px;}
.padding_left0px{padding-left: 0px;}
.padding_right0px{padding-right: 0px;}
/*============Header css============*/
header{position: absolute; box-shadow: 0px 0px 3px; width: 100%; background:#fff; z-index: 10000;}
.logo{float: left; padding: 5px 0px;}
/*.logo img{height:95px;}*/
.top-menu li{float: left; text-transform: uppercase;font-family: 'robotoregular';padding: 10px 20px; color: #1a104d;}
.top-menu{display: inline-block;margin-top:40px; }
.menu{ margin: auto;text-align: center; float: right;}
.top-menu li a:hover{border-bottom: 2px solid #ffcc10; color:inherit}
.user_details ul li{float: left}
.user_details ul li sup{float: right;}
.user_details .notification_count2{ background: #ffc100; border: 2px solid #fff;width: 23px;height: 23px; border-radius: 50px; float: left; box-shadow: -5px 2px 5px; line-height: 18px;text-align: center; position: relative; left: -5px;top:-5px}
.user_details .notification_count1{ background: #ffc100; border: 2px solid #fff;width: 27px;height: 20px; border-radius: 50px; float: left; box-shadow: -5px 2px 5px; line-height: 17px;text-align: center; position: relative; left: -5px;top:-5px}
.user_details{margin-top:40px;float: right}
.user_details ul li i{font-size: 20px; color:#1a104d}
.user_details ul li p{padding-left:10px;color: #1a104d;}
.user_details ul li p span{margin-left: 10px;}
.sub_submenu{display: none}
.top-menu li{padding:0px 15px 25px;position: relative;}
.sub_submenu li{padding: 10px 24px; float: left;  text-align: left;color: #fff}
.user-dropdown {
    background: #fff;
    padding: 10px 0px;
    width: 120px;
    position: absolute;
    top: 70px;
    right: 5%;
    box-shadow: 0px 0px 3px;
    z-index: 1000000;
}
.user-dropdown li {
    padding: 5px 20px;
    cursor: pointer;
}
.sub_submenu:before {
    content: "";
    width: 18px;
    height: 13px;
    display: block;
    background: url('../img/arow-symbol.png') center bottom no-repeat;
    left: 13px;
    position: absolute;
    top: -11px;
}
.user-dropdown li:hover{text-decoration: underline}
.top-menu li:hover .sub_submenu{display: block;position: absolute; background: #425caa;box-shadow: 0px 0px 3px;top:30px;padding:10px;}
/*============<header css>===============*/
.banner_top{margin-top:80px; float: left;width:100%}
.head-five ul li{float:left;width:16.6%; text-align: center; color:#fff;    background: url(../img/line_right.png) no-repeat scroll right center;}
.head-five ul li:nth-last-child(1){  background: none;}
.head-five ul li h2{display: table-cell; vertical-align: bottom; height: 70px; width:16.6%; font-family:'robotolight'; font-size:18px;    padding: 0px 10px;}
.head-five{background:#352a62; float: left; width:100%;padding: 10px 0px}
.banner_text p{ margin: auto;position: relative; top:0px;font-size:36px !important;color: #fff;  width: 70%;
    margin: 40px 15% 20px 15%;font-family: 'roboto'; line-height: 46px;}
/*.banner_text{background: url('../img/left-banner.jpg') no-repeat;}*/
.banner_text p span{font-family: 'roboto'; color:#232323; font-weight: bold }
.banner_text h6{position: absolute; bottom: 0px; width: 60%; margin: 0px 23% 40px;font-size:18px;color:#352a62;font-family: 'robotolight';text-transform: uppercase }
.volunter_gap{width:90%; margin: auto; background: red;}

.banner_top .head-four{    position: absolute; bottom: 0; z-index: 1000;background:rgba(53, 42, 98, 0.90);width:74%; padding:10px;}
.head-four p{color:#fccd1b; text-align: center;font-family: 'robotolight';margin-bottom: 0px; padding:20px 0px;font-size:18px;}
section{float: left;width:100%; }
.head-five ul li h3{font-family: 'roboto'; font-size: 46px; color:#fccd1b; font-weight: bold;}

.gap_title {position: absolute;bottom: 0;text-align: center;background: #ffd200;
    width: 100%; float: left;}
.gap_title p {font-size: 14px; margin-bottom: 2px; margin-top: 4px;}
.gap_onhovercont { transition: all 300ms ease-out 0s;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    text-align: center; background: rgba(53, 42, 98, 0.90); width: 100%;position: absolute; top: 100%; height: 100%;border:4px solid #fccd1b}
.gap_onhovercont::before{content: ""; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle;}
.gap_onhovercont a {width: 100px;line-height: 30px; padding: 3px 6px; color: #161617; background: #fff;font-size: 12px;}
.centered { display: inline-block; vertical-align: middle;}
.gap_div {overflow: hidden;    position: relative;}
.gap_div:hover .gap_onhovercont { top: 0;}
.gap_cont{background:#ffc100; text-align: center;padding: 14px 10px; float: left; width: 100%;border: 1px solid #fff;}
.gap_cont h2{font-family: 'robotolight'; color:#352a62; font-size: 22px;margin:0px;min-height: 50px;}
.gap_cont h2 span{font-family: 'roboto';font-weight: bold}
.gap_onhovercont ul li{float: left;border-right:1px solid #fff;padding: 0px 20px; color:#fff; font-size:16px; text-transform: uppercase}
.gap_onhovercont ul li:hover{color:#fccd1b}
.gap_onhovercont ul li:nth-child(2){border-right:0px;}
.gap_countblue{background: #84cfcd}
.gap_programs{padding: 60px 0px; float: left; width:100%}
.gap_blue:hover .gap_onhovercont{border: 4px solid #84cfcd;}
.gap_head h3:before{border-bottom: 2px solid #fccd1b; width:20px;}
.border_bottom{ border-bottom: 2px solid #ffad41; width: 50px;float: right; position: absolute;right: 0px;0px;}
.gap_head{float: left; width:100%}
.gap_head h3{float: left; width:auto;position: relative;color:#fff;font-family:'roboto';   margin-top: 0px; text-transform:uppercase; font-weight:bold}
.gap_services { display:inline-block; position: relative;width:100%;float: left;}
/*.gap_services:after { content:'';top: 0; left: 0; z-index: 10; width: 100%;height: 100%; display: block;  position: absolute; background: #352a62;opacity: 0.9;}*/
.gap_slider{z-index: 1000;position: relative;margin:0px; }
.gap_slider .gap_head h3{font-family: 'roboto'; text-transform: uppercase; font-weight: bold; font-size: 22px;color:#232323; margin-bottom:20px}
.gap_slider .gap_head span{color:#ffad41;}
/*.gap_center .slick-slide{width:auto !important}*/
.slider .mentor_name{background: #fff; padding:20px;}
.slider .mentor_name p{margin: 0px; color:#232323; font-size: 18px;}

.events_gap h3{font-size: 20px; color:#1c1352; font-family: 'roboto'; font-weight: bold; padding-bottom:20px;border-bottom:2px solid #eae0c1}
.events_gap h3 span{font-size: 16px; font-family: 'robotoregular'; font-weight: normal;}
.three_section {width: 273px;float: left;}
.gap_events::-webkit-scrollbar { width: 3px; height: 2em}
.gap_events::-webkit-scrollbar-track-piece { background: #ffd200}
.gap_events::-webkit-scrollbar-thumb { background: #352a62}
.gap_events{height: 400px;overflow-y: scroll; width: 100%;}
.events_gap { padding: 0px 20px 0px 0px;}

.gap_artcle h4{color:#1c1352; font-weight: bold; font-family: 'roboto' ; font-size:20px;}
.gap_artcle p{color:#1c1352; font-size: 16px; } 
.gap_artcle span{color:#ff6c00; text-decoration: underline;}
.view_gap{margin-top:70px;padding: 0px !important;padding-left:10px !important;}
.bg_events{ 
    background: -webkit-linear-gradient(left, #fff 64.4% , #352a62 35.6%); 
    background: -o-linear-gradient(right, #fff 64.4% , #352a62 35.6%); 
    background: -moz-linear-gradient(right, #fff 64.4% , #352a62 35.6%);
    background: linear-gradient(to right, #fff 64.4% , #352a62 35.6%);
    padding:45px 20px; margin-top: -6px;
}

.videos_gap{margin:0px;}
.videos_gap .gap_head h3{margin:0px; margin-left:30px;margin-bottom: 20px;}
.gap_videos h5 {font-size:16px; font-family: 'roboto'; color:#fff; padding:5px 20px;font-weight: lighter; line-height: 22px;}
.gap_videos h5 span{color:#ffd200}
.impact_story{background:url('../img/impact_story_bg.jpg') no-repeat; padding: 120px 0px; background-size: cover;}
.impact_story .gap_head h3{ position: relative; left: 40%;font-size: 22px;font-family:'roboto'; font-weight: bold;}
.impact_storytext{padding: 0px 70px}
.gap_impactserve h3{font-size:20px; font-family: 'roboto'; font-weight: bold; color:#1c1352; margin-top:0px;} 
.gap_impactserve p{font-size: 16px; font-weight: normal; color:#1c1352}
.gap_videostorytext p{text-align: center; margin-top:15px;color:#1c1352}

.gap_partner{padding: 60px 0px;}
.gap_partner .gap_head h3{margin-bottom: 10px;}
.gap_partner .gap_head h4{color:#5d5d5d;}

.gap_footer{ 
    background: -webkit-linear-gradient(left, #352d60 65% , #fccd1b 35%); 
    background: -o-linear-gradient(right, #352d60 65% , #fccd1b 35 );
    background: -moz-linear-gradient(right, #352d60 65% , #fccd1b 35%);
    background: linear-gradient(to right, #352d60 65% , #fccd1b 35%);
    padding:30px 0px 0px;color:#efebef;
}

.footer_logo .gap_head h3{color:#efebef; font-weight: bold; font-size: 22px;margin:40px 0px 20px;    text-transform: initial;}
.footer_logo .gap_head h3 span{color:#ffd200; font-family: 'roboto'; font-weight: bold;}
.footer_logo{width:300px;}
.footer_logo.right_hhh{float:right; width:270px;}
.mahatma_image img{float: right;}
.mahatma_image p { text-align: center;font-size: 18px; float: right;text-transform: uppercase; width: 250px; color: #352d60; margin-top: 30px; }
.mahatma_image span{float: right; font-size: 16px;text-transform: inherit;text-align: center;color: #352d60;     margin-top: 10px; margin-right: 10%;}
/*.gap_copyright p{background: #fff; padding: 10px; color:#232323;}*/
.gap_copyright{background: -webkit-linear-gradient(left, #fff 65% , #fccd1b 35%); 
    background: -o-linear-gradient(right, #fff 65% , #fccd1b 35 );
    background: -moz-linear-gradient(right, #fff 65% , #fccd1b 35%);
    background: linear-gradient(to right, #fff 65% , #fccd1b 35%);
    padding:10px 0px;color:#232323;
}
.gap_copyright p{color:#352d60; margin: 0px;}
.gap_copyright p span{float: right;}
.social_icons li{float: left; padding: 0px 5px;}
.head-four marquee{color:#fccd1b; font-size: 18px;}
.right_hhh h6{position: absolute; right:0px; top:-7px;}
.footer_logo p{float: left; margin-bottom: 0px;}
/*.item {
			
			transition: FadeIn 4s;
			opacity: 0;
			float: left;
		

		}
		.changed {
			opacity: 1;
		}
* {
  box-sizing: border box;
}*/

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btn-border {
  background-color: transparent;
  color: @black;
}

.btn-arrow {
  position: relative;
  transition: background-color 300ms ease-out;background: #fff; border-radius: 0px;width:100%;
}
 .btn-arrow span {
    display: inline-block;
    position: relative;
    transition: all 300ms ease-out;
    will-change: transform;
     font-size: 16px; color:#352a62;
     float: left;
  }
 .btn-arrow:hover span {
    transform: translate3d(-1rem, 0, 0);
  }
 .btn-arrow svg {
    position: absolute;
    width: 2.1em;
    right: 0px;
    right: 0rem;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 300ms ease-out;
    will-change: right, opacity;
    * {
      stroke-width: 5;
      stroke-color: transparent;
    }
  }
  .btn-arrow:hover svg {
    opacity: 1;
    right: -18rem;
  }
.view_gap:hover svg {
    opacity: 1;
    right: -4rem;
  }
.view_gap span{font-family: 'robotoregular'; text-decoration: none !important; color:#1c1352;}

.redirect_links{color:blue;}
.table .pre_assign a {color:blue;}


.gapservices_img {background: #dedede; padding: 96px 0px;}




/*==========changemakers css==============*/
.changemakers{padding: 100px 0px;}
.changemakers .gap_head{ z-index: 1000; }
.bannerchange_maker{margin-top:80px;}
.changemakers_text{ z-index: 1000}
.changemakers_yelow{background: -webkit-linear-gradient(left, #fccd1b 26% , #fccd1b 26%); 
    background: -o-linear-gradient(right, #fccd1b 26% , #fff 26% );
    background: -moz-linear-gradient(right, #fccd1b 26% , #fff 26%);
    background: linear-gradient(to right, #fccd1b 26% , #fff 26%);width:100%; float: left;}
.changemakers_skyblue{background: -webkit-linear-gradient(left, #84cfcd 26% , #fccd1b 26%); 
    background: -o-linear-gradient(right, #84cfcd 26% , #fff 26% );
    background: -moz-linear-gradient(right, #84cfcd 26% , #fff 26%);
    background: linear-gradient(to right, #84cfcd 26% , #fff 26%);width:100%; float: left;}
.changemakers_lightorange{background: -webkit-linear-gradient(left, #eae0c1 26% , #fccd1b 26%); 
    background: -o-linear-gradient(right, #eae0c1 26% , #fff 26% );
    background: -moz-linear-gradient(right, #eae0c1 26% , #fff 26%);
    background: linear-gradient(to right, #eae0c1 26% , #fff 26%);width:100%; float: left;}
.changemakers_three img{float: left;}
.changemakers_three .img_width{width:26%; float: left;}
.changemakers_three .my_new{padding: 20px;float: left}
.changemakers_three .my_new h4{margin: 0px;font-size: 18px; margin-bottom: 10px;color:#352a62;text-transform:uppercase;}
.changemakers_three .my_new h2{font-size: 36px; color:#352a62; margin: 0px; font-family: 'robotoblack'; }

.changemakers_three:hover .arow_hover{display: block;position: absolute;right:10%;bottom: 30%}
.btn-arrow:hover .arow_hover{display: block;position: absolute;right:63%;bottom: 11%}
.arrow_mentor_name{margin-top:60px;}
.btn_request:hover .arow_hover{display: block;position: absolute;right:10%;bottom: 20%}
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0s; 
    animation-delay: 0s; 
}
.fadeInDown {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
        
}
.apply_gap{    background: #352a62;  padding: 30px; float: left; width: 100%; margin-top: -15px; border-top: 1px solid #84cfcd; z-index: 1000; position: relative;}
.apply_gap select{width:100%; height:36px;padding-left:15px;}
.apply_gap button{background:#fccd1b;color:#352a62; border: 0px;padding: 7px 25px; width:120px;    text-align: left;padding-left: 35px; -webkit-transition: width 1s;
    transition: width 1s;}
.apply_gap button:focus{outline:0px;}
.custom-select {position: relative;display: inline-block;}
.custom-select  { display: inline-block; margin: 0;outline:none; line-height: 1.2;  background: #f8f8f8;  -webkit-appearance:none; width: 100%; }
.custom-select  {  padding-right:00px;  } 
.custom-select:focus {outline: 0px;    }
.custom-select:after { content: "";position: absolute; top: 3px; right: 3px;bottom: 0; font-size: 60%;line-height: 30px; padding: 0 7px; background: url(../img/arow_down.png) #84cfcd no-repeat top center;color: white;pointer-events: none;width: 30px;background-position-y: 50%;height: 30px; }
.no-pointer-events .custom-select:after {   content: none;    }
.remindmedropdown { overflow: hidden;background-color: #FFF;outline-color:#A7D5E4;color:#999;}
.remindmedropdown select { color: black; }
.remindmedropdown option:not(:checked) { color: black; }
.remindmedropdown option:checked { color: black; }
.remindmedropdown option[disabled]:first-child { display: none; }
.form_field{padding:40px 0px;}
.form_field p{padding-bottom:40px;}
.form_field .form-horizantal input{width:100%; padding-left:10px;border: 1px solid #c3c3c3; padding: 3px 10px;font-size: 18px;}
.form_field .form-horizantal label{font-weight:normal; color:#352a62;}
.form_field .form-horizantal textarea{width:100%;  padding-left:10px}
.cancel_submit .submit{background: #352a62; color:#84cfcd; border-radius: 3px;width:auto;border: 0px;    padding: 4px 15px;}
.cancel_submit .cancel{background: #84cfcd; color:#352a62; border-radius: 3px;width:auto;border: 0px;    padding: 4px 15px;}
.cancel_submit .submit:hover{background: #84cfcd;color:#352a62;}
.cancel_submit .cancel:hover{background: #352a62;color:#84cfcd;}
.form_field .cancel_submit{text-align: right; border-top:1px solid #dedede;float: left;  width: 100%; padding-top: 10px;}
.arow_hover{display: none;}
.arow_hover1{display: none;}
.mentor_name:hover .arow_hover{display: block;position: absolute; right: 6%; bottom: 40%;}
.arrow_mentor_name:hover .arow_hover{display: block;position: absolute; right: 63%; bottom: 20%;}
.slider .mentor_name{position: relative}

/*===============new request page===============*/
.new_request{background: url('../img/yellow-top-bannerbg.jpg') no-repeat; padding: 40px;width:100%} 
.newrequest_blue{background: #425caa; padding: 20px;width:100%} 
.newrequest_cream{background: url('../img/creeam-topbannerbg.jpg') no-repeat; padding: 40px;width:100%} 
.new_request .border_bottom{border-bottom: 2px solid #ffad41}
.request_back .back_white{background: #fff;border:0px; padding: 8px 25px;/*width:80px; */float: right; text-align: right; padding-right: 25px;-webkit-transition: width 2s; transition: width 2s;}
.request_back .arow_hover img {-ms-transform: rotate(-180deg); -webkit-transform: rotate(180deg);transform: rotate(-180deg);}
.request_back:hover .arow_hover{display: block;position: absolute; right: 8%; top: 15%;}
.animated1 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1s; 
    animation-delay: 1s; 
}
.fadeInDown1 {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
        
}
.animated3 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1s; 
    animation-delay: 1s; 
}
.fadeInDown3 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
        
}
.table_toprequest{margin-top:60px;}
.table_bg{background: url('../img/yellow-bg.jpg') no-repeat;padding:20px 30px;background-size: cover;margin-bottom:30px;}
.table_bluebg .table_bg{background: #ffad41;padding:20px 30px;background-size: cover;margin-bottom:30px;}
.table_creambg .table_bg{background: url('../img/cream-bg.jpg') no-repeat;padding:20px 30px;background-size: cover;margin-bottom:30px;}
.table_bg tr td:nth-child(1){text-align: right;font-family:'robotobold'; width:50%;float: left;color:#fff; font-size:18px;padding:15px 7px;}
.table_bg tr td:nth-child(2){text-align: left; width:50%;float: left; color:#fff; font-size:16px;padding: 15px 0px;}
.table_bg tr{background: url('../img/dotted-lines.png') no-repeat; height: 1px; background-size: 100%;}
.table_bg tr:nth-child(1){background: none;}
.table_bg tr td{border-top:0px !important; border:0px}
.table_bg .table{margin-bottom: 0px;}
.table_bg .table_open{background: #232323; border:0px solid #c0ad5d; border-radius: 4px;font-size: 14px;padding:3px 10px;color: #fff;}
.pagination{border-top:1px solid #dedede; width:100%; float: left; margin: 0px;}
.pagination ul li{float: left; padding: 0px 11px; line-height: 30px;}
.pagination ul{float: right; margin-top:10px;}
.pagination ul .active{background: #ffad41; color:#fff; border-radius: 50px; width:30px; height:30px;line-height:30px;}
/*.request_back:hover .back_white{width:165px;}*/
.request_hover:hover .btn_request{width:200px;}
.gap_leftimage{position: absolute}
.banner_width{    width: 70%; margin: auto; margin-left: 21%;}
 .testmonial_center .organ_carousel p {font-size: 18px; padding: 20px 0px 10px;color:#352a62; font-family:'roboto'; font-weight:bold}
 .testmonial_center .organ_carousel h6{font-size: 16px; padding: 0px 0px;color:#352a62; font-family:'roboto'; font-weight:bold}
 .testmonial_center .organ_carousel h6 span{font-weight: normal;}
.testmonial_yellow{background:#fccd1b; padding:20px;float:left; width: 100%;padding: 40px 0px 60px;}
.testmonial_width{width:80%; margin: auto}
.testmonial_yellow .impact_story{background: none;    padding: 40px 0px;}
.testmonial_yellow .impact_story h3{margin: 20px}
.testmonial_yellow .impact_story .border_bottom{border-bottom: 2px solid #352a62}

/*=======change maker form=========*/
.changemaker_form{background: #425caa;}
.border_registration{border:1px solid #dedede;padding: 40px 100px; float: left; width:100%}
.changemaker_form .gap_head h3{margin-bottom: 0px;}
.border_registration p{font-size: 18px; color:#352a62;font-family: 'roboto'; }
.border_registration ul{padding-left:20px;margin: 25px 0px}
.border_registration ul li{font-size: 16px; color:#352a62;font-family: 'roboto';  list-style-type: disc}
.changemaker_fields label{font-weight: normal;color: #352a62;font-family: 'roboto';font-size: 18px;}
.changemaker_fields input, .changemaker_fields select{width:100%;border:1px solid #c3c3c3; padding: 3px 10px;font-size: 18px;}
.changemaker_fields textarea{width:100%; padding-left:10px;}
.changemaker_fields select{width:100%; padding: 4px 10px;}
.changemaker_fields input:focus{border:1px solid #352a62; }
/*input:focus{border:1px solid #352a62 !important; }*/
textarea:focus{outline:0px;border:1px solid #352a62; }
select:focus{outline:0px;border:1px solid #352a62; }
.changemaker_fields *::-moz-placeholder{ color: #323232 !important; opacity: 0.7 !important; }
.changemaker_fields *::-webkit-input-placeholder { color: #323232 !important; opacity: 0.7 !important; }
.changemaker_fields :-ms-input-placeholder { color: #323232 !important; opacity: 0.7 !important; }
.changemaker_fields textarea::-webkit-input-placeholder{ color: #323232 !important; opacity: 0.7 !important; } 
.changemaker_fields .form-group{float: left; width:100%}
.register_table, th, td{border: 1px solid #c3c3c3;font-weight: normal;}
.register_table, th{color:#352a62; font-size: 16px;}
.other_language{border:0px !important;padding-left:10px;}
.checkbox_changemaker input{width:auto}
.checkbox_changemaker label{font-size:16px;padding-left:10px}
.mobile_menu{display: none}
.menu{display: block}
.bannerchange_maker .gap_imag{padding: 40px; width: 100%;}


.border_line{text-align: center;  border: 1px solid #dedede; padding: 40px;margin-bottom: 30px;}
.border_line h3{margin: 0px; color:#1c1352;margin-top:20px;font-size: 16px;text-transform: uppercase}
.border_line p{ color:#1c1352;font-size: 14px;}
.breadcrump ul li{color:#1c1352; border-right: 1px solid #9391a5;padding: 0px 10px;float: left;  margin: 0px 0px 30px;line-height: 12px;}
.breadcrump ul li:nth-last-child(1){border-right:0px;}
.personal_storie h3{font-size: 20px; font-weight: bold; margin-top:0px;color:#1c1352;}
.personal_storie p{font-size: 16px;color:#1c1352;}
.right_user{border:0px;border-right:2px solid #352d60;padding: 0px;}
.right_user p{margin-bottom: 0px;}



.banner_home{background: #ffad41; float: left; padding: 0px;width: 100%}
.sum-cont{width: 100% !important;}
.ffe_popup{margin-top:7%;z-index: 10000;}
.ffe_popup .modal-header{padding: 0px;border-bottom: 0px;}
.ffe_popup .modal-body{padding: 10px;}
.ffe_popup .modal-header .close { margin-top: -2px; background: #232323;color: #fff; font-size: 18px; border-radius: 50px; width: 25px; height: 25px; position: relative; right: -10px;opacity: 1}
footer {background: #232323;padding: 15px;color: #dedede;float: left; width: 100%;position:fixed;bottom:0px;z-index:10000;}
footer p{margin-bottom: 0px;float: left; width: 100%;}

.ffe_indextop{margin-top:140px;}
.login-page {
  width: 360px;
  padding: 2% 0 0;
  margin: auto;
}
.gap-form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.gap-form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.gap-form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #169fe6;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.gap-form button:hover,.gap-form button:active,.gap-form button:focus {
  background: #169fe6;
}
.gap-form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.gap-form .message a {
  color: #4CAF50;
  text-decoration: none;
}
.gap-form .register-gap-form {
  display: none;
}

.logo img{width:360px;}

.table-bordered thead td, .table-bordered thead th{color: #fff; background: #232323;}

.form1{background-color: #425caa; border-color: #425caa;}
.form1:hover{background-color: #f29b29; border-color: #f29b29;}
.form1:active{background-color: #f29b29; border-color: #f29b29;}
.form1:focus{background-color: #f29b29; border-color: #f29b29;}
.orange_bg{background-color: #425baa; border-color: #425baa;}
.orange_bg:hover{background-color: #425caa; border-color: #425caa;}
.orange_bg:active{background-color: #425caa; border-color: #425caa;}
.orange_bg:focus{background-color: #425caa; border-color: #425caa;}
.welcome-title{
	font-size:23px;
	margin-top: 20px;
	margin-left: 40px;
}
@media screen and (min-width:320px){

}
@media screen and (min-width:430px){

}
@media screen and (max-width:767px){

}
@media screen and (min-width:600px){

}
@media screen and (min-width:320px) and (max-width:600px){
/*changes made by rashmi*/
.newrequest_blue{
    padding:10px;
}
.create-event .table_toprequest{
margin-top:0px;
}
.row{
margin-left:0px;
margin-right:0px;
}
/*=========*/
	.logo img{width:85%;}
	.login-page {
		width: 100%;
	}
	header{
		position: relative;
	}
	footer{
		padding:0px;
	}
	.welcome-title {
		font-size: 15px;
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 0px;
	}
	.table_bluebg .table_bg{
		padding: 10px 20px;
	}
	.table_bg tr td:nth-child(1){
		font-size: 14px;
	}
	.table_bg tr td:nth-child(2){
		font-size: 12px;
	}
	.table_bg .table_open{
		font-size:12px;
	}
    .head-five ul li{width:100%; background: none;}
    .gapservices_img{background: none;}
    .gap_services:after{opacity: 1;}
    .gap_copyright {
    background: -webkit-linear-gradient(left, #fff 100% , #fccd1b 35%);
    background: -o-linear-gradient(right, #fff 100% , #fccd1b 35 );
    background: -moz-linear-gradient(right, #fff 100% , #fccd1b 35%);
    background: linear-gradient(to right, #fff 100% , #fccd1b 35%);}
    .bg_events{    background: -webkit-linear-gradient(bottom, #fff 71.4% , #352a62 28.6%);
    background: -o-linear-gradient(bottom, #fff 71.4% , #352a62 28.6%);
    background: -moz-linear-gradient(bottom, #fff 71.4% , #352a62 28.6%);
    background: linear-gradient(to bottom, #fff 71.4% , #352a62 28.6%);}
    .gap_bgwhite{margin-bottom: 40px;}
    .gap_artcle{margin-bottom: 40px;float: left;}
    /*.videos_gap{float: left;}*/
.gap_footer {
    background: -webkit-linear-gradient(bottom, #352d60 53% , #fccd1b 47%);
    background: -o-linear-gradient(bottom, #352d60 53% , #fccd1b 47% );
    background: -moz-linear-gradient(bottom, #352d60 53% , #fccd1b 47%);
    background: linear-gradient(to bottom, #352d60 53% , #fccd1b 47%);}
    .gap_copyright {
    background: -webkit-linear-gradient(left, #fff 100% , #fccd1b 35%);
    background: -o-linear-gradient(right, #fff 100% , #fccd1b 35 );
    background: -moz-linear-gradient(right, #fff 100% , #fccd1b 35%);
    background: linear-gradient(to right, #fff 100% , #fccd1b 35%);}
    .impact_storytext{padding: 0px;}
    .impact_story .gap_head h3{left:0px;}
    .impact_story{padding: 50px 0px 10px}
    .footer_logo {width: auto;}
    .footer_logo .gap_head h3{font-size: 14px;}
    .footer_logo p{font-size:12px}
    .footer_logo.right_hhh{float: none; width:auto; margin-top:40px; position: relative;}
    .footer_logo.right_hhh img{width:100%}
    .mahatma_image{margin-top:40px;padding-bottom: 30px;text-align: center; float: none;}
    .mahatma_image img{float: none;}
     .mahatma_image p{width:auto;}
     .mahatma_image span{width:auto;margin-bottom: 20px;}
    .right_hhh h6{font-size: 10px;top:70%; }
    .gap_copyright p{font-size: 12px;}
    .gap_copyright p span { float: right; position: relative;top: 20px; margin-bottom: 10px;}
    .border_registration{padding: 0px 10px 20px;}
    .mobile_menu{display: block;margin: 5px 0px ;}
    .logo{float: none; text-align: center;}
    .user-dropdown{position: relative; float: right;top:0px}
    .user_details{float: none; text-align: center; width:auto;}
    .user_details ul{display: inline-table}
    .bannerchange_maker { margin-top: 0px;} /* rashmi*/
    header{ height: 20%;padding: 10px 0px}
    .padding_left0px{padding-right:0px}
    .padding_right0px{padding-left:0px}
    .social_icons{margin-bottom: 40px; float: left;}
    .right_hhh p{margin-bottom: 30px;}
    .menu{display: none}
    .top_leftbanner{display: none;}
    .banner_top{margin-top:0px;}
    .banner_top .head-four{width:94%}
    .arrow_mentor_name:hover .arow_hover{right:35%;}
    .gap_copyright p{text-align: center;}
    .gap_copyright p span{width: 100%; text-align: center;}
}
@media screen and (min-width:601px) and (max-width:899px){
.head-five ul li{width:33%;}
.head-five ul li:nth-child(3){background: none;}
.banner_top .head-four{bottom: }
.bg_events{    background: -webkit-linear-gradient(bottom, #fff 52.4% , #352a62 48.6%);
    background: -o-linear-gradient(bottom, #fff 52.4% , #352a62 48.6%);
    background: -moz-linear-gradient(bottom, #fff 52.4% , #352a62 48.6%);
    background: linear-gradient(to bottom, #fff 52.4% , #352a62 48.6%);}
.gap_artcle{margin-bottom: 80px;}
.gap_footer {
    background: -webkit-linear-gradient(bottom, #352d60 42% , #fccd1b 42%);
    background: -o-linear-gradient(bottom, #352d60 42% , #fccd1b 42% );
    background: -moz-linear-gradient(bottom, #352d60 42% , #fccd1b 42%);
    background: linear-gradient(to bottom, #352d60 42% , #fccd1b 42%);}
    .mahatma_image{margin-top:60px; padding-bottom: 30px; float: left;}
    .gap_copyright {
    background: -webkit-linear-gradient(left, #fff 100% , #fccd1b 35%);
    background: -o-linear-gradient(right, #fff 100% , #fccd1b 35 );
    background: -moz-linear-gradient(right, #fff 100% , #fccd1b 35%);
    background: linear-gradient(to right, #fff 100% , #fccd1b 35%);}
    .gap_services:after{opacity: 1;}
    .gap_services{background: none;}
    .user_details { position: absolute; top: 0px; right: 0px;}
    .menu{width:100%}
    .banner_top{margin-top:190px;}
   .bannerchange_maker { margin-top: 200px;}
    .padding_left0px{padding-right:0px}
    .padding_right0px{padding-left:0px}
    .register_table, th{font-weight: normal}
    
}
@media screen and (min-width:900px) and (max-width:1100px){
.banner_top
}
@media screen and (min-width:900px) and (max-width:1100px){
.banner_text p{font-size: 30px; line-height: 30px;}

}
@media screen and (min-width:1100px) and (max-width:1290px){
.banner_text p{font-size:36px; line-height: 40px;}
}
@media screen and (min-width:1300px) and (max-width:1390px){
.banner_text p{font-size:40px; line-height: 50px;}
}
@media screen and (min-width:1200px){

}