.home body {
    background: #EAF3F8;
    padding-top: 0;
    color: #255D7D;
}


/* 
-----------------------------------
	CUSTOM TAB PAN
-----------------------------------
*/

.custom_tab-pan {
	display:none;
}

.active.custom_tab-pan {
	display:block;
}

.home-pan {
	padding: 30px 0;
	background-color: #fff;
	position: relative;
	/* z-index: 10; */
}


/*
-----------------------------------
	HOME SECTION
-----------------------------------
*/

#home-presentation {
	background-color: #184B68;
	padding: 30px 0;
}

/* #home-presentation .container, .home-about .container, .home-entries .container {
    max-width: 100vw;
}

@media (min-width: 1280px) {
    #home-presentation .container, .home-about .container, .home-entries .container  {
      width: 1170px;
    }
} */

@media (max-width: 990px) {
	#home-presentation .container {
		margin-left: 0;
	}
}
 
/*
-----------------------------------
	HOME ABOUT
-----------------------------------
*/

.home-about {
	padding: 20px 0 0 0;
	background-color: #fff;
	position: relative;
	/* z-index: 10; */
}

.home-about-logo {
	text-align:center;
}

.home-about-content {
	font-size:120%;
}

@media (min-width: 576px) and (max-width: 890px) {


	.home-about .home-about-logo img{
		max-width: 100% !important;
	}
}



/*
-----------------------------------
	HOME ENTRIES
-----------------------------------
*/

.home-entries {
	background: #f3fafb;
	padding-bottom: 20px;
	padding-top: 20px;

	h3, .see-all-link {
		margin-left: 0;
	}
}
.home-entries > .container {
	display:flex;
	align-items:stretch;
	flex-wrap: wrap;
	margin: 0;
}

.home-entry {
	display:block;
	background: #2cbed2;
	color:#fff !important;
	flex-basis:33.33%;
}

@media(min-width:1200px) {
	.home-entries .container {
		margin: auto;
	}
}

@media(max-width:991px) {
	.home-entry {
		flex-basis:50%;
	}
}

@media(max-width:415px) {
	.home-entry {
		flex-basis:100%;
	}
}

.home-entry:nth-child(odd) {
	background: #1fafc2;
}

.home-entry:hover,
.home-entry:active,
.home-entry:focus  {
	background: #94cf55 !important;
	text-decoration:none;
}

.home-entry-pic {
	height:200px;
	background-size:cover;
	position:relative;
}

.home-entry-pic-icon {
	position:absolute;
	bottom:0;
	left:0;
	height:0;
	width:100%;
	background: rgba(148, 207, 85, 0.6);
	z-index:1;
	transition:height 0.15s ease-in-out;
}

.home-entry:hover .home-entry-pic-icon {
	height:100%;
}

.home-entry .home-entry-pic-icon .fa {
	opacity:0;
	width:50px;
	height:50px;
	border:2px solid #fff;
	line-height:50px;
	font-size:200%;
	text-align:center;
	position:absolute;
	border-radius:50px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	transition:opacity 0.15s ease-in-out;
}

.home-entry:hover .home-entry-pic-icon .fa {
	opacity:1;
}

.home-entry-body {
	padding:13px 15px;
}

.home-entry-heading {
	margin:0 0 8px 0;
}




/*
-----------------------------------
	HOME PROCEDURE
-----------------------------------
*/

.home-procedure {
	padding: 35px 0 40px 0;
	background-color: #fff;
	box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.03);
	position: relative;
	z-index: 10;
}

.home-procedure-title {
	margin: 0 0 30px 0;
	
}

.home-procedure-title small {
	font-size:70%;
	display:block;
	color:#255D7D;
	opacity:0.9;
}

.home-procedure-step {
}

.home-procedure-step-item {
	white-space:normal;
	text-align:left;
	padding:19px 17px;
}

.home-procedure-step-item {
	white-space:normal;
	text-align:left;
	padding:15px;
	background:#2cbed2;
	border:0;
	display:block;
}

