@charset "utf-8";

/* CSS Document */
.validation-summary-valid {
    display: none;
}

.validation-summary.validation-summary-error {
    display: block;
}

.validation-summary-errors ul li:nth-child(n+1) {
    display: none;
}
/*@font-face {
    font-family: "Cervo";
    src: local('O'), url("../../fonts/regular.eot") format("embedded-opentype"), url('../fonts/pixelated.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}*/

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

@font-face {
    font-family: "Cervo-bolder";
    src: url("../../fonts/medium.ttf") format("truetype");
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: url("../../fonts/Raleway-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Raleway-bolder";
    src: url("../../fonts/Raleway-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: bolder;
}

@font-face {
    font-family: "Raleway-bold";
    src: url("../../fonts/Raleway-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bolder;
}


:focus{

	outline: 0 none !important;

}

:active{

	outline: 0 none !important

}

ul, ol{

	margin: 0;

	padding: 0;

	list-style: none;

}

a{

	color: #58595b;

	-webkit-transition: all 0.3s ease-in-out; 

	-moz-transition: all 0.3s ease-in-out; 

	-o-transition: all 0.3s ease-in-out; 

	-ms-transition: all 0.3s ease-in-out; 

	transition: all 0.3s ease-in-out;

}

a:hover{

	color: #800020;

	text-decoration: none;

}

p{ text-align:justify; line-height:22px}

.clear{

	clear: both;

}

img{

	border: 0 none;

	width:auto; max-width:100%;

}

textarea.form-control{

	height: 130px;

}

.bold{

	font-weight: 600;

}


/*Portla font and color*/
body, html{

	font-family: "Raleway", sans-serif;

	font-size: 14px;

	color: #58595b;

	font-weight: 400;

    letter-spacing: 0.03em;

}

h2 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 800;
    padding: 0 0 30px 0;
    font-family: "Cervo";
    letter-spacing: 0.03em;
}

h2:after{

	content: "";

	display: block;

	/*border-bottom: 1px solid #896e4b;*/

	position: absolute;

	width: 180px;

	padding-top: 10px;

}

h1 {
    font-size: 36px;
    font-weight: 500;
    color: #800020;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: "Cervo";
    letter-spacing: 0.03em;
}

h3 {
    font-size: 20px;
    font-weight: normal;
    color: #800020;
    text-transform: uppercase;
    margin: 15px 0;
    font-family: "Cervo";
    letter-spacing: 0.03em;
}

.logo{

	margin: 10px 0;

}



/* Navigation */

.navbar{

	background: #596F7E;

	border-radius: 0;

}


.navbar-nav > li > a{

    font-size: 13px;

    font-weight: 600;

    padding:14px 8px;

    text-transform: uppercase;

    transition: none 0s ease 0s;
}

.navbar-default .navbar-nav > li > a{

	color: #7A271E;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{

	background: none;

	color: #fff;

	border-bottom: 2px solid #fff;

}

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

	background: none;

	color: #7A271E;

	border-bottom: 2px solid #fff;

}

.navbar{

	margin-bottom: 0;

}

.top-list{

	margin-top: 15px;

}

.top-list li a{

	border-right: 1px solid #000;

	padding: 0 10px 0 0;

	font-size: 13px;

}

.top-list li:last-child a{

	border-right: 0 none;

}

.search{

	float: right;

	display: inline-block;

	position: relative;

	margin-top: 10px;

}

.search input{

	width: auto;

	display: inline-block;

	position: relative;

	padding: 6px 34px 6px 6px;

}

.search input ~ input{

	background: url(../images/search-icon.png) no-repeat scroll center center rgba(0, 0, 0, 0);

    border: 0 none;

    display: inline-block;

    height: 34px;

    padding: 5px 10px;

    position: absolute;

    right: 0;

    text-indent: -9999px;

    width: 34px;

}

.search input:focus ~ input{

    background: url(../images/search-icon-active.png) no-repeat scroll center center #896e4b;

}

.info-list{

	margin-top: 8px;

}

.info-list li a{

	height: 31px;

	line-height: 31px;

	display: inline-block;

	padding-left: 35px;

	margin-left: 20px;

	font-weight: 600;

	font-size: 20px;

	margin-bottom: 10px;

}

.info-list li a.phone{

	background: url(../images/call-support.png) no-repeat scroll left center transparent;

}

.info-list li a.support{

	background: url(../images/online-support.png) no-repeat scroll left center transparent;

}

.line{

	border-bottom: 1px solid #896e4b;

	width: 60px;

	height: 0;

	margin: 0 0 10px 0;

	display: block;

}

.blk-clr{

	color: #000;

}

.red-clr{

	color: #800020;

}

.more-btn{

	margin-top: 25px;

}

.article{

	margin-bottom: 25px;

	text-shadow: 0 1px 0 #fff;

}

#meeting-events, #two-boxes{

	background: #e9e9e9;

}

