@font-face {

	font-family: 'Conv_ufonts.com_gotham-thin';

	src: url('../fonts/ufonts.com_gotham-thin.eot');

	src: local('☺'), url('../fonts/ufonts.com_gotham-thin.woff') format('woff'), url('../fonts/ufonts.com_gotham-thin.ttf') format('truetype'), url('../fonts/ufonts.com_gotham-thin.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}



body {
	font-family: 'Conv_ufonts.com_gotham-thin';
	font-size: 14px;
	line-height: normal;
	color: #fff;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Conv_ufonts.com_gotham-thin';
	line-height: normal;
}

ul, ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul li, ol li {
	margin: 0px;
	padding: 0px;
	list-style: none;	
}

p {

	margin-bottom: 10px;

}

a:link,

a:visited,

a:active {

	text-decoration: none;

	color: #fff;

	outline: none;

}

a:hover {

	text-decoration: none;

	color: #fff;	

}



.wrapper {
	width: 100%;
	position: relative;
}

.header {
	background: #2d2d2d;
	width: 100%;
	position: relative;
	z-index: 99999;
}

.header .logo {
	padding-top: 55px;
	padding-bottom: 45px;
	text-align: center;
}

.contentCol {

}

.contentWrap {
	background: url(../images/contentWrap_bg.jpg) no-repeat left bottom;
	font-size: 12px;
	/* text-transform: uppercase; */
	line-height: 16px;
	padding: 32px 39px 30px 39px;

}

.contentWrap h3 {
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 0px;
}

.conference {

	text-transform: none; 

}

.custom_slider {

	padding-top: 20px;

	position: relative;

}

.custom_slider h3 {

	font-size: 20px;

	text-transform: uppercase;

	color: #fff;

	margin-top: 5px;

	padding-left: 39px;	

	padding-bottom: 15px;

}

.custom_slider .carousel {

	left: 20px !important;

	width: 530px !important;

}

.custom_slider ul li {

	border-left: none;

	width: 148px;

	height: 210px;

	margin-right: 37px;

	overflow: inherit !important;

}

.custom_slider ul li img {

	-webkit-box-shadow: 9px 9px 5px -8px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

	-moz-box-shadow:    9px 9px 5px -8px #000;  /* Firefox 3.5 - 3.6 */

	box-shadow:         9px 9px 5px -8px #000;	

}

.custom_slider a.prev:link,

.custom_slider a.prev:visited,

.custom_slider a.prev:active {

	position: absolute;

	bottom: -50px;

	left: 10px; 

}

.custom_slider a.next:link,

.custom_slider a.next:visited,

.custom_slider a.next:active {

	position: absolute;

	bottom: -50px;

	right: 10px; 

}



/*Time to apply widths for accordian to work

Width of image = 640px

total images = 5

so width of hovered image = 640px

width of un-hovered image = 40px - you can set this to anything

so total container width = 640 + 40*4 = 800px;

default width = 800/5 = 160px;

*/



.accordian {

	width: auto; 

	height: 800px;

	overflow: hidden;

}



/*A small hack to prevent flickering on some browsers*/

.accordian ul {

	margin: 0px;

	padding: 0px;

	width: 100%;

	/*This will give ample space to the last item to move

	instead of falling down/flickering during hovers.*/

}



.accordian li {

	position: relative;

	display: block;

	width: 25%;

	float: left;

	

	border-left: 1px solid #888;

	

/*	box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);

	-webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);

	-moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);*/

	

	/*Transitions to give animation effect*/

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	/*If you hover on the images now you should be able to 

	see the basic accordian*/

}



/*Reduce with of un-hovered elements*/

.accordian ul:hover li,

.accordian ul li.not_active {

	width: 40px;

}

.accordian ul li.not_active {

	display: none;

}

/*Lets apply hover effects now*/

/*The LI hover style should override the UL hover style*/

.accordian ul li:hover {

	width: 70%;

}

.accordian ul li.active {

	width: 1500px; 

}





.accordian li img {

	display: block;

}



/*Image title styles*/

.accordian ul li .item_des {

	opacity: 0;

	background: #2d2d2d;

	-webkit-box-shadow: 9px 8px 10px -3px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

	-moz-box-shadow:    9px 8px 10px -3px #000;  /* Firefox 3.5 - 3.6 */

	box-shadow:         9px 8px 10px -3px #000;

	position: absolute;

	left: 330px; 

	bottom: 45px;	

	width: 550px;	

	height: 715px;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

}



.accordian ul li.active .item_des {

	left: 400px; 

}



.accordian ul li:hover .item_des,

.accordian ul li.active .item_des {

	opacity: 1;

}

/*.image_title a {

	display: block;

	color: #fff;

	text-decoration: none;

	padding: 20px;

	font-size: 16px;

}*/



.itemBG1 {

	background: url(../images/1.jpg) no-repeat left center; 

/*	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;*/

	width: 100%;

	height: 100%;

}

.itemBG2 {

	background: url(../images/2.jpg) no-repeat left center; 

/*	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;*/

	width: 100%;

	height: 100%;

}

.itemBG3 {

	background: url(../images/3.jpg) no-repeat left center; 

/*	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;*/

	width: 100%;

	height: 100%;

}

.itemBG4 {

	background: url(../images/4.jpg) no-repeat left center; 

/*	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;*/

	width: 100%;

	height: 100%;

}



/* form style start */



.formWrap {

	padding: 15px 38px 38px 38px;

}

.formWrap p {

	margin-bottom: 30px;

}

.formWrap .inputWrap {

	width: 100%;

	padding-bottom: 20px;

}

.formWrap .inputWrap label {

	width: 100%;

	display: block;

	padding-bottom: 10px;

}

.formWrap .inputWrap .form-control {

	float: none;

	width: 100%;

	margin: 0px;

}

.formWrap .button {

	height: 30px;

	width: 90px;

	color: #fff;

	background: #1f1f1f;

	border: none;

	border-radius: 10px; 

}



/* form style end */


/*.contentCol h4.panel-title a:link,
.contentCol h4.panel-title a:visited,
.contentCol h4.panel-title a:active {
	color: #000;
}

.contentCol .panel-body {
	color: #000 !important;	
}*/

.panel-group {
	margin: 0px;
}
.panel-group .panel + .panel {
	margin-top: 1px;
}
.panel-default > .panel-heading {
	background: #4e4f51;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	background: #2d2d2d;
}
.panel-title > a:link,
.panel-title > a:visited,
.panel-title > a:active {
	display: block;
}

.footer {
	background: #2d2d2d;
	width: 100%;
	padding: 20px 0px;
}

.footer_social_menu {
	text-align: center;
	padding-bottom: 20px;
}
.footer_social_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.footer_social_menu ul li {
	display: inline-block;
	padding: 0px 5px;
}
.footer_social_menu ul li a:link,
.footer_social_menu ul li a:visited,
.footer_social_menu ul li a:active {
   color: #6c6c6c;
   font-size: 19px;
   line-height: 35px;
   text-transform: uppercase;		
}

.footerlogo {
	text-align: center;
	padding-bottom: 20px;
}

.footercopyright {
	text-align: center;
	padding-bottom: 20px;
}