.home-procedure-step-item:hover,
.home-procedure-step-item:active,
.home-procedure-step-item:focus {
	background:#94cf55;
}


.home-procedure-step-item {
	margin-bottom:25px;
}

.home-procedure-step.is_disabled {
	opacity:0.5;
}

	/*
	-----------------------------------
		HOME PROCEDURE MEDIA
	-----------------------------------
	*/

	.home-procedure-step .media-top {
		margin:0;
	}
	
	.home-procedure-step .media-left {
		padding-right:15px;
	}
	
	.home-procedure-step .media-body {
		padding:0;
		position:relative;
	}
	
	.home-procedure-step .media-icon {
		padding:0;
		font-size:200%;
		line-height: 50px;
		border-radius:100px;
		text-align:center;
		width:50px;
		height:50px;
		border:1px solid #fff;
		transition:transform 0.6s;
		transform:rotate(0deg);
	}
	
	.home-procedure-step-item:hover .media-icon {
		transform:rotate(360deg);
		border-style:dashed;
	}

	.home-procedure-step .media-heading {
		margin-bottom:2px;
	}
	
	.home-procedure-step .media-content {
		font-size:110%;
	}
	
	.home-procedure-step .media-content i {
		margin-left:5px;
	}
	
	.home-procedure-step .media-title {
		margin:0;
		font-size:130%;
		text-transform:uppercase;
	}
	
	.home-procedure-step  .media-thumbnail-bg {
		height:130px;
		border-radius:3px 3px 0 0;
		border:0;
	}
	
	.home-procedure-ecas .media-thumbnail-bg {
		background-image:url(https://webgate.ec.europa.eu/hpf/assets/css/img/procedure_ecas_bg.png);
	}
	
	.home-procedure-access .media-thumbnail-bg {
		background-image:url(https://webgate.ec.europa.eu/hpf/assets/css/img/procedure_access_bg.png);
	}
	
	.home-procedure-participate .media-thumbnail-bg {
		background-image:url(https://webgate.ec.europa.eu/hpf/assets/css/img/procedure_participate_bg.png);
	}
	
	.home-procedure-outcomes .media-thumbnail-bg {
		background-image:url(https://webgate.ec.europa.eu/hpf/assets/css/img/procedure_outcomes_bg.png);
	}
	
	.home-procedure-step .media-footer {
	}
	
	.home-procedure-step .home-procedure-action {
		font-size:100%;
		padding: 10px 20px;
	}
	
	.home-procedure-step .home-procedure-action .badge {
		font-size:100%;
		border-radius:50px;
		vertical-align:middle;
		padding: 4px 8px;
		margin-left:10px;
	}


/*
-----------------------------------
	MAIN NAV
-----------------------------------
*/

#main-nav {
	border-radius:0;
	border-left:0;
	border-right:0;
	box-shadow:0 2px rgba(0,0,0,0.02);
	margin-bottom:0;
}

.theme-blue #main-nav {
	/*box-shadow:0 -5px 0px rgba(0,0,0,0.05) inset;*/
	background-color:#75B6DD !important;
	background-color: #005B92 !important;
	border:0;
	border-radius:0;
	margin-bottom:0;
}

	/*
	-----------------------------------
		NAVBAR HEADER
	-----------------------------------
	*/
	
	.home .navbar-header:hover,
	.home .navbar-header:active,
	.home .navbar-header:focus {
		background-color:#2cbed2;
	}
	


	/*
	-----------------------------------
		NAVBAR TOOGLE
	-----------------------------------
	*/
	
	.home .navbar-default .navbar-toggle {
		border:0;
		color:#fff;
		margin:0;
		padding:18px 15px;
		border-radius:0;
	}
	
	.home .navbar-default .navbar-toggle:hover,
	.home .navbar-default .navbar-toggle:focus,
	.home .navbar-default .navbar-toggle:active {
		background-color:#2cbed2;
	}
	
	.home .navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}

	
	/*
	-----------------------------------
		NAVBAR BRAND
	-----------------------------------
	*/
	
	.theme-blue .main-nav .navbar-brand {
		color:#fff;
	}
	
	.theme-blue .main-nav a.navbar-brand:hover {
		background-color: rgba(0,0,0,0.03);
	}
	
	.theme-blue .navbar-default .navbar-nav>.open> a {
		background-position: 0 100%;
		background-color: rgba(0,0,0,0.03);
	}
	

	@media (min-width: 768px) {
	
		.theme-blue .main-nav .navbar-brand {
			padding-top: 10px;
			padding-bottom: 10px;
			margin:8px 5px 8px -5px;
			height:40px;
			border-radius:30px;
		}
		
	}
	
	
	
	/*
	-----------------------------------
		MAIN NAV WRAPPER
	-----------------------------------
	*/
	
	@media (min-width: 768px) {
		
		.theme-blue .main-nav .navbar-content-tab {
			background-color:#05B6DD !important;
			padding:0;
			z-index:9;
			margin-top:-0px;
			min-height:48px;
			float:left;
			margin-left:-15px;
		}
	
	}

		
	/*
	-----------------------------------
		MAIN NAV NAVBAR
	-----------------------------------
	*/
	
	.theme-blue .main-nav .navbar-nav > li {
		position:relative;
	}
	
	.theme-blue .main-nav .navbar-nav > li:after {
		content:"";
		position:absolute;
		height:100%;
		top:0;
		right:0;
		border-right: 1px solid rgba(255, 255, 255, 0.1);
		border-left: 1px solid rgba(0, 0, 0, 0.03);
	}
	

	.theme-blue .main-nav .navbar-nav > li > a {
		border-right: 0;
		border-left: 0;
		color:rgba(255,255,255,.95);
	}
	
	.theme-blue .main-nav .navbar-nav > li > a:hover,
	.theme-blue .main-nav .navbar-nav > li > a:active,
	.theme-blue .main-nav .navbar-nav > li > a:focus,
	.theme-blue .main-nav .navbar-nav > li.open > a,
	.theme-blue .main-nav .navbar-nav > li.active > a  {
		background-color:#2cbed2;
		color:rgba(255,255,255,.95);
	}
	
	.theme-blue .main-nav .navbar-nav > li > a > i {
		margin-right:8px;
	}
	
	.theme-blue .main-nav .navbar-nav .caret {
		margin-left:10px;
	}
	
	.theme-blue .main-nav .navbar-nav > li.network-home > a {
		position:relative;
		z-index:11;
		font-size:115%;
		background:#005B92;
	}
	
	.theme-blue .main-nav .navbar-nav > li.network-home > a .network-home-title {
		width:220px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display:block;
		
	}
	
	.theme-blue .main-nav .navbar-nav > li.network-home > a:hover {
		background:#005284;
	}
	
	.theme-blue .main-nav .navbar-nav > li.network-home > a i {
		margin-right:10px;
	}
	
	.theme-blue .main-nav .navbar-nav > li.network-home > a:before {
		content:"";
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
 		border-width: 24px;
 		top: 50%;
		margin-top: -24px;
		left:100%;
		
		border-left-color: #005B92;
		border-right-width: 0;
	}
	
	.theme-blue .main-nav .navbar-nav > li.network-home > a:hover:before{
		border-left-color: #005284;
	}
	
	.theme-blue .main-nav .navbar-nav > li.network-home > a:after {
		/*content:"";
		width:80%;
		margin:0 10%;
		border-top:1px solid rgba(0,0,0,0.05);
		border-bottom:1px solid rgba(255,255,255,.1);
		display:block;
		position:absolute;
		bottom:1px;
		left:0;*/
	}
	
	
	@media (min-width: 768px) {
		.theme-blue .main-nav .navbar-nav>li>a {
			padding:15px 15px;
			position:relative;
		}
		
		.theme-blue .main-nav .navbar-content-tab .navbar-nav>li.active>a {
			box-shadow:none;
			background-color:rgba(0,0,0,0.05);
		}
		
		.theme-blue .main-nav .navbar-content-tab .navbar-nav>li.active>a:after {
			content:"";
			position: absolute;
			display: block;
			width: 0;
			height: 0;
			border-color: transparent;
			border-style: solid;
  			border-width: 8px;
  			top: 100%;
			margin-left: -8px;
			left:50%;
			margin-top:-7px;
			
			border-bottom-color: #EAF3F8;
			border-top-width: 0;
		}
		
		.theme-blue .main-nav .navbar-nav>li.network-home + li > a {
			padding-left:40px;
		}
		
		
	}
	
	@media (max-width: 767px) {
		
		.theme-blue .main-nav .navbar-collapse.collapse,
		.theme-blue .main-nav .navbar-collapse.collapsing {
			-webkit-transition: margin 0.2s;
			transition: margin 0.2s;
			border:0;
		}
		
		.theme-blue .main-nav .navbar-collapse.collapse.in,
		.theme-blue .main-nav .navbar-collapse.collapsing {
			width:300px;
			position:fixed;
			top:0;
			left:0;
			z-index:10000;
			background-color:rgba(0, 101, 162, 0.98);
			display:table;
			height:100% !important;
			box-shadow:2px 0 0 rgba(0,0,0,0.1);
		}
		
		.theme-blue .main-nav .navbar-collapse.collapsing {
			margin-left:-300px;
			
		}
		
		.theme-blue .main-nav .navbar-collapse.collapse.in {
			margin-left:0;
		}
		
		.theme-blue .main-nav .navbar-collapse .navbar-brand {
			float:none;
			height: auto;
			padding: 10px 10px;
			background-color:rgba(0,0,0,0.15);
			margin:0 -15px;
			display:block;
			line-height:normal;
			text-shadow:none;
			color:#fff;
		}
		
		.theme-blue .main-nav .navbar-collapse .navbar-brand:before {
			content: "\f104";
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			float:right;
			font-size:16px;
			margin:0 7px;
			position:relative;
			top:3px;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		
		.theme-blue .main-nav .navbar-nav > li > a:before {
			content: "\f105";
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			float:right;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

	}

	/*
	-----------------------------------
		MAIN NAV DROPDOWN
	-----------------------------------
	*/
	
	.main-nav .dropdown-menu a {
		border-left:5px solid #f5f5f5;
	}
	
	
	.main-nav .dropdown-menu .main-network {
		color:#7067AD;
		border-left:5px solid #8F87C3;
		background-image: linear-gradient(to right, #fff 50%, #8F87C3 50%);
	}
	
	.main-nav .dropdown-menu .main-network:hover {
		color:#fff;
	}
	
	@media (max-width: 767px) {
	
		.theme-blue .main-nav .dropdown-menu>li>a {
			white-space: normal;
			color:#fff;
			background-color:transparent;
			background-size: 100% 200%;
			background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.03) 50%);
			-webkit-transition	: background-position 0.15s;
			transition			: background-position 0.15s;
		}
		
		.theme-blue .main-nav .dropdown-menu>li>a:hover {
			background-position: 0 100%;
		}
	
	}


	/*
	-----------------------------------
		MAIN NAV FORM
	-----------------------------------
	*/
	
	.theme-blue .main-nav .navbar-form input {
		min-width:250px;
	}

/*
-----------------------------------
	HIGHLIGHTS CAROUSEL
-----------------------------------
*/



#highlights-carousel {
	overflow: hidden;

	.carousel-control-prev, .carousel-control-next {
		width: 50px;
		height: 50px;
		top: unset;
		background-color: #2cbed2;
		z-index: 100;
    	border-radius: 50%;
    	margin: 25% 0.5rem auto;
		bottom: 7.5rem;
		opacity: 1;
	}

	.carousel-control-prev {
		transform: translateX(-2.5rem);

		.carousel-control-prev-icon {
			height: 15px;
			width: 15px;
			transform: translateX(0.8rem);
		}
	}
	
	.carousel-control-next {
		transform: translateX(2.5rem);

		.carousel-control-next-icon {
			height: 15px;
			width: 15px;
			transform: translateX(-0.8rem);
		}
	}

	.carousel-control-prev:hover, .carousel-control-next:hover {
		background-color: #94cf55;
	}

	.carousel-inner {
		z-index:2;
		background:#184B68;
	}

	.carousel-inner .carousel-item .picture {
		min-height: 250px;
		margin-right:350px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top left;
		position:relative;
	}

	.carousel-caption {
		right:0;
		top:0;
		width:350px;
		bottom:0;
		left:auto;
		padding:18px 25px 18px 20px;
		color:#fff;
		text-shadow:none;
		text-align:left;
		font-size:110%;
		font-weight:normal;
		min-height: 250px;
		border-radius:0 2px 2px 0;
		background:#285e7d;
	}

	.carousel-inner .carousel-item:hover .carousel-caption {
		background:#94cf55;
		cursor:pointer;
	}

	.carousel-caption .carousel-caption-inner {
		overflow-y:auto;
		overflow-x:hidden;
		max-height: 320px;
	}

	.carousel-caption .carousel-caption-title {
		line-height:1.2em;
		font-weight:bold;
	}


	.carousel-caption .carousel-caption-content {
		line-height:1.25em;
	}

	.carousel-caption a {
	color:#fff;
	text-decoration:underline;
	word-break: break-all;
	}

	.carousel-caption:before {
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 24px;
		top: 15px;
		right:100%;
		
		border-right-color: #124561;
		border-left-width: 0;
	}

	.carousel-caption > *:first-child {
		margin-top:0;
	}

	.carousel-control {
		background:none;
		text-shadow:none;
		visibility:visible;
		opacity:1;
		width:50px;
		z-index:10;
	}

	.carousel-control-items {
		position:absolute;
		top:50%;	
		width:50px;
		height:50px;
		background:#2cbed2;
		border-radius:50px;
		line-height:50px;
		color:#fff !important;
		font-size:120%;
	}

	.carousel-control-items:hover {
		background: #94cf55;
	}

	.carousel-control-items .fa {
		line-height:50px;
	}
}

@media (max-width: 1280px) {
	#highlights-carousel .carousel-inner .carousel-item .picture {
		margin-right:29%;
	}
 }
 
 @media (max-width: 767px) {

	#highlights-carousel .carousel-inner .carousel-item {
		max-width: 98vw;

		.picture {
			margin-right:0;
		}
	}

	#highlights-carousel .carousel-caption {
		min-width: 320px;
	}
 }

 @media (max-width: 549px) {
	#highlights-carousel .carousel-caption {
		position:relative;
		padding: 2.5rem;
		width:100%;
	}
}