#meeting-events img, #latest-news img{

	width: 100%;

}

#two-boxes{

	padding: 20px 0 0 0;

}

.two-box{

	background: #fff;

	padding: 10px 20px;

	min-height: 255px;

	margin-bottom: 20px;

	position: relative;

}

.box-btn{

	position: absolute;

	bottom: 10px;

	right: 20px;

}

.icon{

	background: url(../images/bhf-icon.jpg) no-repeat scroll left center transparent;

	height: 63px;

	line-height: 63px;

	padding-left: 80px;

	font-size: 30px;

	color: #000;

	margin-top: 3px;

}

.flag{

	background: #f6f6f6;

	height: 30px;

	padding:;

	margin: 0 0 10px 0;

}

.flag span{

	padding: 0 0 0 15px;

}

/* Footer ------- */

footer{

	background: #2c2c2c;

	padding: 20px 0 0 0;

}

.ftr-clr{

	color: #fff;

}

.address{

	color: #fff;

}

.address strong{

	color: #858383;

	display: block;

	margin-top: 10px;

}

.social-icon li a{

	background: url(../images/social-icons.png) repeat-y scroll 0 0 transparent;

	text-indent: -9999px;

	width: 31px;

	height: 31px;

	float: left;

}

.social-icon li a.fb{

	background-position: 0 0;

}

.social-icon li a.fb:hover{

	background-position: 0 -31px;

}

.social-icon li a.twit{

	background-position: -31px 0;

}

.social-icon li a.twit:hover{

	background-position: -31px -31px;

}

.social-icon li a.linkedin{

	background-position: -62px 0;

}

.social-icon li a.linkedin:hover{

	background-position: -62px -31px;

}

.cpy-rgt{

	background: #1c1b1b;

	padding-top: 10px;

	margin: 30px 0 0 ;

}



.flags li img{

	  width: auto !important;

	  height: auto;

}

#page-title{

	background-color: #dadada;

}

.title{

	
    /*background: #800020;*/

  text-transform: uppercase;

  font-size: 30px;

  /*display: inline-block;*/

  text-align : center;

  color:  #800020;

  font-weight: normal;

  padding: 5px 10px;

  margin: 40px 0;

  white-space: no-wrap;

}

h4{

	text-transform: uppercase;

	font-size: 16px;

	color: #879466;

	font-weight: normal;

	margin-bottom: 15px;

  font-family :"Cervo";

  letter-spacing: 0.03em;

}

.list{

	padding: 0 0 0 15px;

	line-height: 24px;

}

.list li{

	list-style-image: url(../images/list-icon.png); margin:0 0 8px 0

}

.column{

	padding: 10px 0;

}

#question{

	background: #e9e9e9;

	padding: 30px 0;

}

.panel-default > .panel-heading{

	background: #879466;

}

.panel-title{

	color: #fff;

}

.panel-heading{

	padding: 0;

}

.panel-title > a{

	padding: 10px 15px;

	display: block;

}

#content{

	padding-bottom: 30px;

}

.icon-img{

	margin-top: 90px;

}

.alert-box{

	padding: 20px;

	background: #f1f2f2;

	margin: 10px 0 0;

}

.alert-box:after, .alert-box:before{

	content: "";

	display: table;

}

.alert-box:after{

	clear: both;

}

.alert-box h5{

	font-size: 25px;

	text-transform: uppercase;

	font-weight: 800;

}

.top{

	margin-top: 20px;

}

.line-height li{

	padding: 5px 0;

}

h6{

	font-size: 15px;

	color: #000;

	font-weight: 800;

	text-transform: uppercase;

  font-family : "Cervo";

}

.tab{

	margin: 20px 0;

}

.nav-tabs{

	border: 1px solid #ccc;

	background: #f6f7f7;

}

.nav-tabs > li{

	width: 33.3333333%;

	border-right: 1px solid #ccc;

}

.nav-tabs > li > a{

	border-radius: 0;

	text-align: center;

	font-weight: 800;

	font-size: 15px;

	text-transform: uppercase;

	transition: none;

}

.nav-tabs > li.active > a:before{

	border-top: 9px solid #ccc;

	border-left: 9px dashed transparent;

	border-right: 9px dashed transparent;

	content:"";

	position: absolute;

	bottom: -10px;

	left: 49%;

	margin-left: -1px;

}

