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

@charset "utf-8";

/*
 Theme Name:   Euro Theme
 Theme URI:    https://eurotest.ubbcluj.ro/
 Description:  Facultatea de Studii Europene Site Theme 
 Author:       Carmen Ciplea
 Template:     responsive
 Version:      1.10032016.01
*/

/*

color 1 = #1a237e
*/
 
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Khand:400,300,500,600,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,700italic,500italic,400italic&subset=latin,latin-ext);
@import url(css/nav.css);
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/fonts/icomoon.eot?edf6n1');
    src:    url('fonts/fonts/icomoon.eot?edf6n1#iefix') format('embedded-opentype'),
        url('fonts/fonts/icomoon.ttf?edf6n1') format('truetype'),
        url('fonts/fonts/icomoon.woff?edf6n1') format('woff'),
        url('fonts/fonts/icomoon.svg?edf6n1#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background-color:#fff;
	color:#333;
	font-family:"Roboto";
	}

html * {box-sizing: border-box;}
a {color:#1a237e}
a {transition:all 0.8s ease;}

a:hover {color:#f30}

.w100 {width:100%; min-width:100%; max-width:100%}
.w50 {width:50%}
.w25 {width:25%}

#container {padding:0}


/*   === LOGO TILTE SITE  === */
#logo {padding-left:5%; float:none}
#logo-title>div {margin:0 10px;}
#logo-title div+div {padding-top:5px;}
#logo-title h1, 
#logo-title h2 {
	margin:0;
	padding:0;
	font-weight:300;

	}
#logo-title a {
	margin:0;
	padding:0;
	color:#1a237e;
	font-weight:400;
	font-family:Roboto;

}	
#logo-title a:hover {color:#900} 
#logo-title h1 {font-size:31px; text-transform:uppercase; width:260px; text-align:center}
#logo-title h2 {font-size:22px}



/*   === LANGUAGES === */

.lang {text-align:right;padding:0 14% 0 0}
.lang ul {margin:0; padding:0;}
.lang li {list-style:none; display:inline-block; text-transform:uppercase; margin:0 10px 0 0;}
.lang li a {display:block; line-height:30px; font-size:20px; border-radius:2px; padding:5px 8px; font-weight:400; font-family:Roboto; background-color:#f2f2f2; color:#000;}
.lang li a:hover { background-color:#f30; color:#fff}

/*   === SEARCH FORM  === */


#lang-search .search,
#lang-search .lang {margin:10px 0 0 0}  
.search form {margin:0}

.search #searchform input[type="text"] {
    -webkit-box-sizing: border-box;
	position:relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    margin: 0 0px;
	padding:5px 20px;

    border-width: 0px 0 2px 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;
    font-size: 18px;
	transition: all 1s ease;
	font-family:Khand!important
}
.search #searchform input[type="text"]:focus {
	border-color:#1a237e;
	background-color:#e2e2e2;
	}
	


input[type='submit'] {
    -moz-border-radius: 0px;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
    -webkit-border-radius: none;
    background-color: #f9f9f9;
    background-image:none;
    box-shadow: none;
    border: 0px 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;
	text-indent:-9999px;
}

.search #searchform  #searchsubmit {
    background: url("img/icon_search.png") no-repeat 0px 0;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
	transition:all 1s ease;

}

.search #searchform  #searchsubmit:hover {
    background: url("img/icon_search.png") no-repeat -40px 0;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
}


/* -------------------------------- MENU HEADER ---------------------------  */
/* ------------------------- CLEAR STYLE DEFAULT MENU ---------------------  */

.header_menu { margin:20px 0 0 0;}

.menu {
	clear: both;
	margin: 0 auto;
	background-color: #12185F;
	background-image:none;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#394963, endColorstr=#394963);
}
.main-nav {
	clear: both;
}
.menu a {
	display: block;
	position: relative;
	height: 60px;
	margin: 0;
	padding: 0 0.9em;
	border-left: 1px solid #848282;
	color: #fff;
	text-shadow: 0 0px 0 #000;
	font-size: 1.3em;
	font-weight: 300;
	line-height: 60px;
	/*white-space: nowrap;*/
	text-decoration: none;
	cursor: pointer;
	text-transform:uppercase;
	font-family:Oswald;
}
.menu a:hover {
	color: #fff;
	background-color: #1a237e;
	background-image: none;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#394963, endColorstr=#394963);
}
.menu, .menu ul {
	/* display: block; */ 
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menu li:hover {
	z-index: 10000;
	white-space: normal;
}

.menu li li {
	width: 100%;
	clear:both;
	margin: -1px 0 1px 0;
	border-width:1px 1px 0 1px!important;
	border-style:solid!important;
	border-color:#6e6e6e!important;
	color: #fff;
	background: #12185F;
	background-image: none;
	filter: none;
}
.main-nav {
	clear: both;
}
.menu li {
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	margin: 0;
	padding: 0;
	border: 0;
}
.menu li:hover {
	z-index: 10000;
	white-space: normal;
}
.menu, .menu ul {
	min-height: 0;
}
.menu li li li {
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#0F144A;
}
.menu li li a {
	height: auto;
	padding: 8px 10px;
	border: none;
	color: #fff;
	background: transparent !important;
	text-shadow: none;
	font-size: 15px;
	font-weight: 300;
	line-height: 25px;
	/*white-space: nowrap;*/
	font-family:Oswald;
	text-transform:inherit;
}
.menu ul li a:hover, .menu li li a:hover {
	border: none;
	color: #fff;
	background: #1a237e!important;
	background-image: none;
	filter: none;
}
ul.menu > li:hover {
	color:#66a538;
	background-color:#343434;
}
.menu .current_page_item>a, .menu .current-menu-item>a {
	background-color: #31377C!important;
	color:#fff;
}
.menu li li:hover {
	background: #3d3d3d!important;
	filter: none;
}

/* -------------------------------- FRONT PAGE STYLE  ---------------------------  */


.front-page #wrapper {margin:0}

/* ------------------------- CYCLONE SLIDER  ---------------------  */

.cycloneslider {
	border-bottom:10px solid #1a237e; 
	box-shadow:0px 10px 30px #999;
	}
	
.cycloneslider-template-thumbnails .cycloneslider-slide img {width:100%;}	
.cycloneslider-template-thumbnails.cycloneslider-thumbnails {
	position:absolute;
	margin-top:-62px!important;
	width:100%;
	z-index:999
	}
.cycloneslider-template-thumbnails.cycloneslider-thumbnails li {
	min-width:100px!important;
	border:1px solid #ddd!important;}
.cycloneslider-template-thumbnails.cycloneslider-thumbnails li img {width:100%!important}	

.cycloneslider-template-thumbnails.cycloneslider-thumbnails li.current {border:1px solid #F00!important} 

.cycloneslider-slide-image img {
	margin:0; padding:0; height:100%;
	}
	

/* -------------------------FRONT-PAGE WIDGETS  ---------------------  */


.home.front-page #widgets {margin:0; }
.home.front-page .widget-wrapper,
 #footer .widget-wrapper
  {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    margin: 0 0  0 0;
    padding: 20px;
	position:relative;

}
[id^="widget_"] {position:relative}

[id^="widget_"] .widget-title-home h3,
[id^="widget_"] .widget-title-home h3 a
 { display:block;
  text-align:center;
  font-family:Roboto;
  font-weight:400;
}

.home.front-page #widgets .more-link {
	display:block!important;
	font-family:Roboto;
	font-size:18px;
	text-align:right;
	padding:10px 0;
	text-transform:uppercase;
	transition:all 1s ease;}

.home.front-page #widgets .all_post {
	display:block;
	text-align:center;
	font-family:Roboto;
	font-weight:400;
	margin:20px auto;
	padding:10px 0;
	
	transition:all 1s ease;}	
.home.front-page #widgets	.all_post a {display:block; transition:all 1s ease;}

.home.front-page #widgets .widget_row {position:relative;}

/* -------------------------FRONT-PAGE WIDGETS -  EVENIMENTE  ---------------------  */
#widget_1 .widget-title-home {margin:30px 0 20px 0;}

#widget_1 { background: rgba(0,0,0,0.04)}

#widget_1 .widget-title-home h3, #widget_1 .widget-title-home h3 a {font-size:30px;}

#widget_1 .rpwe-block {
	display:block;
	width:100%;
	padding:0 5%}