/*
-----------------------------------
	CAROUSEL BANNER FIX (WEBINARS)
-----------------------------------
*/
#highlights-carousel .carousel-item.item:first-child .picture {
	background-size: contain;
	background-color: #ffffff;
	background-position: center;
}

@media (max-width: 1280px) {
	#highlights-carousel .carousel-item.item:first-child .picture {
		margin-right: 44%;
	}
}

@media (max-width: 767px) {
	#highlights-carousel .carousel-item.item:first-child .picture {
		margin-right: 49%;
      	width: 100%;
	}
}
	
/*
-----------------------------------
	BTN TABLE
-----------------------------------
*/

.btn-table {
	display:table;
	width:100%;
	white-space:normal;
}

.btn-table > * {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}

.btn-table > .badge {
	width:1%;
}

.btn-table > .fa {
	width:1%;
	padding-left:15px;
}

.btn-table > .title {
	padding:0 20px;
}

.btn-table > .title .title-body {
	font-size:85%;
	margin:0;
}


/*
-----------------------------------
	ACCESS BUTTON
-----------------------------------
*/

#access-button {
	margin-top:10px;
}

#access-button .row {
	margin-left:-5px;
	margin-right:-5px;
}

#access-button .row > [class*="col-"] {
	padding-left:5px;
	padding-right:5px;
}

