/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19.02.2014, 18:23:50
    Author     : bogdan.ionescu
*/
body {
    position:relative;
}
body.ro .en, body.en .ro {
    display: none;
}
footer {
    padding-bottom: 1em;
}
footer hr {
    border-color: #545960;
}
a {
    cursor:pointer;
}
.container-fluid.header, .container-fluid.footer {
    background: #434850;
    color:#fff;
}
.footer a {
    color: #CFD1D3;
}
.footer a:hover {
    color:#fff;
}
p, .container-fluid ul{
    font-size: 1.2em;
}
hr {
    border-color:#c1c1c2;
}
.container-fluid {
    background:url("../img/grid_noise.png") repeat;
}

.container-fluid.header {
    border-bottom: 1px solid #7F8896;
	min-height:67px;
}
.container-fluid.footer {
    border-top: 1px solid #fff;
}
.header .logo {
    margin:0.5% auto;
    width: 40%;
}
.logo.fonduri {
    max-width:280px;
}
.container-fluid .selection .container {
    padding-top: 0;
    padding-bottom: 0;
}
.selection {
    background:#5F6772;  
}
.selection a.btn {
    border-radius: 0;
    border:none;
    font-weight: 300;
    text-transform: uppercase;
}
.selection a.active {
    background:rgba(0, 0, 0, 0) url("../img/grid_noise.png") repeat scroll 0 0;
    color:#434850;
}
.header .col-lg-12 {
    text-align: center;
}
.icon-home {
    width: 30%;
    padding:6%;
    margin:20% auto 10%;
    border-radius: 50%;
}

.icon-home img {
    width:100%;
}

.bg-red{
    background:#d7001e;
}
.bg-yellow {
    background: #ffad19;
}
.bg-blue {
    background:#0082d7;
}
.bg-green {
    background: #06b500;
}
.bg-default {
    background: #582C60; /*#434850;*/
}
.bg-orange {
    background:#F86F05;
}
.bg-navy {
    background:#21366B;
}
.bg-cyan {
    background: #3DD3BA;
}
h2.brd-white {
    border-bottom:10px solid #fff;
    padding-bottom: 0.7em;
}
h2.brd-grey {
    border-bottom:10px solid #434850;
    padding-bottom: 0.7em;
}
h4 {
    font-style: italic;
    font-weight: 400;
}
h4 i {
    color:#999;
}
.rt h4 {
    margin-top:30px;
}
address > p , address > div {
    font-size: 1.1em;
    line-height: 1.25em;
}
.section1 {
    background:#fdfdfd;
}
.section1 h3 {
    text-transform: uppercase;
    font-weight: 400;
}
.section1 .col-sm-3 {
    padding-bottom: 63px;
    margin-bottom: -42px;
}
.section1 h1, .section1 h4 {
    margin:0.2em 0 0;
}
.pageLink:hover .icon-home {
    width: 40%;
}
.pageLink:hover h3 {
    font-size: 1.5em;
    margin-bottom: 0.4em;
}
.pageLink:hover p {
    font-size: 1em;
}
.pageLink {
    display: block;
}
.pageLink * {
    transition: all 0.5s;
}
.pageLink:hover {
    color:#5E6570;
    text-decoration: none;
}
.pageLink h3 {
    font-size: 2em;
    font-weight: 400;
    text-transform: uppercase;
}
.pageLink p {
    font-size: 1.1em;
}
.section2 {
    background:#eaebec;
    border-top: 1px solid #c1c1c2;
}
.section1 *, .section2 * {
    transition: all linear 0.5s;
}
.harta {
    height:90%;
}
.harta .modal-content {
    padding: 0.5em;
    height:90%;
}
#map-canvas {
    height: 92%;
    margin-top:10px;
}
.contact #map-canvas {
    height: 100%;
    margin:0;
}
#modalWIP {
    color:#434850;
}
.transport {
    background: url(../img/27255900.jpg) no-repeat;
    background-position: right 70%;
}
.medical {
    background: url(../img/8255723.jpg) no-repeat;
    background-position: center 70%;
}
.telecom {
    background: url(../img/9504376.jpg) no-repeat;
    background-position: center 70%;
}
.cariere {
    background: url(../img/20645841.jpg) no-repeat;
    background-position: center 45%;
}

