@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}