.btn-request-access {
	background-color:#2479a1;
	border-radius:2px;
	border:0;
}

.btn-forum-login {
	background-color:#8bb929;
	border-radius:2px;
	border:0;
}

.btn-request-access .badge, .btn-forum-login .badge  {
	padding:12px 16px;
	border-radius:50px;
	font-weight:bold;
	font-size:100%;
}

.btn-forum-login .badge  {
	color:#8bb929;
}

/*
-----------------------------------
	FEED GROUP
-----------------------------------
*/

.feed-group {
	background-color:rgba(255,255,255,1);
	padding:20px;
	margin-top:10px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.05);
	border-radius:4px;
}

script + .feed-group {
	margin-top:0;
	border-radius:0 0 4px 4px;
}


.feed-group .page-header {
	border-color:#ff9600;
	margin-bottom:30px;
	margin-top:0;
}

.feed-group .page-header h2 {
	margin-top:10px;
}

.feed-group .page-header .btn-rss {
	margin:30px -5px 0 0;
	border:5px solid #fff;
}

.btn-rss {
	background-color:#ff9600;
	border-radius:30px;
	padding:9px 14px;
	box-shadow:none;
}

/*
-----------------------------------
	FEED ITEMS
-----------------------------------
*/

.feed-item .thumb {
	margin-bottom:20px;
  width: 100%;
}