#widget_1 ul {
	margin:0;
	padding:0}
#widget_1 ul li {
	float:left;
	display:table;	
	width:25%;
	margin:0;
	padding:20px;}
	
#widget_1 ul li a.rpwe-img, #widget_1 ul li h3, #widget_1 ul li .rpwe-summary {display:table-cell}
#widget_1 ul li h3 { display:table-header-group;}
#widget_1 ul li h3 a {
	height:120px; 
	display:block!important;
	font-family:Roboto;
	font-size:24px;
	font-weight:400!IMPORTANT;
	letter-spacing:normal;
}

#widget_1 .rpwe-summary {
	font-size:14px;
	text-align:justify}
	

#widget_1 ul li img {
	width:100%; 
	height:auto;
	border:1px solid #ddd!important;
	padding:0px!important
	}
#widget_1 	.all_post {
	background-color:#D6D8E6;
	color:#fff;
	font-size:26px;
	line-height:30px;
	width:45%;
	}
#widget_1 	.all_post:hover {
	background-color:#f33;
	}
	
#widget_1 	.all_post:hover a {color:#fff!important}


/* -------------------------FRONT-PAGE WIDGETS -  ANUNTURI  ---------------------  */



.circle {position:absolute;
background:rgba(255,51,51,0.2);
display:block;
width:200px;
height:200px;
border-radius:100%;
z-index:9999;
top:100%;
left:50%;
transform:translate(-50%,-50%)}
#widget_2 { background-color:#151d72; padding:0 5%;}

#widget_2 .widget-title-home {margin:30px 0 20px 0;}
#widget_2 .widget-title-home h3, #widget_2 .widget-title-home h3 a {
	font-size:27px;  
color:#fff; 
text-align:left; 
text-transform:uppercase}
#widget_2 .widget-content {
	position:relative;
	top:50%;
	transform:translateY(-50%)}
#widget_2 ul {
	margin:0 0 0 5%!important;
	padding:0}
#widget_2 ul li {
	margin:10px 0;
	padding:10px 0 10px 20px;
	border-left:2px solid #F33;
	color:#fff;
	transition:all 1s ease;
	border-bottom:1px solid #232C8A!important;}		
	
#widget_2 ul li h3,
#widget_2 ul li h3 a {
	font-family:Roboto;
	font-size:17px;
	font-weight:300;
	color:#fff;
	display:block;transition:all 1s ease;
}
#widget_2 ul li:hover { background-color:#232C8A}	
#widget_2 ul li:hover a,
#widget_2 ul li h3 a:hover {color:#F33;}	
#widget_2 ul li .rpwe-time {font-size:13px; font-style:italic}
#widget_2 ul li .rpwe-time:before {content:"Postat la data de: "; display:inline-block; font-style:italic; padding:0 5px 0 0 }

#widget_2 .all_anunt {
	display:block;
	text-align:right;
	margin:5px 0;
	
	}
#widget_2 .all_anunt a {
	display:block;
	width:100%;
	line-height:40px;
	padding:0 0px 0 0;
	color:#ababab;
	font-family:Roboto;
	font-size:17px;
	text-transform:uppercase;
	transition:all 1s ease}

#widget_2 .all_anunt a em {color:#f33; font-style:normal;}
#widget_2 .all_anunt a:hover { color:#f33}

/* -------------------------FRONT-PAGE WIDGETS -  CONFERINTE   ---------------------  */

#widget_3 { background-color:#6e7297}
#widget_3 .widget-wrapper {margin:0; padding:0; color:#dbdffe; font-size:18px; font-family:Roboto; overflow:hidden; height:100%; width:100%;}
#widget_3 .widget-title-home h3,
#widget_3 .widget-title-home h3 a
    {
	color:#6a78cb;
	display:block;
	padding:10px 0;
	text-align:left;
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:normal;
	font-size:26px;
	font-weight:400;
	margin:15px 8%;
	}
#widget_3 .conf_titlu {
	font-family:Roboto;
	font-size:22px;
	line-height:30px;
	margin:5px 8%;
	}
#widget_3 .conf_data {
	font-family:Roboto;
	color:#6a78cb;
	font-size:20px;
	margin:10px 8%;
	line-height:25px;
	}
#widget_3 .conf_text {
	font-family:Roboto;
	font-size:19px;
	margin:5px 8%;
	line-height:28px;}	

#widget_3 .more-link {color:#fff;font-size:14px!important;margin:5px 8%}	
#widget_3 img {width:100%}

#widget_3 .widget-wrapper img {
    position:absolute;
    top:50%;
    min-height:100%;
    display:block;
    left:50%;
    transform: translate(-50%, -50%);
    min-width:auto;
	}
