*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html, body { width: 100%; height: 100%; background: url('../imagini/bg.png') 0 0 repeat; font-family: 'Archivo Narrow', Arial, sans-serif; font-size: 16px; line-height: 100%; text-align: left; color: #444; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { padding: 0; margin: 0; border: 0; vertical-align: baseline; outline: none }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none }
ul { list-style: none }
audio:not([controls]) { height: 0; display: none }
table { width: 100%; border-collapse: collapse; border-spacing: 0 }
button, input, optgroup, select, textarea { padding: 0; margin: 0; font-family: inherit; color: inherit; font-size: 100%;}
button, input[type=submit], input[type=text],input[type=email],input[type=password], optgroup, select, textarea {-webkit-appearance: none;-webkit-border-radius:0px;}
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 }
sup { top: -0.5em; font-size: 75%; line-height: 0; position: relative }
sub { bottom: -0.25em; font-size: 75%; line-height: 0; position: relative }
select:focus, textarea:focus, input:focus { outline: none }
:hover, :focus { outline: none }
input[type=submit] { -webkit-appearance: none; -moz-appearance: none; border: none; outline: none; cursor: pointer }
input[type=submit]:focus { outline: none; border: none }
input[type=submit]:active { outline: none; border: none }
strong { font-weight: bold }
a { margin: 0; padding: 0; vertical-align: baseline; text-decoration: none; outline: none }
a:active { outline: none }
a:hover { outline: none }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 }
textarea { overflow: auto; resize: none; vertical-align: top }
input::-moz-placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder { opacity: 1 }
input::-moz-focus-inner { border: 0 }
ins { background-color: #ff9; color: #000; text-decoration: none }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700 }
del { text-decoration: line-through }
template, [hidden] { display: none }

/****************************/

/* Generale */
/****************************/

.clearfix:after { content: ' '; width: 0; height: 0; padding: 0; margin: 0; display: block; visibility: hidden; overflow: hidden; font-size: 0; line-height: 0; clear: both; }

ul.numbers li { list-style-type: decimal; padding: 10px; margin-left: 15px; font-size: 17px; }

.color { color: #6F6F6F !important; }
.color-2 { color: #3DA7FF !important; }
.color-red { color: #D00 !important; }
.color-black { color: #000 !important; }
.color-blackish { color: #333 !important; }
.color-green { color: #105F2F !important; }
.color-blacked { color: #444 !important; }

p.error {color: #D00; padding-top: 10px;}

h1 { font-size: 29px; line-height: 35px; margin-bottom: 15px; color: #6F6F6F; }
h2 { font-size: 22px; margin-bottom: 15px; color: #6F6F6F; line-height: 25px; }
h2.link { cursor: pointer; display: table;}
h2.link:hover, h2.link.activ { color: #444;}
h2.v2 { padding-top: 15px; }
h2.v3 { font-size: 24px; }
h1.separator { margin: 45px 0 20px; text-align: center; }
h1.v2 { padding: 20px 0; margin: 0; }
h3 { margin-bottom: 10px; font-size: 18px; color: #6F6F6F; line-height: 24px;}
.heading-h3 { font-size: 22px; font-weight: 400; color: #444; margin-bottom: 10px; line-height: 24px;}

.ribbon { width: 40px; padding: 10px 0; text-align: center; color: #FFF; display: inline-block; margin-right: 15px; }
.ribbon.prof-replies { background: #3DA7FF; }
.ribbon.ok { background: #009F3A; }
.ribbon.prof-replies:after { border-left: 20px solid #3DA7FF; border-right: 20px solid #3DA7FF; border-bottom: 10px solid transparent; top:36px; content:''; height: 0; left:0; position:absolute; width: 0; }
.ribbon.ok:after { border-left: 20px solid #009F3A; border-right: 20px solid #009F3A; border-bottom: 10px solid transparent; top:36px; content:''; height: 0; right: 15px; position:absolute; width: 0; }
.ribbon.v2 { width: 34px; padding: 8px 0; font-size: 13px; }
.ribbon.v2.prof-replies:after { border-left: 17px solid #3DA7FF; border-right: 17px solid #3DA7FF; top:29px; }
.ribbon.v2.ok:after { border-left: 17px solid #009F3A; border-right: 17px solid #009F3A; top:29px; }

.ribbons-legend ul { position: relative; height: 120px; margin-top: 20px; }
.ribbons-legend ul li { position: relative; display: block; height: 40px; margin-bottom: 10px; }
.ribbons-legend ul li .row { position: absolute; }
.ribbons-legend ul li .txt { margin-left: 45px; line-height: 38px; color: #333; }

.coloane { margin-bottom: 20px; border-bottom: 1px solid #DDD; }
.coloane .coloana { float: left; width: 50%; padding-right: 20px; }
.coloane .coloana.full { float: none; width: 100%; }
.coloane .coloana:last-child { padding-right: 0; }
.coloane .coloana.full .ul-list { float: none; width: 100%; line-height: 24px; }
.coloane .ul-list h3 { font-size: 22px; font-weight: 400; color: #444; }
.coloane .ul-list { margin: 0 0 20px 0; }
.coloane .ul-list li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.coloane .coloana.full li { overflow: auto; white-space: normal; }
.coloane .ul-list li a { color: #6F6F6F; }
.coloane .ul-list li a:hover { color: #444; }

a { color: #3DA7FF; }
a:hover { color: #353535; }
a.normal { color: #3DA7FF !important; }
a.normal:hover  { color: #353535 !important; }

a.btn-mare { font-size: 30px; background: #3DA7FF; color: #FFF; padding: 19px 25px; display: block; float: left; margin: 0 40px; -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; -o-transition: box-shadow 0.2s; -ms-transition: box-shadow 0.2s; transition: box-shadow 0.2s; }
a.btn-mare:hover { box-shadow: inset 0 0 0 32px #008BFF; }
a.btn-mare.v2 { background: #6F6F6F; }
a.btn-mare.v2:hover { box-shadow: inset 0 0 0 32px #4A4A4A;}
a.btn-3 { display: block; float: right; background: #3DA7FF; color: #FFF; padding: 5px; }
a.btn-3:hover { background: #393939; }
a.btn-add { display: block; background: #3DA7FF; color: #FFF; margin-bottom: 20px; width: 190px; }
a.btn-add .fa { width: 30px; padding: 10px; background: #393939; font-size: 14px; }
a.btn-add .txt { padding: 7px 10px; font-size: 16px; }
a.btn-add:hover { background: #393939; color: #FFF; }
a.btn-add.v2 { margin: 0 auto; display:none; }
.btn-1 { display: inline-block; background: #3DA7FF; color: #FFF; padding: 6px 12px; margin-top: 20px; transition: all 0.5s ease; font-size: 16px; }
.btn-1:hover { background: #038CFD; }
.btn-1.dezactivat, a.btn-1.dezactivat:hover { background: #BBBBBB; }
.btn-1.v2 { margin-top: 5px; float: right; }
.btn-2 { display: inline-block; background: #444; color: #FFF; padding: 6px 12px; margin-top: 20px; transition: all 0.5s ease; font-size: 16px; }
.btn-2:hover { background: #038CFD; color: #FFF; }
a.btn-1 { display: inline-block; background: #3DA7FF; color: #FFF; padding: 6px 12px; margin-top: 20px; transition: all 0.5s ease; font-size: 16px; }
a.btn-1:hover { background: #038CFD; }
a.btn-1.dezactivat, a.btn-1.dezactivat:hover { background: #BBBBBB; }
a.goback { position: absolute; top: 30px; right: 40px; padding: 10px 12px; background: #444; color: #A5A5A5; font-size: 14px; }
a.goback.v2 { top: 20px; right: 55px; padding: 8px 12px; }
a.goback:hover { color: #FFF; }
a.btn-4 { font-size: 18px; background: #6F6F6F; color: #FFF; padding: 15px 20px; display: block; float: left; margin: 10px 10px 10px 0; width: 250px; }
a.btn-4:nth-child(2n) { margin-left: 10px; }
a.btn-4:hover { background: #3DA7FF; }
.btn-5 { display: inline-block; background: #3DA7FF; color: #FFF; padding: 10px 18px; margin-top: 20px; transition: all 0.5s ease; font-size: 19px; }
.btn-5:hover { background: #038CFD; color: #FFF; }
.box .vot { font-size: 20px;padding: 8px 40px;margin: 0 0 25px;}
.btn-facebook { background: #3b5998; color: #FFF; padding: 13px 20px; display: inline-block;}
.btn-facebook:hover{background: #4d72c0; color:#FFF}

.view-mode { margin-top: 10px;}

.or { margin-top: 20px; float: left; }
.p-nota { line-height: 1.3em; font-size: 14px; color: #414141; text-align: justify; }
.clear { height: 0; width: 0; clear: both; display: block; visibility: hidden; margin: 0; padding: 0; overflow: hidden; font-size: 0; line-height: 0; }
.row { margin-bottom: 20px; }
hr { height: 1px; background: #DDD; border-top: 1px solid #DDD; }

.paginare { overflow: hidden; float: right; color: #414141; }
.paginare ul { float: right; }
.paginare ul li { float: left; margin: 0 5px; }
.paginare ul li.legend { margin-top: 5px; }
.paginare ul li a { padding: 5px 8px; display: block; background: #393939; color: #FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.paginare ul li a.activ, .paginare ul li a:hover { background: #999; }

.st { float: left; }
.dr { float: right; }
.pdd-top30 { padding-top: 30px !important }
.pdd-left20 { padding-left: 20px !important }
.pdd-tb20 { padding: 20px 0 !important }
.mg-tb20 { margin: 20px 0 !important }
.mg-t20 { margin-top: 20px !important }
.pdd-t20 { padding: 20px 0 0 !important }
.nomg-top { margin-top: 0 !important }
.pdd-b20 { padding-bottom: 20px !important }
.nopdd-top { padding-top: 0 !important }
.pdd-top10 { padding-top: 10px !important }
.pdd-top20 { padding-top: 20px !important }
.nomg { margin: 0 !important; }
.no-border { border: 0; }

.rang.admin { color: #A50000 !important; }
.rang.prof { color: #FC5900  !important; }
.rang.mod { color: #0B7A00  !important; }
.status.online { width: 9px; background: #48B000; border-radius: 50%; height: 9px; display: inline-block; margin-bottom: 2px; margin-left: 5px; }
.status.v2.online { margin-bottom: 1px; }
.status.v3.online { margin-bottom: 3px; margin-left: 10px; }

.favorite.add { color: #FF7806 !important; }
.favorite.add:hover { color: #353535 !important; }

h2 span.date { font-size: 14px; position: absolute; text-align: right; top: 2px; right: -75px; font-weight: 400;padding-left: 40px;}

#options a.more { position: absolute; border: 1px solid #DDD; padding: 2px; right: 40px; top: 20px; font-size: 14px; }
#options a.more.activ { color: #FFF; background: #444; }
#options .dropdown { position: absolute; width: 130px; top: 58px; right: 40px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); font-size: 14px; display: none; z-index: 999; }
#options .dropdown.v2 { width: 200px; }
#options .dropdown:before { content: ""; width: 0; height: 0; border-left: 8px solid rgba(228, 228, 228, 0); border-bottom: 8px solid #FFF; border-right: 8px solid rgba(228, 228, 228, 0); position: absolute; right: 5px; top: -8px; z-index: 2; }
#options .dropdown:after { content: ""; width: 0; height: 0; border-left: 11px solid rgba(228, 228, 228, 0); border-bottom: 10px solid #DDD; border-right: 8px solid rgba(228, 228, 228, 0); position: absolute; right: 4px; top: -10px; z-index: 1; }
#options .dropdown ul { width: 100%; padding: 5px 0; }
#options .dropdown ul li { padding: 0; }
#options .dropdown ul li a { padding: 7px 11px; display: block; line-height: 20px;}
#options .dropdown ul li a:hover { background: #444; color: #FFF; }
#options.v2 a.more { right: 20px; padding: 8px; background: #444; color: #A5A5A5; border: 0; border-left: 1px solid #DDD; }
#options.v2 a.more.activ { background: #3DA7FF ; color: #FFF; }
#options.v2 .dropdown { top: 65px; right: 23px; }

.input-general { width: 310px; position: relative; }
.input-general.w100suta { width: 100%; }
.input-general label { color: #333; padding-bottom: 10px; display: block; }
.input-general input { width: 310px; padding: 6px 9px; font-size: 16px; font-family: 'Archivo Narrow', sans-serif; color: #6F6F6F; border: 1px solid #A9A9A9; outline: none; }
.input-general.v2 input { padding: 10px 15px; }
.input-general input:hover { border-color: #898989; }
.input-general input:focus, .input-general select:focus { box-shadow: 1px 1px 1px #DDD inset; border-color: #3DA7FF; }
.input-general.corect label { color: #105F2F; }
.input-general.corect input { border-color: #105F2F; }
.input-general.gresit label { color: #870000; }
.input-general.gresit input { border-color: #870000; }
.input-general.error label, .input-general.v2.error label { color: #870000; }
.input-general.error input { border-color: #D00; }
.input-general.dezactivat input { background-color: #ECECEC; }
.input-general.dezactivat input:hover { border-color: #A9A9A9; }
.input-general .select { margin-right: 10px; position: relative;}
.input-general .select:last-child { margin-right: 0; }
.input-general .select:before{ content: '\f107';font-family: FontAwesome; display: inline-block; position: absolute; right: 14px; top: 9px; pointer-events: none;}
.input-general .select.v2 {position: relative;}
.input-general .select.v2:before{ content: '\f107';font-family: FontAwesome; display: inline-block; position: absolute; right: 24px; top: 13px; pointer-events: none;}
.input-general select { border: 1px solid #A9A9A9; color: #6F6F6F; padding: 5px 9px; width: 290px; font-size: 16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; text-overflow: ellipsis; white-space: nowrap;}
.input-general.v2 select { padding: 9px 24px 9px 9px; width: 310px; }
.input-general select.zi { width: 70px; }
.input-general select.luna { width: 120px; }
.input-general select.an { width: 80px; }
.input-general .select.error select, .input-general.v2.error select { border-color: #D00; }
.input-general .dropdown { width: 290px; border: 1px solid #A9A9A9; position: absolute; top: 31px; background: #FFF; z-index: 9; max-height: 226px; overflow-y: auto; overflow-x: hidden; box-shadow: 0 3px 3px #AEAEAE; display: none; }
.input-general .dropdown ul li a { display: block; padding: 6px 10px; }
.input-general .dropdown ul li a:hover { background: #F0F0F0 ; }
.input-general textarea { width: 310px; padding: 6px 9px; font-size: 16px; font-family: 'Archivo Narrow', sans-serif; color: #6F6F6F; border: 1px solid #A9A9A9; outline: none; resize: none; }
.input-general.v2 textarea { padding: 10px 15px; height: 180px; }
.input-general.v3 textarea { height: 100px; padding: 10px 15px; }
.input-general.v4 textarea { width: 413px; }
.input-general.v5 textarea { width: 435px; }
.input-general.w580 textarea { width: 570px; padding: 10px 15px; height: 80px; }
.input-general textarea:hover { border-color: #898989; }
.input-general textarea:focus { box-shadow: 1px 1px 1px #DDD inset; border-color: #3DA7FF; }
.input-general.error textarea { border-color: #D00; }
.input-general .browse { position: absolute; left: 1px; background: rgb(173, 173, 173) none repeat scroll 0 0; padding: 11px 21px; z-index: 9; color: #FFF; cursor: pointer; }
.input-browse { width: 100%; height: 40px; padding: 0 9px; font-size: 16px; color: #6F6F6F; border: 1px solid #A9A9A9; outline: none; cursor: pointer; position: relative; }
.input-browse .txt { width: 100%; height: 40px; line-height: 20px; padding: 10px 5px 10px 110px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.input-general .input-browse input[type=file] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; opacity: 0; cursor: pointer; }
.window .form .input-general .input-browse .browse { top: 0; left: 0; }
.input-browse.error { border-color: #D00; }
.input-general input[type=checkbox] { width: auto;padding: 6px;border-radius: 150px; margin-top: 4px; }
.input-general label.v2 { padding-left: 10px; padding-top: 1px; }
.input-general label.v3 { padding-left: 10px; display: inline-block; width: 275px; font-size: 15px; line-height: 17px; }
.input-general .label-in { position: absolute; top: 39px; left: 15px; }
.input-general.indent textarea { text-indent: 105px; }
.setari .input-general input,.setari .input-general textarea { width: 290px; }

.edit-field { display: none; }
.edit-field textarea { width: 100%; padding: 6px 9px; color: #6F6F6F; border: 1px solid #A9A9A9; outline: none; resize: none; }
.edit-field textarea:hover { border-color: #898989; }
.edit-field textarea:focus { box-shadow: 1px 1px 1px #DDD inset; border-color: #3DA7FF; }

.comment-field { margin: 20px 0; }
.comment-field .info { width: 410px; font-size: 14px; color: #353535; height: 32px; display: table; }
.comment-field .info.v2 { margin-left: 50px; padding-top: 30px; width: auto; max-width: 500px; }
.comment-field .info p { line-height: 16px; display: table-cell; vertical-align: middle; }
.comment-box { float: left; margin: 15px 15px 15px 0; width: 435px; border: 1px solid #DDD; padding: 15px; position: relative; }
.comment-box .ribbons { position: absolute; top: 0; right: 0; z-index: 9; }
.comment-box.v2 { margin: 15px 0 15px 15px; }
.comment-box.w600 { width: 600px; }
.comment-box .top { padding-bottom: 15px; position: relative; }
.comment-box .top .avatar { width: 48px; height: 48px; overflow: hidden; border: 1px solid #CCC; border-radius: 50%; }
.comment-box .top .avatar a { width: 48px; height: 48px; overflow: hidden; border-radius: 50%; display: block; }
.comment-box .top .avatar img { width: 48px; height: 48px; }
.comment-box .top .details { margin-left: 20px; width: auto; }
.comment-box .top .details h2 { margin-bottom: 12px; }
.comment-box .top .details p { color: #6F6F6F; font-size: 14px; }
.comment-box .top .details .txt { margin-left: 5px; }
.comment-box .comment { color: #353535; line-height: 18px; }
.comment-box .comment.intrebare p { height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.comment-box.w600 .comment { padding: 10px 0; }
.comment-box.w600 .comment p { font-size: 18px; line-height: 25px; }
.comment-box .bottom { margin-top: 15px; border-top: 1px solid #DDD; padding-top: 15px; font-size: 16px; }
.comment-box .bottom .fa { margin-right: 5px; }
.comment-box .bottom .replies { font-size: 16px; color: #666; margin-top: 6px; }
.comment-box .top .actions, .pers .actions { position: absolute; top: 0; right: 0; font-size: 14px; display: none; }
.comment-box:hover .top .actions, .pers:hover .actions { display: block; }
.comment-box:hover .top .actions .sterge, .pers:hover .actions .sterge { color: #D00; }
.comment-box:hover .top .actions .sterge:hover, .pers:hover .actions .sterge:hover { color: #000; }
.pers .actions { top: 5px; right: 5px; }

.raspunsuri { padding: 20px 0; }
.raspuns { padding: 20px 0 0; }
.raspuns .details { width: 100px; text-align: center; }
.raspuns .details p { line-height: 18px; margin-top: 10px; }
.raspuns .avatar { width: 48px; height: 48px; overflow: hidden; border: 3px solid #CCC; border-radius: 50%; margin: 0 auto; }
.raspuns .avatar a { width: 48px; height: 48px; border-radius: 50%; display: block; }
.raspuns .avatar img { width: 48px; height: 48px; }
.raspuns .content { border: 1px solid #DDD; width: 484px; padding: 15px; position: relative; }
.raspuns .content:before { content: ""; width: 0; height: 0; border-top: 12px solid rgba(228, 228, 228, 0); border-right: 16px solid #DDD; border-bottom: 9px solid rgba(228, 228, 228, 0); position: absolute; left: -17px; top: 18px; z-index: 1; }
.raspuns .content:after { content: ""; width: 0; height: 0; border-top: 11px solid rgba(228, 228, 228, 0); border-right: 15px solid #FFF; border-bottom: 8px solid rgba(228, 228, 228, 0); position: absolute; left: -15px; top: 19px; z-index: 1; }
.raspuns .content h2 { font-size: 18px; margin-bottom: 10px; }
.raspuns .content .top { border-bottom: 1px solid #DDD; margin-bottom: 15px; }
.raspuns .content .top p { color: #6F6F6F; font-size: 13px; margin-bottom: 10px; }
.raspuns .content .top .txt { margin-left: 5px; }
.raspuns .content .top .check { position: absolute; top: 16px; right: 15px; font-size: 22px; color: #009F3A; display: none; }
.raspuns .content:hover .top .check, .raspuns .content .top .check.checked { display: block; }
.raspuns .content .top a.check:hover { color: #333; }
.raspuns .content .rapsuns-content p { line-height: 18px; color: #333; }
.raspuns .content.checked { border-color: #009F3A; }
.raspuns .content.checked:before { border-right-color: #009F3A; }
.raspuns .content.prof { border-color: #3DA7FF; }
.raspuns .content.prof:before { border-right-color: #3DA7FF; }

.box-container { width: 100%; line-height: 22px; margin-top: 50px; }
.box-container .box { margin-bottom: 50px; overflow: hidden; display: table; }
.box-container .box .box-item { width: 30%; display: table-cell; vertical-align: middle; height: 100%; }
.box-container .box .box-item.v2 { width: 70%; }
.box-container .box .box-item .box-list { text-align: center; }
.box-container .box .box-item .box-list .bullet-number { width: 50px; height: 50px; background: #3DA7FF; color: #FFF; text-align: center; line-height: 50px; border-radius: 125px; font-size: 20px; margin: 0 auto; }
.box-container .box .box-item .box-list .box-heading { font-size: 22px; line-height: 25px; margin-top: 10px; }
.box-container .box .box-item .text { padding-left: 20px; text-align: justify; }
.box-container .box .box-item .text.v2 { padding: 0 20px 0 0; }

p.box-error { border: 1px solid #D00; padding: 20px; color: #D00; }

table tr th { border: 1px solid #DDD; background: #EEE; padding: 15px; font-weight: 400; color: #353535; font-size: 17px; text-align: left; }
table tr td { border: 1px solid #DDD; padding: 15px; color: #444; font-size: 15px; text-align: left; line-height: 18px; }
table tr td:first-child { font-size: 30px; vertical-align: middle; text-align: center; }
table tr td.center { text-align: center; font-size: 21px; }

.tables-row table { margin: 15px 20px 15px 0; }
.tables-row table:last-child { margin-right: 0; }

pre { background: #EEE; padding: 10px 20px; color: #444; margin-bottom: 10px; }

/* Continut */
/****************************/

#main { width: 980px; margin: 30px auto; background: #FFF; box-shadow: 2px 0 6px -4px #000, -2px 0 6px -4px #000; -webkit-box-shadow: 2px 0 6px -4px #000, -2px 0 6px -4px #000; -moz-box-shadow: 2px 0 6px -4px #000, -2px 0 6px -4px #000;}
@-moz-document url-prefix() {  #main { box-shadow: 2px 0 4px -4px #000, -2px 0 4px -4px #000; } }

.mesaje-header { width: 100%; max-width: 980px; margin: 0 auto; background: #444; color: #FFF; box-shadow: 2px 0 6px -4px #000, -2px 0 6px -4px #000; -webkit-box-shadow: 2px 0 6px -4px #000, -2px 0 6px -4px #000; -moz-box-shadow: 2px 0 6px -4px #000, -2px 0 6px -4px #000; border-bottom: 5px solid #006ECA; padding: 20px 45px 20px 20px; position: relative; line-height: 20px; }
.mesaje-header .fa-close { position: absolute; right: 20px; top: 50%; margin-top: -7px; cursor: pointer; }
.mesaje-header a:hover, .mesaje-header .fa-close:hover { color: #A5A5A5;}

header { border-top: 2px solid #3DA7FF; border-bottom: 1px solid #DDDDDD; position: relative; }
header nav { overflow: hidden; height: 57px; background: #FFF; border-bottom: 1px solid #DDDDDD; }
header nav.fixed { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 98; overflow: initial; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); border-top: 2px solid #3DA7FF; height: 59px; }
header nav ul { position: absolute; left: 0; top: -2px; }
header nav ul.right { right: 0; left: auto; }
header nav ul li { float: left; position: relative; }
header nav ul li a { font-family: 'Archivo Narrow', sans-serif; padding: 21px 15px 18px; display: block; border-top: 2px solid #3DA7FF; color: #6F6F6F; }
header nav ul li a .fa { font-size: 17px; }
header nav ul li a .avatar { width: 20px; height: 20px; overflow: hidden; display: inline-block; border: 1px solid #DDD; border-radius: 150px; position: absolute; left: 10px; top: 21px; }
header nav ul li a .avatar img { width: 20px; height: 20px; border-radius: 150px; }
header nav ul li a .txt { margin-left: 25px; }
header nav ul li a .nr  { color: #FFF; margin-left: 5px; font-size: 14px; background: #D00; padding: 2px 5px; border-radius: 3px; }
header nav ul li a.activ, header nav ul li a:hover { color: #000; border-color: #000; background: #F7F7F7; }
header nav ul li #link { padding-bottom: 19px; }
header nav ul li .dropdown { position: absolute; width: 180px; right: 0; top: 59px; background: #444; box-shadow: 0 1px 1px #676767; display: none; z-index: 99; }
header nav ul li .dropdown ul { position: relative; top: 0; }
header nav ul li .dropdown ul li { float: none; border-bottom: 1px solid #515151; }
header nav ul li .dropdown ul li:last-child { border-bottom: none; }
header nav ul li .dropdown ul li a { border-top: none; padding: 10px 15px; color: #A5A5A5; }
header nav ul li .dropdown ul li a:hover { color: #FFF; background: #4C4C4C; }
header nav .nav-search { display: none; }
header .top { height: 150px; overflow: hidden; }
header .top.winter { background: url(../imagini/header-craciun-2016.png) no-repeat right 60px; }
header .top .logo { float: left; width: 320px; }
header .top .logo a.logo { background: url(../imagini/logo-nou.png) no-repeat; height: 90px; margin: 35px 38px; width: 260px; }
header .top .cautare { float: right; width: 550px; }
header .top .cautare .input { margin-top: 35px;  margin-right: 50px; border: 1px solid #DDD; }
header .top .cautare .input input { width: 440px; font-size: 16px; padding: 8px 10px; border: none; color: #6F6F6F; font-family: 'Archivo Narrow', sans-serif; outline: none; background: transparent; }
header .top .cautare .input:hover { border-color: #B8B8B8; }
header .top .cautare .input.focus { border-color: #6F6F6F; }
header .top .cautare .input a.btn-cauta { position: absolute; right: 60px; top: 101px; background: transparent; color: #6F6F6F; line-height: 18px; }
header .top .cautare .input a.btn-cauta:hover { color: #3DA7FF; background: transparent; }
header #social { margin-top: 25px; float: right; width: 550px; font-size: 19px;}
header #social a { margin-right: 15px;}
header #social .fb-like { float: left; margin-right: 20px; }
header #social .g-plusone { width: 20px; }

.meniu-mobile { position: fixed;top: 0;left: -100%;width: 100%;height: 100%;background: #444;z-index: 99;padding:20px;overflow:auto; display:none;}
.meniu-mobile h1 {color:#F9F9F9;}
.meniu-mobile .btn-close-meniu {position: absolute; top: 22px; font-size: 24px; right: 20px;cursor:pointer;color:#F9F9F9;}
.meniu-mobile ul {margin-bottom:20px;}
.meniu-mobile ul li a {color: #DADADA;padding: 10px 0;display: block;font-size: 20px;}
.meniu-mobile ul li a:hover {color: #FFF;}
.meniu-mobile ul li a .fa {margin-right: 5px;}
.meniu-mobile .dropdown {margin-left: 35px;}
.meniu-mobile .dropdown ul {margin-bottom:0;}
.meniu-mobile .dropdown ul li a {font-size: 17px;color: #DDD;}
.meniu-mobile .dropdown ul li a:hover {color: #FFF;}

.welcome { padding: 20px; text-align: center; }
.welcome .actiuni { float: left; margin-left: 20px; }
.welcome .actiuni.eroare { margin-top: 30px; }
.welcome .wrap { width: 277px; text-align: left; float: left; margin-right: 20px; }
.welcome .wrap:last-child { margin-right: 0; }
.welcome p { line-height: 1.3em; }
.welcome a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.welcome form { padding-top: 50px; overflow: hidden; margin: 0 auto; width: 663px; }
.welcome form.v2 { width: 715px; }
.welcome .input-general { width: 100%; }
.welcome .input-general input { width: 100%; }
.welcome p.error { color: #D00; padding-bottom: 10px; }
.welcome input.error { border-color: #D00; }
.welcome .infos { padding-top: 20px;  color: #444; }
.welcome .infos a { margin: 0 5px; }
.welcome .infos a.btn-facebook { margin: 20px 0; }
.welcome .btn-1 { margin-top: 25px; padding: 11px 22px; }
.welcome.v2 { font-size: 18px; }

.boxs { padding: 20px 0 0; overflow: hidden; width: 960px; margin: 0 auto; }
.boxs.index {height: 133px;}
.boxs.v2 { width: 924px; }
.boxs.v3 { width: 590px; }
.boxs.v5 { width: 900px; margin-bottom: 20px; }
.boxs .box { float: left; width: 240px; text-align: center; padding: 0 20px; }
.boxs .box .icon { font-size: 50px; color: #6F6F6F; }
.boxs .box h2 { font-size: 20px; color: #3DA7FF; padding-top: 10px; line-height: 1.2em; }
.boxs .tops { float: left; width: 400px; margin: 0 30px; border: 1px solid #DDDDDD; background: #F7F7F7;}
.boxs .tops h2 { font-size: 20px; padding: 15px 20px; background: #777; color: #F9F9F9; font-weight: normal; margin-bottom: 0; }
.boxs .tops .small { font-size: 14px; }
.boxs .tops ul li:nth-child(2n + 1) { background: #FFF; }
.boxs .tops ul li a { padding: 15px; display: block; color: #6F6F6F; }
.boxs .tops ul li a .fa { font-size: 15px; }
.boxs .tops ul li a:hover  { color: #000; background: #E5E5E5; }
.boxs .tops ul li a .util  { float: right; }
.boxs .tops ul li a:hover .util  { color: #1B7C00; }
.boxs.cont { width: 100%; padding: 0 0 20px 0; }
.boxs.cont .tops { margin: 0; }
.boxs.cont .tops:nth-child(n+2) { float: right; }
.boxs .more { text-align: center; margin-top: 10px; font-size: 18px; }

.ul-list { float: left; width: 410px; margin: 0 20px; }
.ul-list li { font-size: 19px; padding: 5px 0; color: #514F4F; }
.ul-list.inregistrare { float: right; margin-top: 5px; }
.ul-list.inregistrare h2 { margin-bottom: 35px; }
.ul-list.inregistrare li { line-height: 20px; }

.carousel { position: relative; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background: #F7F7F7; }
.carousel .btn { position: absolute; top: 65px; font-size: 28px; color: #6F6F6F; }
.carousel .btn:hover { color: #3DA7FF; cursor: pointer; }
.carousel .btn.prev { left: 18px; }
.carousel .btn.next { right: 18px; }
.carousel .list { margin: 20px auto; }
.carousel ul { list-style: none; margin: 0 auto; overflow: hidden; width: 840px; }
.carousel ul li { float: left; width: 120px; height: 120px; margin: 0 10px; position: relative; overflow: hidden; }
.carousel ul li  img { width: 120px; }
.carousel ul li h2 { font-size: 21px; text-align: center; padding: 5px; vertical-align: middle; display: table-cell; color: #FFF; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.carousel ul li .mask { display: table; cursor: pointer; width: 120px; height: 120px; position: absolute; overflow: hidden; top: 0; left: 0; background-color: rgba(214, 214, 214, 0.73); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.carousel ul li:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
.carousel ul li:hover .mask { background-color: rgba(0, 0, 0, 0.7); }
.carousel ul li:hover h2 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.sidebar { float: left; width: 288px; margin-right: 40px; color: #444; }
.sidebar ul { margin-bottom: 20px; border: 1px solid #DDD; padding: 15px; }
.sidebar ul:last-child { margin-bottom: 0; }
.sidebar ul li { padding: 2px 0; }
.sidebar ul li a { color: #000; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
.sidebar ul li a:hover { color: #3DA7FF; }

.sidebar-full { color: #444; margin-top: 20px; display: none; }
.sidebar-full ul { margin-bottom: 20px;}
.sidebar-full ul:last-child { margin-bottom: 0; }
.sidebar-full ul li { padding: 10px 0; display: inline-block; width: 425px; margin-right: 80px;}
.sidebar-full ul li:nth-child(2n + 1) { margin-right: 0;}
.sidebar-full ul li a { color: #000; }
.sidebar-full ul li a:hover { color: #3DA7FF; }

#content { padding: 0 20px 40px; position: relative;}
#content.full { padding: 0; }
#content .full .sidebar { float: left; width: 268px; margin-right: 40px; }
#content .full .sidebar ul { margin-bottom: 20px; border: none; border-bottom: 1px solid #DDD; padding: 0 0 5px; }
#content .full .sidebar ul:last-child { border: none; }
#content .full .sidebar ul h3 { margin-bottom: 15px;}
#content .full .sidebar ul:last-child { margin-bottom: 0; }
#content .full .sidebar ul li { padding: 0 0 15px; }
#content .full .sidebar ul li a { color: #444; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; line-height: 20px; }
#content .full .sidebar ul li a:hover { color: #3DA7FF; }
#content .full .wrap { float: right; width: 610px; font-size: 15px; }
#content .full .wrap .top { font-size: 15px; color: #414141; position: relative; padding-bottom: 20px; height: 55px; }
#content .full .wrap .top .right { float: right; margin-top: 5px; }
#content .full .wrap .info { float: left; margin-top: 5px; }
#content .full .wrap .sortare { width: 150px; cursor: pointer; z-index: 9; position: absolute; }
#content .full .wrap .sortare.v2 { left: 165px; }
#content .full .wrap .sortare.activ { box-shadow: 0 0 9px #000000; outline: 1px solid #000; }
#content .full .wrap .sortare .selected { background: #393939; color:#FFF; padding: 9px 10px 10px; }
#content .full .wrap .sortare .selected:hover { background: #3DA7FF; }
#content .full .wrap .sortare.activ .selected:hover { background: #393939; }
#content .full .wrap .sortare .dropdown { background: #393939; padding: 0 0 10px 0; display: none; }
#content .full .wrap .sortare .dropdown .fa { font-size: 14px; }
#content .full .wrap .sortare .dropdown a { color: #A5A5A5; padding: 5px 10px; display: block; }
#content .full .wrap .sortare .dropdown a:hover { color: #FFF; }
#content .full .wrap .books { position: relative; }
#content .full .wrap .books .book { float: left; width: 160px; height: 259px; margin: 15px 32px; position: relative; cursor: pointer; }
#content .full .wrap .books .book:nth-child(3n) {margin-right: 0; }
#content .full .wrap .books .book:nth-child(3n + 1) {margin-left: 0; }
#content .full .wrap .books .book .coperta img { width: 160px; height: 210px; }
#content .full .wrap .books .book .autor { color: #525252; }
#content .full .wrap .books .book .titlu { height: 32px; overflow: hidden; }
#content .full .wrap .books .book .titlu a { color: #000; }
#content .full .wrap .books .book .mask { position: absolute; width: 100%; height: 210px;  top: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#content .full .wrap .books .book:hover .mask { background: rgba(200, 200, 200, 0.65); }
#content .full .wrap .box { overflow: hidden; position: relative; }
#content .full .wrap .box h2 { font-size: 30px; margin-bottom: 10px; color: #3DA7FF; line-height: 36px; }
#content .full .wrap .box h2.w580 { width: 580px; }
#content .full .wrap .box .detalii { overflow: hidden; line-height: 19px; border-bottom: 1px solid #DDD; padding-bottom: 10px; }
#content .full .wrap .box .detalii a { color: #3DA7FF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
#content .full .wrap .box .detalii a:hover { color: #000; }
#content .full .wrap .box .detalii .data { float: left; margin-right: 20px; }
#content .full .wrap .box .detalii .util { float: right; font-size: 19px; color: #1B7C00; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
#content .full .wrap .box .detalii .util:hover { color: #3DA7FF; }
#content .full .wrap .box .detalii .detalii-actiuni { margin-top: 10px; }
#content .full .wrap .box .continut { padding: 15px 0; line-height: 18px; font-size: 16px; }
#content .full .wrap .box .continut .forma { font-size: 19px; padding-bottom: 7px; }
#content .full .wrap .box .continut .forma span { font-weight: bold; margin-left: 10px; }
#content .full .wrap .box .continut .forma.corecta { color: #0C7900; }
#content .full .wrap .box .continut .forma.gresita { color: #D00; }
#content .full .wrap .box .continut .forma.gresita span { margin-left: 14px; }
#content .full .wrap .box .continut.citat .explicatie { line-height: 24px; font-size: 20px; color: #414141; font-style: italic;text-align: center; }
#content .full .wrap .box .continut .explicatie { padding: 10px 0; line-height: 20px; color: #414141; }
#content .full .wrap .box .continut .explicatie.profesor { background: #DDD; padding: 10px; color: #272727; }
#content .full .wrap .box .continut .explicatie.profesor span { margin-bottom: 10px; display: block; }
#content .full .wrap .box .continut .autor { float: right; }
#content .full .wrap .box .continut a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
#content .full .wrap .box .bottom { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 15px 0;overflow: hidden;  }
#content .full .wrap .box .bottom  ul { float: right; }
#content .full .wrap .box .bottom  ul li { float: left; margin-left: 10px; }
#content .full .wrap .box .bottom  ul li span { margin-top: 6px; display: block; }
#content .full .wrap .box .bottom  ul li img { width: 28px; height: 28px; }
#content .full .wrap .box .bottom  .viz { margin-top: 7px; }
#content .full .wrap .box .navigare a { font-size: 17px; display: block; margin: 15px 0; }
#content .full .wrap .box .navigare span { margin-top: 15px; width: 440px; text-align: center; color: #444; }
#content .submenu a { float: left; width: 196px; height: 50px; padding-top: 15px; color: #353535; text-align: center; font-size: 17px; border-right: 1px solid #DDD; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
#content .submenu a:last-child { border-right: none; }
#content .submenu a:hover { background: #ECECEC; }
#content .submenu a.activ { border-bottom: 3px solid #009CFF; background: #FFF; }
#content .submenu a .fa { margin-right: 5px; font-size: 14px; }
#content .share  { float: right; padding: 23px 20px 0; color: #444; }
#content .share  li { float: left; margin-left: 10px; }
#content .share  li span { margin-top: 6px; display: block; }
#content .share  li img { width: 28px; height: 28px; }
#content .continut { padding: 20px; }
#content .continut h3 { font-size: 23px; font-weight: 400; padding-bottom: 10px; }
#content .continut h3.v2 { padding-bottom: 0; padding-top: 10px; }
#content .continut p { font-size: 17px; padding-bottom: 10px; line-height: 20px; color: #444; }
#content .continut ul { list-style: none; padding-bottom: 10px; }
#content .continut ul li { padding: 5px 5px 5px 15px; color: #444; line-height: 18px; position: relative; }
#content .continut ul li::before { content: "\f105"; font-family: FontAwesome; left: 0; position:absolute; top:5px;}

.apreciere { width: 100%; text-align: center; font-size: 22px; margin-top: 20px; color: #444;}
.apreciere .util { margin-top: 10px; }
.apreciere .util .thumb { font-size: 25px; color: #1B7C00; cursor: pointer;}
.apreciere .util .thumb:hover { color: #3DA7FF; }

.select-dropdown { color: #353535; position: relative; margin: 0 20px; z-index: 9; }
.select-dropdown .selected { width: 240px; border: 1px solid #DDD; padding: 10px 15px; cursor: pointer; }
.select-dropdown .selected.activ { border-color: #898989; }
.select-dropdown .selected .fa { float: right; font-size: 18px; }
.select-dropdown .dropdown-select { position: absolute; top: 40px; left: 0; background: #FFF; width: 100%; border: 1px solid #DDD; border-top: 0; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); display: none; }
.select-dropdown .dropdown-select ul li { border-bottom: 1px solid #ECECEC; }
.select-dropdown .dropdown-select ul li:last-child { border: 0; }
.select-dropdown .dropdown-select ul li.heading { padding: 15px; }
.select-dropdown .dropdown-select ul li a { display: block; padding: 10px 15px; }

.item { border: 1px solid #DDD; display: block; padding: 15px; margin: 30px 0; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; overflow: hidden; }
.item.first { margin-top: 0; }
.item.last { margin-bottom: 0; }
.item:hover { box-shadow: 0 0 9px #DDD; border-color: #CCC; }
.item:hover .util { color: #1B7C00; }
.item .avatar { width: 54px; height: 54px; overflow: hidden; display: inline-block; border: 1px solid #DDD; border-radius: 150px; margin-right: 20px; float: left;}
.item .avatar img { width: 54px; min-height: 54px; border-radius: 150px; }
.item h2 { font-size: 25px; line-height: 31px; margin-bottom: 10px; color: #3DA7FF; }
.item h2 .dates { font-size: 14px; color: #444; font-weight: 400; display: none; line-height: 14px;}
.item h2.small { font-size: 22px; font-weight: 400; line-height: 24px; }
.item h2.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.item .descriere { margin-bottom: 10px; color: #444; line-height: 22px;}
.item .detalii { overflow: hidden; line-height: 19px; }
.item .detalii .data { float: left; margin-right: 20px; }
.item .detalii .carti { float: left; margin-right: 20px; }
.item .detalii .carti .fa { font-size: 13px; margin-right: 5px; }
.item .detalii .ocupatii { float: left; margin-right: 20px; }
.item .detalii .citate .fa { font-size: 13px; margin-right: 5px; }
.item .detalii .util { float: right; }
.onpageitem.favorite { padding: 0 0 20px; }
.onpageitem .item { float: left; margin: 15px; width: 435px; }
.onpageitem .item:nth-child(2n+1) { margin-left: 0; }
.onpageitem .item:nth-child(2n) { margin-right: 0; }
.item .vazut { position: absolute; right: 20px; top: 33px; font-size: 14px; color: #3DA7FF; }
.item .sterge { position: absolute; right: 20px; top: 33px; font-size: 14px; color: #D00; }

.title { height: 80px; width: 500px; line-height: 27px; display: table; }
.title h2 { display: table-cell; vertical-align: middle; }
.timer { width: 80px; height: 80px; text-align: center; font-size: 26px; color: #3DA7FF; border: 1px solid #3DA7FF; border-radius: 50%; margin: 0 0 20px 20px; }
.timer span { line-height: 80px; display: block; }

#cont { padding: 20px 20px 0 20px; overflow: hidden; position: relative; }
#cont.v2 { padding: 30px 40px 0; }
#cont.centered { width: 900px;}
#cont.centered .full { width: 600px; margin: 0 auto; }
#cont h1 { font-size: 24px; color: #3DA7FF; }
#cont h1.normal { font-size: 29px; color: #6F6F6F; }
#cont .meniu { float: left; margin-right: 40px; margin-bottom: 30px; }
#cont .meniu ul { width: 180px; }
#cont .meniu ul li { border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; border-left: 1px solid #DDD; }
#cont .meniu ul li h3 { padding: 10px; color: #FFF; display: block; font-size: 17px; margin: 0; font-weight: 400; position: relative; background: #4C4C4C; width: 180px; }
#cont .meniu ul li h3 .fa { font-size: 14px; position: absolute; top: 12px; }
#cont .meniu ul li h3 .titlu { margin-left: 25px; }
#cont .meniu ul li .dropdown ul li { border-left: none; border-right: none; }
#cont .meniu ul li .dropdown ul li:last-child { border-bottom: none; }
#cont .meniu ul li .dropdown ul li a { padding: 8px 10px; color: #4C4C4C; font-size: 15px; display: block; }
#cont .meniu ul li .dropdown ul li:hover a { color: #3DA7FF; }
#cont .meniu ul li .dropdown ul li.activ { border-left: 1px solid #3DA7FF; }
#cont .meniu ul li .dropdown ul li.activ a { color: #3DA7FF; border-left: 1px solid #3DA7FF; }
#cont .wrap { float: left; width: 720px; }
#cont .wrap.full { width: 100%; }
#cont .wrap a.box{ float: left; display: block; color: #6F6F6F; background: #EFEFEF; width: 155px; padding: 20px 8px; text-align: center; font-size: 18px; margin: 0 20px 25px 0; }
#cont .wrap a.box:hover { color: #000; background: #DDD; }
#cont .wrap a.box:nth-child(4n + 1) { margin-right: 0; }
#cont .wrap a.box span{ width: 100%; display: block; line-height: 25px; }
#cont .wrap .form { padding-top: 15px; }
#cont .wrap .info { width: 410px; font-size: 14px; color: #353535; height: 32px; display: table; }
#cont .wrap .info.v2 { margin-left: 50px; padding-top: 30px; width: auto; max-width: 500px; }
#cont .wrap .info.v3 { width: 360px; }
#cont .wrap .info p { line-height: 16px; display: table-cell; vertical-align: middle; }
#cont .conversations { float: left; width: 300px; border: 1px solid #DDD; }
#cont .neautorizat { padding: 20px 0 40px; text-align: center; }
#cont .neautorizat h2 { color: #870000; }
#cont .neautorizat .fa-ban { font-size: 22px; }
#cont .neautorizat p { font-size: 17px; line-height: 25px; }
#cont .item h2 { font-size: 22px; }
#cont .item .detalii { line-height: 16px; font-size: 14px; }
#cont p { padding-bottom: 10px; }
#cont .semnatura-bottom { padding-top: 40px; font-size: 20px; }
#cont.continut {line-height:18px;padding-bottom: 20px;}
#cont .feedback {margin-bottom:20px;overflow: hidden;}
#cont .feedback .feedback-pareri {text-align:center;}
#cont .feedback .feedback-pareri .heading {font-size:22px;}
#cont .feedback .feedback-pareri textarea {width: 435px;}
#cont .feedback .feedback-pareri .container {max-width: 280px; margin: 40px auto;}
#cont .feedback .feedback-pareri .container .box {display: block;float: left;background: #EEE;margin-right: 20px;position:relative;height:80px;width:80px;line-height:80px;border-radius:150px;cursor:pointer;}
#cont .feedback .feedback-pareri .container .box:last-child {margin-right: 0;}
#cont .feedback .feedback-pareri .container .box:hover,#cont .feedback .feedback-pareri .container .box.activ {background: #444;color:#FFF;}
#cont .feedback .feedback-pareri .container .box span {display: block;width:100%;font-size: 18px;}
#cont .feedback .feedback-pareri .form-area {padding: 20px;}
#cont .feedback .feedback-pareri .parere-detalii {display:none;}

.info-txt { color: #353535; line-height: 20px; width: 720px; }
.info-txt.v2 { width: auto; font-size: 16px;border: 1px solid #3DA7FF; padding: 15px; margin-bottom: 15px;display: none }
.info-txt.v3 { width: auto; font-size: 16px; margin-top: 15px;display: none }
.reply { margin-top: 20px; }

.neautorizat { padding: 20px 0 40px; text-align: center; }
.neautorizat h2 { color: #870000; }
.neautorizat .fa-ban { font-size: 22px; }
.neautorizat p { font-size: 17px; line-height: 25px; }

.wrap-stats a.box{ float: left; display: block; color: #6F6F6F; width: 197px; padding: 20px 10px; text-align: center; font-size: 18px; margin: 10px 37px 30px 0; border: 1px solid #DDD; }
.wrap-stats a.box:nth-child(4n) { margin-right: 0; }
.wrap-stats a.box span{ width: 100%; display: block; line-height: 30px; }
.wrap-stats a.box .text{ color: #009CFF; }
.wrap-stats a.box .text.number{ color: #444; font-size: 18px;}
.wrap-stats a.box:hover { color: #353535; background: #EFEFEF; }
.wrap-stats a.box:hover .text { color: #353535; }

.filtre { padding: 30px 0 20px; width: 610px; color: #393939; }
.filtre li { display: inline-block; position: relative; }
.filtre .fa { color: #D00; position: absolute; top: -1px; left: 0; }
.filtre .fa:hover { color: #444; }
.filtre .txt { margin-left: 20px; }

.wrap-box-container { margin-bottom: 20px; border-bottom: 1px solid #DDD; padding-bottom: 20px;}
.wrap-box-container .wrap-box { width: 300px; float: left;; margin-right: 20px;}
.wrap-box-container .wrap-box:nth-child(3n) { margin-right: 0;}
.wrap-box-container .wrap-box .top { height: 63px; margin-bottom: 10px; overflow: hidden; }
.wrap-box-container .wrap-box h2 { margin-bottom: 5px; font-size: 18px; height: 38px; overflow: hidden; overflow: hidden; font-weight: 400; line-height: 19px; }
.wrap-box-container .wrap-box .date { color: #757575; font-size: 13px; }
.wrap-box-container .wrap-box .description { color: #333; height: 73px; overflow: hidden; }

#mesaje { padding: 20px 0 0; overflow: hidden; position: relative; }
#mesaje h1 { font-size: 24px; color: #3DA7FF; padding-left: 20px; }
#mesaje .convs { float: left; width: 300px; border: 1px solid #DDD; border-left: none; }
#mesaje .convs .filtre { padding: 15px; text-align: center; border-bottom: 1px solid #DDD; width: auto; }
#mesaje .convs .filtre a { display: inline-block; margin: 0 10px; }
#mesaje .convs .filtre a.activ { color: #000; }
#mesaje .convs .conv { height: 552px; }
#mesaje .convs .conv.nanoconv { width: 300px; height: 552px; }
#mesaje .convs .conv .no-conv { font-size: 17px; padding: 40px; text-align: center; color: #747474; }
#mesaje .convs .conv a { position: relative; display: block; padding: 10px; overflow: hidden; border-bottom: 1px solid #DDD; }
#mesaje .convs .conv a:last-child { border-bottom: none; }
#mesaje .convs .conv a .fa { position: absolute; right: 10px; font-size: 14px; top: 22px; }
#mesaje .convs .conv a .avatar { position: relative; height: 54px; width: 54px; overflow: hidden; border: 2px solid #DDD; border-radius: 50%; float: left; }
#mesaje .convs .conv a .avatar img { width: 54px; height: 54px; border-radius: 150px; }
#mesaje .convs .conv a .details { float: left; padding-left: 15px; }
#mesaje .convs .conv a .details .name { padding-top: 7px; font-size: 19px; color: #00467A; }
#mesaje .convs .conv a .details .time { font-size: 15px; padding-top: 10px; color: #444; }
#mesaje .convs .conv a.unread { background: #EEE; }
#mesaje .convs .conv a:hover, #mesaje .convs .conv a.activ { background: #444; }
#mesaje .convs .conv a:hover .details .name, #mesaje .convs .conv a.activ .details .name { color: #FFF; }
#mesaje .convs .conv a:hover .details .time, #mesaje .convs .conv a.activ .details .time { color: #A5A5A5; }
#mesaje .convs .conv a:hover .fa { color: #FFF; }
#mesaje .search { border-bottom: 1px solid #DDD; position: relative; }
#mesaje .search input { border: none; font-size: 15px; padding: 10px 35px 10px 10px; width: 100%; color: #444; }
#mesaje .search .fa { position: absolute; right: 10px; font-size: 14px; top: 11px; color: #9E9E9E; }
#mesaje .message { border-top: 1px solid #DDD;  float: left; width: 680px; position: relative; }
#mesaje .message .no-conv { font-size: 24px; margin: 250px auto; text-align: center; color: #747474; width: 300px; line-height: 30px;}
#mesaje .message .no-conv a { display: block; margin: 20px 40px; background: #3DA7FF; color: #FFF; transition: all 0.3s ease; padding: 15px; }
#mesaje .message .no-conv a:hover { background: #393939; }
#mesaje .message .top { padding: 14px 20px; height: 87px; position: relative; border-bottom: 1px solid #DDD; }
#mesaje .message .top .avatar { position: relative; height: 54px; width: 54px; overflow: hidden; border: 2px solid #DDD; border-radius: 50%; float: left; }
#mesaje .message .top  .avatar img { width: 54px; height: 54px; border-radius: 150px; }
#mesaje .message .top .details { float: left; padding-left: 15px; }
#mesaje .message .top .details .name { padding-top: 18px; font-size: 23px; color: #00467A; }
#mesaje .message .top #options .more { padding: 5px; top: 32px; right: 25px; }
#mesaje .message .top #options .dropdown { top: 78px; right: 26px; }
#mesaje .message .top input { border: 1px solid #DDD; width: 100%; font-size: 19px; padding: 16px; color: #444; }
#mesaje .message .top input:focus { border: 1px solid #3DA7FF; }
#mesaje .message .top .dropdown-search { width: 100%; background: #FFF; z-index: 999; border-radius: 3px; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3); display: none; }
#mesaje .message .top .dropdown-search p { padding: 10px; color: #747474; }
#mesaje .message .top .dropdown-search ul li a { display: block; padding: 7px 15px; }
#mesaje .message .top .dropdown-search ul li a:hover { background: #EDEDED; }
#mesaje .message .content { height: 552px; }
#mesaje .message .content .textarea { border-top: 1px solid #DDD; width: 100%; position: relative; }
#mesaje .message .content .textarea .note p { text-align: center; padding: 32px; color: #747474; }
#mesaje .message .content .textarea textarea { width: 100%; border: none; resize: none; font-size: 16px; color: #444; padding: 11px; height: 78px; padding-right: 120px; }
#mesaje .message .content .textarea .btn-1 { position: absolute; top:-3px; right: 20px; font-size: 19px; padding: 10px 15px; }
#mesaje .message .content .textarea a.trimite { position: absolute; bottom: 23px; right: 15px; font-size: 16px; padding: 7px 15px; background: #3DA7FF; color: #FFF; transition: all 0.3s ease; }
#mesaje .message .content .textarea a.trimite:hover { background: #393939; }
#mesaje .message .content .box { width: 680px; height: 473px; padding: 10px 0; margin-bottom: 10px; }
#mesaje .message .content .box.nano { width: 680px; height: 473px; }
#mesaje .message .content .box h4 { font-size: 15px; font-weight: 400; color: #747474; padding: 10px 0; text-align: center; }
#mesaje .message .content .box a.more { margin: 10px auto; width: 138px; display: block; }
#mesaje .message .content .box .msg { padding: 5px 20px; overflow: hidden; }
#mesaje .message .content .box .msg .time { margin: 11px; float: right; display: inline-block; font-size: 14px; color: #747474; visibility: hidden; }
#mesaje .message .content .box .msg:hover .time { visibility: visible; }
#mesaje .message .content .box .msg .txt-box { padding: 10px; background: #EEE; color: #444; width: auto; float: right; max-width: 390px; }
#mesaje .message .content .box .msg .txt-box p { line-height: 20px; }
#mesaje .message .content .box .msg.friend .txt-box { background: #BFE2FF ; float: left; }
#mesaje .message .content .box .msg.friend .time { float: left; }


/* Profil */
/****************************/
.profil .alerts { padding: 16px; text-align: center; font-size: 17px; border-bottom: 1px solid #DDD; border-left: 3px solid #0BA20F; border-right: 3px solid #0BA20F; color: #0BA20F; }
.profil .alerts.error { border-bottom: 1px solid #DDD; border-left: 3px solid #D00; border-right: 3px solid #D00; color: #D00; }
.profil .alerts a.btn-1 { display: inline; margin-left: 20px; }
.profil .header { border-bottom: 1px solid #DDD; padding: 20px 40px; position: relative; }
.profil .header .avatar { float: left; position: relative; }
.profil .header .avatar { width: 100px; height: 100px; position: relative; display: block; border: 2px solid #DDD; border-radius: 150px; overflow: hidden; color: #FFF; }
.profil .header .avatar .upload { border-radius: 150px; }
.profil .header .avatar .upload .hover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.5s ease; border-radius: 150px; }
.profil .header .avatar .upload .fa { position: absolute; top: 37px; left: 33px; transition: all 0.5s ease; opacity: 0; font-size: 28px; }
.profil .header .avatar .upload:hover .hover, .profil .header .avatar .upload.loading .hover { background: rgba(221, 221, 221, 0.65) none repeat scroll 0 0; }
.profil .header .avatar .upload:hover .fa, .profil .header .avatar .upload.loading .fa { opacity: 1; }
.profil .header .avatar img { width: 100px; min-height: 100px; border-radius: 150px; }
.profil .header .avatar input { position: absolute; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.profil .details { float: left; margin-left: 40px; width: 755px; }
.profil .details.w900 { float: left; margin-left: 40px; width: 900px; }
.profil .details ul { width: 200px; float: left; margin-right: 30px; }
.profil .details ul.btn { width: 155px; margin-right: 0; }
.profil .details ul:last-child { margin-right: 0; }
.profil .details ul li { padding-bottom: 5px; color: #353535; line-height: 22px;}
.profil .details ul li.h2 { color: #000; }
.profil .details ul li p { line-height: 18px; }
.profil .details ul.action a.btn { display: inline-block; color: #008BFF; }
.profil .details ul.action a.btn .fa { margin-right: 5px; font-size: 14px; }
.profil .details ul.action a.btn:hover { color: #353535; }
.profil .details ul.action.v2 { margin-right: 0; }
.profil .details a.more { position: absolute; border: 1px solid #DDD; padding: 2px; right: 40px; top: 20px; font-size: 14px; }
.profil .details a.more.activ { color: #FFF; background: #444; }
.profil .details .dropdown { position: absolute; width: 130px; top: 58px; right: 40px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); font-size: 14px; display: none; }
.profil .details .dropdown:before { content: ""; width: 0; height: 0; border-left: 8px solid rgba(228, 228, 228, 0); border-bottom: 8px solid #FFF; border-right: 8px solid rgba(228, 228, 228, 0); position: absolute; right: 5px; top: -8px; z-index: 2; }
.profil .details .dropdown:after { content: ""; width: 0; height: 0; border-left: 11px solid rgba(228, 228, 228, 0); border-bottom: 10px solid #DDD; border-right: 8px solid rgba(228, 228, 228, 0); position: absolute; right: 4px; top: -10px; z-index: 1; }
.profil .details .dropdown ul { width: 100%; padding: 5px 0; }
.profil .details .dropdown ul li { padding: 0; }
.profil .details .dropdown ul li a { padding: 7px 11px; display: block; }
.profil .details .dropdown ul li a:hover { background: #444; color: #FFF; }
.profil .details .btn-likes { font-size: 24px; margin-top: 18px; display: inline-block; color: #1B7C00; float: right; }
.profil .details .btn-likes.v2 { margin-top: 5px; }
.profil .details .btn-likes:hover { color: #008BFF; }
.profil .details .btn-buy { display: block; background: #3DA7FF; color: #FFF; margin-top: 15px; width: 150px;height: 34px;overflow: hidden; }
.profil .details .btn-buy.down{ width: 156px; }
.profil .details .btn-buy .fa { padding: 10px 0; width:38px; background: #393939; font-size: 14px; }
.profil .details .btn-buy .txt { padding: 7px 10px 8px 10px; font-size: 16px; }
.profil .details .btn-buy:hover  { background: #393939; }
.profil .submenu a { float: left; width: 196px; height: 50px; padding-top: 15px; color: #353535; text-align: center; font-size: 17px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.profil .submenu a:last-child { border-right: none; }
.profil .submenu a:hover { background: #ECECEC; }
.profil .submenu a.activ { border-bottom: 3px solid #009CFF; background: #FFF; }
.profil .submenu a .fa { margin-right: 5px; font-size: 14px; }
.profil .tab { padding: 30px 40px; }
.profil .tab h3 { font-weight: 400; font-size: 22px; position: relative; }
.profil .tab h3 .fa { font-size: 17px; position: absolute; top: 3px; }
.profil .tab h3 .txt { margin-left: 25px; }
.profil .tab .share { overflow: hidden; font-size: 13px; }
.profil .tab .share  ul { float: right; padding-top: 0; }
.profil .tab .share  ul li { float: left; margin-left: 10px; }
.profil .tab .share  ul li span { margin-top: 4px; display: block; }
.profil .tab .share  ul li img { width: 20px; height: 20px; }
.profil .tab ul { padding-top: 20px; color: #353535; }
.profil .tab ul.about li  { padding-bottom: 20px; }
.profil .tab ul.about li:last-child  { padding-bottom: 0; }
.profil .tab ul.about li .label { float: left; width: 250px; margin-right: 40px; color: #444; position: relative;}
.profil .tab ul.about li .txt { float: left; width: 610px;  }
.profil .tab ul.about li .edit-icon { display: none; }
.profil .tab ul.about li:hover .edit-icon { display: inline-block; }
.profil .tab ul.about li .txt p { line-height: 20px; }
.profil .tab ul.activity li { padding-bottom: 10px; }
.profil .tab ul.activity li span { display: inline-block; }
.profil .tab ul.activity li .tip { width: 30px; font-size: 15px; color: #009CFF; }
.profil .tab ul.activity li .time { float: right; color: #545353; font-size: 15px; }
.profil .tab .referate { position: relative; }
.profil .tab .referate .referat { float: left; width: 160px; height: 259px; margin: 15px 32px; position: relative; cursor: pointer; }
.profil .tab .referate .referat:nth-child(3n) {margin-right: 0; }
.profil .tab .referate .referat:nth-child(3n + 1) {margin-left: 0; }
.profil .tab .referate .referat .coperta { float: left; }
.profil .tab .referate .referat .coperta img { height: 85px; overflow: hidden; width: 60px; }
.profil .tab .referate .referat .autor { color: #525252; }
.profil .tab .referate .referat .titlu { height: 32px; overflow: hidden; }
.profil .tab .referate .referat .titlu a { color: #000; }
.profil .tab h4 { font-size: 19px;font-weight: 400;margin-bottom: 20px; color: #6F6F6F; }

.contemporani { margin: 20px 0 30px; }
.contemporani .pers { display: inline-block; float: left; border: 1px solid #DDD; padding: 10px; margin: 10px 10px 0 0; width: 217px; height: 65px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; }
.contemporani .pers:hover { box-shadow: 0 0 9px #DDD; border-color: #CCC; }
.contemporani .pers:nth-child(4n+1) { margin-left: 0; }
.contemporani .pers:nth-child(4n) { margin-right: 0; }
.contemporani .pers .avatar { width: 41px; height: 41px; overflow: hidden; display: inline-block; border: 1px solid #DDD; border-radius: 150px; margin-right: 10px; float: left;}
.contemporani .pers .avatar img { width: 41px; min-height: 41px; border-radius: 150px; }
.contemporani .pers .dr { width: 140px; display: table; }
.contemporani .pers h2 { font-size: 17px; color: #3DA7FF; font-weight: 400; margin-bottom: 0; height: 42px; vertical-align: middle; display: table-cell; }
.contemporani .pers h2.v2 { vertical-align: top; display: table-cell; padding-top: 0;}
.contemporani.index { width: 100%; margin: 35px auto 0 auto; text-align: center; }
.contemporani.index .center { display: inline-block; margin: 10px 36px 0 0; }
.contemporani.index .center:last-child { margin-right: 0; }
.contemporani.index .pers { width: 260px; margin: 0; }
.contemporani.index .pers h2 { text-align: left; }
.contemporani.index .pers .dr { width: 180px; }

.special-box { margin: 40px 0; text-align: center; }
.special-box h3 { font-weight: 400; color: #444; font-style: italic; line-height: 24px; font-size: 20px; }
.special-box .autor { text-align: right; }

.box .info { margin-top: 33px; display: inline-block; margin-right: 13px; }

.preview { padding: 50px 0 20px; color: #353535; }
.preview.no { padding: 60px 0 30px 0; text-align: center; font-size: 18px; color: #6F6F6F; }
.preview.no.nocentered{text-align:left;}
.preview p { padding: 5px 0; line-height: 22px; }
.preview .info { padding: 15px; border: 1px solid #353535; margin-top: 15px; background: #EEE; }
.preview.v2{ padding-top: 30px; }

.continut-articol h1 { font-size: 24px; margin-bottom: 10px;}
#content .full .wrap .box .continut-articol h2 { color: #6F6F6F; font-size: 22px; }
#content .continut .continut-articol h3 { color: #6F6F6F; font-size: 20px; padding-bottom: 0; font-weight: 800; }
.continut-articol h4 { font-size: 18px; margin-bottom: 10px; color: #6F6F6F; }

footer { background: #444; padding: 30px 30px 0; overflow: hidden; border-bottom: 5px solid #006ECA; }
footer.no-top-mg { margin-top: 0; }
footer h3 { font-size: 20px; font-weight: normal; color: #F9F9F9; margin-bottom: 15px;}
footer ul { float: left; width: 200px; margin: 0 10px; font-size: 14px; }
footer ul.citat { width: 240px; }
footer ul.citat p { font-size: 19px; color: #E2E2E2; font-style: italic; line-height: 23px; }
footer ul.citat .autor { color: #A5A5A5; float: right; }
footer ul li { padding: 5px 0; }
footer a { color: #A5A5A5; }
footer a:hover { color: #FFF; }
footer .bottom { margin: 20px 10px 0; border-top: 1px solid #7B7B7B; padding: 10px 0; font-size: 14px; line-height: 20px; color: #7B7B7B; overflow: hidden; }
footer .bottom.v2 { border: 0;padding: 20px 0 0 0; }
footer .bottom p { float: left; }
footer .bottom .social { float: right; }
footer .meniu-footer-mobile {margin-bottom: 20px;display:none;}
footer .meniu-footer-mobile .cat {margin-bottom: 20px;}
footer .meniu-footer-mobile .cat h3{ line-height: 20px; background: rgb(111, 111, 111) none repeat scroll 0 0; padding: 10px; cursor: pointer;}
footer .meniu-footer-mobile .cat .links {display: none;}
footer .meniu-footer-mobile .cat .links a{display: block; padding: 10px 0;}

/* Modal */
/****************************/

.overlay { width: 100%; height: 100%; background: rgba(89, 89, 89, 0.58); z-index: 999; position: fixed; top: 0; display: none; }
.modal { position: fixed; width: 100%; z-index: 999; top: -500px; padding: 0 20px; }
.window { width: 100%; max-width: 350px; margin: 0 auto; background: #FFF; box-shadow: 0 0 5px #575757; position: relative; }
.window.w490 { max-width: 490px; }
.window.w450 { max-width: 450px; }
.window .fa-close { position: absolute; right: 5px; top: 5px; color: #6F6F6F; cursor: pointer; }
.window .fa-close:hover { color: #000; }
.window h1  { font-size: 25px; padding: 25px; margin: 0; color: #6F6F6F; font-weight: normal; text-align: center; }
.window h1.eroare { color: #BF0000; }
.window .form { padding: 0 20px 20px 20px; }
.window .form p{ color: #514F4F; margin-bottom: 10px; line-height: 18px;}
.window .form p.msg{ color: #353535; line-height: 19px; }
.window .form p.eroare { color: #D70505; text-align: center; }
.window .form #mesaj { color: #D00; padding-bottom: 10px; display: none; }
.window .form .input { width: 100%; height: 40px; border: 1px solid #909090; overflow: hidden; margin-bottom: 20px; position: relative;}
.window .form .input span { width: 40px; height: 40px; line-height: 40px; text-align: center; background: #909090; color: #FFF; display: block; position: absolute; top: 0; left: 0;}
.window .form .input input { width: 100%; height: 100%; border: none; font-size: 16px; padding: 0 10px;}
.window .form .input.input-with-icon input { padding-left: 50px; }
.window .form .input.v2 { width: 145px; margin-right: 16px; }
.window .form .input.v2:nth-child(2n) { margin-right: 0; }
.window .form .input-general { margin-bottom: 20px; }
.window .form .input-general input { width: 100%; }
.window .form .input-general .browse { top: 1px; }
.window .form .select { border: 1px solid #909090; overflow: hidden; margin-bottom: 20px; position: relative; }
.window .form .select::before { content: "\f107"; font-family: FontAwesome; right: 13px; position:absolute; top:12px;}
.window .form .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; padding: 8px 29px 8px 8px; width: 100%; color: #6F6F6F; outline: none; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.window .form .select .fa { position: absolute; right: 10px; top: 14px; font-size: 14px; }
.window .form .select.v2 { width: 145px; margin-right: 16px; }
.window .form .select.v2:nth-child(2n) { margin-right: 0; }
.window .form .select.v2.zi { width: 73px; margin-right: 15px; }
.window .form .select.v2.luna { width: 110px; margin-right: 15px; }
.window .form .select.v2.an { width: 90px; margin-right: 0; }
.window .form .textarea { width: 100%; height: 80px; border: 1px solid #909090; overflow: hidden; margin-bottom: 20px; }
.window .form .textarea textarea { width: 100%; height: 100%; font-size: 16px; padding: 11px 14px; color: #6F6F6F; border: none; resize: none; }
.window .form .input input:focus, .window .form .select select:focus, .window .form .textarea textarea:focus { box-shadow: 1px 1px 1px #DDD inset; }
.window .form .input.error, .window .form .select.error, .window .form .textarea.error { border-color: #D00; }
.window .form .input.error span { background: #D00; }
.window .form .actiuni { overflow: hidden; }
.window .form .actiuni input.btn-2 { border: none; cursor: pointer; background: #3DA7FF; color: #FFF; display: block; float: right; padding: 10px 12px; margin: 0;  font-family: 'Archivo Narrow', sans-serif; font-size: 15px; }
.window .form .actiuni input.btn-2:hover { box-shadow: 0 1px 4px #005A99 inset; color: #FFF; }
.window .form .actiuni a { float: left; display: block; margin-top: 10px; color: #6F6F6F; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.window .form .actiuni a:hover { color: #3DA7FF; }
.window .form .actiuni a.btn-1 { float: right; display: block; margin-top: 10px; color: #FFF; transition: all 0.3s ease 0s; }
.window .form .boxs.v5 { max-width: 510px; margin: 0 0 20px; }
.window .form .boxs.v5 .ul-list { margin: 0; width: 100%; }
.window .form .boxs.v5 .ul-list li { font-size: 17px; }
.window .form .btn-1.v-mare { padding: 10px 15px; font-size: 19px; margin-top:0; }
.window .form .link-1 {  color: #6F6F6F; }
.window .form .link-1:hover { color: #3DA7FF; }
.window.cautare { max-width: 500px; }
.window.cautare .input { position: relative; font-size: 22px; padding: 15px; }
.window.cautare .input input { width: 100%; border: none; outline: none; padding-right: 35px; }
.window.cautare .input a.btn-cauta { position: absolute; top: 18px; right: 15px; }

.form .genre { float: left; margin-top: 10px }
.form .checkbox { float: left; position: relative; margin-right: 15px; cursor: pointer; }
.form .checkbox.remember { margin-top: 14px; }
.form .checkbox input { position: absolute; visibility: hidden; left: 0; top: 0; width: 100px; height: 19px; }
.form .checkbox span { font-size: 15px; color: #6F6F6F; position: absolute; top: 3px; cursor: pointer; }
.form .checkbox label { font-size: 17px; color: #6F6F6F; margin-left: 22px; line-height: 19px; cursor: pointer; }

.modal-view { position: fixed; width: 100%; height: 100%; z-index: 999; background: #FFF; top: 0; left: 0; margin: 0; padding-bottom: 40px; font-family: Arial, sans-serif; display: none;overflow: auto;}
.modal-view h1 { font-family: Arial, sans-serif; color: #000; text-align: center; padding: 40px 20px 0 20px; }
.modal-view p { font-family: Arial, sans-serif; padding-bottom: 10px; line-height: 20px; }
.modal-view .continut { font-family: Arial, sans-serif; margin: 20px 0; padding: 0 20px;  line-height: 20px; padding-bottom: 20px;}
.modal-view .close { position: absolute; top: 10px; right: 20px; font-size: 19px; }
.modal-view .autor { padding-right: 20px; }

/* Notificari */
/****************************/

.general.notificari { position: fixed; bottom: 0; left: 30px; }
.general.notificari .notificare { width: 310px; background: #FFF; margin-bottom: 20px; border: 1px solid #B6B6B6; box-shadow: 1px 1px 2px -1px #000; height: 70px; position: relative; cursor: pointer; display: none; }
.general.notificari .notificare:hover { background: #EEE; }
.general.notificari .notificare a.close { position: absolute; top: 5px; right: 5px; font-size: 14px; }
.general.notificari .notificare .leftside { width: 50px; height: 68px; float: left; color: #444; padding: 26px 0 26px 24px; }
.general.notificari .notificare .rightside { height: 68px; float: left; color: #353535; padding:10px; width: 248px; display: table; }
.general.notificari .notificare .rightside p { height: 100%; vertical-align: middle; display: table-cell; line-height: 19px; }

.loading-div {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(89, 89, 89, 0.58);z-index: 9999999999999999;display:none;}
.loading-div .text{text-align: center;font-size: 20px;line-height: 28px;color: #FFF;text-shadow: 0px 1px 2px #000;}

/* Scroll */
/****************************/

.nano .nano-pane   { background: #888; margin: 5px 0; }
.nano .nano-slider { background: #111; }

.hide {display: none;}

@media only screen and (max-width: 980px) {
#main, #content .full .wrap, .profil .details.w900,.profil .tab ul.about li .txt,.comment-field .input-general.v5.st textarea,#cont .meniu ul,#cont .wrap,.boxs,.boxs.v2,.boxs.v5,#mesaje .message .content,#mesaje .message .content .box.nano {width: 100%;}
#main {margin: 20px 0 0;}
#content .sidebar { display: none; }
a.btn-add.v2{display:block;}
.filtre { width: auto; }
.sidebar-full, .select-dropdown{ display: block;}
.sidebar-full ul li {width: calc((100% - 90px) / 2);}

.boxs.index .box{width: calc(100% / 3);}

#content .full .wrap .box .navigare span {width: calc(100% - 170px); }
#content .full .submenu, .profil .submenu {display:none;}

#cont.centered{width: 100%; }

#cont .wrap .info.v2{max-width: calc(100% - 380px);}
#cont .meniu ul li { border-left:0;border-right:0;}
#cont .meniu ul li:last-child { border-bottom:0;}
#cont .meniu .select-dropdown.st.hide { margin:0 20px 0 0;}

#mesaje .message{width: calc(100% - 300px);}

.profil .select-dropdown {display:block;margin:30px 0 0 40px;}
.profil .details {width:calc(100% - 145px)}
.profil .details ul {width: calc((100% - 240px) / 2);}
.profil .details.col-3 ul {width: calc((100% - 60px) / 3);}
.profil .tab ul.about li .label {font-size: 20px; margin-bottom: 20px;}
.profil .tab ul.about li .edit-icon { font-size: 18px;}

.contemporani .pers:nth-child(4n) { margin-right: 10px;}
.contemporani .pers {width: calc((100% - 30px) / 3);}
.contemporani .pers .dr {width: calc(100% - 55px);}

.comment-field .input-general.v5.st {width: calc((100% - 65px) / 2);}
.comment-field .info.dr {width: calc((100% - 65px) / 2);}
.comment-box{width: calc((100% - 30px) / 2);}

.wrap-stats a.box {width: calc((100% - 74px) / 3);}
.wrap-stats a.box:nth-child(4n) {margin-right: 37px;}
.wrap-stats a.box:nth-child(3n) {margin-right: 0;}

.variante a.btn-4 {width: calc((100% - 30px) / 2);}

.onpageitem.favorite .item {width: calc((100% - 30px) / 2);}
.onpageitem .item {width: calc((100% - 95px) / 2);}

footer ul {width: calc((100% - 60px) / 3);}
footer ul.citat {width: calc(100% - 20px);}

.hide-on-w980 { display: none;}
}

@media only screen and (max-width: 930px) {
.carousel .btn{top: 175px;}
}

@media only screen and (max-width: 920px) {
.hide-on-w920{display:none;}
.link-meniu-mobile{display:block;}
}

@media only screen and (max-width: 870px) {
header .top .cautare{width: calc(100% - 320px);}
header .top .cautare .input input{width: calc(100% - 20px);}
.ul-list {width:100%;}
.ul-list.inregistrare {margin: 20px 0 0; }
.ul-list.inregistrare h2 {margin-bottom: 20px; }

.boxs .tops {width: calc(100% - 60px);margin-bottom: 20px;float: none;}
.boxs .tops:last-child {margin-bottom: 0;}
}

@media only screen and (max-width: 768px) {
.profil .details ul {width: 100%;margin-bottom: 20px;}
.profil .details ul:last-child {margin-bottom: 0;}
.profil .details ul.btn {margin-bottom:0;}
.profil .tab .share ul li span {display:none;}
}

@media only screen and (max-width: 730px) {
.profil .details {width:100%;margin-left:0;}

.avatar-wrap {overflow: hidden; display: block; margin: 0 auto; width: 104px;}
}

@media only screen and (max-width: 690px) {
.boxs.index {height:auto;}
.boxs.index .box {width: calc((100% - 80px) / 2);}

}

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

a.btn-1 {padding: 8px 19px;font-size: 20px;}

.boxs.index {height:auto;}
.boxs.index .box{padding:0 20px;}
.boxs.index .box,#cont .wrap .form,.welcome form.v2,#cont.centered .full,.comment-box.w600,.raspuns .content,.info-txt,.input-general,#mesaje .convs,#mesaje .message,.profil .details ul.action.v2,.contemporani .pers,.wrap-stats a.box,.comment-field .input-general.v5.st,.coloane .coloana,.input-general textarea,#cont .wrap .info,#cont .wrap .info.v3,.input-general.w580 textarea,.boxs.v3,.input-general .select,.input-general select,.input-general select.luna,.input-general select.zi,.input-general select.an,.input-general.v2 select,.box-container .box .box-item.v2,.input-general input,.setari .input-general input,.setari .input-general textarea{width:100%;}

header .top {height:auto;}
header .top .logo{float:none;display: block;margin: 0 auto;}
header .top .logo a.logo {margin: 20px;}
header .top .cautare {float:none;height:auto;width: 100%;}
header .top .cautare .input {margin: 20px 20px 30px;position:relative;}
header .top .cautare .input input {width: calc(100% - 45px);}
header .top .cautare .input a.btn-cauta {top:0;right:0;padding: 9px;}

.onpageitem .item, .onpageitem.favorite .item {width:100%;margin: 15px 0;}

.comment-box {width:100%;margin:15px 0;}
.comment-box.v2 {margin:15px 0;}

.input-general .check {float:none;}
.input-general .check label.v3{width: calc(100% - 35px);}
.input-general.dezactivat.st{margin-top:20px;}
.input-general select.luna,.input-general select.zi{margin-bottom:20px;}
#cont .wrap .info p {margin-top:5px;display:block;padding:0;}

.welcome .wrap {width:100%;margin-bottom: 20px;}
.welcome .wrap:last-child,.profil .details ul.action,#cont .meniu {margin-bottom: 0;}
.welcome .actiuni{margin:0;}

.raspuns .details,.raspuns .content:before,.raspuns .content:after,.hide-on-w610,#options a.more,.goback,.hide-on-w610,.box-container .box .box-item.hide-on-w610,#content .share li:first-child{display:none;}
#cont .wrap .info.v2 {max-width: 100%;margin:0;padding-top:10px;}

.profil .header .details h2 {text-align: center;margin-top: 15px;}
.profil .details.col-3 ul {width:100%;margin-right:0;}
.profil .details ul.action li {padding-bottom:15px;margin-bottom:0;}
.profil .details ul.action li:last-child {padding-bottom:0;}

.comment-field .info.dr{width:100%;margin-top:20px;}
.profil .header{padding:20px;}
.profil .select-dropdown{margin:30px 0 0 20px;}
.profil .tab{padding: 30px 20px;}

#cont .meniu{margin-bottom:0;}
#cont .meniu .select-dropdown.st.hide{margin:0 20px 30px 0;}

.filtre {padding-top:0;clear: both;float:none;}

.box-container .box .box-item .text,.box-container .box .box-item .text.v2{padding:0;}
h2 span.date{width: 100%; display: block; position: relative; text-align: left; right: 0px; padding-left: 0px;}
}

@media only screen and (max-width: 590px) {
a.btn-mare{font-size: 23px;width:100px;margin:0 auto;float:none;}
a.btn-mare.v2{width: 135px;text-align: center;}
a.btn-mare.login{width: 150px;}
a.btn-mare.inreg{width: 185px;}
.or{margin-top: 20px;display: block;text-align: center;margin-bottom: 20px;float:none;}
.hide-on-w590{display:none;}
footer .meniu-footer-mobile{display:block;}
footer ul.citat{margin:0;width:100%;}
footer .bottom{margin:20px 0 0;}
#content .full .wrap .box h2.w580,.sidebar-full ul li,.title{width:100%;}
#content .full .wrap .top .right{float:none;}
.paginare{margin-top: 5px;}
.ribbons-legend ul,.ribbons-legend ul li{height:auto;}
.variante a.btn-4,#cont .feedback .feedback-pareri textarea{width:100%;}
.variante a.btn-4:nth-child(2n){margin-left: 0;}
.sidebar-full ul li{margin-right:0}
}

@media only screen and (max-width: 400px) {
h1 {font-size:22px;}
h2.v3 {font-size:19px;}
h1.separator{margin:25px 0 20px;}
.carousel{margin-bottom:60px;}
.boxs.v2{padding:0;}
.boxs .tops{margin:0 0 20px;width:100%;border:0;}
.boxs.v5{padding-top:0;}
.boxs.v5 .ul-list{padding: 0 20px;margin:0;}
.boxs.v5 .ul-list li{font-size: 16px;}
.hide-on-w400,.item .detalii,.item .descriere{display:none;}
.item h2{margin-bottom:0;font-size: 20px;font-weight: 400;}
.item.intrebari-row .avatar{display:none;}
#cont.v2{padding:20px 20px 0 20px;}
table{display: block; overflow-x: auto;}

.window .form .input.v2, .window .form .select.v2, .window .form .select.v2.an, .window .form .select.v2.luna, .window .form .select.v2.zi { width: 100%; margin: 0 0 20px; float: none; }
.window .form .boxs.v5 .ul-list {padding: 10px 0;}

#content .full .wrap .sortare { float: none; width: 100%; display: block; }
.paginare { margin-top: 20px; }
.paginare, .paginare ul { width: 100%; display: block; float: none; }

#cont .semnatura-bottom{padding-bottom: 20px;}
#cont .semnatura-bottom .data,#cont .semnatura-bottom .semnatura{float:none;}
#cont .semnatura-bottom .data{padding-bottom: 10px;}
}

@media only screen and (max-width: 360px) {
a.goback,#content .full .wrap .box .bottom ul li span,#content .full .wrap .box .navigare span,.profil .tab .share{display:none;}
.comment-box .top .avatar{display:none;}
.comment-box .top .details{margin-left:0;}
}

@media only screen and (max-width: 320px) {
.hide-on-w320{display:none;}
#content .full .wrap .box .bottom ul,#content .full .wrap .box .bottom .viz{float:none;}
#content .full .wrap .box .bottom ul {margin-top:10px}
#content .full .wrap .box .bottom ul li:first-child{margin-left:0}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min-resolution: 96dpi), only screen and ( min-resolution: 2dppx) {
header .top .logo a.logo { background-image: url('../imagini/logo-nou@2x.png'); background-size: 260px 84px; }
}