.feed-item .thumbnail-cover {
  width: 100%;
	height:180px;
	background-size:cover;
	background-position:center center;
	background-color:#eee;
	margin-bottom:20px;
}

.feed-item a {
	color:#277aad;	
}

.feed-item header {
	border-bottom:1px solid #eee;
	padding-bottom:15px;
	margin-bottom:15px;
}

.feed-item header .ico {
	display:table-cell;
	vertical-align:top;
	color:#ff9600;
}

.feed-item header .title {
	display:table-cell;
	vertical-align:top;
	padding-left:10px;
}

.feed-item header .title > * {
	margin-top:0;
	margin-bottom:5px;
	line-height:1.3em;
}

.feed-item header .title .fa {
	opacity:0.3;
	margin-left:4px;
}

.feed-item header em {
	color:#b7b7b7;
}

.feed-item article {
	margin-bottom:10px;
}

.feed-item .extra-infos {
	margin:10px 0;
	padding:0;
	font-size:85%;
	display:table;
}

.feed-item .extra-infos > li {
	display:table-row;
}

.feed-item .extra-infos li > * {
	display:table-cell;
}

.feed-item .extra-infos li > .extra-infos-title {
	color:#888;
	white-space:nowrap;
	padding-right:5px;
}

.feed-item .extra-infos li > .extra-infos-title + span {
	padding-right:5px;
}