.tech {
    background: url(../img/19830718.jpg) no-repeat;
    background-position: center 55%;
}
.mobile {
    background: url(../img/10997581.jpg) no-repeat;
    background-position: center 39%;
}
.internet {
    background: url(../img/14396059.jpg) no-repeat;
    background-position: center 35%;
}
.programe {
    background: url(../img/25887346.jpg) no-repeat;
    background-position: center 50%;
}
.euro {
    background: url(../img/eu-asgo.jpg) no-repeat;
    background-position: center 76%;
}
.electrice {
    background: url('../img/Instalatii-electrice.jpg') no-repeat;
    background-position: center 50%;
}
.certificari {
    background: url(../img/14884127.jpg) no-repeat;
    background-position: center 62%;
}
.scada {
    background: url(../img/scada.jpg) no-repeat;
    background-position: center 50%;
}
.clienti {
    background: url(../img/10098725.jpg) no-repeat;
    background-position: center center;
}
.obiective {
    background: url(../img/16195175.jpg) no-repeat;
    background-position: center center;
}
.retele {
    background: url(../img/retele-telecom.jpg) no-repeat;
    background-position: center center;
}
.civile {
    background: url(../img/cc.jpg) no-repeat;
    background-position: center center;
}
.optic {
    background: url(../img/18442779.jpg) no-repeat;
    background-position: center 60%;
}
.img-container {
    height:30em;
    overflow: hidden;
    background-size: cover;
}

.transport, .medical, .telecom, .cariere, .tech, 
.mobile, .internet, .programe, .certificari, .obiective, .clienti {
    background-size: 100%;
    background-size: cover;
}
.clients img {
    margin:0.4em 0;
}
.badges {
    background:#fff;
    border-top: 1px solid #434850;
}
.badges img {
    margin:5px 0;
}
.light {
    color:#fff;
}
.container-fluid .container{
    padding-top: 1em;
    padding-bottom: 1em;
}
.container-fluid .container.content, .row.padding {
    padding-top: 3em;
    padding-bottom: 3em;
}
.container-fluid.bg-blue {
    border-top: 1em solid #5CAADB;
}
.container-fluid.bg-red {
    border-top: 1em solid #D6394E;
}
.container-fluid.bg-yellow {
    border-top: 1em solid #FFBD4C;
}
.container-fluid.bg-green {
    border-top: 1em solid #6ECE6B;
}
.container-fluid.bg-default {
    border-top: 1em solid #6F4677; /*#707C8E;*/
}
.caseta-left {
    border-radius: 50%;
    background:#fff;
    margin-bottom: 20%;
}
.caseta-left img {
    width: 100%;
    margin-bottom: 5%;
    padding: 17%;
}


.timeline {
    position:relative;
    list-style:none;
    padding-left:0;
}

.timeline:before {
    content:"";
    background-color:#434850;
    position:absolute;
    top:0;
    bottom:0;
    left:15%;
    width:4px;
    margin-left:-2px;
    z-index:1;
}

.timeline>li {
    position:relative;
    width:85%;
    margin-bottom:20px;
    clear:both;
    list-style: none;
    padding-right:0;
    padding-left:20px;
    float:right;
}
.timeline>li.clear {
    float:none;
    margin:0;
    padding: 0;
}
.tl-content {
    display:inline-block;
    margin-top:7px;
    background-color:#fafafa;
    border:1px solid #e2dfe6;
    color:#888;
    text-align:justify;
    padding:8px;
    float:left;
    box-shadow:1px 0 2px #eee;
}

.tl-content:after {
    content:"";
    width:18px;
    height:18px;
    background-color:#434850;
    border-radius:100%;
    border:2px solid #fff;
    box-shadow:         0px 0px 2px 0px #000;
    position:absolute;
    top:13px;
    z-index:9;
    left:0;
    margin-left:-9px;
}
.tl-content p, .tl-content li {
    font-size: 0.7em;
}
.tl-content img {
    margin-right:10px;
    float:left;
}
.tl-icon {
    position:absolute;
    left:100%;
    margin-left:15px;
    font-size:28px;
    color:#40a9bc;
}

.tl-title {
    position:absolute;
    width:20%;
    color:#707884;
    font-weight:300;
    font-size:1.5em;
    line-height: 0.8em;
    left:auto;
    right:100%;
    margin-right:30px;
    text-align:right;
    top:10px;
}

.tl-arrow,.tl-arrow:after {
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
}

.tl-arrow {
    top:23px;
    border-width:8px 0 8px 8px;

    left:13px;
    right:auto;
    margin-top:-8px;
    border-left-width:0;
    border-right-width:8px;
    border-right-color:#ddd;
}

.tl-arrow:after {
    content:"";
    border-left-color:#fff;
    bottom:-7px;
    border-width:7px;
    left:1px;
    right:auto;
    border-left-width:0;
    border-right-width:7px;
    border-right-color:#fff;
}