#widget_3 .widget-wrapper .textwidget {width:100%; height:100%; overflow:hidden; position:relative}

/* -------------------------FRONT-PAGE WIDGETS -  CONFERINTE 1  ---------------------  */

#widget_4 { background-color:#202d82}

#widget_4 .conf_titlu,
#widget_4 .conf_text,
#widget_4 .more-link:hover {
	color:#f33
	}
/* -------------------------FRONT-PAGE WIDGETS -  CONFERINTE 2  ---------------------  */

#widget_5 { background-color:#1a237e}

/* -------------------------FRONT-PAGE WIDGETS -  CONFERINTE 3  ---------------------  */

#widget_6 { background-color:#1a237e}
/* -------------------------FRONT-PAGE WIDGETS -  CONFERINTE 4  ---------------------  */

#widget_7 { background-color:#202d82}
#widget_7 .conf_titlu,
#widget_7 .conf_text,
#widget_7 .more-link:hover {
	color:#ffca28
	}



/* -------------------------FRONT-PAGE WIDGETS -  VIDEO  ---------------------  */

#widget_8 { background-color:#202d82; min-height:300px;}
#widget_8 .widget-wrapper {
	margin:0;
	padding:0}


/* -------------------------FRONT-PAGE WIDGETS -  OFERTA DE STUDII  ---------------------  */

#widget_9 { background-color:#151d72; color:#e8e9f2}
#widget_9 > .widget-wrapper {margin:2%}
#widget_9 .widget-title-home {margin:0px 0 0px 0;}
#widget_9 .widget-title-home h3, 
#widget_9 .widget-title-home h3 a {
font-size:34px;  
color:#f33; 
text-align:left; 
padding:10px 0;
text-transform:uppercase}

#widget_9 .textwidget h2 {margin:0;
	padding:0;
	color:#f33;
	font-size:23px;
	font-family:Roboto;
	text-transform:uppercase;
	font-weight:300;
	}
.oferta_studii {margin:5%; padding:0}
.oferta_studii > div {margin:30px 0; display:block; position:relative;}
.oferta_studii > div h3,
.oferta_studii > div h3 a {
	color:#f33;
	margin:0 0 0 100px;
	padding:10px 0;
	font-family:Roboto;
	font-size:22px;
	font-weight:300;
	text-transform:uppercase}
.oferta_studii > div p {
	margin:0 0 0 100px;
	padding:0;
	font-size:14px;
	text-align:justify;
	}

.oferta_studii > div:before {
	content:" ";
	left:0;
	top:50%;
	transform:translateY(-50%);
	position:absolute;
	display:block;
	width:80px;
	height:80px;
	border-radius:100%;
	background-color:#f33;
	background-image:url(img/bk_item_oferta_1.jpg);
	}
.oferta_studii > div:nth-child(1):before {	background-image:url(img/bk_item_oferta_1.jpg); background-position:30% 40%;}
.oferta_studii > div:nth-child(2):before { 	background-image:url(img/bk_item_oferta_2.jpg);background-position:50% 00%;}
.oferta_studii > div:nth-child(3):before {	background-image:url(img/bk_item_oferta_3.jpg); background-position:50% 0%;}
.oferta_studii > div:nth-child(4):before {	background-image:url(img/bk_item_oferta_1.jpg); background-position:10% 60%;}
.oferta_studii > div:nth-child(5):before {	background-image:url(img/bk_item_oferta_2.jpg); background-position:30% 40%;}
.oferta_studii > div:nth-child(6):before {	background-image:url(img/bk_item_oferta_3.jpg); background-position:30% 40%;}	
#widget_9 .all_post {
	background-color:#31398b;
	color:#fff;
	margin:0 auto!important;
	font-size:30px;
	width:100%}


#widget_9 .all_post  a{color:#fff;}
#widget_9 .all_post:hover { background-color:#f33}
#widget_9 .all_post:hover  a {color:#fff;}



/* -------------------------   FOOTER  ---------------------  */
#footer  {margin:0; padding:0}

/* ------------------------- FOOTER - adresa  ---------------------  */


#colophon-widget {margin:0;
padding:0;}
#colophon-widget .widget-title {display:none}
#colophon-widget > div:nth-child(1) { background-color:#edc84d; height:200px;}
#colophon-widget > div:nth-child(2) { background-color:#31398b; height:200px;}

#colophon-widget > div:nth-child(1) ul.adresa {margin:0 0 0 2%; padding:0; display:table; width:100%;}
#colophon-widget > div:nth-child(1) ul.adresa li {
	display:table-cell;
	vertical-align:middle;
	width:34%; 
	margin:0; 
	padding:0; 
	list-style:none;
	height:200px;
	color:#fff;
	font-family:Roboto;
	font-size:16px;
	font-weight:400;
	line-height:28px;

	}
#colophon-widget > div:nth-child(1) ul.adresa li span {
	text-transform:uppercase;
	font-size:26px;}
#colophon-widget > div:nth-child(1) ul.adresa li p {margin:10px 0 0px 0!important; padding:0;}

#colophon-widget > div:nth-child(1) ul.adresa li:before {
	font-family:'icomoon';
	display:inline-block;
	width:30px;
	float:left;
	height:100px;
	color:#000;
	font-size:25px;
	text-align:left;
}

#colophon-widget > div:nth-child(1) ul.adresa li:nth-child(1):before {content:'\e0b0';}
#colophon-widget > div:nth-child(1) ul.adresa li:nth-child(2):before {content:'\e84f';}
#colophon-widget > div:nth-child(1) ul.adresa li:nth-child(3):before {content:'\e0e1';}



#footer_widget {
	margin:0;
	padding:20px 5% 20px 2%;
	background-color:#111755;
	color:#7f87d4;
	background-image:url(img/icon_bk2.png);
}

#footer_widget .widget-title h3 {
	margin:10px;
	font-family:Roboto;
	font-weight:400;
	color:#7f87d4}

#footer_widget .textwidget {font-size:12px; line-height:20px;}

#footer_widget  a {display:block;
font-family:Roboto;
color:#7f87d4;
font-size:16px;
transition:all 1s ease;
}

#footer_widget  a:hover {color:#f30} 
#footer_widget  a:hover {width:300}

#footer_widget ul {margin:0}
#footer_widget li { list-style:none; padding:5px 0}
#footer_widget li:before {
	font-family:'icomoon';
	font-size:15px;
	width:15px;
	height:15px;
	display:block;
	position:absolute;
	margin-left:-1.5em;
	content: "\e5ca";}

#footer_widget > div:nth-child(3) {width:50%!important}

