@charset "utf-8";
/* CSS Document */

/* ====================================== */
/* Proiect : www.ubbcluj.ro  	 		  */
/* Autor   : Carmen Ciplea, Diana Halita, Mate Aniko  */
/* ====================================== */


/* =============   ^1 global   ============== */
/*    html 5    */
/*@import url(https://db.onlinewebfonts.com/c/e2febb205f1bda4c972f37857f327b82?family=Vijaya);*/

@import url('responsive2.css');
@import url('carousel.css');
@import url('style_accessibility.css');

@font-face {
  font-family: 'icomoon';
  src: url('https://www.ubbcluj.ro/fonts/fonts/icomoon.eot?gx26za');
  src: url('https://www.ubbcluj.ro/fonts/fonts/icomoon.eot?#iefixgx26za') format('embedded-opentype'), url('https://www.ubbcluj.ro/fonts/fonts/icomoon.ttf?gx26za') format('truetype'), url('https://www.ubbcluj.ro/fonts/fonts/icomoon.woff?gx26za') format('woff'), url('https://www.ubbcluj.ro/fonts/fonts/icomoon.svg?gx26za#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Vijaya;
  src: url('https://www.ubbcluj.ro/fonts/Vijaya.ttf') format('truetype');
  
}


@font-face {
  font-family: Roboto;
  src: url('/fonts/Roboto-Regular.ttf') format('truetype');

}

@font-face {
  font-family: RobotoCondensed;
  src: url('/fonts/RobotoCondensed-Regular.ttf') format('truetype');
 
}


[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.promo_header {
    border-bottom: 1px solid #000;
    width: 100%;
    text-align: center;
}

.promo_header p {
    padding: 5px;
    margin: 0;
}

.icon-link:before {content:'\e9cb';}
.icon-facebook:before {content: '\ea90';}
.icon-instagram:before {content:'\ea92';}
.icon-linkedin2:before {content:'\eaca';}
.icon-twitter:before {content:'\ea96';}
.icon-youtube:before {content:'\ea9d';}

.button { border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 30px;   
    color: red!important;
    margin: 10px;
	font-weight:300
}
.button.white { background: #fff;}
.button:hover {border-color:red}
em.bullet {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin: 0 10px 0 0;
    font-style: normal;
    font-weight: normal;
	color:#2e5782;
}

em.bullet:before {
    font-family: 'icomoon';
    content: '\ea10';
	font-size:16px;
}


.icon_lang:before {
	content:"\e9c9"; 
	color:#1f4976;
	font-family: 'icomoon';
	display:inline-block;
	padding:0 10px;
	font-size:24px;
}

ul.list_lang {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin: 0!important;
    padding: 0!important;
    /* border: 1px solid #ddd; */
}

ul.list_lang li {
    border-bottom: 0!important;
    padding: 0;
}

ul.list_lang li:before {
    display: none!important;
}

ul.list_lang li a {
    padding: 5px; color:red
}

span.data_postare.img img {width:100px!important}
span.data_postare.img {top:0!important; left:0!important}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
[hidden] {
  display: none;
}
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}



body {
  margin: 0;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;


}
a {
  text-decoration: none;
  border: 0;
/*  -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;	
   transition: all 1s ease*/
}
a:focus {
  outline: 0;
}
a:active,
a:hover {
  outline: 0;
}
a img {
  border: 0px!important;
}

* {box-sizing: border-box;}

.clearfix:after {
    clear: both;
}
.clearfix:after, .clearfix:before {
    content: ' ';
    display: table;
}
.line {width:100%; margin:20px 0; height:1px; background: #ddd; display: block; clear:both}
.indent {margin:5px 0 5px 70px!important;}
.lang_:before {display:inline-block; margin:0 10px  0 0; padding:5px; width:20px; height:20px; background: #efefef; color:#000000; content:''; font-size:16px;}

.border_left.lang_en:before,
.border_left.lang_hu:before,
.border_left.lang_ge:before {display:none}
.nopadding {padding:0!important}

body {background:#07284b}

#page,#banner,#promo,#evenim,#video,#cercetare_anunt,#anunt,#footer,footer .copy {max-width: 1600px;margin: 0 auto;}
#banner {background: #07284b;}
#page,#video {background: #fff;}



/* =========== DISPLAY FLEX ============= */
.displayflexright {display: flex;  justify-content: flex-end;  align-items: center;}
.displayflex { display: flex; flex-wrap: wrap; justify-content: center; column-gap:10px}
.displayflex.col2>div, .displayflex.col2>li { width:calc(50% - 10px)}
.displayflex.col3>div, .displayflex.col3>li { width:calc(33% - 10px)}
.displayflex.col4>div, .displayflex.col4>li { width:calc(25% - 10px)}
.displayflex.col5>div, .displayflex.col5>li { width:calc(20% - 10px)}
.displayflex .box {margin:5px 0;}

@media(max-width:900px)
{
	.displayflex.col2>div, .displayflex.col2>li { width:calc(100% - 10px)}
	.displayflex.col4>div, .displayflex.col4>li { width:calc(50% - 10px)}
	
}

@media(max-width:400px)
{
	.displayflex.col4>div, .displayflex.col4>li { width:calc(100% - 10px)}
	
}
/* ====================================== */

.playerubb .loading, .playerubb #init,.bx-wrapper .bx-loading{background:none!important}
.center {display:block; position:relative; transform:translateX(-50%); left:50%}
.centerY {display:block; position:relative; transform:translateY(-50%); top:50%}
.w100 {	width:100%}
.w90 {width:90%}
.w80 {width:80%}
.w75 {width:75%}
.w70 {width:70%}
.w60 {width:60%}
.w50 {width:50%}
.w48 {width:48%}
.w40 {width:40%}

.w33 {width:33.33%}
.w30 {width:30%}
.w25 {width:25%}
.w23 {width:23%}
.w22 {width:22%}
.w19 {width:19%; margin:0.4%!important}
.w18 {width:18%}
.m10_0 {margin:10px 0}
.m10_0_0_0 {margin:10px 0}
.left {float:left}
.right {float:right}
.alignleft { text-align:left}
.alignright {text-align:right}
.alignjustify {text-align:justify}
.aligncenter {text-align:center}
.auto{margin:0 auto!important;}
.img_w50 {width:60%!important}
.margin_t20 {margin-top:20px!important}
.margin_r4 {margin-right:4%!important}
.margin_lr25 {margin-left:25%;  margin-right:25%}
.nobold {font-weight:normal!important}
.arrow {position:relative;}
.arrow:after { 
	display:block;  
	background:rgba(0,0,0,0); 
	position:absolute; 
	left:50%; 
	bottom:0px; 
	transform:translateX(-50%) translateY(100%);
    width: 0px;
    height: 0px;
    border-left: 65px solid transparent;
    border-right: 65px solid transparent;
	z-index:100;
	content:" ";
}
.arrow:before {
    content: " ";
    display: block;
    position: absolute;
   /* top: 98%;*/
   bottom:-30px;
    left: 50%;
    z-index: 110;
	width:150px;
	height:35px;
    transform: translateX(-50%);
	background-position:center center;
	background-repeat:no-repeat;
}
.arrow.blue:after {border-top: 35px solid #1f4976;}
.arrow.blue:before {  background-image:url(../img/img_turnuri_w.png);}

.arrow.blue_:after {border-top: 35px solid #2e5782;}
.arrow.blue_:before {  background-image:url(../img/img_turnuri_w.png);}

.arrow.grey:after {border-top: 35px solid #f2f2f2;}
.arrow.grey:before {  background-image:url(../img/img_turnuri_b.png);}

.arrow.grey_:after {border-top: 35px solid #dcdcdc;}
.arrow.grey_:before {  background-image:url(../img/img_turnuri_b.png);}

.arrow.grey__:after {border-top: 35px solid #eaeaea;}
.arrow.grey__:before {  background-image:url(../img/img_turnuri_b.png);}

.arrow.white:after {border-top: 35px solid #fff;}
.arrow.white:before {  background-image:url(../img/img_turnuri_b.png);}



.top.arrow:after {
	top:0!important;
	transform:translateX(-50%) translateY(0%);
	}
.top.arrow:before{
	top:-5px!important;
	}	


.titleline span {
	background:#fff;
	padding:15px 40px;
	position:relative;
	z-index:5;
	border:1px solid rgb(162, 198, 229);
	}
.titleline {	border:0!important; position:relative;}
.titleline:before {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:1px;
	background: rgb(162, 198, 229);
	top:50%;
	z-index:2;

	}	

.titleimg { }
.titleimg-plate {
	background-position:bottom center;	
	font-size: 25px!important;
    color: #F00!important;
    background-repeat: no-repeat;
    background-size: 150px;
    height: 120px;
    padding: 52px 0 0 0 !important;
    text-transform: uppercase;
	border:0!important;
    font-family: RobotoCondensed;
	margin:0 0 1em 0!important}
.titleimg-plate-1 { background-image:url(../images/icon-plate-1.png)}
.titleimg-plate-2 { background-image:url(../images/icon-plate-2.png)}
.titleimg-plate-3 { background-image:url(../images/icon-plate-3.png)}
.titleimg-plate-4 { background-image:url(../images/icon-plate-4.png)}
.titleimg-plate-5 { background-image:url(../images/icon-plate-5.png)}
.titleimg-plate-6 { background-image:url(../images/icon-plate-6.png)}
.titleimg-plate-7 { background-image:url(../images/icon-plate-7.png)}
.fontsize_12 {font-size:12px!important}
.fontsize_14 {font-size:14px!important}

.read_more {
    border: 1px solid #ddd;
    display: block;
    width: 200px;
    text-align: center;
    padding: 10px 0;
    background: aliceblue;
}
.textcenter { text-align:center;}
.border-top-bottom {border-width:1px 0; border-style:solid; border-color:#ddd; padding:10px 0}

#banner.arrow:after {	transform:translateX(-50%) translateY(calc(100% + 2px));}
#banner.arrow:before {top:100%!important}	


h1, h2, h3, h4 {font-family:Roboto; font-weight:400}
h1 strong, h2 strong, h3 strong, h4 strong {font-weight:400}


figure {
    display: table;
		background:rgba(0,0,0,0.1);
		margin:0;
	padding:0 10px 0 0;
}
figure.left {margin:0 20px 0 0}
figure.right {margin: 0 0 0 20px}
figure img {
	display:block;
	width:95%;
}
figure figcaption {
	display:table-caption;
	caption-side:bottom;
    text-align: center;
	background:rgba(0,0,0,0.1);
	padding:0 10px 10px 10px;
}

/* ==================================== */

.alert-success {
    color: #3c763d!important;
    background-color: #dff0d8!important;
    border-color: #d6e9c6!important;
}
.alert-info {
    color: #31708f!important;
    background-color: #d9edf7!important;
    border-color: #bce8f1!important;
}
.alert-warning {
    color: #8a6d3b!important;
    background-color: #fcf8e3!important;
    border-color: #faebcc!important;
}
.alert-danger {
    color: #a94442!important;
    background-color: #f2dede!important;
    border-color: #ebccd1!important;
	margin-left: -11px!important;
}
.alert {
    padding: 15px!important;
    margin-bottom: 20px!important;
    border: 1px solid transparent;
    border-radius: 4px!important;
	opacity: 1!important;
    -webkit-transition: opacity .15s linear!important;
    -o-transition: opacity .15s linear!important;
    transition: opacity .15s linear!important;
	
}


/* ==================================== */
.pagination__controls {
    display: flex;
    align-content: center;
    justify-content: center;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.nr_total {
   
    padding: 5px 20px;
    border: 1px solid #ddd;
    width: 200px;
    display: flex;
 
  
    text-align: center;
    margin: 0 0 0 calc(100% - 230px);
    background: #f5f5f5;
}

.pagination>li {
    display: inline;  border-bottom:0px!important
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:before {display:none!important;}
/* ==================================== */
/* ==================================== */
#header #menu_sec { width:100%}
#header #logo,#header #lang-search {flex:1}
#header { margin: 0em 0 0 0; padding: 5px 0 0 0;border-top: 3px solid #333; min-height: 140px;display: flex; align-content: center; justify-content: space-evenly; align-items: center; flex-wrap: wrap;}
#header #logo h2 {position:absolute; left:-9999px;}
#logo img { width: 300px;}
#header #logo { text-align: center; display: flex; align-content: center; justify-content: flex-start; align-items: center; column-gap: 20px; padding:0 0 0 3%}
#header #menu_sec .meniu_alegeri a {color:#ff0000; padding:10px; }
#header #menu_sec .meniu_turvirtual a {color:#fff; padding:10px; background: #2e5782d6; }
#header #menu_sec > ul { margin: 1em 0 1em 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap;    align-content: space-around;    align-items: center;}
#header #menu_sec > ul > li {list-style:disc; display:inline; white-space:nowrap; padding:5px 0}
#header #menu_sec > ul > li > a {color:#1f4976; font-family:Roboto; font-weight:400; font-size:1em; padding:0.2em 1em; border-bottom:2px solid #fff;}
#header #menu_sec > ul > li > a:hover {border-bottom:2px solid #1f4976}
#header #menu_sec > ul > li > a:before {
	content:" ";
	display:inline-block;
	width:5px;
	height:5px;
	background-color:#1f4976;
	border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	margin:0 5px 0 0;
	}
#header #menu_sec .menu_sec_submenu{display:none}
#header #menu_sec .facilitati-descriere{display:none}
#header #menu_sec .submenu{position:relative}
#header #menu_sec .submenu:hover .menu_sec_submenu{
	display:block;
	position:absolute;
	left: 0;
	top: 23px;
	z-index: 111;
	padding: 10px;
	background:#f0f0f0;
	border:1px solid #ddd;
	border-radius:4px;}
#header #menu_sec .submenu:hover .menu_sec_submenu .section_stud_login:hover a{color:#e32f2f}
#header #menu_sec .submenu:hover .menu_sec_submenu .section_stud_login a{
	text-transform:uppercase;
	font-size:12px;
	color: #1f4976;}
#header #menu_sec .submenu:hover .menu_sec_submenu .section_stud_login{
	border:none;
	margin:0;
	padding:5px;
	background-color: #f0f0f0;
	border-bottom:1px solid #ddd;}
#header #menu_sec .submenu:hover .menu_sec_submenu .section_stud_login em{
	width:25px;
	display:inline-block;}

#lang-search {width:40%; padding:0 3% 0 0}
#lang-search .search,
#lang-search .lang {margin:10px 0 0 0; text-align:right}
#lang-search .lang {padding:0 20px 0 0}

input{font-family: Roboto!important;}
.ccc  {
    -webkit-box-sizing: border-box;
	position:relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%!important;
    margin: 0 0px;
	padding:5px 20px;
    border-width: 0px 0 1px 0;
	border-style:solid;
	border-color:#ddd;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    outline: none;
    background-color: #fff;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow: none;
    vertical-align: middle;
    cursor: text;
    font-family: Roboto!important;
    font-size: 16px;
}
.ccc:focus {
	border-color:#1a237e;
	background-color:#f2f2f2;
	}

.page.section.search_page #section_content{padding-top:5vh;}
.search_frame {
    width: 90%;
    height: 700px;
    border: 0;
}
.top_search .searchsubmit{background-color:transparent!important;border:none!important;min-width:auto!important;height:30px!important;}	


.searchsubmit {
    border: 1px solid #dddddd;
    border-radius: 0px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    -ms-filter:none;
    font-size: 14px;
    font-weight: 700;
    line-height: inherit;
    margin: 0;
    padding: 0 0px;
    text-decoration: none;
    text-shadow:none;
    vertical-align: middle;
    white-space: nowrap;
}

.searchsubmit {
	background:url('../img/icon_search.png');
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
	width:30px;
	height:30px;
	position:relative;
	text-indent:-20000px;


}
	
.searchsubmit:hover {
	background:url('../img/icon_search_1.png');
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 30px;
}


.lang_linii {margin: 0 30px 0 12%}
.lang_linii select {
    padding:3px;
    margin: 0 0px 0 0;
    background: #fff;
	font-size:0.8em;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	min-width:200px;
}


.lang_linii label {position:relative}
.lang_linii label:after {
    content:'<>';
    font:14px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:10px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events: none;
}
.lang_linii label:before {
    content:'';
    right:6px; 
	top:0px;
    width:30px; 
	height:30px;
    background:#fff;
    position:absolute;
    pointer-events:none;
    display:block;
}

.lang > div {float:right}

.lang  ul {margin:0;padding:0;}
.lang  ul li {display:inline-block; margin:0; padding:0; list-style:none}
.lang  ul li a {color:#1f4976; font-size:1em; font-family:Roboto; padding:0 10px; border-bottom:2px solid #fff;}
.lang  ul li a:hover {border-bottom:2px solid #1f4976}


/* =================================  MENU ========================== */

/* ======================================== */
/* ================== MENU ================ */
/* ======================================== */

#menu ul li .sub-menu{
	box-shadow: 0px 2px 10px #363636;
	background:#3b6088;
	z-index:1000;
	position: absolute;
	width: 100%;
	left: 0;
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:stretch;
	align-content:stretch;
	border-top:1px dashed #4b74a0;
	display:none}

#menu .cols-left {width: 100%;padding:0 1%; margin:1em 0 0 0;display:inline-block;}
#menu .cols-left:last-child{border:none}
#menu .cols-left a:before{display:none}
#menu .cols-left h2 {line-height: 1.2em;color: #372f2b;text-transform: uppercase;margin:0!important; font-size:1em; text-align:center}
#menu .cols-left h2 a {text-transform:uppercase; text-align:center; font-size:1.2em; line-height: inherit}
.f-nav #menu .cols-left h2 a{text-transform:uppercase;font-size:16px;text-align:center;}
#menu .cols-left ul{list-style:none!important;margin:10px 40px;width:calc(100% - 80px);display:flex;float:none; flex-wrap: wrap; justify-content: flex-start;  align-items: stretch; align-content: space-between; }

#menu .cols-left li{display:block;width:calc(100% / 6);float:none; border-bottom: 1px solid #264a70; padding:10px 10px; position:relative;}
.f-nav #menu .cols-left li a{ text-transform:initial;font-size:0.9em!important; line-height:1.2em!important;display: block;  color:#fff!important;}
#menu .cols-left li a{ text-transform:inherit;font-size:0.9em; line-height:1.3em;display: block;  color:#fff!important; font-weight:300!important; position:relative; padding: 0 0 0 0px}
#menu .cols-left li:hover a{color:#ffd38f!important;}
#menu .cols-left li:hover a:before{ background-color:#ffd38f!important;}
#menu .cols-left li a:before{background-color:#fff!important;display:none; width:3px; height:3px; position:absolute;left:0; top:15px;}
#menu ul li .sub-menu .menu-programe { padding:15px 0;float: left; width: calc(33% - 40px); margin: 20px; background: #1f4976;}


/*#menu [href^="http://"]:after {
    font-family: 'icomoon' !important;
    speak: none;
	font-size:0.9em!important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0c1";
	margin:5px;	
	display:inline-block;
	-webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0.5;
}*/

#menu [href^="http://"]:after, #menu [href^="https://"]:after {
	margin:0 0 0 10px;	
	display:inline-block;

  width:12px;
  height:12px;
  background-image:url(../img/icon_external-link.png);
  background-size:cover;
  content:' ';

}

#menu .active{background:rgba(255,255,255,0); color:#ffd38f}

/* ======================================== */
/* ============ VIEW FULL/MOBILE ========== */
/* ======================================== */
.rwd-display-option span{ text-align: right;    color: #bababa;
    padding: 1px 0;
    display: block;
    font-family: Roboto;
    font-size: 1.1em;
}
.rwd-display-option{ cursor: pointer; }

#view-responsive{ display: none; }

@media only screen and (min-width: 900px){
    #view-full{ display: none; }
    #view-responsive{ display: inline; }
}

/* =================================  MENU RESPONSIVE ========================== */


#toggle_menu  {display:none}

.menufix { /* -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;	
   transition: all 1s ease*/}
.f-nav { z-index: 999; position: fixed; left: calc((100% - 1600px) / 2); right:calc((100% - 1600px) / 2); top: 0; max-width: 1600px; background-color:#2e5782; box-shadow: 0px 1px 20px #363636;}
.f-nav #logo {display:none}
.f-nav #lang-search {float:right}
.f-nav #header {padding:5px 0 5px 0; background-color:#2b527b}
.f-nav #header #menu_sec ul {margin:0 0 0 5%}
.f-nav .search, .f-nav .lang_linii {display:none}
.f-nav #header {min-height:auto}
.f-nav #menu {margin:0px 0 0 0; padding:5px 0 0 0; background-color: #2e5782; border-top:1px dashed #4374a8; z-index:999}
.f-nav .lang {margin:0!important}
.f-nav .lang>div {margin:0 5% 0 0 }

/*.f-nav #menu > div {height:30px;}*/
.f-nav #menu > div a {/*line-height:30px;*/ font-size:1em}
.f-nav #menu ul li a:before {
    width: 3px;
    height: 3px;
}

.f-nav #menu_sec ul li a {font-size:1em!important; font-family:RobotoCondensed!important}


.f-nav #header #menu_sec ul li a , .f-nav .lang ul li a {color:#fff;  border-bottom: 2px solid #2b527b;}
.f-nav #header #menu_sec ul li a:hover , .f-nav .lang ul li a:hover {color:#ffd38f;  border-bottom: 2px solid #ffd38f;}


#menu {margin:0px 0 0 0; padding:0; text-align:center; background-color:#1f4976}
#menu ul {margin:0; padding:0; display: flex; justify-content: center;}
#menu ul li {
	display:inline-block;
	width:calc(90% / 6);
	float: left;
	text-align:left;
}
#menu   ul li  a {font-family:RobotoCondensed; font-size:0.9em; color:#fff; text-transform:uppercase; line-height:45px; display:inline-block; text-align:left; position:relative}

#menu ul li a:before {   
	 content: " ";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 5px 0 0;
	}

#menu ul li:hover a, #menu ul li a:hover {color:#ffd38f}
#menu ul li:hover a:before { background-color:#ffd38f}
#menu > div {display:block; height:45px;}
#menu > div+div { background-color:#2e5782}

/* -------------- navigation icons transform  -------------- */


.menu-toggle-btn {
  margin: 0px 0px;
  width: 100%;
  cursor: pointer;
  z-index: 10;
  padding:10px 0 10px 48%;
}
/*
  
#menu-toggle-btn.js-transform span {
    display: none !important; }
	
#menu-toggle-btn:before, #menu-toggle-btn:after {
	  transition:all 3s ease; 
 }

#menu-toggle-btn.js-transform:before, #menu-toggle-btn.js-transform:after {
      content: "";
      width: 3px;
      height: 30px;
      display: block;
      background: #ddd; }

#menu-toggle-btn.js-transform:before {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);   }

#menu-toggle-btn.js-transform:after {
         -ms-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          margin-top: -30px;
		   }
*/	   

.menu-toggle-btn span {
    display: block;
    background: #fff;
    height: 3px;
    width: 25px;
    margin: 4px 0;
   transition:all 3s ease;}
	
.toogle_menu_index_container	.menu-toggle-btn {width:25px; height:30px; position:absolute; padding:0; right:0px; top:0}
.toogle_menu_index_container .menu-toggle-btn span { background:#000}
/* =================================  MENU LEFT ========================== */

#menu_section {  background-color:#fff; padding:20px; border:1px solid #ddd}
#menu_section h2, #menu_section h2 a {font-size:1.2em; color:#448ccb}
#menu_section h2 a:hover {color:#000; text-shadow:1px 1px 15px #333;}
#menu_section ul {margin:0!important;padding:0}
#menu_section ul li {list-style:none; border-bottom:1px dashed #ddd; padding:5px 0}
#menu_section ul li a {color:#000; font-family:RobotoCondensed; font-size:1.2em; }
#menu_section ul li a:hover { text-shadow:1px 1px 10px #333;}
#menu_section ul li:before {display:inline-block; content:' '; width:4px; height:4px; border-radius:50%; margin:0 5px 0 0; background-color:#e32f2f}

#menu_section  [href^="http://"]:after {
	margin:0 0 0 10px;	
	display:inline-block;

  width:12px;
  height:12px;
  background-image:url(../img/icon_external-link-1.png);
  background-size:cover;
  content:' ';

}

.menu_section .cols-left {float:left; width:32%;}
.menu_section .cols-left li a {font-size:1em!important}
.menu_section_1col .cols-left {width:100%}
.menu_section_1col .cols-left h2 {display:none}
.menu_section_1col .cols-left ul {width:30%; float:left}

/* =================================  BRADCRUMBS ========================== */
#BreadCrumbBar {
  margin:0px 4% 1em 4%;
  padding: 0em 0 1em 0;
  border-bottom:1px solid #efefef;
  font-size: 1.2em;
  font-family:Roboto;
  display:block;
  color:#448ccb
}
#BreadCrumbBar a {
  color: #a9a9aa;
}
#BreadCrumbBar > span { position:relative; padding: 0 20px;}
#BreadCrumbBar a:after {
  font-size: 1px;
  display: inline-block;
  color: #a9a9aa;
  position: absolute;
  right:0;
  content: " ";
  width:1px;
  height:30px;
  background-color:#ddd;
  -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(30deg); /* Standard syntax */
}
#BreadCrumbBar a:hover {
  color: #e32f2f;
}


#BreadCrumbBar span.breadCrumb:nth-child(1)> a:before {
	content:"\e900"; 
	color:#1f4976;
	font-family: 'icomoon';
	display:inline-block;
	padding:0 10px;
	font-size:24px;
	}
#BreadCrumbBar span.breadCrumb:nth-child(1)> a:hover:before {color:#e32f2f}
/* =================================  SLIDER ========================== */

#banner {border-bottom:2px solid #1f4976}
.bxslider {position:relative;}
.bxslider li {position:relative;}
.bx-wrapper img {width:100%}
/* .bxslider li div.info {position:absolute; top:0; width:30%; display:block; background:rgba(33,33,33,0.6); left:10% ; font-family:Roboto;  color:#fff;  }
*/
.bxslider li .info div {font-size:28px; color:#fff; text-transform:uppercase; margin:2em 0.5em 0 0.5em}
.bxslider li .info div+div {font-size:16px; color:#fff; text-transform:inherit; margin:1em 1.2em; line-height:1.3em}
.bxslider li .info div+div+div {font-size:20px; color:#ffd38f; text-transform:inherit; margin:0 2em 0 90px; position:relative;}
.bxslider li .info div+div+div > a {font-size:18px; color:#87c4f9; text-transform:inherit;} 
.bxslider li .info div+div+div > a:hover {font-size:18px; color:#ffd38f; text-transform:inherit;} 
.bxslider li .info div+div+div:before {display:inline-block; width:30px; content:"";position:absolute; left:-70px;}
.bxslider li .info div+div+div+div {position:relative;top:20px; right:-20px; width:40px; height:40px;}
.bxslider li .info div+div+div+div:before {content:"";}

.bxslider li div.info {padding:0 30px 0 0px; position:absolute; top:0; width:48%; display:block; background:rgba(33,33,33,0.6); left:30px ; font-family:Roboto;  color:#fff;  }
.bxslider li div.info a.slider_detalii {
    color: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 20px;
    position: relative;
    display: block;
	width:80px;
    text-align: center;
}
.bxslider li div.infodetalii a.slider_detalii:before {
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #E91E63;
    content: "\e603";
    font-family: "icomoon";
    position: relative;
    display: inline-block;
}
.bxslider li div.info a.slider_detalii:hover { background:#1a9ba1}
.bxslider li div.infodetalii a.slider_detalii:before:hover { background:#fff}
.bxslider li div.info a {color:#fff;}
.bxslider li div.infodetalii a {color:#fff;}
#banner .bx-wrapper {border:0!important; -webkit-box-shadow: 0 0 0px #ccc!important; box-shadow: 0 0 0px #ccc!important; margin:0}


#banner .bx-wrapper .bx-controls1-direction a {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    outline: 0;
    width: 32px;
    height: 61px;
    text-indent: -9999px;
    z-index: 99;
}

#banner .bx-wrapper .bx-prev {
    left: 0px!important;
    background: url('../js/bxslider/images/controls_.png') no-repeat -30px 0px!important;
}

#banner .bx-wrapper .bx-next {
    right: 0px!important;
    background: url('../js/bxslider/images/controls_.png')  no-repeat 0px 0px!important;
}

#banner .bx-wrapper .bx-prev:hover {
	    left: 0px!important;
    background: url('../js/bxslider/images/controls__.png') no-repeat -30px 0px!important;
	} 
	
#banner .bx-wrapper .bx-next:hover {
    right: 0px!important;
    background: url('../js/bxslider/images/controls__.png')  no-repeat 0px 0px!important;
}	


#banner .bx-wrapper .bx-pager,#banner  .bx-wrapper .bx-controls-auto {display:none}
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover,#banner  .bx-wrapper .bx-pager.bx-default-pager a.active,#banner  .bx-wrapper .bx-pager.bx-default-pager a:focus { background-color:#ffd38f}
#banner .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(0,0,0,0);
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	border:2px solid #ffd38f
}


.bx-wrapper .bx-loading{background:url(../js/bxslider/images/bx_loader.gif)!important; background-repeat:  no-repeat!important; background-position: center center!important;}


.bx-wrapper .caption {
    position:absolute;
    top:0px;
    right:0px;
    z-index:10;
    width: 50%;
   color:white;
   padding:20px 0;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}
.bx-wrapper .caption strong {display:block; float:left; top:0%; width:40%; padding:0 5%; text-align:right; position:relative;  text-transform:uppercase; font-family:RobotoCondensed; font-size:24px; font-weight:100;}
.bx-wrapper .caption p {display:block; float:left; margin:0; width:60%; text-align:left; padding:0 5% 0 0;position:relative; font-family:RobotoCondensed; font-size:16px;}

.anunturi_news_  .bx-wrapper .bx-controls1-direction a {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    outline: 0;
    width: 32px;
    height: 61px;
    text-indent: -9999px;
    z-index: 99;
}
.anunturi_news_ .bx-wrapper .bx-prev {
    display:none;
	left: -60px!important;
    background: url(../js/bxslider/images/controls___.png) no-repeat -30px 0px!important;
}


.anunturi_news_ .bx-wrapper .bx-next {
    right: -60px!important;
    background: url(../js/bxslider/images/controls___.png) no-repeat 0px 0px!important;
}

.anunturi_news_  li { background-color:#FFF; display: flex}
.anunturi_news_  li > div {width:50%}
.anunturi_news_  li >div:nth_child(1){}
.anunturi_news_  li >div.anunt_content { padding: 30px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.bxslider_anunt_ {display:flex;     align-content: space-around; align-items: stretch;}
.anunturi_news_ li h3 {margin:0 0px 20px 0!important; padding:0!important}
.anunturi_news_ li h3 > a {font-size:1.2em!important; padding:0!important; }
.anunturi_news_ .anunt_img { background-repeat: no-repeat!important; background-position: center!important; background-size: cover!important;}
.anunt_text {  font-size: 1.05em;}
/* ==================================== PROMO BAR================================ */

div#promo {
    background: #1f4976;
    position: relative;
    /* margin: -20px 0 0 0; */
    padding: 1px 0;
    text-align: center;
}

div#promo h2 {
    margin: 0;
}

div#promo h2 a {
    padding: 20px 0;
    display: block;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-family: RobotoCondensed;
}
div#promo h2 a:hover {color:#ffd38f}
/* ==================================== EVENIMENTE ================================ */


#evenim{ background-color:#f2f2f2; padding:20px 0%}

#evenim h2 {width:100%; display:block;color:#000; 
			 font-size:2em; padding:10px 0; margin:40px 0; text-align:center;
			}
#evenim h2 a {display:block;color:#1f4976}
#evenim h2 a:hover {color: #1f4976;}


#evenim ul {margin:0 0%; padding:0;display: flex;flex-direction: row;flex-wrap: wrap; justify-content: center; align-content: center;}
#evenim ul li {padding:0; width:24%; margin:0 0.5%; background-color:#fff;-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;
   transition: all 1s ease; list-style:none; position:relative}
#evenim ul li:after {content: "";width: 0;height: 5px;background: #2e5782;position: absolute;bottom: 0px;left: 0;transition: all 0.5s ease;}
#evenim ul li:hover:after { width: 100%;}
#evenim ul li img {width:100%;}
#evenim ul li  h3 {font-size:22px; margin:10px 20px 20px 10px; padding:0;}
#evenim ul li  h3 a {color:#000}
#evenim ul li  h3 a:hover  { text-shadow:1px 1px 10px #666}
#evenim ul li img {
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;
   transition: all 1s ease;
}
#evenim ul li img:hover, #evenim ul li:hover img {
  filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(60%);  }   
#evenim ul li:hover { background-color:#e4e4e4}
#evenim ul li:hover .time {border-left:5px solid  #448ccb;}
#evenim ul li .time {margin:20px 0 20px 20px; border-left:5px solid #ddd; font-family:Roboto; font-size:1em; padding:0 10px}
#evenim ul li .location {margin:0 0 20px 10px; font-family:Roboto; font-size:1em;}

#evenim ul li .detalii, #anunt .bxslider_anunt li .detalii,
.cercetare .detalii  {position:relative; display:block; text-align:right; padding:0 10px 10px 0;}
#evenim .detalii img {width:25px;}



.all_evenim a {font-family:Roboto; color:#565656;}
.all_evenim a:hover {text-shadow:2px 2px 10px #333;}

#evenim .all_evenim { width:30%; text-align:center; margin:30px auto 0 auto}
#evenim .all_evenim a {font-size:1.2em; display:block; text-align:center; color:#000; font-size:20px; text-transform:uppercase}
#evenim .all_evenim a:after { content: "\ea3c"; font-family: Icomoon;margin: 0 0 0 20px; background: #565656; width: 40px;   height: 40px;    line-height: 40px;    color: #fff;    border-radius: 50%;    display: inline-block;}

/* =================   VIDEO  ================ */

div#video { padding: 0 20px 20px 20px}
div#video_carousel { padding: 0 0%;}
#video_carousel  .bx-viewport { width: 100%;overflow: hidden!important; height: auto!important;}
#video_carousel .bxslider_item { padding: 40px;  border: 1px solid #ddd;}
#video_carousel	.bx-wrapper { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border:0px solid #fff; background: #fff;}
.bxslider_item h3 { margin: 0;background: #fff; padding: 20px;text-align: center;color: #000;  font-size:22px;}
.bx-wrapper .bx-pager.bx-default-pager a { background: #000; text-indent: -9999px;display: block; width: 30px;
    height: 7px; margin: 0 5px; outline: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}	
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #448ccb;}	
/* =================   ANUNTURI  CERCETARE  ================ */
#cercetare_anunt { background-color:#f2f2f2; padding:0px 0% 20px 0%}
#cercetare { padding:0px 2% 40px 2%}


#anunt {padding: 0 6% 30px 30px;  background: #fff;}

#anunt .bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    background: rgba(0,0,0,0);
	margin:0 0 30px 0;
    max-width:100%!important
}

#anunt .bx-viewport {width:100%; height:auto!important;}

#anunt .bxslider_anunt li {
	display:block;
	background:#f2f2f2;
	padding:10px 10px 0 10px;
	border:1px solid #ccc
}
	
#anunt .bxslider_anunt li .detalii img , .cercetare .detalii img  {width:20px; display:inline-block}	

#anunt li h3{position:relative;}

#anunt .anunturi_news_ {  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
}
#anunt .anunturi_news_fix {padding:15px 3% 0 0}

.anunturi_news{
	width: 75%
}
.en .anunturi_news{width:70%}

.anunt_parteneri{margin:16px 0;
	width:calc(25% - 10px);
    display: block;
    background: #f2f2f2;
    padding: 10px 10px 10px 10px;
    border: 1px solid #ccc;margin-right: 10px;}
.anunt_parteneri a {font-size: 18px;
    color: #448ccb;
    margin: 0 0 10px 0;} 
.anunt_parteneri h3{
    color: #448ccb;
    margin: 0 0 10px 0;font-family: Roboto;
    font-weight: 400;}	
.anunt_parteneri .detalii{position: relative;
    display: block;
    text-align: right;
    padding: 0 10px 10px 0;margin:0;}
.anunt_parteneri .detalii img{    width: 20px;
    display: inline-block;}	


.anunt_parteneri_{margin:0 0 10px 0;
    display: block;
    background: #fff;
    padding: 10px 10px 0 10px;
    border: 1px solid #ccc;
}
.anunt_parteneri_ a {font-size: 18px;
    color: #448ccb;
    margin: 0 0 10px 0;} 
.anunt_parteneri_ h3{
    color: #448ccb;
    margin: 0 0 10px 0;
	font-family: Roboto;
    font-weight: 400;}	
.anunt_parteneri_ .detalii{position: relative;
    display: block;
    text-align: right;
    padding: 0 10px 10px 0;margin:0;}
.anunt_parteneri_ .detalii img{    width: 20px;
    display: inline-block;}	


#cercetare li h3 a, #cercetare li h3 ,#anunt li h3 a, #anunt li h3 ,
.cercetare  h3, .cercetare h3 a { font-size:18px;/*font-size:1.1em;*/ color:#448ccb; margin:0 0 20px 0; padding:10px 10px 0 10px}
.cercetare .img_pers {width:100%; margin:0; padding:0!important}
#cercetare h2{margin:30px 0; text-align:center;position:relative; font-size:2em}
#anunt h2 {margin:0px 0 10px 0; text-align:center;position:relative}
#cercetare h2 a, #anunt h2 a {
	font-family:Roboto; 
	font-size:1.1em; 
	color:#1f4976; 
	display:block;  
	width:70%; 
	margin:0 auto; 
	padding:50px 0 20px 0;
	text-transform:uppercase; 
	font-weight:400; 
	border-bottom:2px solid #efefef;
	}
#cercetare h2 a:hover, #anunt h2 a:hover {text-shadow:2px 2px 10px #666; border-bottom:2px solid #1f4976; }
#cercetare h2 a span, #anunt h2 a span {
	color:#448ccb!important; 
	font-size:0.6em!important; 
	padding:0 20px; 
	text-transform:none!important;    
	position: absolute;
    right: 15%;
    bottom: 10px;}

.cercetare { background-color:#f2f2f2; margin:25px 0 0 0; border:1px solid #ccc}

.cercetare .detalii img {width:20px; border:0px solid #ddd; padding:0px;}
.cercetare div:nth-child(2) {padding:0 10px;}
.cercetare p {margin:0; padding:0}
.cercetare_anunt { background-color:#f2f2f2; border:1px solid #ccc; padding:20px; }
#cercetare > div.cercetare {margin:0 10px 0 10px}
#cercetare > div.cercetare + div.cercetare {margin:0 1% 0 0%;}
#cercetare > div.cercetare + div.cercetare + div.cercetare {margin:0 0% 0 0%}


.cercetare.starubb { background:rgba(68, 140, 203, 0); padding:0px 0px 0 0px;
 /*background-image:url(../images/bk_starubb.png);
 background-size:100%;
 background-position:top center; background-repeat:no-repeat*/}
.cercetare.starubb .content { background-color:#eaeaea;  padding:0; width:100%;}
.cercetare.starubb .content img {width:auto}
.cercetare.starubb h3 {padding:20px 0 0 0}
.cercetare.starubb h3, .cercetare.starubb a h3 {font-size:18px;/*font-size:1.1em;*/ color:#448ccb; margin:0 0 10px 0}

.cercetare .box {border:1px solid #ddd; margin:10px 10px 5px 10px; padding:15px!important; background: #fff;}

.cercetare .posts li {list-style:none; margin:0; padding:0}
.cercetare .posts li a {display:block; padding:5px 0; color:#06223a; border-bottom:1px dashed #ddd}

#cercetare > div.cercetare + div.cercetare + div.cercetare h3 span {text-transform:uppercase; font-size:22px; margin:0 30px 0 0;}
#cercetare div[id^="publitas-embed"]>div:nth-child(1) {padding-top:60%!important}



.bk_grey1 { background:#eaeaea}
#anunt.bk_grey1 {margin:0!important; padding-bottom:30px!important;}
.cercetare_items>div:nth-child(1) {margin:0 0 40px 0}
.cercetare_items>div:nth-child(3) {margin:40px 0 0px 0}
.cercetare_item_link {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.cercetare_item_link>div {
    width: 33%;
    margin: 0 0 0 -1px;
    border: 1px solid #ddd;
    /* padding: 0; */
    border-radius: 0;
}

.cercetare_item_link>div>a {
    color: #1f4976;
    font-size: 20px;
    display: block;
}

.cercetare_item_evenim {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    gap: 40px;
    /* flex: 1 1 0; */
}
.cercetare_item_evenim>div {
    /* flex:1 1 0; */
    width: calc(25% - 40px);
}
.cercetare_item_evenim>div:last-child {
    /* flex: 2 1 0; */
    width: calc(50% - 40px);
}

.cercetare_item_evenim_articol_title a {
    margin: 0 0 20px 0;
    display: block;
    font-size: 20px;
    color: #448ccb;
}

.cercetare_item_evenim_articol_data {
    margin: 0 0 20px 0;
    font-size: 16px;
    border-left: 4px solid #fff;
    padding: 0 0 0 10px;
    height:40px;
}

.cercetare_item_evenim_articol_desc {
    text-align: justify;
    font-size: 18px;
}
.cercetare_item_evenim_articol_data span {
    display: block;
}

.cercetare_item_evenim>div:last-child {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    align-items: stretch;
    background: white;
    border: 1px solid #dbdada;
    padding: 0;
}

.cercetare_item_evenim>div:last-child>.content {
    padding: 20px;
}

.cercetare_item_evenim>div:last-child>.content>.content_title a {
    color: #0086fc;
    font-size: 18px;
    margin: 0px  0 30px 0;
    display: block;
}

.cercetare_item_evenim>div:last-child>.content>.content_desc {
    font-size: 18px;
    text-align: justify;
}

.cercetare_item_evenim>div:last-child img {
    margin: 0;
    padding: 0;
    border: 0!important;
    max-width: 300px;
}
#cercetare .all_evenim a:after { content: "\ea3c"; font-family: Icomoon;margin: 0 0 0 20px; background: #565656; width: 40px;   height: 40px;    line-height: 40px;    color: #fff;    border-radius: 50%;    display: inline-block;}
#cercetare .all_evenim a {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}

.cercetare_item_evenim>.cercetare_item_evenim_articol:nth-child(5),
.cercetare_item_evenim>.cercetare_item_evenim_articol:nth-child(6) {margin-top:40px}
/* =================   INFOTAINMENT  ================ */

#infotainment { background-color:#f2f2f2; padding:20px 3%}

#infotainment  h2 {width:100%; display:block; border-bottom:1px solid #1f4976; color:#1f4976; 
			 font-size:2em; padding:10px 0; margin:40px 0; text-align:center;
			}
#infotainment h2 a {display:block;color:#1f4976}

#infotainment ul > div {margin:0 1%}			
#infotainment h2:hover { text-shadow:1px 1px 15px #333}
#infotainment li { background:#fff; list-style:none; margin:2% 0; box-shadow:2px 2px 10px #ddd; border:1px solid #ddd}
#infotainment li h3 ,#infotainment li h3 a {
    font-size: 18px;
    /* font-size: 1.1em; */
    color: #448ccb;
    margin: 0 0 20px 0;
    padding: 10px 10px 0 10px;
}
#infotainment li p {padding:10px 20px; font-size:12px}
#infotainment li:nth-child(odd) .infotainment_img {float:right!important}
#infotainment ul li .time {
    margin: 20px 0 20px 20px;
    border-left: 5px solid #ddd;
    font-family: Roboto;
    font-size: 1em;
    padding: 0 10px;
}

#infotainment ul > div.w30:nth-child(2) li {border:none; box-shadow:none; margin-top:4%!important}
.infotainment_video_text {padding:30px; background:#ffd38f}
.infotainment_video_text h3, .infotainment_video_text h3 a {color:#000!important}
.infotainment_img img {width:100%}
.infotainment_text {padding:10px;}
	
#infotainment .all_evenim { width:30%; text-align:center; margin:30px auto 0 auto}
#infotainment .all_evenim a {font-size:1.2em; display:block; text-align:center; border-top:1px solid #1f4976; padding:10px 0;}
	
/* =================   FOOTER  ================ */

#footer { background-color:#1f4976; padding:50px 0; overflow:hidden}
#footer > div:nth-child(1) {}
#footer h2 {font-size:1em; color:#cecece; margin:10px 0 30px 0}
#footer ul {margin:0; padding:0}
#footer ul li {list-style:none}

#footer li a {color:#bababa; padding:1px 0; display:block; font-family:Roboto; font-size:1em}
#footer li a:hover {color:#fdc169; text-shadow:2px 2px 5px #333}
#footer .w60 > div:nth-child(2) ul {display:inline-block}
#footer .w60 > div:nth-child(2) {text-align:center}
#footer .w60 > div:nth-child(2) li {float:left;}
#footer .w60 > div:nth-child(2) a {text-indent:-9999px; display:block; width:40px; margin:2px; height:40px; background-color:#448ccb; border-radius:2px; background-position:center; background-repeat:no-repeat}
#footer .w60 > div:nth-child(2) a:hover { background-color:#ffd38f} 
#footer .w60 > div:nth-child(2) a.facebook { background-image:url(../img/icon_facebook.png)} 
#footer .w60 > div:nth-child(2) a.twitter { background-image:url(../img/icon_twitter.png)} 
#footer .w60 > div:nth-child(2) a.youtube { background-image:url(../img/icon_youtube.png)} 
#footer .w60 > div:nth-child(2) a.linkedin { background-image:url(../img/icon_linkedin.png)} 
#footer .w60 > div:nth-child(2) a.academica{ background-image:url(../img/icon_academica.png)} 

.copy { display:block; text-align:center; background-color:#203b5b; padding:15px 0; color:#bababa; font-family:Roboto; font-size:1em}
.copy em {font-style:normal; font-size:1.5em}
.copy>div {
    display: inline-block;
    margin: 0 10px;
}

.copy a {
    color: #fff;
}
.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: #000;
	background-color: rgba(68, 140, 203, 0.5);
	font-size: 1.1em;
	font-family:Roboto;
	font-weight:400;

	display: none;
	z-index:9999;
}
.go-top  a {color:#000; display:block; z-index:9999;	padding: 0.8em;}
.go-top:hover {
	background-color: rgba(68, 140, 203, 1);
}
.go-top:hover  a {color:#fff}

/* =================  HOMEPAGE SECTION  ================ */


.title h1 { text-align:center; color:#1f4976; font-size:2.5em;; width:100%; margin:1.1em 0 0.7em 0; display:block}
.homepage.section #banner {border:0}
#section_content {padding:50px 10%; z-index:100}
#section_content_index {margin:70px 10% 0 10%; padding:30px; background:#fff; position:relative; z-index:100}
.nobanner #section_content_index {margin:0px 10% 0 10%!important; padding:30px; background:#fff; position:relative; z-index:100}
.banner_500 #section_content_index {margin:-300px 10% 0 10%!important; padding:30px; background:#fff; position:relative; z-index:100}
#sections ul {margin:0; padding:0}
#sections {margin:0px 0 0 0px; padding:0 0 0 2%}
#sections ul.licols4 li {width:24%!important}
#sections li {width:32.2%; display:inline-block;list-style:none; margin:0 0.5% 1% 0.5%; float:left; background:rgba(235,235,235,1); position:relative;}
#sections li.licols2 {width:48%!important}
#sections ul.licols2 li {width:48%!important; padding: 0 20px 0 0!important}
#sections ul.licols2 li h3, #sections ul.licols3 li h3 {font-size:28px}
#sections ul.licols3 li {width:32.2%; padding:0px 20px 0px 0px!important}
#sections ul.licols3.liribon_detalii li {width:28.2%; padding:0px 20px 0px 0px!important}
#sections ul.liribon_detalii li {margin:1% 2%!important}
.liribon_ .data {
    color: #f44336;
    font-size: 22px;
    padding: 5px 10px;
    text-align: right;
    display: block;
    border-top: 1px solid #fcfcfc;
    margin: 0 2%;
}

.liribon_ li:before {display:none!important}
.liribon_ li > a:nth-child(1):before {
	display:block;
	position:absolute;
	border-radius:50%;
	background:rgb(227, 47, 47);
	z-index:9999;
	top:22%;
	color:#fff;
	text-align:center;
	transition: all 1s ease-in-out;
	opacity:0.4;
}

.liribon_plus li > a:nth-child(1):before {	
	content:"+"; 
	font-size:30px; 
	width:40px;
	line-height:40px;
	height:40px;
	opacity:0.3;
	top:22%;
	left:calc(50% - 20px); }

.liribon_meniu li > a:nth-child(1):before {	
	content:"Meniu"; 
	width:70px;
	line-height:70px;
	height:70px;
	top:22%;
	left:calc(50% - 35px); }

.liribon_detalii li > a:nth-child(1):before {	
	content:"+"; 
	width:50px;
	font-size:30px!important;
	line-height:50px;
	height:50px;
	top:calc(50% - 25px);
	left:-25px; }

.liribon_ li:hover > a:nth-child(1):before {
	opacity:1}
.liribon_ li > a:nth-child(1):after {
	content:" ";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:rgb(0,0,0);
	top:0;
	bottom:0;
	left:0;
	z-index:100;
	opacity:0;
	transition: all 1s ease-in-out;
	} 

.liribon_ li:hover > a:nth-child(1):after  {
	opacity:0.3;}


#sections  li img {width:100%}
#sections li h3, #sections li  h3 a{ font-size:1.1em; color:#448ccb; margin:10px 2%; line-height:1em}
#sections li .excerpt {margin:0 4%; text-align: justify; line-height:1.3em; font-size:1em; color:#000!important}
#sections .detalii  {display:block; text-align:right; padding:10px;}
#sections .detalii img  {width:20px; display:inline-block}	




#section_promo {
    margin: 0px 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
}

#section_promo .item {
    display: inline-block;
    background: #fff;
	border:1px solid #ddd;
    padding: 1em;
    margin: 0 0 1.5em 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#section_promo .item_alegeri {
    display: inline-block;
    padding: 1em;
    margin: 0 0 1.5em 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#section_promo .item  img {width:100%}
#section_promo .item h3 {font-family:Roboto; font-size:2em; margin:10px 0; }
#section_promo .item a {color:#448ccb}
#section_promo .item .excerpt {text-align: justify; line-height:1.3em; font-size:1em;}

#section_promo .item_alegeri  img {width:100%}
#section_promo .item_alegeri h3 {font-family:Roboto; font-size:2em; margin:10px 0; }
#section_promo .item_alegeri a {color:#448ccb}
#section_promo .item_alegeri .excerpt {text-align: justify; line-height:1.3em; font-size:1em;}
@media only screen and (min-width: 700px) {
#section_promo {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 900px) {
#section_promo {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1100px) {
#section_promo {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

/*#section_promo_ {
	display: flex;
	flex-wrap: wrap;
}
#section_promo_ .item {flex: 1 0 calc(25% - 10px); margin:10px 10px 0 0; border:1px solid #ddd;}*/

#section_promo_ {padding: 50px  0 0px 0%}
#section_promo_ .item {display:block; width:23%; margin:0.5%; padding:10px; float:left;background-color:#fff; border:1px solid #ddd;} 
#section_promo_ .item img {width:100%}
#section_promo_ .item h3 {margin:0; padding:10px;  font-size:22px; font-family:Roboto}
#section_promo_ .item .excerpt {margin:0 1%; text-align: justify; line-height:1.3em; font-size:18px; color:#000!important}

#section_promo_ .item_alegeri {display:block; width:30%; margin:0.5%; padding:10px; float:left;background-color:#fff;} 
#section_promo_ .item_alegeri img {width:130%}
#section_promo_ .item_alegeri h3 {margin:0; padding:10px;  font-size:22px; font-family:Roboto}
#section_promo_ .item_alegeri .excerpt {margin:0 1%; text-align: justify; line-height:1.3em; font-size:18px; color:#000!important}

#section_promo_ .licols2 {width:47%!important}
#section_promo_ .licols3 {width:74%!important}
#section_promo_ .licols3_ {width:31%!important}


/* =================   SECTION  ================ */
.page.section #section_content {padding-top:40vh; background-size:100% auto; background-position:top center; background-repeat:no-repeat;z-index:2}
.container {width:100%; background-color:#FFF; padding:20px}
.container .title {margin:0 4% 50px 4%;padding:0; border-bottom:1px solid #203b5b}
.container .title h1 {margin:0; padding:0 0 20px 0em; font-size:2em; color:#203b5b; text-align:left;line-height:1em}
.container .title h2 {margin:20px 4%; padding:0 0 10px 0em; font-size:1.2em;line-height:1.3em; color:#000; font-style:normal; text-align:left; font-weight:300;}
.container .w70 {padding-right:4%;} 
.container {font-family: 'Roboto', sans-serif; font-size:1em; line-height:1.35em; font-weight:400; color:#333}
.container a {color:#2e5782; transition:none;}
.container a:hover {color:#448ccb}

/* =================   heading  ================ */
.container h2 {margin:2em  0 1.5em 0; font-size:1.6em; color:#448ccb; line-height:1.5em; position:relative}
.container h3 {margin:2em  0 1.5em 0; font-size:1.2em; color:#448ccb; line-height:1.3em}
.container h4 {margin:2em  0 1.5em 0; font-size:1.1em; color:#448ccb; line-height:1em}
.container h5 {margin:2em  0 1.5em 0; font-size:1em; color:#448ccb; line-height:1em}
.container h6 {margin:2em  0 1.5em 0; font-size:1em; color:#448ccb; line-height:1em}
.container h2 em {font-style:normal; color:#e32f2f}

/* =================   list  ================ */
.container ul, ol {margin:1em;}
.container ul li { list-style:none; border-bottom:1px dashed #ddd; padding:0.2em;}
.container ul li:before {display:inline-block; content:' '; width:5px; height:5px; border-radius:50%; margin:0 10px 0 0; background-color:#e32f2f}
#section_content_index .container ul li:before {display:none}
.container ol li { border-bottom:1px dashed #ddd; padding:0.2em;}


/* =================   table  ================ */
.container table {margin:0; border:1px solid #efefef;  border-collapse: collapse; font-size:1em}
.container table td , .container table th {border:1px solid #efefef}
.container table td  {padding:0.5em}
.container table th { background:rgb(239, 239, 239); padding:1em 0.2em; border-width:2px 0px 2px 0px; border-color:#ddd; border-style:solid}
.container table td ul  {margin:0; padding:0}
.container table td ul li {margin:0; padding:0; border-bottom:0}
.container table td ul  li:before {display:none}
.container .trcolor {}
.container .trcolor tr:nth-child(even) {background-color: #efefef;}
table.table_noborder,table.table_noborder td  {border:0px;}


/* =================   blockquote  ================ */
.container blockquote {margin:2em 0; padding:1em; background:rgba(68,140,203,0.12); font-style:italic; border-top:1px solid #ddd; border-bottom:1px solid #ddd}

/* =================   paragraph  ================ */
.container p {margin:1em 0;}
.container li p, .container td p {margin:0}


/* =================   paragraph  ================ */
.container img, .container a img  {margin:0.5em; border:0px solid #ddd; padding:3px;}


/* =================   box  ================ */

.box {border:1px solid #e3e3e3; border-radius:5px;   padding:2%; margin:1%; transition:all 1s ease; display:block}
.box:hover {box-shadow:5px 5px 10px #ddd; background:#efefef}
.box h2 {margin:0; padding:0; font-size:1.2em;}
.box h3 {margin:0; padding:0; font-size:1.1em;}
.box img {width:100%;}

.box.w100 img {width:50%} 
.box .box_cv {margin:5px 0 15px 0;  width:100%; position:relative; text-align:center;}
.box .box_cv a { background:#fff; padding:5px 10px ; position:relative; display:inline-block; z-index:2; border:1px solid #ddd}
.box .box_text {margin:0 0 10px 0; font-weight:700 }
.box .box_text.nobold {font-size:0.9em}
.box_contact em { font-style: normal; padding: 0 0px 0 0; display: inline-block; width: 80px; text-transform: uppercase; letter-spacing: 1px; font-size: 12px;}
.box p {margin:0!important}
.box ul {margin:0!important; padding:0!important;}
.box ul > ul, .box ul li > ul { margin: 0 30px!important;}

.box .box_orar { padding:10px; background:rgba(207, 231, 241, 0.46)}
.box_orar em {font-style:normal; padding:0 0px 0 0; display:inline-block; width:120px;}
.box_text li {font-size:0.7em!important; padding:0.1em!important}
.cs-select span,.cs-span{white-space: normal!important;}
.cs-optgroup-text {
    font-size: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #e32f2f;
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    cursor: pointer;
    padding: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.box.box_section {border:1px solid #ddd}
.box.box_section ul {margin:10px 30px;}
.box_form {border: 1px solid #ddd; background: #f7f7f7; padding:50px;}
.box_form label { margin: 20px 0;  color: #448ccb;}
.box_form small { font-style: italic; margin: 0 50px 20px 50px; display: block;}
.box_form .form-group.required label:after {content:"(*)"; color:red; }
.box_form .invalid-feedback-files {color:#dc3545; margin:0px; font-size:0.87em}
.box_form .size_fisier:after, .box_form .size_total_fisiere:after {content: ' MB'}
.box_form .form-check-label {margin:0}
.box_hidden {display:none}
.box_form .invalid-feedback.backend-error {display:block!important}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545!important;
    padding-right: calc(1.5em + 0.75rem)!important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")!important;
    background-repeat: no-repeat!important;
    background-position: right calc(0.375em + 0.1875rem) center!important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)!important;
}

.remove_file, .add_inputfile,.remove_inputfile{
    display: block;
    width: 50px;
	text-align:center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #e9ecef;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:0.25rem 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin: 0 0 0 -20px;
	cursor:pointer;
}

.remove_file {padding: 0.15rem 0;}
.add_inputfile, .remove_inputfile {padding: 0.4rem 0;}

.remove_file:hover, .add_inputfile:hover, .remove_inputfile:hover {background-color:#ddd; }
.remove_file svg {height:31px; width:25px; fill:#363636}
.add_inputfile svg, .remove_inputfile svg {height:22px; width:50px; fill:#363636}
.row {margin:10px 0!important}
/* =================    COLLA1PE-EXPAND PANEL  ================ */
.collapsible {
  background-color: #fff;
  color: #000;
  cursor: pointer;
  padding: 15px 100px 15px 30px;
  width: 80%;
	margin:0 10%;
  border-width:1px 0 0 0;
border-color: #6b6b6b transparent transparent transparent;
	border-style:solid;
  text-align: left;
  outline: none;
  font-size: 1em;
}

.collapsible_active, .collapsible:hover {
  background-color: #ddd;
}

.panel_expand {
  background-color: white;
  margin: 1px 0 0 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.collapsible_active + div.panel_expand {padding:40px}
.panel_expand td, .panel_expand td p , .panel_expand td strong {
    font-size: 16px;
}
.collapsible:after {
  font-family:"icomoon";
  content: '\ea0a'; /* Unicode character for "plus" sign (+) */
  font-size: 14px;
  color: #6b6b6b;
  float: right;
margin-right:-70px!important;
}

.collapsible_active:after {
 font-family:"icomoon";
  content: "\ea0b"; /* Unicode character for "minus" sign (-) */
}

/* =================    admitere  ================ */
.taxe_admitere .box.w48 {width:90%}
.taxe_admitere .box table {
    width: 100%;
    margin:20px 0 0 0
    
}
.taxe_admitere .box table th {
    background: #fff;
    border: 0;
    padding:0
}
.taxe_admitere .box table td {text-align:center;}
.taxe_admitere .box table td:nth-child(1) {text-align:left}

/* =================    video  ================ */

.box_media {
	position:relative!important;
	padding-bottom:56.25%!important;
	padding-top:0px!important;
	height:0!important;
	overflow:hidden!important;
}
.box_media .box_media_item,
.box_media iframe,
.box_media embed,
.box_media object,
.box_media video {
  position: absolute!important;
  top: 0!important;
  bottom: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
  border: 0!important;
}


/* =================    img logo   ================ */

.logo {float:left; margin:0 20px 0px 0; border-right:2px solid #ddd; padding:20px; width:300px}
.logo img {border:0; width:100%; height:auto;}
.logo_school_of_health {
    display: flex;
}

.logo_school_of_health .logo {
    float: none!important;
    flex: 0 0 300px;
}

/* =================    coloane   ================ */
.cols2 {
  margin: 2em 1em;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  -webkit-column-rule: 1px solid #ddd;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -moz-column-rule: 1px solid #ddd;
  column-count: 2;
  column-gap: 20px;
  column-rule: 1px solid #ddd;
}
.cols3 {
  margin: 2em 1em;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  -webkit-column-rule: 1px solid #ddd;
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -moz-column-rule: 1px solid #000;
  column-count: 3;
  column-gap: 20px;
  column-rule: 1px solid #000;
}
.cols4 {
  margin: 2em 1em;
  -webkit-column-count: 4;
  -webkit-column-gap: 20px;
  -webkit-column-rule: 1px solid #ddd;
  -moz-column-count: 4;
  -moz-column-gap: 20px;
  -moz-column-rule: 1px solid #ddd;
  column-count: 4;
  column-gap: 20px;
  column-rule: 1px solid #ddd;
}
.cols4_float {
  float: left;
  width: 23%;
  margin-right: 1%;
  border-right: 1px solid #ddd;
  padding: 1%;
}
.cols4_float_last {
  border-right: 0;
  margin-right: 0;
}
.cols3_float {
  float: left;
  width: 30%;
  margin-right: 1%;
  border-right: 1px solid #ddd;
  padding: 1%;
}
.cols3_float_last {
  border-right: 0;
  margin-right: 0;
}
.cols2_float {
  float: left;
  width: 46%;
  margin-right: 1%;
  border-right: 1px solid #ddd;
  padding: 1%;
}
.cols2_float_last {
  border-right: 0;
  margin-right: 0;
}
.cols2 table,
.cols3 table,
.cols4 table,
.cols2 ul,
.cols3 ul,
.cols4 ul,
.cols2 div.nobreak,
.cols3 div.nobreak,
.cols4 div.nobreak {
  overflow: hidden;
  /* fix for Firefox */
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
}

.facultati li{width:19%!important; background:none!important;
 border:1px solid #ddd;
 text-align:center }
.ge .facultati li{width:19%!important;}
.facultati li img {margin:15px 0 0 0; width:70%!important; height:auto}
.facultati h3 {font-size:0.7em!important; line-height:1.5em!important; text-align:center;; text-transform:uppercase}
.facultati h3 a {color:#000!important}
.facultati h3 a:hover , .facultati li:hover  a {color:#448ccb!important}
.facultati li:hover {
	transform:scale(1.05); 
	box-shadow:2px 2px 10px #ddd; 
	border:1px solid #448ccb}
/* =================   tabs ================ */

#tabsleftbar .box1 {display:block; background:rgba(0,0,0,0.07); 
border-top:1px solid #448ccb; border-bottom:1px solid #448ccb; 
padding:10px; margin:20px 0 0 20px;}
#tabsleftbar {position:absolute; display:block; width:100%}

.title_expand{cursor:pointer;}

/* =================   sidebar left ================ */

.container .sidebar blockquote {
    margin: 20px 10px;
    padding: 20px;
    background: #efefef;
    font-style: italic;
}

.container .sidebar .widget {margin:20px 10px; padding:10px; background:#efefef}
.container .sidebar .widget h2, .container .sidebar .widget h2 a {font-family:'RobotoCondensed'; color:#e32f2f; text-transform:uppercase; font-size:1.1em; font-weight:300; margin:20px 20px 20px 20px; padding:0}
.container .sidebar .widget a {color:#000}
.container .sidebar .widget a:hover {color:#e32f2f}
.container .sidebar img {margin:0}
.widget ul{margin:0.5em!important;padding:0!important}
.widget ul li{text-align:left!important}

a.facebook {text-indent:-9999px; display:block; width:40px; margin:2px; height:40px; background:rgb(224, 224, 224); border-radius:2px; background-position:center; background-repeat:no-repeat}
a.facebook:hover { background-color:#ffd38f} 
a.facebook { background-image:url(../img/icon_facebook.png)} 


/* =================  Background image   ================ */

#background_threeimg { background:#fff; position:relative}
#background_threeimg .bk_transp_white_80 { background:rgba(255,255,255,0.9); margin:10px 0; position:relative; box-shadow:0px 0px 20px #3e3e3e;}
.absolute_bk {
	position:absolute;
	width:100%;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

/* =================  gallery  ================ */
.gallery_ {margin:0; padding:0}
.gallery_  ul {margin:0; padding:0}
.gallery_  li {float:left;  width:24%; border:none; list-style:none; position:relative; overflow:hidden; border:0!important;margin:4px!important;}
.gallery_  li img {
	width:100%; 
	height:auto; 
	margin:0;
	padding:0;   
	-webkit-transition: 0.8s ease;
  	transition: 0.8s ease; }
.gallery_ li:before {content:""; display:none!important} 

.gallery_ li:hover img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  margin:0;
  padding:0
}

.gallery_col5  li { width:19.2%!important}
.gallery_col4  li { width:24.5%!important}
.gallery_col3  li { width:32.5%!important}


/* =================  gallery portofoliu  ================ */
ul#filter, ul#portofoliu { 
  list-style: none; 
  margin: 20px 0;
  padding:0; 
  width: 100%;
}

ul#filter { background-color:#f8f8f8; padding:20px;}
ul#filter li { 
border:0;
  margin: 2px 0;
  display:inline-block;
  padding:0

}

ul#filter a {  
	border: 1px solid #dedede;
  	border-radius:4px;
	background:rgba(255,255,255,0.7);
	color: #000; 
	padding:0 10px; 
	line-height:30px; 
	font-size:1em; 
	text-transform:uppercase; 
	font-family:RobotoCondensed; 
	display:block; 
	width:100%; 
	text-align:center; 
	text-decoration: none; }
ul#filter a:hover { text-decoration:none; background:rgb(227, 47, 47); border-radius:4px; color:#fff; border:1px solid #fff;} 

ul#filter li.current a {  background:rgb(227, 47, 47); border-radius:4px; color:#fff; border:1px solid #fff; }

ul#filter li:before , ul#portofoliu li:before {display:none}

ul#portofoliu { 

  list-style: none; 
  margin-left: 0; 
  width: 100%;

}
ul#portofoliu li {display:inline-block; margin:0; padding:0; border:0;} 
ul#portofoliu img { 
	border: 1px solid #dedede;
 	display: block;
	}

.hidden img, .hidden {
display:none!important
}



.img_card_text {
    position: absolute;
    z-index: 999;
    background: rgba(0, 0, 0, 0.19);
    display: block;
	margin:3px;
    bottom: 0px;
    width: calc(100% - 6px);
    color: #fff;
    text-align: center;
	font-family:'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	padding:10px;
}
/* =================  facilitati IT  ================ */

.section_stud_login {
  border: 1px solid #ddd;
  border-radius: 0px;
    padding: 2%;
    margin:20px 4%;
    transition: all 1s ease;
    display: block;
  font-size: 1em;
  background:#fff;

}
.section_stud_login p a {
	color: #448ccb;
  font-family:RobotoCondensed;
  font-size: 1.1em;
  display: block;
  text-align: left;
  text-transform: uppercase;
  font-weight:300;
}

.section_stud_login:hover {
  background: #efefef;
}
.section_stud_login:hover a{color: #e32f2f;}

.section_stud_login p {
  text-align: left;
  text-indent: inherit!important;
  margin: 0;
  padding: 0;
  
}
.section_stud_login a:before {  
  width: 2em;
  display: inline-block;
  color: #000;
  margin: 0em 0 0.5em 0;
  font-family: 'icomoon';
  font-size:1.2em;}

.section_stud_login:hover  a:before    {color:#e32f2f}


.section_stud_login.box_info ul {
    margin: 10px;
    padding: 0;
}

/*
a.stud_icon_login:before {
  content: "\e60d"!important;

}a.stud_icon_mail:before {
  content: "\e616"!important;
}
a.stud_icon_traiectorie:before {
  content: "\e61c"!important;
}
a.stud_icon_cercetare:before {
  content: "\e61f"!important;
}
a.stud_icon_manageasist:before {
  content: "\e61e"!important;
}
a.stud_icon_pages:before {
  content: "\e61b"!important;
}
a.stud_icon_eduroam:before {
  content: "\e900"!important;
}
a.stud_icon_plati:before {
  content: "\e902"!important;
}*/

/*-------------- timeline -------------------*/


ul.timeline {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
	position:relative;
	}
	
ul.timeline:before {
	content:' ';
	position:absolute;
	top:0;
	left:75px;
	bottom:0;
	background-color:#eaf0f9;
	width:5px; 
	}	

ul.timeline li {
	position:relative;
	margin:20px 0;
	padding:0;
	border:0}
ul.timeline li:before{background:transparent!important;}
ul.timeline li .timeline_time {
	display:block;
	width:65px;
	position:absolute;
	}

ul.timeline li .timeline_time span:first-child {
	display:block;
	text-align:right;
	font-size:14px;
	font-family:Oswald;
	color:#1f4976}

ul.timeline li .timeline_time span:last-child {
	display:block;
	text-align:right;
	font-size:12px;
	font-family:Oswald;
	color:#1f4976}
	
ul.timeline li  .timeline_circle {
	width:16px;
	height:16px;
	border-radius:50%;
	background-color:#eaf0f9;
	position:absolute;
	left:67px;
	border:2px solid #4982c3}

ul.timeline li  .timeline_label {
	position:relative;
	display:block;
	margin:0px 0 0 100px;

	text-align:left;
	background:rgba(234,240,249,0.5);

	padding:10px;
	}
ul.timeline li  .timeline_label_child {margin-left:120px!important}	
ul.timeline li  .timeline_label h2 {
	margin:0;
	text-align:left;
	padding:0;
	font-size:14px;
	background-color:transparent;
	width:100%;}
ul.timeline li  .timeline_label h3 {
	margin:0;
	text-align:left;
	padding:0;
	font-size:12px;
	background-color:transparent;
	width:100%;
	color:inherit;
	border:0}
		
ul.timeline li  .timeline_label p{
	margin:10px 0;
	padding:0;
	text-indent:0}	
.cols23_float {
	width:63%;
	padding:1%;
	float:left;}
	
.box_alegeri {
	width:80%!important;
	margin-left:10%;
	background:rgba(153,153,153,0.2);
	border:1px solid #efefef;
	padding:10px;
	box-sizing: border-box;
	text-align:center;
	display:block;
	}	
.box_alegeri p {margin:0; padding:0; text-indent:inherit; text-align:center;}
ul.timeline li  .timeline_label p{font-size:12px;}
.box_alegeri img {padding:5px; background-color:#fff; width:70%; height:auto;}	
.box_alegeri h4 {font-family:Oswald; font-size:20px; font-weight:300;}
.box_alegeri .link_icon {display:block; padding:5px 0; margin:10px auto; background-color:#fff; width:73%; font-size:18px!important;}
.box_alegeri .link_icon:hover { background-color:#efefef}

.alegeri_articol { border:1px dashed #ddd; padding:20px; margin:10px 0}
.alegeri_articol .detalii {width:calc(100% - 150px); margin:0 0 0 20px;}
.alegeri_articol .detalii p {margin:0}
.alegeri_articol .detalii .locatie {margin:10px; border-top:1px solid #ddd; padding:10px;}
#masuri_ubb .alegeri_articol { padding: 20px 20px 20px 120px;  background: #f5f5f542;display: block;  position: relative;  min-height:50px}
#masuri_ubb .box {padding:10px; margin:-1px 0; border:0!important}
#masuri_ubb .alegeri_articol .lang_ro a {color: black;}
#masuri_ubb .alegeri_articol div[class^="lang_"] {padding:5px 0;}
#masuri_ubb span.data_postare {display: block; margin: 0 20px 0 0px; color: #448ccb; position: absolute; left: 10px; top: 24px; width: 120px;}
#masuri_ubb h3 { text-align: center; font-size: 1.5em; font-weight: 400; color: #000;}
#masuri_ubb li a { color: #1f4976;}
#masuri_ubb a.lang_ { color: #666;}
.gallery_.w60 li {float:none!important; width:70%!important}


.datetime {
  width: 52px;
  margin: 0 10px 10px 10px;
  background: #1f4976;
  text-align: center

}
.datetime p {color:#fff; margin:0!important; padding:0!important}
.datetime p:nth-child(1) {font-size:24px!important; padding:5px 0!important;}
.datetime p:nth-child(2), .datetime p:nth-child(3) {font-size:12px!important; text-transform: uppercase}
.datetime p:nth-child(4) {font-size:14px!important; background: #448ccb}
.date {
  width: 50px;
  height: 50px;
  margin: 0 10px 10px 10px;
  background: #fcfcfc;
  background: linear-gradient(to top, #fcfcfc 0%, #dad8d8 100%);
  background: -moz-linear-gradient(to top, #fcfcfc 0%, #dad8d8 100%);
  background: -webkit-linear-gradient(to top, #fcfcfc 0%, #dad8d8 100%);
  border: 1px solid #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.date p {
  font-family: Helvetica, sans-serif;
  font-size: 24px;
  text-align: center;
  color: #999;
  margin: 0;
  padding: 0;
  text-indent: 0;
}
.date p span {
  border-top: 2px solid #CCC;
  width: 52px;
  display: block;
  margin-left: -1px;
  padding: 3px 0;
  font-weight: bold;
  background-color: #1f4976;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
}
.date p em {
  font-size: 12px;
  color: #333;
  font-weight: bold;
  padding: 3px 0;
  display: block;
  width: 50px;
}
.datefloat {
  width: 150px;
  height: 20px;
  margin: 0 10px 10px 10px;
  background: #fcfcfc;
  background: linear-gradient(to top, #fcfcfc 0%, #dad8d8 100%);
  background: -moz-linear-gradient(to top, #fcfcfc 0%, #dad8d8 100%);
  background: -webkit-linear-gradient(to top, #fcfcfc 0%, #dad8d8 100%);
  border: 1px solid #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.datefloat strong {
  float: left;
  width: 50px;
  height: 20px;
  line-height: 20px;
  display: block;
  font-family: Helvetica, sans-serif;
  font-size: 24px;
  text-align: center;
  color: #999;
  margin: 0;
  padding: 0;
  text-indent: 0;
}
.datefloat span {
  float: left;
  border-top: 2px solid #CCC;
  width: 50px;
  height: 20px;
  line-height: 20px;
  display: block;
  margin-left: -1px;
  padding: 0px 0;
  font-weight: bold;
  background-color: #1f4976;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
}
.datefloat em {
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  padding: 0px 0;
  display: block;
  width: 50px;
}

.line_ {border-bottom:2px solid #ddd; width:50%; display:block; margin:50px auto; position:relative}
.line_:after {content:""; background-image:url(../img/img_turnuri_b.png); background-position:center center; background-repeat:no-repeat;  width:60px; height:60px;
display:block; position:absolute; top:-30px; left:calc(50% - 30px); background-color:#efefef; border:1px solid #ddd; border-radius:50%;}

.organizatii_stud .box h3 {font-size:0.9em!important; text-transform:uppercase}
/* ==================  SOCIALS ICON ============== */

div.social_section ul {display:flex; flex-wrap:nowrap; column-gap:10px;  padding:0; margin:10px 0!important;justify-content:center  }

div.social_section ul li {list-style:none; border:0; padding:0; text-align:center;}
div.social_section ul li:before {display:none}
div.social_section ul span[class^=icon-]:before, div.social_section ul span[class*=icon-]:before {background: #ffffff;width: 30px;height: 30px;color: #2e5782;display: inline-block;text-align: center;line-height: 30px;border: 1px solid #2e5782; font-size:14px!important;}
div.social_section ul span[class^=icon-]:hover:before, div.social_section ul span[class*=icon-]:hover:before  {background:#2e5782; color:#fff}

/* ================================== */

/* ==== ribbon position absolut  ==== */

#ribbon_anunt {    
	position: absolute;
    right: 0;
    top: 100px;
    width: 120px;
    height: 110px;
    display: block;
    z-index: 9999!important;}
.bkcolor_greydark  { background:rgba(0,0,0,0.7); border:1px solid #000}
#ribbon_anunt a {display:block; padding:10px;}

#ribbon_anunt a:hover {display:block; padding:10px; background:rgba(0,0,0,0.8)}
#ribbon_anunt a p {
	font-family: RobotoCondensed;
    font-size: 0.8em;
    color: #fff;
	line-height:1.1em;
	text-align:center}
#ribbon_anunt a h3 {
	font-family: RobotoCondensed;
    font-size: 1em;
	font-weight:300;
    color: #fff;
	line-height:1em;
	text-align:center}
	
/* =============  centenar ================= */
.append-covid19 {
    display: flex!important;
    justify-content: center;
	margin:5px 0 0 0;

}
.append-covid19  a:before {
    content: " ";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #1f4976;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 5px 0 0;
}
.logo_centenar {
	position:absolute;
	left:58%;
}
.logo_centenar img {
	width:85%;
}



@media only screen and (max-width: 550px) {
.append-covid19 {
    display: flex!important;
    justify-content: center;
	margin:0px 0 0 0;
}

}
@media only screen and (max-width: 1520px) {
	.logo_centenar {left:62%;}
	.logo_centenar img {width:65%;}
}


@media only screen and (max-width: 1500px) {
	.logo_centenar {left:45%; top:90px;}
	.logo_centenar img {width:65%;}

	
}

@media only screen and (max-width: 917px) {
/*
	.bxslider li .info div+div+div+div {
    top: 0!important;
    left: 0!important;
    margin: 0!Important;
    right: 0!important;
}

a.slider_detalii {
    margin: 0!important;
    padding: 5px!important;
    width: 50px!important;
}

.bxslider li div.info {
    top: 10px!important;
    left: 25%!important;
    background: transparent!important;
    width: 30px!important;
}
*/
	.logo_centenar {
	position:absolute;
	left:35%;
		top:0;
		
}
	.logo_centenar img {
	width:65%;
}
}

@media only screen and (max-width: 650px) {

	.logo_centenar {
	position:absolute;
	left:0%;
}
	.logo_centenar img {
	width:55%;
}
}


/* =============  cookies ================= */

.hide--first {
  display: none;
}
.hide--second > *:last-child {
  display: none;
}
.cookie_message {
	position: fixed;
	background:#182e50;
	color:#fff;
	padding:30px 0%;
	text-align: center;
	max-width:1600px;
	z-index:9999;
	bottom:0;
    right:calc((100% - 1600px) / 2);
	left:calc((100% - 1600px) / 2);

	
}
.cookie_more {
	color:#448ccb;
	padding:0 20px;
	}
	
.cookie_more:hover {
color:#fff
	}
	
.cookie_close {
  	color: #fff;
	position: relative;
	text-transform: uppercase;
	padding:10px;
	background: #e64d38;
	border-radius:2px;
}
	
	.cookie_close:hover {
	background: #448ccb;	
		
	}	

.bxslider a.buton_live {
    border-radius: 4px;
    border: 2px solid #fff;
    padding: 15px;
    color: #070707!important;
    background: #eebe63;
	margin-top: -30px;
    position: absolute;
}
@media only screen and (max-width: 1200px) {
	.bxslider a.buton_live { 
	margin-top: 0px;
	}
}

@media only screen and (max-width: 920px) {
	.bxslider a.buton_live { 
	margin-top: 0px;
		top:-50px;
	}
}

#masuri_ubb li a+a {color:red;}

.youtube-player,{width:100%;display: block; position: relative; height:100%; overflow:hidden;padding-bottom:56.25%;margin:0 auto;}
width: 100%;height:auto; position: absolute; right: 0; top: -100%;}
.bxslider_item .youtube-player-info {width: 100%; left: 0%;padding: 4%; bottom: 0%; margin:0; position: absolute; background-color: #00000061}

.bxslider_item .youtube-player-text p {font-size:0.7em!important} 

.bxslider_item .youtube-player-remember p {font-size:0.7em!important}

#section_promo_ .licols3_ .youtube-player-info {height: 100%; width: 100%; left: 0%; top: 0%; margin:0; position: absolute; padding:4% 6%;}

.youtube-player-info {width: 100%; left: 0%;padding: 4%; bottom: 0%; margin:0; position: absolute; background-color: #00000061}

.youtube-player-img {width: 100%;text-align: center;cursor: pointer;position:relative;padding:20px 0 10px 0;}
.youtube-player-img img { width: 70px!important; height: 70px;border: 0;margin:0;}
.youtube-player-img span {position:relative;}
.youtube-player-img span:before {
   color: #5da9ec;
   font-family: 'icomoon';
  font-size:3em;
  content:"\ea15";
	position:relative;			
		} 		
	
.youtube-player-img:hover span:before {color:red}		
.youtube-player-text p, .youtube-player-remember p {
    width: 100%;
    text-align: justify;
    color: #fff;
    font-size: 0.55em;
    line-height: 15px;
	font-family:Verdana; 
}

.youtube-player-text a {
    color: #98caff;
}
.youtube-player-remember input {margin: 0 10px 0 0}