.nav-tabs > li.active > a:after{

	border-top: 8px solid #fff;

	border-left: 8px dashed transparent;

	border-right: 8px dashed transparent;

	content:"";

	position: absolute;

	bottom: -9px;

	left: 49%;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{

	border-top: 0 none;

	border-left: 0 none;

	border-right: 0 none;

	border-radius: 0;

}

.tab-content{

	padding-top: 30px;

}

.size{

	font-size: 21px;

}

.center img{

	display: inline-block;

	margin: 10px 0;

}

article{

	margin-bottom: 20px;

}

article img, .news-slider img{

	width: 100%;

}

.article-title{

	font-weight: 600;

	font-size: 15px;

	color: #000;

}

.date-clock{

	display: block;

	margin-bottom: 10px;

}

.clock{

	background: url(../images/clock-icon.png) no-repeat scroll left center transparent;

	padding-left: 20px;

	font-weight: 600;

	margin-left: 20px;

}

.date{

	background: url(../images/date-icon.png) no-repeat scroll left center transparent;

	padding-left: 20px;

	font-weight: 600;

}

.sidebar-list{

	padding-left: 15px;

}

.sidebar-list li{

	list-style: disc;

	line-height: 28px;

}

.sidebar-list li:hover{

	color: #896e4b !important;

}

.sidebar-list li a:hover{

	color: #896e4b;

}

.news-slider{

	background: #f1f2f2;

	margin-bottom: 20px;

}

.big-catg{

	padding: 10px;

}

.carousel-control {

	position:absolute;

	top: 10px;

	right: 10px;

	width:26px;

	height: 25px;

	font-size:20px;

	color:#fff;

	text-align:center;

	background: url(../images/prev-next.png) no-repeat scroll 0 0 transparent;

}



.carousel-control.left {

	position: absolute;

	right: 40px;

	background-position: 0 0;

}

.carousel-control.left:hover{

	background-position: 0 -25px;

}

.carousel-control.right {

	background-position: -27px 0;

}

.carousel-control.right:hover {

	background-position: -27px -25px;

}

aside{

	padding-left: 30px;

	border-left: 1px solid #ccc;

}

.about{

	background: url(../images/about.png) no-repeat scroll center right transparent;

}

.contact{

	background: url(../images/contact-us.png) no-repeat scroll center right transparent;

}

.current-affairs{

	background: url(../images/current-affairs.png) no-repeat scroll center right transparent;

}

.hfmu{

	background: url(../images/hfmu.png) no-repeat scroll center right transparent;

}

.news{

	background: url(../images/news.png) no-repeat scroll center right transparent;

}

.pcns{

	background: url(../images/pcns.png) no-repeat scroll center right transparent;

}

.meet-event{

	background: url(../images/meeting-event.png) no-repeat scroll center right transparent;

}

.navbar-brand{

	display: none;

}

@media (max-width: 992px){

	.navbar-brand{

		display: block;

	}

	/*.navbar, .navbar-default{

		background: transparent;

		min-height: 1px;

	}*/
  /*For smaller screen sizes*/
	.navbar-collapse, .navbar-header{

		background: #596F7E;


	}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{

		border-bottom: 0 none;

		color: #6d5738;

	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{

		border: 0 none;

		color: #6d5738;

	}

	.logo a{

		width: 100%;

		display: inline-block;

		text-align: center;

	}

	.logo a img{

		text-align: center;

		display: inline;

	}

	.text-right{

		text-align: center;

	}

}

@media (max-width: 768px){

  #navbarMain
  {
    width : 100%;
  }

  .navbar-nav {

     display : inline;

  }

  .navbar-nav > li {

   /*float : right;*/

  }

 .navbar-nav > li > a {

    display:inline-block;

  }

  .navbar-right
  {
    float : right;
    margin-top: 0px;
    margin-right : 3em;
   
  }

	.search, .top-list{

		float: none;

		width: 100%;

		text-align: center;

	}

	.search input ~ input{

		position: relative;

		border: 1px solid #ccc;

		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

	}

	.search input:focus ~ input{

		border-color: #896e4b;

	}

	.info-list{

		margin-top: 10px;

		float: none;

	}

	.info-list li a{

		margin-left: 0;

	}

	.search input{

		padding: 0 5px;

	}	

	.title{

		margin: 30px 0;

	}

	#page-title .container{

		padding-left: 0;

		padding-right: 0;

	}

	.slide-desp{

		margin-bottom: 30px;

	}

}

/*@media (min-width: 992px) and (max-width: 1200px){

	.navbar-nav > li > a{

		margin: 0 10px;

	}

}*/





section#newsfeed{ background:#e9e9e9; height:auto; margin:1px 0 0 0}

section#newsfeed p {

    color: #000;

    font-size: 17px;

    line-height: 48px;

    margin: 0;}

	marquee{

    padding: 0 8px 0 6px;

}

.main_content{ padding-bottom:0px !important}





.accordion_bg{ float:left; width:100%;}

.accordion {

	list-style-type: none;

	padding: 0;

	margin: 0 0 50px;

	border-top: none;

	border-left: none;

	width:100%;

}

.accordion ul {

	padding: 0;

	margin: 0;

	float: left;

	display: block;

	width:100%;

}