#footer_copy {
	
	background-color:#0f144a;
	color:#999;
	text-align:center;
	font-size:13px;
	height:100px;
	}
	
#footer_copy a {color:#999;transition:all 1s ease;}
#footer_copy a:hover {color:#f30}


.widget_social {
	position:absolute;
	margin-top:-50px;
	left:50%;
	transform:translateX(-50%);}
.scroll-top {
	position:absolute;
	margin-top:-125px;
	right:2%;
	}
.scroll-top a {display:block}
.scroll-top a:before {
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	 background-color:#f30;
	 color:#fff;
	 font-size:20px;
	 border-radius:100%;
	 font-family:'icomoon';
	 content:'\e316';}	

.widget_social ul.social-icons  li {margin:0 10px!important; display:inline-block!important}

.widget_social ul.social-icons  li a {}



/* ------------------------- PAGE STYLE  ---------------------  */



#wrapper > div.col-300 {width:27%}

#wrapper > div.col-620 {width:69%}


.page #colophon-widget,
.archive #colophon-widget ,
.search #colophon-widget,
.single #colophon-widget 
{display:none}


.page #wrapper h1,
.archive #wrapper h1,
.search #wrapper h1,
.single  #wrapper h1{
    font-size: 2em;
    margin-bottom: 2em;
    font-family: Roboto;
    color:#D40000;
    margin-top: 0em;
    border-top: 2px solid #D40000;
    padding: 0.5em 2em;
	font-weight:400;
	background:rgba(239, 239, 239,0.8);
	position:relative;
}
.page #wrapper h1:after,
.archive #wrapper h1:after,
.search #wrapper h1:after,
.single  #wrapper h1:after {
	position:absolute;
	top:0;
	left:1px;
	width: 0px;
	display:block;
	height: 0px;
	content:'';
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #D40000;
}


.page #content h2,
.archive #content h2,
.search #content h2,
.single  #content h2,
.conducere-staff > h2 {
    font-size: 1.8em;
    margin-bottom: 1em;
    font-family: Roboto;
    color: #12185F;
    margin-top: 1em;
    border-top: 1px solid #7f87d4;
    padding: 0.2em 20px;
	font-weight:400;
	background:rgba(239, 239, 239,0.8);
	position:relative;
	line-height:1.2em;
	overflow:auto;
}

/*body:not(.home) #content h2::first-letter { 
    font-size: 37px;
    color: #7f87d4;
	display:inline-block;
	padding:0 10px;
	background-color:#fff;
	line-height:45px;
}*/

/*body:not(.home) #content .navigation h2::first-letter { 
    font-size: inherit;
    color:inherit;
	display:inherit;
	padding:0;
	background-color:transparent;
	line-height:inherit;
} */


body:not(.home) #content h6 { 
    font-size: 30px;
    font-family: Khand;
    font-weight: 300;
    color: #333;
    display: inline-block;
    padding: 0 15px;
    margin: 0 20px;

    line-height: 45px;

    float: left;

}
body:not(.home) #content h6:before {
	display:table;
	content:"\e5ca";
	clear:both;
	margin:0 20px 0 0;
	color:#7F87D4;
	float:left;
	font-family:'icomoon'
	}

.page #content h3,
.archive #content h3,
.search #content h3,
.single  #content h3,
.conducere-staff > h3
 {
    font-size: 1.8em;
    margin-bottom: 1em;
    font-family: Roboto;
    color: #7f87d4;
    margin-top: 1em;
    border-top: 0px solid #f30;
    padding: 0.5em 1em;
	font-weight:400;
	background:rgba(239, 239, 239,0.8);
	position:relative;
	overflow:auto;
}


.page #content h4,
.archive #content h4,
.search #content h4,
.single  #content h4 {
    font-size: 1.6em;
    margin-bottom: 1em;
    font-family: Roboto;
    color: #111755;
    margin-top: 1em;
    border-top: 0px solid #f30;
    padding: 0.5em 1em;
	font-weight:400;
	background:#fff;
		position:relative;
}

.page #content h3 strong,
.archive #content h3 strong,
.search #content h3 strong,
.single  #content h3 strong,
.page #content h4 strong,
.archive #content h4 strong,
.search #content h4 strong,
.single  #content h4 strong {
	font-weight:normal;}
 
.page #content p,
.archive #content p,
.search #content p,
.single  #content p {
    font-size: 1.2em;
	line-height:1.5em;
	margin:10px 0;

}


.page #wrapper,
.archive #wrapper,
.search #wrapper,
.single  #wrapper {
    margin: 0px 5% 0px 5%;
    padding: 0px 0px 0px 0px;
	border:0px;
	/*background:rgba(0,0,0,0.03)*/
}

.single-post #content,
#content-archive ,
#content-search, 
.page #content {
    margin-top: 0px;
    margin-bottom: 20px;
}
#widgets {
    margin-top: 0px;
}

.breadcrumb-list {

    font-family: "Roboto", Arial, Helvetica, sans-serif;
    color: #333;
	font-size:18px!important;
    font-weight: 400;
	padding:20px;
  
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.chevron {
	margin:0 10px; 
	font-size:20px;
	 display:inline-block;    
	 -ms-transform: scale(1.5); 
    -webkit-transform: scale(1.5); 
    transform: scale(1.5);}

blockquote {
    background: rgba(230,231,239,0.4);
    border: none;
    border-left:50px solid #E3E4F1;
    margin: 20px;
    overflow: hidden;
    padding: 5PX 0 5px 40px;
	color:#000;
	font-weight:400;
	font-style:normal;
	position:relative;
}

blockquote p {
    font-family: 'Georgia', 'Times New Roman', Times, serif;
    font-size: 1.3em!important;
    line-height: 1.6sem!important;
}

blockquote.link:before{
    position: absolute;
    display: inline-block;
    content: '\e157';
    font-family: "icomoon";
    width: 50px;
    height: 50px;
    left: -50px;
    top: 6%;
    color: #999;
    text-align: center;
    font-size: 30px;

}


blockquote blockquote:after {
	position:absolute;
	display:block;
	/*content:'';*/
	width: 0;
	height: 0;
	left:0;
	top:50%;
	transform:translateY(-50%);
	border-top: 15px solid transparent;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color:  rgba(231,231,236,1);
	border-bottom: 15px solid transparent;
}


.page #content th,
.archive #content th,
.search #content th,
.single  #content th {
    font-size: 1.4em;
    margin-bottom: 1em;
    font-family: Roboto;
    color: #000;
    margin-top: 1em;
    border-top: 0px solid #f30;
    padding: 0.5em 1em;
	font-weight:400;
	background-color:#efefef;
	position:relative;
}


