/*
Theme Name: Arjish Kidney Foundation
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: Hermitage Softnet
Author URI: http://hermitagesoftnet.com
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arjish

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */



body{font-size:12px; font-family:Arial; margin:0; padding:0; background:#f0f7ff;}
.mainHeaderWrap{float:left; width:100%; background:url(images/header-bg_01.png) repeat-x; height:212px; margin-bottom:15px; margin-left: 0px!important;}
.wrapper1{width:100%; background:url(images/header-bg_01.png) repeat-x; height:212px; margin-bottom:15px; margin-left: 0px!important;}
.header{margin:0 auto; width:968px!important;}
.top-middle{width:968px; float:left; height:212px; background:url(images/top-middle.jpg) no-repeat;}

.top-marquee-box{width:100%; float:left; height:20px; line-height:20px; color:#FFF; overflow:hidden; font-size:13px; margin-top:36px;}

.top-marquee-box marquee{width:700px; float:left; margin-left:134px;}
.compName{float:left; width:400px; margin-top:35px}
.become-doner{float:right; margin-top:20px}
a{text-decoration:none;}
.main-slider-area{margin:0 auto; width:1000px}
.navigation{float:left; width:966px;   margin-left:17px; background:url(images/nav-bg_05.png) repeat-x; border-radius:7px; border:1px solid #004281; z-index:100;}


.slider-area{float:left; border:2px solid #004390; margin-top:35px; width:990px; padding:5px; height:324px; margin-bottom:10px; border-radius:5px}
.slider-fade-part{float:left; width:674px}
.slider-slog-part{float:right; width:316px}

.latest-news-main{float:left; width:100%; background:url(images/latest-news-bg_09.png) repeat-x; height:60px;}
.latest-news{margin:0px auto; width:970px; vertical-align:middle}
.latest-news-title{float:left; background:url(images/latest-news_09.png) no-repeat; height:45px; width:122px; margin-top:7px; margin-right:7px}
.latest-news-cont{float:left; line-height:60px; height:60px; width:840px; }


.main-bodyWrap{float:left; width:100%; margin-top:20px;}
.main-bodyWrap1{float:left; width:100%; margin-top:80px;}
.main-body-inner{margin:0 auto; width:970px;}
.leftCol{}
.leftCol-sidebar{border:1px solid #b1c7e0; padding:5px; background:url(images/upcomming-bg.jpg) repeat-x bottom #FFF; border-radius:7px;overflow: hidden;}
.leftCol-sidebar .heading{ background:url(images/title-bg-sidebar_03.png) repeat-x; height:37px; line-height:37px; text-align:center; color:#FFF; font-weight:bold; border-radius:5px;}
.leftCol-sidebar-images {margin:0 auto; text-align:center;margin-top:10px;  }
.leftCol-sidebar-images img{}

.how-can-help{ width:187px; background:url(images/title-bg-sidebar_03.png) repeat-x; height:37px; line-height:37px; text-align:center; color:#FFF; font-weight:bold; border-radius:5px; }

.social-icon{margin:10px 4px 7px 3px; border:none;}

.middleCon{float:left; /*width:522px; margin:0 0px 0px 25px;*/ background:url(images/midlle-img.jpg) no-repeat; /*height:534px;*/ padding: 25px 28px;}


.rightCol{width:199px}

.upcomming-title1{width:100%;font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#003885; margin-top:10px; text-align:center;}
.upcomming-title2{width:100%;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#b70d02; margin-top:5px; margin-bottom:10px; text-align:center;}

a .upcomming-bu{width:86px; float:left; height:29px; line-height:29px; background:url(images/upcomming-bu.jpg) repeat-x top; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; color:#FFF; text-decoration:none; margin:170px 0px 0px 54px; position:absolute;}
a .upcomming-bu:hover{ background:url(images/upcomming-bu.jpg) repeat-x bottom;}




a.donate-bu{height:29px; line-height:29px; background:url(images/upcomming-bu.jpg) repeat-x top; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; color:#FFF; text-decoration:none; margin:7px auto 0px auto;  padding:0px 12px;display:block;}
a.donate-bu:hover{ background:url(images/upcomming-bu.jpg) repeat-x bottom; text-decoration: none;color:#FFF; }

.how-can-we-help{width:187px; height:290px; float:left; background:url(images/how-can-we-help.png) no-repeat; margin-top:20px; padding:6px;}
.how-can-help-desc{ padding:0px 15px; margin:5px 0px 22px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-align:center;}

a.site-bu{height:43px; line-height:43px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:13px; background:url(images/site-bu.png) no-repeat top; text-align:center; font-size:13px;display:block;border-radius:5px;}
a.site-bu:hover{background:url(images/site-bu.png) no-repeat bottom;color:#FFF;text-decoration: none;}

.principle{width:100%; float:left; text-align:center; font-size:25px; color:#ba0e04; font-weight:bold; font-style:italic;}
.our-vision{width:100%; float:left; text-align:justify; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.our-mission{width:100%; float:left; text-align:justify; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:0px;}
.our-vision-title{width:100%; float:left; font-size:22px; color:#003986; font-weight:bold; margin-bottom:6px; margin-top:60px;}

.footer-main-box{width:100%; float:left; height:50px; line-height:50px; background:url(images/footer-bg.jpg) repeat-x; margin-top:25px;}
.footer-inner-box{width:968px; margin:0 auto; height:50px; }
.footer-menu{width:100%; float:left; height:auto;}
.footer-menu ul{margin:0px; padding:0px;}
.footer-menu ul li{float:left;  height:auto; /*background: url(images/footer-sep.jpg) right no-repeat; */
list-style: none;
border-right: 1px solid rgb(126, 10, 10);}
.footer-menu ul li a{float:left; line-height:50px; font-size:13px; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding:0 20px; }
.footer-menu ul li a:hover {color:#000;}
.footer-desc{width:100%; float:left; height:40px; line-height:40px; color:#333; text-align:center;}
.footer-desc a{color:#bb0f04; text-decoration:none;}
.footer-desc a:hover{color:#003f8d;}

.inner-left-column{width:100%; background: url(images/midlle-img.jpg) 232px -172px no-repeat; line-height:20px; color:#333; text-align:justify; font-size:13px;  }
.inner-page-title{ font-size:25px; color:#bd1106; text-align:left; margin-bottom:10px; font-weight:bold; border-bottom:1px dashed #bd1106; padding-bottom:11px;}
.inner-page-title span{color:#003a88;}


.register-form1{width:100%; margin-bottom:10px; line-height: 30px;}
.register-name{  margin-bottom:4px; font-size:12px; font-weight:bold; color:#333333;}
.register-input1{width:100%; float:left; height:28px; line-height:28px; padding:0px 10px; background:#fff; border:1px solid #d0d0d0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
.register-input1:focus{border:1px solid #b50000; background:#fff;}

.register-input2{width:322px; float:left; height:30px; line-height:30px; padding:5px; background:#fff; border:1px solid #d0d0d0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
.register-input2:focus{border:1px solid #b50000; background:#fff;}

.register-input3{width: 100%;
/* float: left; */
height: 98px; line-height:18px; padding:05px 10px; background:#fff; border:1px solid #d0d0d0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; resize:none;}
.register-input3:focus{border:1px solid #b50000; background:#fff;}

.Register-bu{width:auto; line-height:29px; padding:0px 15px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:12px; background:url(images/upcomming-bu.jpg) repeat-x top;  cursor:pointer; margin-right:10px; border:none; border-radius:5px; font-family:Arial, Helvetica, sans-serif; margin-top:15px;}
.Register-bu:hover{background:url(images/upcomming-bu.jpg) repeat-x bottom; }


.contact-left strong{color:#bb0f04;}

.map{width:280px; float:left; height:250px; background:#ececec; padding:4px; border:1px solid #999;}

.inner-points{width:100%; float:left; margin-top:7px;}
.inner-points ul{margin:0px 0px 0px 16px; padding:0px;}
.inner-points ul li{list-style:square; margin-bottom:7px;}

.title2{width:100%; float:left; font-size:14px; font-weight:bold; color:#003d8a; margin:16px 0px 6px 0px;}

.logos{width:100%; float:left;}
.logos img{border:4px solid #dcdcdc; margin:8px 5px; padding:5px; }

.event-main-box{width:100%; float:left; margin-bottom:10px; border:3px solid #dcdcdc; padding:10px;  border-radius:6px;}
.event-title{width: 100%;
float: left;
height: 34px;
line-height: 34px;
background: url(images/nav-bg_05.png) repeat-x bottom;
padding: 0px 15px;
border-radius: 6px;
color: #FFF;
font-size: 14px;
font-weight: bold;
margin-bottom: 7px;
/* background: blue; */ }

.main-gallery{ width:100%; height:auto; }
.main-gallery ul{ margin:0; padding:0; list-style:none;}
.main-gallery ul li{ float:left; margin:6px; list-style:none; text-align:center;  font-size:12px; padding:4px 4px 2px 4px !important; border:2px solid #CCC; border-radius:6px;  }
.main-gallery ul li img{ margin:0px; padding:0px; border:none; }
.main-gallery ul li:hover{ border:2px solid #004b99;  }

.inner-left-column a{color:#ba0e04;}
.inner-left-column a:hover{color:#00418f;}

.title3{width:100%; float:left; font-size:15px; color:#ba0e04; margin-bottom:0px; font-weight:bold; text-transform:uppercase;}

.about-service-box{width:100%; float:left; padding:15px; border-radius:9px; background:#FFF; border:1px solid #d6e8fd;}

.faq-q-title{width:100%; float:left; height:auto; margin-bottom:5px;}
.faq-q-title1{width:93%; float:left; height:auto; padding:6px 10px 6px 10px; background:#003986; color:#FFF; font-size:13px; font-weight:bold; text-transform:uppercase; line-height:18px; text-transform:uppercase; border-radius:5px;}
.question-box{width:33px; height:30px; line-height:30px; background:#c60000; color:#FFF; font-size:13px; color:#FFF; font-weight:bold; float:left; text-align:center; border-radius:5px;margin-right: 2%;}
.faq-answer{width:100%; float:left; height:auto; margin-bottom:13px;}
.faq-answer1{width: 80%; float: left; height:auto; text-align:left;}

.inner-points1{width:100%; float:left; margin-top:7px;}
.inner-points1 ul{margin:0px 0px 0px 16px; padding:0px;}
.inner-points1 ul li{list-style:decimal; margin-bottom:4px;}

.follow-us-icon a{width:100%; float:left; height:35px; margin-bottom:24px; line-height:35px;  font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#333; margin-top:8px;}
.follow-us-icon a img{float:left; margin-right:10px; margin-left:10px;}

.follow-us-icon a:hover{color:#c60000;}


form label.error  { color:red; margin:5px 0px 0px 159px; width: 160px; display: block}

.wrapper{width:100%;
background: url(images/header-bg_01.png) repeat-x;
height: 212px;}

img{max-width:100%;}
.logo{text-align: center;
padding: 47px 0PX 3PX 1PX;}

.scroll{width:700px;}

.mynav{width:966px;}

.footer{width:100%;
background:#bc1006;
margin-top: 20px;}

.main-wrapper{width:100%;}

.site-name{width:100%;
width:100%;
background:white;
text-align:center;
padding: 10px 0px;
}


#gallery a{
	display: block;
	margin-bottom:10px;
}

#gallery a img{
	width:100%;
}





@media only screen and (max-width: 480px) {    
	#gallery a img{
		height: 100px;
	}      
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    #gallery a img{
		height: 250px;
	}      
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
     #gallery a img{
		height: 200px;
	}      
}

@media only screen and (min-width: 959px) {
     #gallery a img{
		height: 150px;
	}      
}

.home_right_title,
.home_left_title{display:none;}

input#txtName,
input#txtEmail,
input#txtMobile,
textarea#txtAddress,
input#txtFName,
input#txtPhone,input#txtDOB,textarea#txtMessage,textarea#txtHowDoYou{ width:100%;}
input#txtName,
input#txtEmail,
input#txtMobile,
input#txtFName,input#txtPhone,input#txtDOB
{ height:30px;}

textarea#txtAddress,textarea#txtMessage,textarea#txtHowDoYou{ height:150px;}