html, body{
	font-family: 'Roboto', sans-serif;
    background: url(../images/body-bg.png) repeat #500805!important;
    background-attachment: fixed;
    font-size: 14px;
    background-size: 15%;
    background-position: 195px;
}
a, a:hover{
	text-decoration: none;
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 2560px) {
    .ul{
        display: flex!important;
    }
}
@media screen and (max-width: 1440px) {
    .ul{
        display: flex!important;
    }
}


.no-pd{
	padding: 0px!important;
}
.no-pd-rt{
	padding-right: 0px!important;
}

@media (min-width: 1200px){
	.container {
	    max-width: 1240px;
	}
}


.top-strip{
	background: #4a3131;
}
.top-strip a{
	color: #e4e4e4;
    font-size: 14px;
    padding: 10px 10px;
    display: inline-block;
}
.top-strip a:hover{
	color: #fff;
}
.top-strip a i{
	color: #cdcdcd;
}

header{
	background: #821914 url(../images/header-bg.jpg) center top;
	padding: 20px 0px;
}

.white-bg{
	background: #fff;
	margin-top: 20px;
}
.offwhite-bg{
	background: #fff url(../images/border-line.jpg) repeat-x;
    padding-bottom: 30px;
    padding-top: 25px;
    border-top: #fbd3d0 1px solid;
}
.logo {
    padding-top: 20px;
}
.logo img{
	width: 100%;
	height: auto;
	max-width: 555px;
}
.main-content-area{
	padding: 20px 5px 30px;
}
.navbar{
    padding: 0px;
}
.navigation {
    background: #fff;
}

.navigation ul li a{
	padding: 10px 25px 10px 32px!important;
    display: block;
    font-size: 16px;
    color: #8c241f;
    background: url(../images/menu-bg.png) no-repeat 15px 11px;
}

.navigation ul li a:hover, .left-menu ul li .active{
	color: #333;
}
.navigation ul .current_page_item a{
	color: #000!important;
	font-weight:700!important;
}
.navigation ul li:hover .sub-menu{
	display: block;
}
.sub-menu{
	position:absolute;
	background: #fff;
    box-shadow: 1px 2px 5px #4f4f4f;
	z-index:999;
}
.dropdown-divider{
    margin: 0px;
}
.banner-area{
	max-height:340px;
	overflow:hidden;
}
.banner-area img{
	width: 100%;
    height: auto;
	max-height:338px;
    border: 1px solid #d8625f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mem-img{
	padding-bottom: 15px;
}

.home-content{
	padding: 30px 0px 0px 15px;
}
.home-content h1 {
    font-size: 22px;
    font-weight: 400;
    color: #821914;
}
.home-content h1 span{
	font-weight: 500;
}
.home-content p {
    color: #666;
    line-height: 26px;
    text-align: justify;
}
.home-content p img {
    float: right;
    margin-left: 30px;
    margin-bottom: 10px;
    margin-top: -30px;
}

.home-login {
    margin-top: 60px;
    background: #811914;
    border: 1px solid #500805;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    padding: 0px 20px 35px;
    text-align: center;
}
.login-img {
    text-align: center;
    margin-top: -40px;
    margin-bottom: 20px;
}
.home-login button{
	background: #ff8d12;
    border: 1px solid #ff8c13;
    padding: 10px 0px;
}
.home-login a{
    color: #fff;
}



/* ----------------------------------- 2nd Fold */
.president-area{
    padding-left: 20px;
}
.president-img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    border: 8px solid #560f0c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.president-img img{
    border: 1px solid #c79090;
}
.president-area h2 {
    font-size: 24px;
    font-weight: 400;
    color: #821914;
    margin-top: 40px;
    margin-bottom: 30px;
}