.page #content ul li,
.archive #content ul li,
.search #content ul li,
.single  #content ul li{
	padding:10px;
	border-bottom:1px dotted #ddd;
	position:relative;
	list-style:none;
	font-size:1.2em;
	overflow:hidden
}

.page #content ul li:before,
.archive #content ul li:before,
.search #content ul li:before,
.single  #content ul li:before {
	content:'\e5ca';
	font-family:'icomoon';
	font-size:19px;
	color:#f30;
	display:block;
	float:left;
	width:25px;
	height:20px;
	line-height:20px;
}

.page #content ul li ul li:before,
.archive #content ul li ul li:before,
.search #content ul li ul li:before,
.single  #content ul li ul li:before {
	content:'\e5ca';
	font-family:'icomoon';
	font-size:14px;
	color:#333;
	display:block;
	float:left;
	width:25px;
	height:20px;
	line-height:20px;
}
.page #content ol li,
.archive #content ol li,
.search #content ol li,
.single  #content ol li{
	padding:10px;
	border-bottom:1px dotted #ddd;
	position:relative;
	font-size:1.2em
}


#content a[href$=".xlsx"]:after, 
#content a[href$=".xls"]:after, 
#content a[href$=".pdf"]:after, 
#content a[href$=".docx"]:after,
#content a[href$=".doc"]:after {
    margin: 0 10px;
    display: inline-block;
    font-family: 'icomoon';
    font-size: 15px;
    color: #999;
    width: 15px;
    height: 15px;
    position: relative;
	    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#content a[href$=".xlsx"]:after, 
#content a[href$=".xls"]:after {content:"\e90d";}

#content a[href$=".pdf"]:after {content:"\e90b";}

#content a[href$=".docx"]:after,
#content a[href$=".doc"]:after {content:"\e90c";}


.inform {
	font-family:Roboto;
	color:#000;
	font-size:16px;
	display:block;
	width:60%;
	padding:40px 20px 20px 20px;
	margin:40px 20% 20px 20%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd;
	background:rgba(239, 200, 19, 0.05);
	text-align:center;
	position:relative;
	}
