@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');



body {

	padding:0; margin:0; 

	background-color:#FFF; 

	font-family:'Lato', sans-serif; 

	font-weight:400;	

	font-size:16px;

	color:#3c3c3c;

}



.clear 	{clear:both; display:block; overflow:hidden; visibility:hidden; width: 0; height:0;}



.pad-5 {padding:5px} .pad-10 {padding:10px}	.pad-15 {padding:15px} .pad-20 {padding:20px} .pad-30 {padding:30px} .pad-50 {padding:50px} .pad-80 {padding:80px}

/*margin selectors*/

.m-a   {margin:auto}

.m-0   {margin:0}	     .mt-0  {margin-top:0}	     .mb-0  {margin-bottom:0}	.ml-0  {margin-left:0}	 .mr-0 {margin-right:0}

.mt-5  {margin-top:5px}	 .mb-5  {margin-bottom:5px}	 .ml-5  {margin-left:5px}	.mr-5  {margin-right:5px}	

.mt-10 {margin-top:10px} .mb-10 {margin-bottom:15px; letter-spacing: 3px; font-weight: 800;}

.ml-10 {margin-left:10px}.mr-10 {margin-right:10px}

.mt-15 {margin-top:15px} .mb-15 {margin-bottom:15px} .ml-15 {margin-left:15px}	.mr-15 {margin-right:15px}

.mt-20 {margin-top:20px} .mb-20 {margin-bottom:20px} .ml-20 {margin-left:20px}	.mr-20 {margin-right:20px}

.mt-30 {margin-top:30px} .mb-30 {margin-bottom:30px} .ml-30 {margin-left:30px}	.mr-30 {margin-right:30px}

.mt-minus {margin-top:-30px}



.font_thin    {font-weight:100;}

.font_light   {font-weight:300;}

.font_normal  {font-weight:400;}

.font_bold    {font-weight:700;}

.font_ubold   {font-weight:900;}