.feed-item .comment-item {
	background-color:#F0F0F0;
	border-radius:6px;
	padding:10px;
	font-size:90%;
	position:relative;
	overflow:visible;
}

.feed-item .comment-item + .comment-item {
	margin-top:10px;
}

.feed-item .comment-item[data-toggle] {
	display:none;
	cursor:pointer;
}


.feed-item .comment-item[data-toggle]:hover {
	background-color:#277aad;
	color:#fff;
}

.feed-item .comment-item.collapsed[data-toggle]{
	display:block;
}

.feed-item .comment-item:before {
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style:solid;
	border-width: 7.5px 13.0px 7.5px 0;
	border-color: transparent #f0f0f0 transparent transparent;
	position:absolute;
	top:10px;
	left:-8px;
	z-index:10;
	-moz-transform: scale(.9999);
}

.feed-item .comment-item[data-toggle]:hover:before {
	border-color: transparent #277aad transparent transparent;
}

/*
-----------------------------------
	MAIN BOTTOM
-----------------------------------
*/

#main-bottom {
	background-color:#184B68;
	color:#fff;
	padding:40px 0;
	margin-top:-10px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.08);
}

#main-bottom hr {
	border-top: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid rgba(255,255,255,.1);
}

.panel-info-heading {
	margin-bottom:15px;
}

.panel-info-body + .panel-info-heading {
	margin-top:25px;
}

.panel-info-heading .panel-info-title {
	margin:0;
	font-size:24px;
}

