/* ============================================================
   DARK THEME OVERRIDES � overrule old hardcoded colors
   ============================================================ */
[data-theme="dark"] body { background: #0f172a; color: #f1f5f9; }
[data-theme="dark"] header { background: rgba(15, 23, 42, 0.95); }
[data-theme="dark"] .about-us-bl { background: #1e293b; }
[data-theme="dark"] .about-us-bl p { color: #94a3b8; }
[data-theme="dark"] .about-us-bl * { color: #cbd5e1; }

/* Logo invert in dark mode */
[data-theme="dark"] .logo a {
  filter: invert(1) brightness(1.05);
  transition: filter 0.35s ease;
}

/* Catch-all: force light text on dark elements */
[data-theme="dark"] body,
[data-theme="dark"] p,
[data-theme="dark"] li,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] span:not(.step-n):not(.logo a span),
[data-theme="dark"] label {
  color: #e2e8f0;
}

[data-theme="dark"] a {
  color: #60a5fa;
}

[data-theme="dark"] a:hover {
  color: #93bbfd;
}

/* Preserve white text on accent backgrounds */
[data-theme="dark"] .slider-content li p,
[data-theme="dark"] .clients-nav li.active a,
[data-theme="dark"] .contact-form button,
[data-theme="dark"] .pagination ul li.active a,
[data-theme="dark"] .menu > li.active > a::after {
  color: #fff;
}

/* Keep muted elements dim */
[data-theme="dark"] footer .copy-right,
[data-theme="dark"] .footer-search.fa:before,
[data-theme="dark"] footer .pull-top.fa:before {
  color: rgba(255,255,255,0.3);
}
[data-theme="dark"] .clients-nav li.active a { color: #f1f5f9; }
[data-theme="dark"] .clients-list li span,
[data-theme="dark"] .clients-list li a { background: #1e293b; border-color: #334155; }
[data-theme="dark"] aside { background: #1e293b; border-color: #334155; }
[data-theme="dark"] aside .aside-border { background: #334155; height: 1px; }
[data-theme="dark"] .aside-news-title a { color: #f1f5f9; }
[data-theme="dark"] .aside-news-title a:hover { color: #60a5fa; }
[data-theme="dark"] .contact-aside-list li { color: #cbd5e1; }
[data-theme="dark"] .contact-aside-list li a { color: #f1f5f9; }
[data-theme="dark"] .contact-list li.phone a { color: #f1f5f9; }
[data-theme="dark"] .contact-form { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .contact-form h3 span { background: none; }
[data-theme="dark"] .contact-form input,
[data-theme="dark"] .contact-form textarea { background: #0f172a; border-color: #334155; color: #f1f5f9; }
[data-theme="dark"] footer { background: #020617; }
[data-theme="dark"] .footer-search input { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.08); color: #e2e8f0; }
[data-theme="dark"] .menu > li.active > a { color: #f1f5f9; }
[data-theme="dark"] .dropdown-menu { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .dropdown-menu li a { color: #94a3b8; }
[data-theme="dark"] .dropdown-menu .drop-title { color: #f1f5f9; }
[data-theme="dark"] .menu .dropdown-menu li.active > a { color: #f1f5f9; }
[data-theme="dark"] .bread-crumb li { color: #64748b; }
[data-theme="dark"] .bread-crumb li a,
[data-theme="dark"] .bread-crumb li span { color: #64748b; }
[data-theme="dark"] .page-title { border-color: #334155; color: #f1f5f9; }
[data-theme="dark"] .title-36,
[data-theme="dark"] .title-20,
[data-theme="dark"] .title-16 { color: #f1f5f9; }
[data-theme="dark"] .news-title { color: #f1f5f9; }
[data-theme="dark"] .news-info { border-color: #334155; }
[data-theme="dark"] .news-list > li { border-color: #334155; }
[data-theme="dark"] .news-list .post-title a { color: #f1f5f9; }
[data-theme="dark"] .pagination ul li a { background: #1e293b; border-color: #334155; color: #94a3b8; }
[data-theme="dark"] .contact-form h3 { background: none; }
[data-theme="dark"] .tr-list li { color: #94a3b8; }
[data-theme="dark"] section p { color: #94a3b8; }
[data-theme="dark"] .menu > li > a { color: #94a3b8; }
[data-theme="dark"] .lang-menu li a { color: #64748b; }
[data-theme="dark"] .lang-menu li a:hover { color: #60a5fa; }
[data-theme="dark"] .show-all .arrow-ico { filter: brightness(2); }
[data-theme="dark"] .contact-list li .fa:before { color: #60a5fa; }
/* ============================================================
   UNA.MD � Modern IT Color Overrides (applied everywhere)
   ============================================================ */
:root {
  --primary-it: #0f172a;
  --accent-it: #3b82f6;
  --accent-gradient-it: linear-gradient(135deg, #3b82f6, #8b5cf6);
  --accent-hover-it: #2563eb;
  --accent-soft-it: #dbeafe;
  --text-primary-it: #0f172a;
  --text-secondary-it: #475569;
  --text-muted-it: #94a3b8;
  --bg-light-it: #f1f5f9;
  --bg-dark-it: #0f172a;
  --border-it: #e2e8f0;
}

/* Override old color references with modern equivalents */
a,
a:hover,
a:focus,
a:active { color: var(--accent-it); }

.lang-menu li.active a { color: var(--accent-it); }

.menu > li.open > a,
.menu > li:hover > a,
.menu li .dropdwon-menu a:hover,
.menu li a:hover { color: var(--accent-it); }

.slider .slider-nav { background: var(--primary-it); }
.slider-nav li a { background: #1e40af; }
.slider-nav li a:hover { background: #2563eb; }
.slider-nav li.active a { background: var(--accent-it); }
.slider-content li { background: var(--accent-it); }
.slider-content li:before { background: var(--accent-it); }

.clients-nav li a:hover { color: var(--accent-it); }
.clients-nav li.active a { color: var(--text-primary-it); }

.aside-title { color: var(--primary-it); }
.aside-title .fa { color: var(--accent-it); }

.contact-list li .fa.fa-envelope:before,
.contact-list li .fa.fa-link:before { color: var(--accent-it); }

.tr-list li .step-n { color: var(--accent-it); }

.contact-form button { background: var(--accent-gradient-it); }
.contact-form button:hover { background: var(--accent-hover-it); }
::-webkit-input-placeholder {
    opacity: 1;
    color: #b3b3b3;
}

:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
    color: #b3b3b3;
}

::-moz-placeholder {  /* Firefox 19+ */
    opacity: 1;
    color: #b3b3b3;
}

:focus::-webkit-input-placeholder {
    color: transparent;
}

:focus:-moz-placeholder { /* Firefox 18- */
    color: transparent;
}

:focus::-moz-placeholder {  /* Firefox 19+ */
    color: transparent;
}

:focus:-ms-input-placeholder {
    color: transparent;
}

input, button, select, textarea{
    font-family: 'PT Sans', sans-serif !important;
}

:focus{outline: none !important;text-decoration: none !important;}

img.pull-left{
    margin: 0 10px 10px 0;
}

img.pull-right{
    margin: 0 0 10px 10px;
}

a:hover,
a:focus,
a:active,
a{
    color: #ed1d59;
}

:-ms-input-placeholder {
    opacity: 1;
}

button{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

p img{
    vertical-align: bottom;
    margin: 0 5px;
}

html{
    min-height: 100%;
    height: 100%;
}

body{
    min-width: 1040px;
    font-size: 100%;
    min-height: 100%;
    height: 100%;
    font-family: 'PT Sans', sans-serif;
    background: #fff;
    color: #3d3d3d;
}

.wrapper{
    min-width: 450px;
    min-height: 100%;
    height: auto;
    width: 100%;
}
.content{
    overflow: hidden;
    padding: 0 0 156px;
}
.wrapper-content{
    width: 1000px;
    margin: 0 auto;
}

/*HEADER*/
header{
    background: #f4f4f4;
    padding: 30px 0 16px;
}

.logo{
    float: left;
    padding: 0;
    margin: 0;
}

.logo a {
    display: block;
    width: 132px;
    height: 36px;
    text-indent: -999em;
    padding-left: 72px;
    position: relative;
    background: transparent url('../img/logo.png') 0 0 no-repeat;
    
    /* Tranzi?ie fin? c�nd se schimb? tema */
    transition: filter 0.3s ease;
}

.logo a .top-logo,
.logo a .bottom-logo{
    display: block;
    content: '';
    width: 27px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 10px;
    background: transparent url('../img/logo-top.png') 0 0 no-repeat;
}

.logo a .bottom-logo{
    width: 48px;
    height: 36px;
    background-image: url('../img/logo-bottom.png');
    top: 0;
    left: 0;
}

.lang-menu{
    float: right;
    margin: 9px 0 0;
    padding: 0;
}

.lang-menu li{
    display: block;
    float: right;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    list-style: none;
    margin-left: 7px;
}

.lang-menu li a{
    display: block;
    color: #cbcbcb;
    text-decoration: none;
    transition:color .35s;
}

.lang-menu li a:hover{
    color: #a6a6a6;
}

.lang-menu li.active a{
    color: #ed1d59;
}

.menu{
    margin: 0 0 0 251px;
    padding: 8px 0 0;
}

.menu > li{
    float: left;
    list-style: none;
    display: block;
    margin: 0 9px;
    padding-bottom: 14px;
    font-size: 14px;
    color: #717171;
    line-height: 20px;
}

.menu li a{
    display: block;
    color: #717171;
    text-decoration: none;
    transition:all .35s;
}

.menu > li.open > a,
.menu > li:hover > a,
.menu li .dropdwon-menu a:hover,
.menu li a:hover{
    color: #ed1d59;
    background: none;
}

.menu .dropdown-menu li.active > a,
.menu li.active > a{
    color: #3d3d3d;
    background: none;
}

.dropdown-menu {
    padding: 25px 18px 25px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior:url(css/PIE.htc);
    margin: 0 0 0 -30px;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu li{
    padding: 0;
    margin: 0 0 6px;
    list-style: none;
    line-height: 23px;
    font-size: 14px;
}

.dropdown-menu li:last-child{
    margin: 0;
}

.dropdown-menu li a{
    padding: 0;
}

.second-menu{
    padding: 24px 24px 25px 28px;
}

.dropdown-menu .drop-title{
    font-size: 16px;
    color: #3d3d3d;
    font-weight: bold;
    padding: 20px 0 8px;
}

.dropdown-menu .column .drop-title{padding-bottom: 9px;}
.dropdown-menu .column2 .drop-title{line-height: 23px;}

.dropdown-menu .drop-title:first-child{
    padding-top: 0;
}

.third-menu{
    width: 661px;
    padding: 23px 29px 20px 28px;
}

.third-menu ul{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.third-menu ul li{
    list-style: none;
}

.third-menu > li.column{
    float: left;
    width: 165px;
    margin: 0 30px 0 0;
    white-space: nowrap;
}

.dropdown-menu .column li{margin-bottom: 3px;}

.third-menu > li.column2{
    width: 466px;
    margin-right: 0;
}

.third-menu > li.column2 > ul > li{
    float: left;
    margin: 0 0 4px;
    width: 218px;
    white-space: normal;
}

.third-menu > li.column2 li li{
    float: none;
    margin-bottom: 0;
    line-height: 22px;
}

.third-menu > li.column2 .second-drop-title{
    padding-top: 13px;
    display: block;
    font-weight: bold;
    color: #b6b6b6;
    border-bottom: 1px dotted #b6b6b6;
    padding-bottom: 4px;
    margin-bottom: 6px;
}


.third-menu > li.column2 li:first-child{margin-right: 30px;}




/*SLIDER*/
.slider{
    position: relative;
    width: 100%;
    padding: 0;
    height: 414px;
}

.slider ul{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.slider-img li{
    display: block;
    width: 100%;
    /*
    height: 414px;
    */
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.slider-img li img{
    display: block;
    width: auto;
}

.slider-img li.active{
    opacity: 1;
}

.slider .wrapper-content{
    position: relative;
    height: 100%;
}

.slider .slider-nav{
    position: absolute;
    bottom: -34px;
    right: 0;
    display: inline-block;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    behavior:url(css/PIE.htc);
    background: #1076bc;
    z-index: 2;
    padding: 28px;
}

.slider-nav li{
    list-style: none;
    display: block;
    width: 12px;
    height: 12px;
    margin-left: 10px;
    float: left;
}

.slider-nav li a{
    display: block;
    width: 12px;
    height: 12px;
    text-indent: -999em;
    background: #3289c4;
    transition:all .35s;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    behavior:url(css/PIE.htc);
}

.slider-nav li a:hover{
    background: #559ccd;
}

.slider-nav li.active a{
    background: #c3ddee;
}

.slider-nav li:first-child{
    margin-left: 0;
}

.slider .slider-content{
    position: absolute;
    bottom: -34px;
    left: 0;
    z-index: 2;
    display: block;
    overflow: visible;
    height: 68px;
}

.slider-content li{
    list-style: none;
    display: block;
    float: left;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    background: #ed1d59;
    font-size: 22px;
    line-height: 22px;
    -webkit-border-radius: 0 34px 34px 0;
    -moz-border-radius: 0 34px 34px 0;
    border-radius: 0 34px 34px 0;
    behavior:url(css/PIE.htc);
    padding-right: 41px;
    transition:opacity 1s;
    z-index: 0;
}

.slider-content li:before{
    display: block;
    right: 100%;
    width: 500px;
    background: #ed1d59;
    height: 68px;
    top: 0;
    content: '';
    position: absolute;
}

.slider-content li.active{
    opacity: 1;
    z-index: 1;
}

.slider-content li p{
    display: block;
    white-space: nowrap;
    margin: 0;
    line-height: 68px;
    color: #fff;
}

/*Our Clients*/
.clients{
    position: relative;
    padding: 63px 0 27px;
}

.clients-nav{
    margin: 0 0 37px;
    padding: 0;
    overflow: hidden;
}

.clients-nav li{
    display: block;
    list-style: none;
    float: left;
    font-size: 14px;
    color: #c8c8c8;
    margin: 0 13px;
}

.clients-nav li:first-child{
    margin-left: 0;
}

.clients-nav li:last-child{
    margin-right: 0;
}

.clients-nav li a{
    text-decoration: none;
    color: #c8c8c8;
    display: block;
    transition:color .35s;
}

.clients-nav li a:hover{
    color: #ed1d59;
}

.clients-nav li.active a{
    color: #3d3d3d;
}

.clients-list{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.clients-list li{
    display: block;
    list-style: none;
    float: left;
    margin: 0 26px 20px 0;
}

.clients-list li span,
.clients-list li a{
    display: block;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.clients-list li img{
    display: inline;
    vertical-align: middle;
}

/*About us block*/
.about-us-bl{
    background: #f4f4f4;
    padding-top: 78px;
    overflow: hidden;
    transition:all .35s;
    position: relative;
    /* max-height:195px; */
}

.about-us-bl.open{
    max-height:800px;
    height: auto;
}

.about-us-bl p{
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 40px;
}

.show-all{
    position: absolute;
    background: transparent url('../img/show-all-bg.jpg') 0 0 no-repeat;
    left: 50%;
    margin-left: -41px;
    display: block;
    width: 82px;
    height: 55px;
    top: -22px;
    z-index: 99;
}

.show-all span{
    display: block;
    text-indent: -999em;
    position: absolute;
}

.show-all .arrow-ico{
    position: absolute;
    width: 19px;
    height: 39px;
    top: 3px;
    left: 32px;
    background: transparent url('../img/arrow-ico.png') 0 -41px no-repeat;
    transition:background-position .35s;
}

.show-all:hover .arrow-ico{
    background-position: 0 0;
}

.show-all.opened:hover .arrow-ico{
    background-position: 0 -82px;
}

/*Contact us block*/
.contact-us-bl{

}

.contact-map{
    height: 383px;
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior:url(css/PIE.htc);
    overflow: hidden;
    margin-bottom: 40px;
    position: relative;
}

#map_canvas{
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior:url(css/PIE.htc);
    overflow: hidden;
    position: absolute;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.contact-list{
    margin: 0 431px 0 0;
    padding: 0;
    overflow: hidden;
}

.contact-list li{
    display: block;
    list-style: none;
    margin: 0 0 20px;
    line-height: 28px;
    position: relative;
    padding-left: 43px;
    font-size: 16px;
}

.contact-list li.map-marker{
    font-size: 22px;
    font-weight: bold;
}

.contact-list li.phone{
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 14px;
}

.contact-list li.phone a{
    color: #3d3d3d;
    text-decoration: none;
    transition:color .35s;
}

.contact-list li.phone a:hover{
    color: #ed1d59;
}

.contact-list li.envelope,
.contact-list li.link{color: #bbbbbb;}

.contact-list li.envelope{
    margin-bottom: 16px;
}

.contact-list li .fa{
    position: absolute;
    left: 0;
    top: 0;
}
.contact-list li .fa:before{
    position: absolute;
    display: block;
    left: 1px;
    top: 0;
    margin: 0;
    color: #3d3d3d;
    font-size: 24px;
}

.contact-list li .fa.fa-map-marker:before{
    top: 1px;
}

.contact-list li .fa.fa-link:before,
.contact-list li .fa.fa-phone:before{
    top: 6px;
}

.contact-list li .fa.fa-envelope:before,
.contact-list li .fa.fa-envelope:before,
.contact-list li .fa.fa-link:before{
    font-size: 18px;
    color: #ed1d59;
}

.contact-list li .fa.fa-envelope:before{
    top: 4px;
}

.transport-help{
    float: right;
    width: 411px;
}

.title-20{
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 8px;
    padding: 0;
}

.title-16{
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 7px;
    padding: 0;
}

.tr-list{
    margin: 0 0 27px;
    padding: 0;
}

.tr-list li{
    list-style: none;
    display: block;
    font-size: 14px;
    line-height: 28px;
}

.tr-list li .step-n{
    color: #ed1d59;
    font-weight: bold;
}

/*Inside page*/
aside{
    float: right;
    width: 336px;
    background: #f9f9f9;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    behavior:url(css/PIE.htc);
    padding: 38px 0 36px;
}

section.left-bl{
    margin-right: 356px;
}

aside .last-news,
aside .inter-news,
aside .contact{
    padding: 0 40px;
}

.aside-title{
    font-size: 20px;
    line-height: 36px;
    margin: 0;
    color: #1076bc;
    position: relative;
    padding-left: 33px;
}

.inter-news .aside-title,
.last-news .aside-title{
    margin-bottom: 4px;
}

.aside-title .fa{
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 18px;
    color: #ed1d59;
}

aside .contact .aside-title .fa{
    top:8px;
}

.contact-aside-list{
    margin: 0 0 3px;
    padding: 0;
    overflow: hidden;
}

.contact-aside-list li{
    display: block;
    list-style: none;
    font-size: 14px;
    line-height: 26px;
}

.contact-aside-list li a{
    color: #3d3d3d;
    text-decoration: none;
    transition:color .35s;
}

.contact-aside-list li a:hover{
    color: #ed1d59;
}

.contact-aside-list li.email-link a{
    color: #ed1d59;
}

.contact-aside-list li.email-link a:hover{
    text-decoration: underline;
}

aside .aside-border{
    display: block;
    background: transparent url('../img/aside-border-bg.jpg') 0 0 no-repeat;
    width: 100%;
    height: 42px;
    margin: 0;
}

aside .date-link{
    font-size: 12px;
    line-height: 26px;
    color: #b2b2b2;
    text-decoration: none;
    transition:color .35s;
    display: block;
    margin: 0;
}

aside .read-more .fa{
    top: 4px;
}

.aside-news-title{
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 5px;
}

.aside-news-title a{
    display: block;
    text-decoration: none;
    color: #3d3d3d;
    transition:color .35s;
}

.aside-news-title a:hover{
    color: #ed1d59;
}

.inter-news p,
.last-news p{
    font-size: 13px;
    line-height: 21px;
    margin: 0 0 5px;
}

/*Inside section*/
.title-36{
    font-size: 36px;
    line-height: 38px;
    margin: 0 0 21px;
}

/*BreadCrumb*/
.bread-crumb{
    margin: 0;
    padding: 29px 0 15px;
    overflow: hidden;
}

.bread-crumb li{
    float: left;
    position: relative;
    color: #c8c8c8;
    list-style: none;
    font-size: 10px;
    line-height: 30px;
    background: transparent url('../img/bread-crumb-li-bg.png') 0 13px no-repeat;
    padding:0 10px 0 15px;
}

.bread-crumb li:first-child{
    list-style-type: none;
    background: none;
    padding-left: 0;
}

.bread-crumb li .fa-home{
    overflow: hidden;
    font-size: 14px;
    float: left;
    vertical-align: middle;
    line-height: 28px;
}

.bread-crumb li .fa-home span{
    display: none;
    text-indent: -999em;
}

.bread-crumb li span,
.bread-crumb li a{
    font-size: 13px;
    color: #c8c8c8;
    text-decoration: none;
    transition:color .35s;
}

.bread-crumb li a:hover{
    color: #ed1d59;
}

/*News*/
.news-title{
    font-size: 36px;
    line-height: 42px;
    margin: 0 0 18px;
}

.news-info{
    margin: 0 0 25px;
    padding: 0 0 17px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.news-info li{
    display: block;
    float: left;
    margin: 0 34px 0 0;
    list-style: none;
    padding-left: 1px;
    font-size: 14px;
}

.news-info li.category-link,
.news-info li.category-link a{
    color: #ed1d59;
}

.news-info .fa:before{
    margin-right: 6px;
}

.news-info li.date-link,
.news-info li.date-link a{
    color: #c8c8c8;
}

section p{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
}

.page-title{
    font-size: 36px;
    line-height: 38px;
    margin: 0 0 32px;
    padding: 0 0 13px;
    border-bottom: 1px solid #e5e5e5;
}

.news-list{
    margin: 0 0 -8px;
    padding: 0;
    overflow: hidden;
}

.news-list > li{
    display: block;
    float: left;
    list-style: none;
    width: 48%;
    margin: 0 4% 42px 0;
}

.search-list.news-list > li{
    float: none;
    width: 100%;
    margin-right: 0;
}

.news-list > li:nth-child(2n+2){
    margin-right: 0;
}

.news-list .post-title{
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 2px;
}

.news-list .post-title a{
    color: #3d3d3d;
    transition:color .35s;
}

.news-list .search-text{color: #ED1D59;}

.news-list .post-title:hover a{
    color: #ED1D59;
}

.news-list li p{
    font-size: 13px;
    line-height: 24px;
    margin: 0;
}

.read-more{
    display: inline-block;
    padding-right: 17px;
    position: relative;
}

.read-more .fa{
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 5px;
}

.news-list-info{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.news-list-info li{
    display: block;
    float: left;
    font-size: 14px;
    line-height: 36px;
    padding: 0 10px 0 13px;
    color: #c8c8c8;
    background: transparent url('../img/bread-crumb-li-bg.png') 0 16px no-repeat;
}

.news-list-info li.date-link{
    background: none;
    padding-left: 0;
}

.news-list-info li a{
    color: #c8c8c8;
    text-decoration: none;
    transition:color .35s;
}

.news-list-info li a:hover{
    color: #ed1d59;
}

.pagination{
    text-align: center;
}

.pagination ul{
    display: inline-block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.pagination ul li{
    display: block;
    float: left;
    list-style:none;
    margin: 0 0 0 10px;
    line-height: 44px;
    color: #7a7a7a;
    font-size: 16px;
}

.pagination ul li:first-child{margin-left: 0;}

.pagination ul li a{
    display: block;
    width: 42px;
    height: 42px;
    color: #7a7a7a;
    line-height: 44px;
    text-align: center;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 21px !important;
    -moz-border-radius: 21px !important;
    border-radius: 21px !important;
    behavior:url(css/PIE.htc);
    padding: 0;
    background: none;
    transition:all .35s;
    color: #7a7a7a;
}

.pagination ul li a:hover{
    border-color: #ed1d59;
    background: none;
    color: #ed1d59;
}

.pagination ul li.active a{
    border-color: #787878;
    background: none;
    color: #7a7a7a;
}

.pagination ul li.disabled a{
    border-color: #e5e5e5;
    background: none;
    color: #e5e5e5 !important;
}

/*Contact page*/
.contact-page{
    padding-top: 29px;
}

.contact-page .bread-crumb{margin-bottom: 15px;}

.contact-page .page-title{
    margin-bottom: 37px;
}

.contact-form{
    margin: 2px 0 0;
    padding: 35px 40px 30px;
    display: block;
    width: 424px;
    background: #f9f9f9;
    float: right;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    behavior:url(css/PIE.htc);
}

.contact-form h3{
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 19px;
    background: transparent url('../img/contact-form-h3-bg.png') 0 15px repeat-x;
}

.contact-form h3 span{
    display: inline-block;
    background: #f9f9f9;
    padding: 0 24px 0 0;
}

.contact-form textarea,
.contact-form input,
.contact-form input[type="text"],
.contact-form input[type="email"]{
    display: block;
    padding: 4px 12px;
    line-height: 28px;
    height: 28px;
    font-size: 14px;
    border: 1px solid #cacaca;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 181px;
    background: #fff;
    float: left;
    color: #3d3d3d;
    margin:0 10px 20px 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    behavior:url(css/PIE.htc);
}

.contact-form input.email{
    margin-right: 0;
}

.contact-form input.error{
    color: #ed351d;
    border-color: #f9604c;
    background: #fff5f5;
}

.contact-form textarea{
    margin: 0 0 15px;
    resize:none;
    padding: 6px 14px;
    width: 394px;
    height: 64px;
}

.contact-form button{
    display: block;
    background: #ed1d59;
    font-size: 14px;
    height: 38px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    behavior:url(css/PIE.htc);
    border: none;
    padding: 0 19px;
    float: left;
    color: #fff;
    font-weight: bold;
    transition:background-color .35s;
}

.contact-form button:hover{
    background: #f92b66;
}

.contact-form button .fa{
    margin-left: 30px;
}

.contact-form .f-help{
    font-size: 14px;
    line-height: 38px;
    color: #b1be2d;
    display: block;
    float: right;
}



/*FOOTER*/
footer{
    margin-top: -118px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.04);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.04);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.04);
    background: #f4f4f4;
    padding: 43px 0 37px;
    position: relative;
}

footer .pull-top{
    position: absolute;
    width: 82px;
    height: 65px;
    left: 50%;
    margin-left: -42px;
    top: -33px;
    text-decoration: none;
    display: block;
    background: transparent url('../img/pull-top-bg.png') 0 0 no-repeat;
}

footer .pull-top span{
    text-indent: -999em;
    display: block;
}

footer .pull-top.fa:before{
    font-size: 23px;
    color: #9b9b9b;
    top: 19px;
    left: 33px;
    display: block;
    transition:color .35s;
    position: absolute;
    display: block;
}

footer .pull-top.fa:hover:before{
    color: #ed1d59;
}

.footer-search{
    margin: 0;
    float: right;
    position: relative;
}

.footer-search input{
    display: block;
    height: 36px;
    border: 1px solid #dfdfdf;
    background: #f4f4f4;
    padding: 0 39px;
    width: 167px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    color: #3d3d3d;
    transition: background-color .35s;
}

.footer-search input:focus{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff;
    border: 1px solid #dfdfdf;
}

.footer-search.fa:before{
    font-size: 14px;
    position: absolute;
    top: 13px;
    left: 16px;
    color: #c8c8c8;
}

footer .copy-right{
    font-size: 14px;
    line-height: 36px;
    float: left;
    margin: 0;
    color: #b3b3b3;
}


.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
  }
   
  .iframe-container iframe {
     border: 0;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
  }
   
  /* 4x3 Aspect Ratio */
  .iframe-container-4x3 {
    padding-top: 75%;
  }

  ul{
    list-style: none;
}


#div_reg_captcha ul{
    overflow: auto;
}
#div_reg_captcha li{
    float: left;
}
#div_reg_captcha span{
        color: #F5245A;
        margin-top: 15px;
}
#div_reg_captcha input
{
    float: left;
    width: 140px;
    height: 28px;
    padding-left: 15px;
    font: 15px sans-serif ;
    color: #5F5E5E;
    border-radius: 3px;
    margin-right: 5px;
    margin-left: 15px;
    border: 1px solid black;
    text-align: center;
    margin-bottom:0px;
}
#reload_captcha{
color: #3B3B3B;
text-align: center;
    text-decoration: none;
    font:bold 25px sans-serif;
    cursor: pointer;
}
#reload_captcha:hover{
    color: black;
}


#registration_button{
    height: auto;
    margin-top: 20px;
    padding: 20px 20px; 
    border-radius: 2px;
    font: 15px sans-serif;
    color: #fff;
    background: #e55032;
    cursor: pointer;
    border:1px solid #d74022;
}
#registration_button:hover{
    background: #e55032;
    border:1px solid #e55032;
}

#form-registration{
    margin-top: 20px;
}


.contenedor {
    width: 604px;
    height: 236px;
    margin: 70px auto;
    display: block;
    position: relative;
    background: url("//una.md/modules/default/img/image002.png");
    background-position: center;
    background-size: 100% 100%;
    padding: 1em;
    overflow: hidden;
    transition: all 0.9s;
  }
  .contenedor:before {
    position: absolute;
    content: "";
    top: 1em;
    left: 2em;
    width: 0;
    height: 2px;
    background-color: #000;
    transition: all 0.9s;
  }
  .contenedor:after {
    position: absolute;
    content: "";
    bottom: 1em;
    right: 2em;
    width: 0;
    height: 2px;
    background-color: #000;
    transition: all 0.9s;
  }
  .contenedor h1 {
    position: absolute;
    left: 1em;
    top: 0.5em;
    transform: translatex(-130%);
    transition: all 0.9s;
  }
  .contenedor p {
    position: absolute;
    left: 2em;
    top: 4em;
    transform: translatex(350%);
    transition: all 0.9s;
  }
  .contenedor:hover {
    background-size: 120% 120%;
    cursor: pointer;
  }
  .contenedor:hover h1, .contenedor:hover p {
    transform: translatex(0%);
  }
  .contenedor:hover:before, .contenedor:hover:after {
    width: 80%;
  }
  
  .nombre {
    text-align: center;
    width: 100%;
    font-family: sans-serif;
    font-size: 2rem;
  }

  @media (prefers-color-scheme: dark) {
    .logo a {
        /* Inverseaz? complet culorile imaginii de fundal */
        filter: invert(1);
    }
}