#modalHarta .modal-content {
    overflow: hidden;
}
#modalHarta #map-canvas {
    height: 90%;
}
.tehnologii li {
    font-size: 75%;
}
.tehnologii ul {
    margin-top:0.7em;
}
.tehnologii > .container > .row {
    margin-bottom: 1.5em;
}
.container.content {
    position: relative;
}
.menuText {
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.job {
    border:3px solid #434850;
    margin:1em 0;
    text-align: center;
    padding: 1em 0;
}
a.job {
    display: block;
    cursor:pointer;
}
a.job h3 {
    margin:0;
}
a.job:hover {
    background: #545960;
    color:#fff;
    text-decoration: none;
    
}
.job.active {
    background: #434850;
    color:#fff;
    text-decoration: none;
    cursor: default;
}
.programeModal .modal-lg p {
    font-size: 1em;
}
.prj {
    display: inline-block;
    width:90%;
    padding: 5%;
    color:#fff;
    font-size: 1.7em;
    font-weight: 300;
    text-align: center;
    cursor:pointer;
    transition: all 0.5s;
    border:1px solid rgba(255,255,255,0.1);
}

.prj:hover {
   width:84%;
   padding:5% 0.5%;
   font-size: 1.8em;
   color:#fff;
   box-shadow: 0 0 2px #000;
   border:1px solid rgba(255,255,255,0.5);
   text-decoration: none;
}
.prj:hover img {
    height: 140px;
}
.prj p {
    font-size: 0.8em;
}
.prj:hover p {
    font-size: 0.7em;
}
.prj img {
    height: 150px;
    padding-bottom: 1em;
    transition: all 0.5s;
}
.prjTitle {
    padding: 0.5em;
    color:#fff;
    margin:1.3em 0 0;
}
.prjTitle h3 {
   margin-bottom: 0;
}
.evenimente {
    margin:5em auto;
}

.swContent {
    padding-top: 3em;
}
.modal-proiecte,.modal-proiecte .modal-content {
    background: transparent;
    color:#fff;
    box-shadow: none;
    border-radius: 0;
    border:none;
}
.modal-proiecte .modal-header {
    background: transparent;
    border: none;
}
.modal-proiecte .light, .modal-proiecte .dark {
    width:48%;
    margin-left: 1%;
    margin-right: 1%;
}
.modal-proiecte .col-sm-6 {
    margin-top:25px;
}
.modal-proiecte .col-sm-6.light {
    color:#333;
    background:#fff;
    background:rgba(255,255,255,0.7);
}
.modal-proiecte .col-sm-6.dark {
    background:rgba(0,0,0,0.5);
}
.modal-proiecte .col-sm-7 {
    font-size: 1.3em;
}
.modal-proiecte .col-sm-7.noTextResize {
    font-size: 1em;
}
.blocks .col-sm-4 {
    margin-top:1em;
    margin-bottom:1em;
    text-align: center;
}
.slider {
    opacity: 0;
}
.modal-backdrop.in {
    opacity:0.9;
}
.red {
    color:#D6394E;
}
.lang {
    position: absolute;
    right:10px;
    top:10px;
    width: 60px;
    height: 50px;
    display: block;
    margin:0;
    padding: 0;
    border: 1px solid #565d67;
    line-height: normal;
}
.lang li {
    display: block;
    text-align: center;
}
.lang li:first-child {
    border-bottom: 1px solid #565d67;
}
.lang a {
    color: #fff;
    font-size: 11px;
    display: block;
    width: 100%;
    padding: 5px 0;
}
.lang li a:hover {
    color:#fff !important;
    background:#565d67;
}
.en .lang li:first-child a, .ro .lang li:last-child a {
    color:#565d67;
}
#sliders {
    display: none;
}
.modal {
overflow-y:auto;
}
.row.flex-center {
	display:flex;
	align-items:center;
	justify-content: center;
}
.certificates img {
	max-height:145px;
	margin:0 10px;
	}
.certificates {
	padding:30px 0;
	width:100%;
	}

@media (max-width: 767px) {
    .caseta-left, #affix {
        display: none;
    }
    .tl-title {
        font-size: 1.9em;
        position: static;
        padding: 0;
        margin: 0;
    }
    .timeline>li {
        width: 100%;
        padding: 0;
    }
    .timeline:before, .tl-arrow, .tl-content:after {
        display: none;
    }
    .timeline > li {
        padding: 0;
    }
    
    .tehnologii .col-xs-4 .img-responsive {
        max-width: 50%;
    }
    .tehnologii .col-xs-8 {
        margin-left: -15%;
    }
    .tehnologii .col-sm-3 {
        padding-bottom: 1em;
    }
    .tehnologii .row {
        font-size:150%;
        text-align: center;
    }
    .tehnologii br {
        display: none;
    }
    .tehnologii ul {
        list-style: none;
    }
    
    .img-container {
        height:17em;
    }
    .mobile {
        background-position: right 20%;
    }
    .mobile.img-container {
        height: 13em;
    }
    .modal-proiecte .col-sm-6 { 
        width:auto;
    }
    .bx-wrapper .bx-controls-direction a {
        top:0;
    }
    .bx-wrapper .bx-prev {
        left:30%;
    }
    .bx-wrapper .bx-next {
        right:30%;
    }
    .programeModal .modal-body .col-sm-5 img{
        display: inline;
    }
	.tehnologii h4 {
		font-size:1em;
	}
	.tehnologii ul > li {
		font-size: 0.5em;
	}
}
@media (max-width: 480px) {
	body {
		font-size:12px;
	}
}