.panel-info-text {
	margin-top:-3px;
}

.panel-info-form form {
	margin-top:15px;
}

[aria-expanded="true"] .fa-angle-down:before {
  content: "\f106";
}

/*
-----------------------------------
	NAV STACKED
-----------------------------------
*/

#main-bottom  .panel-info-nav-stacked{
	margin-bottom:20px;
}

#main-bottom  .panel-info-nav-stacked > li {
	border-top: 1px solid rgba(255,255,255,.1);
	box-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

#main-bottom  .panel-info-nav-stacked > li > a {
	color:#fff;
	padding:10px 20px 10px 0;
	
	-webkit-transition	: all 0.2s ease-in-out;
  -moz-transition			: all 0.2s ease-in-out;
	-ms-transition			: all 0.2s ease-in-out;
  -o-transition				: all 0.2s ease-in-out;
  transition					: all 0.2s ease-in-out;
}

#main-bottom  .panel-info-nav-stacked a:hover,
#main-bottom  .panel-info-nav-stacked a:active,
#main-bottom  .panel-info-nav-stacked a:focus {
	background-color:rgba(0,0,0,0.15);
	padding-left:10px;
	padding-right:10px;
}

/*
-----------------------------------
	SOCIAL GROUP BTN
-----------------------------------
*/

.btn-social-group .btn-social {
	width:100%;
	padding:0 6px;
  height: 50px;
  color: #fff;
  line-height: 50px;
  border: 0;
  
  box-shadow: 0 1px 0 1px rgba(0,0,0,.05), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
	margin-right:10px;
}

.btn-social-group .btn-social + .btn-social {
	margin-top:10px;
}

.btn-social-group .btn-social:last-child {
	margin-right:0;
}

.btn-social-group .btn-social .btn-ico {
	font-size: 30px;
	vertical-align:middle;
}

.btn-social-group .btn-social .btn-title {
	font-size: 16px;
	vertical-align:middle;
	margin:0 8px;
}

.btn-social-group .btn-social .btn-title + .btn-ico {
	margin-right:10px;
}

.btn-social-group .btn-social .btn-title .btn-ico {
	font-size: 16px;
	margin-left:5px;
}

/*
-----------------------------------
	TWIITER DARK THEME
-----------------------------------
*/

#main-bottom iframe .thm-dark {
  color: #fff;
  background-color: rgba(0,0,0,.05) !important;
}

/* 
-----------------------------------
	SCROLL TO TOP
-----------------------------------
*/

.scroll-to-top {
	position:fixed !important;
	z-index:1000;
	overflow:hidden;
	max-height:0;
	bottom:5px;
	right:5px;
	opacity:0.70;
	-webkit-transition: max-height 0.6s ease-out;
          	transition: max-height 0.6s ease-out;
}

.scroll-to-top .btn {
	border:0;
	background:#2D424E;
	-webkit-transition: background 0.2s ease-out;
          	transition: background 0.2s ease-out;
}

.scroll-to-top .btn > .fa {
	color:#fff;
}

.scroll-to-top .btn:hover {
	background:#fff;
}

.scroll-to-top .btn:hover > .fa {
	color:#2D424E;
}

.scroll-to-top.affix {
	overflow:hidden;
	max-height:100px;
}

@media (min-width: 768px) {
	
	.scroll-to-top >.btn {
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 6px;
	}

}



/*
-----------------------------------
	MAIN FOOTER
-----------------------------------
*/

.home #main-footer {
	background-color:#14415a;
	color:#fff;
	text-align:center;
	padding:20px 0;
}

.home #main-footer a {
	text-align:center;
	padding:10px 15px;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	border-radius:50px;
	-webkit-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}

.home #main-footer a:hover {
	background:#fff;
	color:#D7DFE4;
	text-decoration:none;
}

.home #main-footer a > i,
.home #main-footer a > strong  {
	display:block;
}
.home #main-footer a > i {
	text-indent:3px;
}

.footer-lists {
	.panel-info-nav-stacked {
		display: flex;
		flex-direction: column;
		line-height: 3;
	}
}