.accordion li {

	font-size:13px;

	color:#5B5B5B !important;

	cursor: pointer;

	list-style-type: none;

	margin:6px 0 -3px;

	padding: 5px 0 0 0px !important;

	float: left;

	display: block;

	background:none !important;

	width:100%;

}

.accordion li.active>a {

	background:url(../images/minus.png) no-repeat right 8px;

}

.accordion li div {

	width:100%;

	text-align:justify;

	margin:10px 0 0 0;

	display: block;

	line-height:23px;

	clear: both;

	float: left;

}

.accordion a {

	color: #414042;

	cursor: pointer;

	display: block;

	text-align:left;

	float: left;

	font-size: 14px;

	margin: 0;

	font-style: normal;

	padding:8px 0 9px 11px;

	text-decoration: none;

	width:100%;

	background:url(../images/plus.png)no-repeat right 8px;

	border:1px solid #CCC;

	background-color: #f8f8f8 !important

}

.accordion a:hover {

	background: url(../images/plus.png)no-repeat right 8px;

}

.accordion li ul li {

	background: #f8f8f8;

	font-size: 0.9em;

}

.accordion span {

	margin:0 0 0 3px;

	float:left;

	color:#5B5B5B !important;

	font-size:13px;font-style: normal;	cursor:default;



}

.accordion p{ float: left;

    margin: 0 0 8px;

    padding: 0 0 0 20px;

    width: 100%; background: url(../images/list-icon.png) no-repeat 0 10px;}

	.accordion h5{  float:left}

.commitment_list{}

.commitment_list ul{ float:left; padding:0; margin:0;}

.commitment_list ul li{ display:block; line-height:25px; color:#333333}

.business_value {

    margin:75px 0 0;

}

.business_value img{ width:100%} 



.tabs{ margin:45px 0 0 0; display:inline-block}

.business_value{}

.business_value h4{ text-align:right}

.industry_services p{ margin:16px 0 14px 0;}



.industry_services h5{ font-weight:bold;}

.list2{ float:left; width:50%; margin:0 0 34px 0}







.enquiry_form {

	float:right;

	width:95%;

	background:#f1f2f2;

	height:auto;

	border:1px solid #f1f2f2;

}

.enquiry_form h3 {

	color:#FFF;

	text-align:center;

	font-size:20px;

	font-weight:bold;

	line-height:20px;

	background:#896e4b;

	margin:0 0 -1px;

	padding:10px 0 12px 0;

}

.enquiry_form h5 {

	margin:0 0 9px;

	text-align:center;

}

.enquiry_form input,.enquiry_form textarea {

	 background: none repeat scroll 0 0 #ffffff;

    border: 1px solid #eeeded;

    border-radius: 2px;

    color: #333;

    font-size: 13px;

    margin: 0 0 8px 10px;

    padding: 7px 0 8px 8px;

	font-family:inherit;

    width: 94%;

}

.enquiry_form input[type="submit"]{

	border: medium none;

	margin:4px 0 10px 0;

	padding: 7px 0 8px;

	width: 100px;

	box-shadow:none;

	background:#896e4b;

	color:#FFF;

	text-transform:uppercase;

	cursor:pointer;

}

.enquiry_form input[type="submit"]:hover {

	background:#800020;

}

.enquiry_form h6{ text-align:center;}



.industry_img{ margin:50px 0 0 0}

.list_memors{ float:right;}

.list3{ float:left; width:30%}

.download_pdf{ float:left; margin:0 48px 0 0}

.member_list { min-height:137px;

    background: none repeat scroll 0 0 #ffffff;

    padding: 15px 17px 14px 16px; border:1px solid #dadada;

}



.cretiria{ margin-top:25px;}

.col-md-3.article > h3 {

    line-height: 23px;

}

.latest_news_inner img{ margin:0 25px 30px 0; float:left; border:4px solid #ebebeb }

.sadc_members{ color: #333333;

    margin: 19px 1px 20px 0;}

@media screen and (min-device-width: 0px) and (max-device-width: 360px){

#click-menu {

    top: 253px !important;

}





}





@media screen and (min-device-width: 361px) and (max-device-width: 480px){

#click-menu {

    top: 259px !important;

}





}



@media screen and (min-device-width: 361px) and (max-device-width: 480px){

#click-menu {

    top: 226px!important

}





}

@media screen and (min-device-width: 0px) and (max-device-width: 767px){.enquiry_form{ width:100%;}

.indu{   padding-left: 15px!important;

    padding-right: 15px!important}

	.list2 {

    float: left;

    margin: 0;

    width: 100%;

}

}

.spinner{
    background-image:url(../images/loading_icon.gif);
    background-position:center center;
    background-size: 100px 100px;
    width:100px;
    height:100px;
    background-repeat:no-repeat;
}
div.spinner{
    width:100%;
}