.inform a { color:#000}	
.inform:before {
	content:' ';
	display:block;
	margin:0 20px 0 0;
	width:100%;
	height:63px;
	width:63px;
	background-image:url(img/icon_info.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:-30px;
	left:calc(50% - 30px);
	} 	


/* ------------------------- STAFF  STYLE  ---------------------  */


.list-staff .staff,
.conducere-staff .staff  { 
	border-bottom:2px solid #efefef;
	background-color:#FFFEFE;
	float:left;
	display:block;
	width:30%;
	text-align:center;
	padding:0.5%;
	margin:20px 1.5%;
	position:relative;
	transition:all 1s ease;}
	
	
.list-staff .staff:hover,
.conducere-staff .staff:hover {box-shadow:0 0 30px #ccc; }	
	

.list-staff .post-entry,
.conducere-staff .post-entry {
    position: relative;
}


.list-staff .staff:after,
.conducere-staff .staff:after {
	content:'';
	background:rgba(255, 51, 0, 0.99);
	width:70px;
	height:2px;
	position:absolute;
	bottom:-1px;
	left:50%;
	transform:translateX(-50%);
	transition:all 1s ease;
	}

.list-staff .staff:hover:after,
.conducere-staff .staff:hover:after {height:2px;width:100%} 

.staff_img  {position:relative;}


.staff_img img {
		width:100%;margin:0!important;
		padding:!important; 
		border:1px solid #efefef; 
		float:none!important; 
		display:block;
}
	
.staff_img .staff_over_link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  text-align:center;
  opacity:0;
  transition:opacity 1s ease;
  }

.staff:hover  .staff_over_link  {opacity:1}

.conducere-staff .staff_img .staff_over_link a {
	color:#fff; 
	position:absolute; 
	top:50%; 
	left:50%; 	 	
	transform:translate(-50%,-50%);
	background:rgba(255,51,0,1);
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:50%;
	text-transform:uppercase;
	font-family:Khand;
}
.conducere-staff .staff_title {padding:0 0 20px 0}
.list-staff .staff_img .staff_over_link a {
	color:#fff; 
	position:absolute; 
	bottom:0%; 
	left:50%; 	 	
	transform:translateX(-50%);
	background:rgba(255,51,0,1);
	width:100%;
	height:40px;
	line-height:25px;
	text-align:center;
	border-radius:0%;
	text-transform:uppercase;
	font-family:Khand;
}



.staff .staff_title  h2 {margin:20px 0 5px 0!important ;line-height:inherit!important; position:relative}

.staff .staff_title  h2 a{
    font-size: 1em!important;
	margin:0; 
    color: #000!important;
    border-top:none!important;
    padding: 0!important;
    font-weight: 300!important;
    background: rgba(239, 239, 239,0)!important;
    position: relative;
	}
.staff .staff_title  h3 {margin:0 0 0px 0!important; line-height:inherit!important; font-size:16px; font-weight:300;}

	
	
.staff  p {margin:0!important; padding!important}	


.staff .staff_title  h2:before {
	content: '';
    display: block;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    height: 0px;
    width: 0px;
    position: absolute;
    top: -35px;
    left: 50%;
	transform:translateX(-50%);
    border-bottom: 20px solid #fff;
}



.staff .staff_more_link  {
	margin:20px 0 10px 0;
	width:100%;
	display:inline-block;
	position:relative;
	text-align:center;
	}

	
.staff .staff_more_link:after,
.staff .staff_more_link:before  {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #ddd;

  top: 5px;
  width: 60px;
}
.staff .staff_more_link:before {
  right: 56%;
  margin-right: 15px;
}
.staff .staff_more_link:after {
  left: 56%;
  margin-left: 15px;
}	
	
	
.staff .staff_more_link a {display:block; width:100%; height:30px; color:#666}

.staff .staff_more_link a:hover {color:#f30}
.staff .staff_more_link a:after {
	font-family:'icomoon';
	display:block;
	width:50px;
	height:50px;
	font-size:25px;
	content:'\e853';
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	transition:all 0.5s ease;
	}	
.staff:hover .staff_more_link a:after {
	font-size:45px;
	color:#f30;
	transform:translateX(-50%);
	}
	
	
/* -------------------------STAFF SINGLE ---------------------  */
	
.single-staff #content {margin-top:0}

.list-cat {margin:0; padding:0; display:inline-block;}
.list-cat li { display:inline-block; list-style:none; margin:0 5px; padding:5!important; border:0!important; background:rgb(242, 242, 242)}


/* -------------------------STAFF Archive ---------------------  */
.list-staff .staff {}



/* -------------------------OFERTA STUDII Archive ---------------------  */

.oferta-studii .post {float:left; display:block; width:32%; margin:20px 1% 0 0!important;}
.oferta-studii .post h2+p    {border-left: 5px solid #ddd;
    padding: 10px;
    margin: 20px 0 0 0;
    font-size: 1em;}
	
/* ------------------------- ARCHIVE POST PAGE SEARCH  STYLE  ---------------------  */



.archive h6.title-archive {display:none;}
.post-meta .byline {display:none}
.post-meta .author.vcard{display:none}
.post-meta .byline {display:none}
.post-meta .author.vcard{display:none}

.archive .post,
.search-entry {
	margin:20px 0 0 0;
	padding:20px;
	border:1px solid #E4E4E4;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	
	display:block;
	transition:all 1s ease;


	}

.archive .post .read-more,
.search-entry .read-more{
	float:right;
	text-align:center;
	background:#F2F2F2;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	width:200px;
}
.archive .post .read-more a,
.search-entry .read-more a {display:block; line-height:30px;}

.archive .post .read-more a:hover,
.search-entry .read-more a:hover
 { background-color:#f30; color:#fff}
.archive .post:hover,
.search-entry:hover
 {
	box-shadow:1px 1px 35px #ddd;
	}
	
.archive .post:hover h2 , .archive .post:hover h2 a{color:#f30}	
.archive h2.post-title, .archive h2.post-title a
	{
	font-size:29px;
	font-family:Khand;
	font-weight:400!important;
	margin:0 0 0px 0}
	

 .archive  p {	font-size:1.2em;line-height:1.5em; text-align:justify; margin:0}
 .archive  .post-data {margin:0; font-style:italic; font-weight:300; font-size:14px; display:block}

 
.single .post-data {margin:0 0 30px 0;  color:#9f9f9f; font-weight:300; font-size:16px;}
.single .post-meta {margin:0; font-size:16px;}



.post-edit {font-size:20px; background-color:#f30; color:#fff; width:100px; margin:0}
.post-edit a {color:#fff; padding:5px; text-align:center; display:block}

 .single h1 {margin-bottom:10px!important}
 
.navigation {}
.navigation > div {padding:0 5%;}
.navigation > div:nth-child(1) {padding:0 5%;}
.navigation img {width:80%; margin:0 auto;  border:1px solid #ddd;}
.navigation h4 {margin:0!important; padding:0!important; background:none!important} 
 .navigation p {margin:0!important; text-align:justify; line-height:20px!important;}
 
 
 
 
 .search h6.title-search-results {
    font-size: 2em;
    margin-bottom: 2em;
    font-family: Roboto;
    color: #7f87d4;
    margin-top: 0em;
    border-top: 3px solid #7f87d4;
    padding: 0.5em 1em;
	font-weight:400;
	background:rgba(239, 239, 239,0.8);
	position:relative;
}
 
 .search h6.title-search-results:after {
	position:absolute;
	top:0;
	left:1px;
	width: 0px;
	display:block;
	height: 0px;
	content:'';
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #7f87d4;
}
.search h1.post-title,
.search h2.post-title {     
	font-size: 20px!important;
    margin-bottom: 0em!important;
    font-family: Roboto;
    color: #7f87d4;
    margin-top: 0em;
    border-top: 0px solid #7f87d4!important;
    padding: 0px 0!important;
    font-weight: 400;
    background: none!important;
    position: relative;}

.search h2.post-title a {font-weight:400; color:#7f87d4}

.search h1.post-title:after {border:none!important}


 
 
 
/* ------------------------- WIDGETS STYLE  ---------------------  */


.home #widgets {padding:0}

#widgets {
    background: rgba(242, 242, 242, 1);

}

.widget-title h3     
	{display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 23px;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: left;
}

.page  #widgets .widget-wrapper,
.archive  #widgets .widget-wrapper,
.search  #widgets .widget-wrapper,
.single    #widgets .widget-wrapper {padding:0; margin:0px 0 20px 0; background-color:transparent; border:0}

.page  #widgets .widget-title,
.archive  #widgets .widget-title,
.search  #widgets .widget-title,
.single    #widgets .widget-title  {

	position:relative
}
.page  #widgets .widget-title h3,
.archive  #widgets .widget-title h3,
.search  #widgets .widget-title h3,
.single    #widgets .widget-title h3
{
	padding:0px!important;
	width:100%;
	color:#000;
	font-size:20px;
	font-weight:300;
	line-height:50px;
	text-align:center;
	background:rgba(127,135,212,0.1);
	text-transform:uppercase!important;

	}	


.page  #widgets .widget-title h3 a,
.archive  #widgets .widget-title h3 a,
.search  #widgets .widget-title h3 a,
.single    #widgets .widget-title h3 a 
{
padding:0px!important;
margin:0;
font-weight:300;
color:#000;
text-align:center;
text-transform:uppercase;
}


.page  #widgets  .rpwe-block ,
.archive  #widgets  .rpwe-block ,
.search  #widgets  .rpwe-block ,
.single    #widgets  .rpwe-block {padding:20px 0 20px 20px;}

.page  #widgets  .rpwe-block h3,
.archive  #widgets  .rpwe-block h3,
.search  #widgets  .rpwe-block h3,
.single    #widgets  .rpwe-block h3 {
	font-size:16px!important;
	line-height:inherit;
	font-weight:300}

.page  #widgets  .rpwe-block .rpwe-summary,
.archive  #widgets  .rpwe-block .rpwe-summary,
.search  #widgets  .rpwe-block .rpwe-summary,
.single    #widgets  .rpwe-block .rpwe-summary {line-height:14px;}

.page  #widgets  .rpwe-block li,
.archive  #widgets  .rpwe-block li,
.search  #widgets  .rpwe-block li ,
.single    #widgets  .rpwe-block li {margin:0px 0 10px 0; padding:0; transition:all 1s ease; border-bottom:1px solid #fff}


.page  #widgets  .rpwe-block li a,
.archive  #widgets  .rpwe-block li a,
.search  #widgets  .rpwe-block li  a,
.single    #widgets  .rpwe-block li  a{ font-weight:300}



.page  #widgets  .rpwe-block li:hover,
.archive  #widgets  .rpwe-block li:hover,
.search  #widgets  .rpwe-block li:hover ,
.single    #widgets  .rpwe-block li:hover { background-color:#fff; border-bottom:1px solid #f30}


.page  #widgets .rpwe-block li .rpwe-time:before,
.archive  #widgets  .rpwe-block li .rpwe-time:before,
.search  #widgets  .rpwe-block li .rpwe-time:before,
.single    #widgets .rpwe-block li .rpwe-time:before {
    content: "Postat la data de: ";
    display: inline-block;
    font-style: italic;
    padding: 0 5px 0 0;
}


.page  #widgets  .textwidget,
.archive  #widgets  .textwidget ,
.search  #widgets  .textwidget ,
.single    #widgets  .textwidget,
.page  #widgets  .menu-widget,
.archive  #widgets  .menu-widget ,
.search  #widgets  .menu-widget ,
.single    #widgets  .menu-widget{margin:20px;}

.page  #widgets  .menu-widget li,
.archive  #widgets  .menu-widget li,
.search  #widgets  .menu-widget li,
.single    #widgets  .menu-widget li {
	list-style:none;
	font-size:20px;
	border-bottom:1px solid #ddd;
	padding:10px 0;

	}
	
	
.page  #widgets  .menu-widget li:before,
.archive  #widgets  .menu-widget li:before,
.search  #widgets  .menu-widget li:before,
.single    #widgets  .menu-widget li:before {
	
	}	
.page  #widgets  .menu-widget li a,
.archive  #widgets  .menu-widget li a,
.search  #widgets  .menu-widget li a,
.single    #widgets  .menu-widget li a {display:block}


/* ===================     SHORTCODE      ======================== */


/* =====      ACCORDION      ======*/
.su-accordion {margin:20px;}
.su-spoiler.su-spoiler-closed .su-spoiler-title {
	font-family:Roboto;
	font-size:1.1em!important;
	font-weight:300!important;
	padding:10px 0 10px 30px;
	color:#000;
	background-color:#f2f2f2;
	border-top:2px solid #e8e8e8;
	transition:all 1s ease;
	-o-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	}
.su-spoiler .su-spoiler-title { background-color:#7F87D4; color:#fff;font-family:Roboto;
	font-size:1.1em!important;
	font-weight:300!important;
	padding:10px 0 10px 30px;}
.su-spoiler.su-spoiler-closed:hover  .su-spoiler-title {background-color:#7F87D4; color:#fff;}
.su-spoiler-content {
		transition:opacity 1s ease!important;
	-o-transition:opacity 1s ease!important;
	-webkit-transition:opacity 1s ease!important;
	-moz-transition:opacity 1s ease!important;}

	
.su-spoiler {margin:0!important}
.su-spoiler-content {
	border:1px solid #7F87D4;
	padding:0px 20px 20px 20px!important;}	
	
.su-column {margin:0 1% 0 0!important}
.su-tabs {width:100%; display: table}
.su-tabs-nav span {
	font-size:1.4em!important;
	text-transform:uppercase;}
	
.su-tabs-nav span.su-tabs-current {color:#F30!important}
	
	
	
/* ============================= NAVIGATION ==================== */	
	
.navigation	 {margin:50px;}
.navigation ul {margin:0; padding:0;}
.navigation ul li {list-style:none; display:inline-block; margin:0 0px; padding:0px; font-size:18px;}	
.navigation ul li a {padding:5px 8px; color:#666; border-bottom:2px solid #fff;}
.navigation ul li.active a {color:#C30; border-bottom:2px solid #C30;}
.navigation ul li a:hover {color:#000; border-bottom:2px solid #C30;}
	
	
	

@media screen and (min-width:1450px) {
.menu ul.sub-menu {
position:absolute;	
width:auto!important;
	}
.sub-menu .sub-menu {left:100%!important; top:0}

}


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

.menu .menu-item a {
font-size: 17px;
} 
}

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

.menu .menu-item a {
 font-size: 16px;
}

.menu li {width:20%;
display:block;}


 .menu .sub-menu li {
display:block;
background-color:#192070!important;
border:0!important;
}
.menu .sub-menu>li>a {
background-color:#192070!important;
}
.menu .sub-menu .sub-menu>li>a {
background-color:#474747!important;
}
.menu .sub-menu .sub-menu .sub-menu>li>a {
background-color:#505050!important
}
.menu li a, .menu li a:hover {
border-style:solid!important;
border-width:0px 0px 1px 0px!important;
border-color:#656565!important;
}
.menu .sub-menu>li>a {
padding-left:20px
}
.menu .sub-menu .sub-menu>li>a {
padding-left:30px
}
.menu .sub-menu .sub-menu .sub-menu>li>a {
padding-left:50px
}
.menu .sub-menu .sub-menu li a {
border-style:solid;
border-width:0px 0px 1px 0px!important;
border-color:#656565;
}
.menu .sub-menu {
width:100%!important;
max-width:100%!important;
margin:0px 0 0 0!important;
background-color:#4a5b75!important;
}
.menu .sub-menu li:last-child a {
border-style:solid;
border-width:0px 0px 1px 0px!important;
border-color:#656565;
}
.menu .sub-menu .sub-menu {
position:relative!important;
top:0;
left:0;
margin:0 0 0 0;
width:100%
}


#widget_1 ul li h3 a {
    font-size: 19px;
}


}

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

 .menu li {
display:block!important;
width:50%;
margin:0 0 0 0!important;
background-color:#12185F;
}
 .menu .sub-menu li {
display:block;
background-color:#192070!important;
border:0!important;
}
.menu .sub-menu>li>a {
background-color:#192070!important;
}
.menu .sub-menu .sub-menu>li>a {
background-color:#474747!important;
}
.menu .sub-menu .sub-menu .sub-menu>li>a {
background-color:#505050!important
}
.menu li a, .menu li a:hover {
border-style:solid!important;
border-width:0px 0px 1px 0px!important;
border-color:#656565!important;
}
.menu .sub-menu>li>a {
padding-left:20px
}
.menu .sub-menu .sub-menu>li>a {
padding-left:30px
}
.menu .sub-menu .sub-menu .sub-menu>li>a {
padding-left:50px
}
.menu .sub-menu .sub-menu li a {
border-style:solid;
border-width:0px 0px 1px 0px!important;
border-color:#656565;
}
.menu .sub-menu {
width:100%!important;
max-width:100%!important;
margin:0px 0 0 0!important;
background-color:#4a5b75!important;
}
.menu .sub-menu li:last-child a {
border-style:solid;
border-width:0px 0px 1px 0px!important;
border-color:#656565;
}
.menu .sub-menu .sub-menu {
position:relative!important;
top:0;
left:0;
margin:0 0 0 0;
width:100%
}

#widget_1 ul li {width:49%}

#logo .w50 {width:100%; text-align:center}

#widget_5, #widget_6 {display:none}
#widget_4.w50, #widget_7.w50 {width:100%}
#colophon-widget > div:nth-child(2) , #colophon-widget > div:nth-child(1) {float:none!important; width:100%!important}
#colophon-widget > div:nth-child(1) ul.adresa li:before {width:50px; font-size:35px;}
#colophon-widget > div:nth-child(1) ul.adresa {padding:0 0 0 5%; margin:0}
/*   ==========  slider =========   */


}


 @media screen and (max-width: 980px) { 
 
#content.col-620, #content-archive.col-620 {width:100%!important}
#content-archive.col-620:after, #content-archive.col-620:before {
    content: ' ';
    display: table;
}

#content-archive.col-620:after { clear:both}
#widgets.col-300 {width:100%!important}
#widgets .recent-posts-extended li {width:calc(50% - 40px); margin:10px 20px!important; float:left}
#widgets .recent-posts-extended li img {margin:0!important}



 }


 @media screen and (min-width: 830px) {
.menu ul {
 visibility: hidden;
 position: absolute;
 z-index: 10;
 top: 100%;
 left: 0;
}
.sub-menu {
width:auto;
min-width:250px;
max-width:350px;
}
.menu li li:hover > ul {
 top: 0;
 left: 100%;
}
 .menu li:hover > ul {
 visibility: visible;
 top: 100%;
}
.menu:after, .menu ul:after {
 display: block;
 visibility: hidden;
 clear: both;
 overflow: hidden;
 height: 0;
 content: ".";
}
}


 @media screen and (max-width: 830px) {
 nav {
padding: 0;
}
.menu li a, .menu li a:hover {
 border-style: solid!important;
 border-width: 0px 0px 0px 0px!important;
 border-color: #656565!important;
}
.menu li {
border-style: solid!important;
 border-width: 0px 0px 1px 0px!important;
 border-color: #656565!important;
}
 .current-menu-item a {
 background-color: transparent!important;
}
 .menu .current_page_item>a, .menu .current-menu-item>a {
 background-color: transparent!important;
 color: #f30;
 font-weight:400
}
 .menu a:hover {
background:transparent!important;
}
 nav span {
 background: #202d82;
 color: #fff;
 width:10%;
 line-height:60px;
 padding:0;
 border-style:solid;
 border-width:1px 0;
 border-color:#202D82;
 text-align:center;
 font-size:20px;
}
 ul li.menuOpen >span {
 background: #f30;
}
nav span:hover {
 background: #1a237e;
}
 nav ul li.menuOpen, nav ul li.menuOpen:hover {
 background: #343434;
}
 nav .sub-menu li a {
padding:10px!important;
}
 .menu .sub-menu>li>a {
background-color:transparent!important;
}
.menu .sub-menu .sub-menu>li>a {
background-color:transparent!important;
}
.menu .sub-menu .sub-menu .sub-menu>li>a {
background-color:transparent!important
}
.menu .sub-menu > li:last-child {
border-bottom:0!important
}
.menu .sub-menu .sub-menu > li:last-child {
border-bottom:0!important
}
.menu .sub-menu .sub-menu .sub-menu > li:last-child {
border-bottom:0!important
}
.menu .sub-menu > li:first-child {
border-top:1px solid #656565!important
}
.menu .sub-menu .sub-menu > li:first-child {
border-top:1px solid #656565!important
}
.menu .sub-menu .sub-menu .sub-menu> li:first-child {
border-top:1px solid #656565!important
}
.menu .sub-menu>li {
background-color:#2f2f2f!important;
border-bottom:1px solid #656565!important;
}
.menu .sub-menu .sub-menu>li {
background-color:#474747!important;
border-bottom:1px solid #656565!important;
}
.menu .sub-menu .sub-menu .sub-menu>li {
background-color:#505050!important;
border-bottom:1px solid #656565!important;
}
 .menu li a, .menu li a:hover {
border-style:solid!important;
border-width:0px 0px 0px 0px!important;
border-color:#656565!important;
}
 .menu .sub-menu>li>a {
padding-left:20px!important;
border:0!important
}
.menu .sub-menu .sub-menu>li>a {
padding-left:30px!important;
border:0!important
}
.menu .sub-menu .sub-menu .sub-menu>li>a {
padding-left:50px!important;
border:0!important
}
.menu .sub-menu .sub-menu li {
border-style:solid;
border-width:0px 0px 1px 0px!important;
border-color:#656565;
}
/* ===============  header    */


 }


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

.widget_row .w50 {width:100%;}
.widget_row .left {float:none}
.oferta-studii .post {width: calc(50% - 2%)!important;}
.archive h2.post-title, .archive h2.post-title a { font-size: 20px;}

}


 @media screen and (max-width:600px) {
	
	
	
.list-staff .staff, .conducere-staff .staff  {width:calc(50% - 3%)!important;} 
	 
#widget_1 ul li {width:90%}
#widget_1 ul li img {display:none}
#widget_1 ul li h3 a {height:auto}
#widget_1 .all_post {width:90%}

#colophon-widget > div:nth-child(1) {
    background-color: #edc84d;
    height: auto!important;
	padding:0!important
}

#widgets .recent-posts-extended li {width:100%; margin:10px 20px!important; float:none}
#widgets .recent-posts-extended li img {margin:0!important}


#footer ul.adresa {margin:0!important; padding:0!important}

#footer ul.adresa li {width:100%!important; display:block!important; height:130px!important; border-bottom:1px solid #fff; padding:10px!important; margin:0!important}

#footer_widget > div {float:none!important; width:100%!important}
#footer_widget > div:nth-child(3) {width:100%!important}
}



@media screen and (max-width:500px) {
.alignright , .alignleft {float:none; display:block}
.oferta-studii .post  {width:calc(100% - 3%)!important;} 
}


@media screen and (max-width: 480px) {
 .menu .sub-menu .sub-menu>li>a {
 padding-left: 0px!important;
}
.menu .sub-menu .sub-menu .sub-menu>li>a {
 padding-left: 0px!important;
}
 .menu .sub-menu .sub-menu .sub-menu .sub-menu>li>a {
 padding-left: 0px!important;
}

.list-staff .staff, .conducere-staff .staff	{width:calc(100% - 3%)!important;} 

}