.president-area h3 {
    font-size: 18px;
    margin-top: 60px;
    color: #3e3e3e;
}
.president-details span {
    font-weight: 500;
}
.president-details a {
    font-size: 15px;
    color: #353535;
    line-height: 30px;
    text-decoration: underline;
}
.president-details a i{
    font-size: 16px;
    margin-right: 10px;
    color: #500805;
}
.president-details a:hover{
    color: #333;
}
.president-message{
    color: #666;
    text-align: justify;
    line-height: 26px;
}
.others-members{
    text-align: center;
}
.others-members h2 {
    font-size: 24px;
    font-weight: 400;
    color: #821914;
    margin-top: 40px;
    margin-bottom: 20px;
}
.other-mem-frame{
    background: #811914;
    padding: 20px 0px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 220px;
    margin: auto;
    margin-bottom: 20px;
}
.other-mem-img img{
    width: 160px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.other-mem-subtitle{
    padding-bottom: 10px;
    color: #fff;
}
.other-mem-title{
    font-size: 16px;
    padding-top: 10px;
    color: #fff;
}

.news-event-area {
    background: #f3f3f3 url(../images/border-line.jpg) repeat-x;
    padding: 60px 20px 40px;
    border-top: 1px solid #d2d2d2;
}
.news-heading {
    color: #880c0f;
    font-size: 22px;
    border-bottom: 1px solid #dccacb;
    padding-bottom: 5px;
}
.news-heading span a{
	float: right;
    background: #880c0e;
    padding: 5px 20px;
    font-size: 13px;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-top: -1px;
}
.news-list{
    padding-top: 20px;
    overflow: hidden;
    height: 240px;
}
.news-list ul li {
    width: 200px;
    display: inline-block;
    margin-right: 15px;
}
.news-photo-holder {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #880c0e;
    overflow: hidden;
    background: #fff;
    padding: 2px;
}
.news-photo-holder img {
    width: 100%;
    height: 210px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.membership-img {
    text-align: center;
}
.membership-img img{
	width: 100%;
	height: auto;
    max-width: 250px;
}

.photo-gallery-area{
	padding: 50px 30px 40px;
    background: #fff url(../images/border-line.jpg) repeat-x;
    text-align: center;
    border-top: 1px solid #ccc;
}
.photo-gallery-area h2 {
    font-size: 24px;
    font-weight: 400;
    color: #8e0a04;
    margin-top: 0px;
    margin-bottom: 30px;
    text-align: center;
}
.photo-holder {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;
    border: 2px solid #b72c33;
}
.photo-holder img{
	width: 100%;
	height: auto;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border: 1px #e6dada solid;
}
.viewall{
	padding: 10px 30px;
    color: #a23f3b;
    text-align: center;
    display: inline-block;
    border: 1px solid #a23f3b;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-top: 40px;
}
.viewall:hover{
	color: #ff9c5d;
	border: 1px solid #ff9c5d;
}


footer{
    color: #fff;
}
.footer-bg{
    background: #821914;
    padding: 20px;
}
footer i{
    float: left;
    margin-right: 5px;
}
footer a{
    color: #fff;
}
footer a:hover{
    color: #fff;
}
footer h2{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
footer ul li {
    padding: 5px 0px;
}
footer .row{
    margin-bottom: 0;
}
.newsletter{
    padding-top: 20px;
}


.newsletter button{
    background: #666;
    border: none;
    margin-left: -4px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
.copyright{
    text-align: center;
    background: #333;
    padding: 15px;
    margin-top: 20px;
    border-top: 1px solid #962621;
}
.carousel-control-next, .carousel-control-prev{
	background: none;
	width: 6%;
}
.carousel-control-next, .carousel-control-prev{
    opacity: 1;
}


.contactus-area h1{
    font-size: 24px;
    font-weight: 500;
    color: #8e0a04;
    padding-top: 10px;
}
.contactus-area h3, .aboutus-area h3{
    font-size: 18px;
    padding-top: 30px;
}
.contact-text, .aboutus-text{
    font-size: 16px;
    line-height: 28px;
    color: #555;
}
.event-gallery .photo-holder{
    margin-bottom: 20px;
	max-height: 188px;
    overflow: hidden;
}
.event-gallery h1{
    font-size: 22px;
    font-weight: 400;
    color: #821914;
    padding-bottom: 20px;
    padding-top: 10px;
}
.event-gallery h2{
	display:none;
}
.tab-content{
    margin-top: 20px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border-color: #bb6266 #bb6266 #fff;
    color: #bb6266;
}
.nav-tabs {
    border-bottom: 1px solid #bb6266;
}
.nav-tabs .nav-link{
    color: #333;
    font-weight: 500;
}

/*------------------------------------- Responsive */
@media screen and (max-width: 1024px) {
    .top-strip a span{
        display: none;
    }
    header{
        padding: 10px 0px;
    }
    .logo{
        padding-top: 0px;
        text-align: center;
    }
    .logo img{
        width: 100%;
        height: auto;
        max-width: 350px;
    }
    .m-hide{
        display: none;
    }
    .navigation button{
        margin-left: 10px;
        padding: 10px;
    }
    .no-pd-rt {
        padding-right: 15px!important;
    }
    .mem-img {
        padding-top: 15px;
        float: right;
        width: 49%;
    }
    .donate-img {
        float: left;
        width: 49%;
        padding-top: 15px;
    }
    .mem-img img, .donate-img img{
        width: 100%;
        height: auto;
    }
    .home-content {
        padding: 15px 0px 0px 0px;
    }
    .home-content h1{
        font-size: 20px;
    }
    .president-area {
        padding-left: 0px;
    }
    .membership-img{
        padding-top: 30px;
    }
    .newsletter button{
        margin-top: -12px;
    }
    .pd-5{
        padding: 0px 5px!important;
    }
    .photo-gallery-area{
        padding: 50px 10px 30px;
    }
    .contact-text{
        padding-bottom: 30px;
    }
    .contactus-area h3{
        padding-top: 15px;
    }
}

/*-----jobs-page-------*/
.form-content h5 {
    color: #555;
    font-weight: 400;
    font-size: 15px;
}

.col label span {
    color: #dc3545;
    font-weight: 500;
}

.custom-select {
    display: inline-block;
    width: 26%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    
}

button.btn.btn-primary.apply {
    padding: 7px 30px;
    background: #62130e;
    border: none;
}
button.btn.btn-primary.apply:hover {
    padding: 7px 30px;
    background: #fd7e14;
    border: none;

}
.form-group span {
    color: #dc3545;
}
.form-field-area {
    background: #f2f0ef;
    padding: 27px 32px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    margin-top: 25px;
}

/*------matrimony------*/
.date input {
    border: 1px solid #cdcdcd;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.business-heading h1 {
    margin-bottom: 25px;
	font-size: 20px;
}

/*-----business-directory-----*/

.img-left img {
    width: 100%;
    height: auto;
    margin: 10px 10px;
}
.img-content h4 {
    color: #912403;
    margin-top: 18px;
    font-size: 16px;
    margin-bottom: 0px;
}
.img-content h5 {
    font-size: 16px;
    padding-top: 5PX;
}
.image-area {
    margin-bottom: 20px;
    background: #f1f1f1;
    border: 1px solid #dddcdc;
}
.mem-email-icon{
	background: url(../images/mem-email.png) no-repeat left 4px;
    padding-left: 30px;
    line-height: 30px;
}
.mem-phone-icon{
	background: url(../images/mem-phone.png) no-repeat left 4px;
	padding-left: 30px;
	line-height: 30px;
}

.all-member-list{
	padding:20px;
}
.all-member-list h1{
	text-align:center;
}
.all-member-list table{
	width: 100%;
}
.all-member-list table {
    border-collapse: collapse;
    width: 100%;
}

.all-member-list table td, .all-member-list table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.all-member-list table tr:nth-child(even){background-color: #f2f2f2;}

.all-member-list table tr:hover {background-color: #ddd;}

.all-member-list table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #f1703c;
    color: white;
}