.text_blue  {color:#233367;}

.text_grey  {color:#888;}

.text_gren  {color:#08a250;}

.text_blck  {color:#000;}

.text_wht   {color:#fff;}

.text_orng  {color:#eb5e37;}

.text_red   {color:#F00;}



.text_30 {font-size:30px;}

.text_25 {font-size:25px;}

.text_20 {font-size:20px;}

.text_18 {font-size:18px;}

.text_16 {font-size:16px;}

.text_14 {font-size:14px;}

.text_12 {font-size:12px;}

.text-justify{text-align:justify;}

.text-uppercase{text-transform:uppercase;}



.under_line {text-decoration:underline;}

.under_line:hover {text-decoration:none;}



.dekstop {}

.mobile  {display:none;}



.bg_whit  {

	background-color:#FFF;

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

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

}



.bg_grey  {

	background-color:#f8f8f8;

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

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

}



.relative {position:relative;}



.navbar-right > li > .submenu {

	position:absolute; display:none; margin:0; 

	padding:0; list-style:none; z-index:9999;	

	 -webkit-animation:b ease-in .2s;

	         animation:b ease-in .2s;

   animation-fill-mode:none;

	-webkit-animation-fill-mode:forwards;

	animation-fill-mode:forwards;

}

.navbar-right > li:hover .submenu  {

	display:block; min-width:200px; top:100%;

	background-color:#0c1e38; text-align:left;

  	-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);

            box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);

  	   background-clip:padding-box;

}



.submenu li   {display:block;}

.submenu li a {padding:1em 1em; color:#FFF; text-decoration:none; display:block; font-size:14px; font-weight:400;}

.submenu li a:hover {color:#FFF; background-color:#153562;}



#mainCarousel .carousel-caption {

    right:0; top:auto; left:0; bottom:0; padding:0;

	text-shadow:1px 1px rgba(255,255,255,0.5);

	background-color: rgba(255,255,255,.5);

	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);

	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);

}



#mainCarousel .carousel-caption h1 {

    white-space:normal; font-size:40px; font-weight:300;

    color:#233367; text-transform:none; margin:20px auto;

}



#mainCarousel .carousel-caption h1 strong {text-transform:uppercase;}



#mainCarousel .carousel-caption h1 {

	opacity:0;  /* make things invisible upon start */

	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

	-moz-animation:fadeIn ease-in 1;

	animation:fadeIn ease-in 1;

 

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

	-moz-animation-fill-mode:forwards;

	animation-fill-mode:forwards;

 

	-webkit-animation-duration:1s;

	-moz-animation-duration:1s;

	animation-duration:1s;

}



#mainCarousel .carousel-caption h1 {

	-webkit-animation-delay: 2s;

	-moz-animation-delay: 2s;

	animation-delay: 2s;

}



#mainCarousel .carousel-control    {top:45%; bottom:auto; width:50px; height:50px; background-color:#000; padding-top:11px; z-index:99;}

#mainCarousel .carousel-control:hover    {color:#36F;}

#mainCarousel .carousel-control:focus    {color:#36F;}

#mainCarousel .carousel-control.right {background-image:none;}

#mainCarousel .carousel-control.left  {background-image:none;}



.carousel-fade .carousel-inner .item {

  opacity: 0;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

}



.carousel-fade .carousel-inner .active {opacity: 1;}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {left:0; opacity:0; z-index:1;}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {opacity:1;}

.carousel-fade .carousel-control {z-index:2;}

/*.carousel-inner > .item > img{
	height:550px !important;	
}*/

@-webkit-keyframes fadeIn {from {opacity:0;} to {opacity:1;}}

@-moz-keyframes fadeIn    {from {opacity:0;} to {opacity:1;}}

@keyframes fadeIn         {from {opacity:0;} to {opacity:1;}}



.member_bg {

	background:#cdd2d6 url(../images/bg_members.jpg) center fixed no-repeat; 

	background-size:cover; padding:20px 0 30px 0; text-align:center;

}



.inner_bg             {background:#ccd1d7 url(../images/bg_inner.jpg) no-repeat fixed; 

					   background-size:cover; min-height:210px; position:relative;}

.inner_bg .content    {right:0; left:0; bottom:0; position:absolute;}

.inner_bg .content h1 {margin-bottom:10px; font-size:24px; color:#233367;}



.side_menu {margin:0; padding:0; list-style:none;}

.side_menu li {padding:5px 0;}

.side_menu li a {text-decoration:none;}

.side_menu li.active a {color:#000;}



.Participants {margin:0; padding:0;}

.Participants li {display:inline-block; width:48%; margin-bottom:5px;}



.tick    {list-style-image:url(../images/tick.png); margin:0; padding:0; padding-left:30px;}

.tick li {line-height:24px; margin:10px 0; font-size:15px; padding-left:5px;}

.center-img-profile {
    
    justify-content: center;
    display: flex;

}

/* Custom Select Options and Dropdowns */

select {

  -webkit-appearance: none !important;

  -moz-appearance: none !important;

  background-color:#FFF;

  background-image:url(../images/select.png) !important;

  background-position: 100% center;

  background-repeat: no-repeat;

  padding-right:40px;

}

select::-ms-expand {display:none;}

select:disabled    {background-color:#DDDDDD; cursor:default;}

select[multiple]   {height:auto;}



.scrollup {

    background-color: #292560;

    border-radius: 50%;

    border: #FFF 3px solid;

    width: 40px;

    text-align: center;

    line-height: 28px;

    height: 40px;

    position: fixed;

    z-index: 9999;

    bottom: 38px;

    right: 30px;

    display: none;

    outline: none;

    color: #FFF;

}



.scrollup:hover {

    opacity: 1;

    background-color: #333;

}



footer {background-color:#333; padding:20px; color:hsla(0,0%,100%,.5); font-size:12px; text-align:center;}





.date {

    margin: 0 0 1em;

    color: #8e8e8e;

    font-size: 18px;

    line-height: 24px;

    font-size: 1.580rem;

    line-height: 1.5rem;

}

.single-image{

    float: right;

}
.homepage-btns{width:100%; float:left;}
.event-btn-left{float:left;}
.event-btn-right{float:right;}
.mrgn-top71{margin-top:71px !important;}
.right-brdr{border-right:1px dashed #ccc;}
.custom-pdng-left{padding-left:16px;float:left;}
.collapsible {
  background-color: #293d7e;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
}

.collapsible:hover {
  background-color: #233367;
}
.content {
    width:100%;
}
.content p{
   word-break: break-word; 
}

.custom-content {
  padding: 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
  width:100%;
}

.custom-content ul{
	padding-left:18px;
}

.mobile-display{
	display:none;
}
.web-display{
	display:block;
}

.breadcrumb li {
    display: inline !important;
}
.events {
    padding: 0px !important;
	margin-bottom:30px;
}
.mobile-display label{
	width:100%;
	border:1px solid #c7c4bb !important;
	border-radius:4px !important;	
}
.mbsc-ios.mbsc-label-inline.mbsc-ltr {
    padding-left: 1em;
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    height: 34px;
}
.mbsc-ios.mbsc-textfield-tags-inner{
	position: relative;
    display: contents;
    width: 100%;
    float: left;	
}
.mbsc-ios.mbsc-textfield-wrapper-underline{
	display: inline-block;	
}
.mbsc-ios.mbsc-select.mbsc-ltr {
     padding-right: 0 !important;
}

@media screen and (max-width: 340px){
.btn{font-size:10px !important;}
}
@media screen and (max-width: 767px){
.carousel-inner > .item > img{
	height:320px !important;	
}
.media-left{
	width: 100%;
    float: left;
    text-align: left;	
}
.media-left a img{
	text-align: center;
    display: inline-block;
	width: 100%;	
}
#attend_option_btn_div92{
	padding-left: 0px;
    width: 100%;
    float: left;
    padding-right: 0;
}
#attend_option_btn_div92 > div:first-child {
	width: 44%;
    float: left;
    padding-left: 0;
    padding-right: 0;
	margin-right: 8px;	
}
#attend_option_btn_div92 > div:first-child a, #attend_option_btn_div92 > div:last-child button{
	padding: 8px 14px !important;	
}
#attend_option_btn_div92 > div:last-child{
	width: 50%;
    float: left;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
}
.media-body{
	text-align:left;	
}
.custom-display{
	display:none !important;
}
.right-brdr{
	border-right:none;
}
.web-display{
	display:none;
}
.mobile-display{
	display:block;
}
.inner_bg{ 
	min-height:130px;
}
}
@media screen and (min-width: 768px) and (max-width: 1190px){
#attend_option_btn_div92 > div:first-child {
	width: 37%;
    float: left;	
}
}