@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea, ul, li { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;/* list-style:none;*/ box-sizing: border-box; }
ul, li{list-style-type:none;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0 }

/* remember to define focus styles! */
:focus { outline: 0; }
a { text-decoration: none; }
img { border: 0 none; max-width: 100%;width:100%;}
a { outline: none; cursor: pointer; }
:focus{outline: none;}
a:hover {
	color: #fff;
	text-decoration: underline;
}
/* End Clearfix */

/* For IE 6/7 (trigger hasLayout) */
a, button, .btn { outline: none !important; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; text-decoration: none !important; }


@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/Raleway-Regular-webfont.eot');
    src: url('../fonts/Raleway-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway-Regular-webfont.woff') format('woff'),
         url('../fonts/Raleway-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Raleway-Regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{width:100%;float:left;margin:0 auto;padding:0;font-family: 'Raleway', sans-serif;}
.container{max-width:1000px;padding-left:15px;padding-right:15px;}
.navbar > .container, .navbar > .container-fluid {display: inline-block;}
.header_top{width:100%;float:left;padding: 37px 0px;vertical-align:middle;}
.navbar-light .navbar-brand {margin-right: 40px;}
.header_bottom{width:100%;float:left;background-color:#1989ea;box-shadow: 0px 5px 10px #b4b4b4;}
.navbar-expand-lg {flex-flow: wrap;}
.navbar {padding: 0;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {color: #fff;background-color: #0d518b;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff;background-color: #0d518b;}
.navbar-light .navbar-nav .nav-link {color: #fff;padding:12px 6px;font-family: 'ralewayregular';font-size:15px;text-align:center;}
.sign_up_don {float: right;vertical-align: middle;background-color: #1481ce;color: #fff;padding: 10px;border-radius: 10px;	margin:30px 0px;font-family: 'ralewaysemibold';font-size:17px;}
.sign_up_don:hover, .sign_up_don:focus{background-color: #0d518b;color:#fff;}
.mid_sec{width:100%;float:left;}
.banner_sec{width:100%;float:left;}
.banner_inner{width:100%;float:left;position:relative;}
.banner_txt{position:absolute;bottom:40px;left:6%;width:50%;}
.banner_txt h1 {background-color: rgba(0,0,0,0.37);color: #fff;padding: 10px 20px;margin-bottom: 15px;text-transform: uppercase;text-align: left;font-size: 33px;font-family: 'ralewayregular';display: inline-block;float: left;}
.big_font{font-size:45px;}
.two_box_sec {
	width: 100%;
	float: none;
	display: table;
	height: 100%;
	vertical-align: top;
	padding-top: 15px;
}
.two_box_one {
	padding-right: 15px;
	padding-left: 0;
	float: none;
	display: table-cell;
	height: 100%;
	vertical-align: top;
	width:60%;
}
.two_box_two {
	padding-left: 15px;
	padding-right: 0;
	float: none;
	display: table-cell;
	height: 100%;
	vertical-align: top;
	width:40%;
}
.two_box_img {
	width: 100%;
	float: none;
	position: relative;
	height: 100%;
	vertical-align: top;
}
.custom_img {
	display: block;
	height: 100%;
}
.two_box_img_content {
	position: absolute;
	left: 80px;
	bottom: 40px;
}
.two_box_img_content h6{
	font-size:37px;
	font-family: 'ralewaybold';
	color:#fff;
	text-shadow: 2px 2px 2px #000;
	margin-bottom:5px;
}
.two_box_img_content h5{
	font-size:54px;
	color:#fff;
	text-shadow: 2px 2px 2px #000;
	margin-bottom:5px;
	font-weight:800;
}
.two_box_img_content h4{
	font-size:37px;
	font-family: 'ralewayregular';
	color:#fff;
	text-shadow: 2px 2px 2px #000;
	margin-bottom:5px;
}
.two_box_img_content h3{
	font-size:41px;
	font-family: 'ralewaybold';
	color:#fff;
	text-shadow: 2px 2px 2px #000;
	margin-bottom:5px;
}
.two_box_img_content .signup_btn {
	font-family: 'ralewaysemibold';
	font-size: 22px;
	color: #fff;
	border: 2px solid #fff;;
	background: rgba(0,0,0,0.2);
	padding: 5px 17px;
	border-radius: 10px;
	display: inline-block;
	margin-top:30px;
}
.two_box_img_content .signup_btn:hover{
	border: 2px solid #fff;;
	background:#1481ce;	
}
.two_box_img_content.custom {
	position: absolute;
	left: 80px;
	bottom: 40px;
}
.two_box_img_content.custom .signup_btn{
	margin-top:54px;
	margin-left:65px;
}
.two_box_img_content.custom h6{
	margin-bottom:15px;
}
.two_box_img_content.custom h5{
	margin-bottom:15px;
	font-weight:800;
}
.two_box_img_content.custom h4{margin-bottom:15px;margin-left:65px;}
.sec_three{width:100%;float:left;background:#fff;}
.sec_three .sec_title{font-size:29px;font-family: 'ralewaysemibold';color:#0d518b;margin:20px 0px;text-align:center;}
.sec_three_ul {width: 100%;float: none;margin: 0 auto;padding: 0;border-top: 4px solid #07b9e6;position: relative;display: table;height: 100%;vertical-align: top;}
.sec_three_ul::before {position: absolute;content: "";left: 50%;width: 0;height: 0;border-left: 10px solid transparent;	border-right: 10px solid transparent;border-bottom: 15px solid #07b9e6;top: -15px;}
.three_hover_txt h4{font-size:20px;font-family: 'ralewaysemibold';color:#fff;margin-bottom:5px;}
.three_hover_txt h5{font-size:16px;font-family: 'ralewayregular';color:#fff;margin-bottom:5px;}
.three_hover_txt h6{font-size:16px;font-family: 'ralewayregular';color:#fff;margin-bottom:5px;}
.read_btn {background: #0d518b;color: #fff;padding: 5px 10px;border-radius: 10px;border: 1px solid #fff;margin-top:20px;display:inline-block;}
.read_btn:hover{background:#fff;color:#0d518b;}
.sec_three_box{width:100%;float:left;position:relative;height:100%;}
.three_hover_txt {position: absolute;top: 0;left: 0;right: 0;text-align: center;background-color:rgba(0,162,243,0.8);height: 100%;padding-top: 93px;display: none;transition: all 0.5s ease-in-out 0s;border: 2px solid #fff;}
.sec_three_ul li{display:table-cell;height: 100%;vertical-align: bottom;}
.sec_three_ul li img{height:100%;}


/*.sec_three_box:hover .three_hover_txt{display:block;height:100%;}*/
.sec_three_ul li:nth-child(1){width:20%;}
.sec_three_ul li:nth-child(2){width:30%;}
.sec_three_ul li:nth-child(3){width:20%;}
.sec_three_ul li:nth-child(4){width:30%;}

.sec_three_ul_two{position: relative;display: table;height: 100%;vertical-align: top;width:100%;}
.sec_three_ul_two li{display:table-cell;height: 100%;vertical-align: bottom;}
.sec_three_ul_two li img{height:100%;}
.sec_three_ul_two li:nth-child(1){width:30%;}
.sec_three_ul_two li:nth-child(2){width:20%;}
.sec_three_ul_two li:nth-child(3){width:30%;}
.sec_three_ul_two li:nth-child(4){width:20%;}

.sec_four{width:100%;float:left;background-image:url(../images/bg_img.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;padding:95px 0px;}
.sec_four{width:100%;float:left;}
.sec_four_ul{width:100%;float:left;margin:0 auto;padding:0;text-align:center;}
.sec_four_ul li{width: 29.88%;margin:0px 25px;display:inline-block;}
.sec_four_ul li:first-child{margin-left:0;}
.sec_four_ul li:last-child{margin-right:0;}
.sec_four_ul li h2{color:#11548d;font-family: 'ralewaysemibold';font-size:25px;margin-bottom:20px;}
.box_link img {box-shadow: 0px 0px 20px 2px #ebebeb;padding: 3px;}

.sec_five{width:100%;float:left;background-image:url(../images/bg2.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;padding:50px 0px;min-height:400px;}
.sec_five_box{width:100%;float:left;}
.sec_five_inner{width:100%;float:left;}
.sec_five_inner h2{font-size:50px;font-weight:800;text-shadow: 2px 2px 2px #000;color:#fff;margin-bottom:20px;}
.sec_five_inner p{font-size:20px;font-family: 'ralewaysemibold';color:#fff;text-shadow: 2px 2px 2px #000;}
.donor_btn {color: #fff;background-color: #1481ce;padding: 5px 10px;border-radius: 10px;border: 2px solid #fff;display: inline-block;margin-top:50px;font-size:18px;font-family: 'ralewaysemibold';width:26%;display:block;text-align:center;}
.donor_btn:hover{background: rgba(0,0,0,0.2);}
.donor_btn.two{margin-top:20px;display:block;width:26%;}

footer {width: 100%;float: left;background-color: #0d518b;padding: 50px 0px;}
.footer_box{width:15%;float:left;color:#fff;margin-right:20px;}
.footer_box:first-child{width:20%;}
.footer_box:last-child{margin-right:0;width:26.7%;}
.footer_box h3{font-size:25px;font-family: 'ralewaysemibold';color:#fff;margin-bottom:20px;}
.footer_box ul li a{font-size:12px;font-family: 'ralewaysemibold';color:#fff;}
.footer_box ul li a:hover{color:#000;}
.footer_box.last_sec h3{margin-bottom:10px;}
.footer_box_form input[type="text"]{font-family: 'ralewayregular';font-size:12px;color:#000;padding:15px;width:100%;}

.footer_box_form input::-webkit-input-placeholder {
 color: #9e9e9e;
  font-size:12px;
  opacity: 1;
}
.footer_box_form input::-moz-placeholder { 
 color: #9e9e9e;
  font-size:12px;
  opacity: 1;
}
.footer_box_form input:-ms-input-placeholder { 
 color: #9e9e9e;
  font-size:12px;
  opacity: 1;
}
.footer_box_form input:-moz-placeholder { 
 color: #9e9e9e;
 font-size:12px;
 opacity: 1;
}

.footer_bottom{width:100%;float:left;background-color: #0d518b;padding: 30px 0px;}
.footer_bottom_left h5{font-size:13px;color:#fff;float:left;margin-top:15px;}
.social_icon{width:100%;float:right;padding:0;margin:0;text-align:right;}
.social_icon li{display:inline-block;margin-right:6px;transition: all 0.5s ease-in-out 0s;}
.social_icon li:last-child{margin-right:0;}
.social_icon li a img{border-radius: 5px; filter: none;-webkit-filter: grayscale(0%); }
.social_icon li:hover a img {filter: gray; /* IE6-9 */-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}
.banner_txt.inner_banner_txt {right: inherit;width: auto;bottom:30%;left:14%;}
.content_sec{width:100%;float:left;margin:50px 0px;}


h3 {font-family: ralewayregular; font-size:20px; padding:0 0 15px; margin:0; color:#0d518b; font-weight:700;}
h4 {font-family: ralewayregular; font-size:18px; padding:0 0 15px; margin:0; color:#ed1c24; font-weight:700;}

ul.main-list { margin:10px 0 15px 15px; padding:0; list-style-type:none; width:100%; float:left;}
ul.main-list li { margin:0 0 10px; padding:0; width:48%; float:left; line-height:25px; position:relative;}
ul.main-list li::before { content:"\2022"; position:absolute; left:-20px; top:0px; font-size:32px; color:#1989ea;}

ul.main-list2 { margin:10px 0 15px 15px; padding:0; list-style-type:none; width:100%; float:left;}
ul.main-list2 li { margin:0 0 10px; padding:0; width:100%; float:left; line-height:25px; position:relative;}
ul.main-list2 li::before { content:"\2022"; position:absolute; left:-20px; top:-3px; font-size:32px; color:#1989ea;}

ul.result-info { margin:30px 0; padding:0; text-align:center; list-style-type:none;}
ul.result-info li { margin:0 15px; padding:0; display:inline-block; vertical-align:top; width:25%; font-size:18px; color:#000; font-weight:700;}
ul.result-info li span { width:100%; float:left; display:block; font-size:24px; color:#0d518b;}

.form-data ul li { margin-bottom:15px;}
.form-data input[type=text] { border:solid 1px #ccc; padding:5px; width:100%;}
.form-data select {border:solid 1px #ccc; padding:5px; width:100%;}
.form-data textarea {border:solid 1px #ccc; padding:5px; width:100%;}
.form-data input[type=submit] { background:#0d518b; border:0; color:#fff;padding:5px 15px; cursor:pointer;}
.form-data input[type=submit]:hover { background:#333;}

.has_error { border: #F00 1px solid !important;}
.has_error .has_error { border:0 !important;}

.bottom_box{width:100%;float:left; margin:20px 0 0; font-size:12px; background:#efefef; padding:15px;}
.bottom_box p { margin:0;}

.navbar-brand.organ-logo { border-right: solid 1px #ccc; margin-right:26px;}
.toggle_btn {width: 100%;float: left;}
.kokilaben_logo img{height:100px;}
.our_video{margin-bottom:30px;}


/*------------------------------- POPUP CSS --------------------------------------------*/
.user_popup {background-color: #000;padding: 15px;display: inline-block;position: fixed;bottom: 0;left: 0;right: 0;z-index: 999999;}
.user_content{width:100%;float:left;position:relative;}
.user_content::before {content: "X";position: absolute;top: -30px;right: 0;color: #000;background: #fff;border-radius: 50%;	width: 30px;height: 30px;line-height: 31px;text-align: center;display: inline-block;float: left;cursor:pointer;font-weight: bold;font-size: 20px;}
.user_popup p{color:#fff;margin:0;font-size:15px;}
/*------------------------------- POPUP CSS --------------------------------------------*/

.result-info li img {width: 100px;}

.alert-danger{ color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; }