/************************** Fonturi **************************/
@font-face {font-family: "ProximaNova-Black"; src: url("../Font/ProximaNova-Black.eot"); src: url("../Font/ProximaNova-Black.eot?#iefix") format("embedded-opentype"), url("../Font/ProximaNova-Black.woff2") format("woff2"), url("../Font/ProximaNova-Black.woff") format("woff"), url("../Font/ProximaNova-Black.ttf") format("truetype"), url("../Font/ProximaNova-Black.svg#ProximaNova-Black") format("svg"); font-weight: normal; font-style: normal}
@font-face {font-family: "ProximaNova-Bold"; src: url("../Font/ProximaNova-Bold.eot"); src: url("../Font/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../Font/ProximaNova-Bold.woff2") format("woff2"), url("../Font/ProximaNova-Bold.woff") format("woff"), url("../Font/ProximaNova-Bold.ttf") format("truetype"), url("../Font/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg"); font-weight: normal; font-style: normal}
@font-face {font-family: "ProximaNova-Extrabld"; src: url("../Font/ProximaNova-Extrabld.eot"); src: url("../Font/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"), url("../Font/ProximaNova-Extrabld.woff2") format("woff2"), url("../Font/ProximaNova-Extrabld.woff") format("woff"), url("../Font/ProximaNova-Extrabld.ttf") format("truetype"), url("../Font/ProximaNova-Extrabld.svg#ProximaNova-Extrabld") format("svg")}
@font-face {font-family: "ProximaNova-Light"; src: url("../Font/ProximaNova-Light.eot"); src: url("../Font/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../Font/ProximaNova-Light.woff2") format("woff2"), url("../Font/ProximaNova-Light.woff") format("woff"), url("../Font/ProximaNova-Light.ttf") format("truetype"), url("../Font/ProximaNova-Light.svg#ProximaNova-Light") format("svg"); font-weight: normal; font-style: normal}
@font-face {font-family: "ProximaNova-Regular"; src: url("../Font/ProximaNova-Regular.eot"); src: url("../Font/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../Font/ProximaNova-Regular.woff2") format("woff2"), url("../Font/ProximaNova-Regular.woff") format("woff"), url("../Font/ProximaNova-Regular.ttf") format("truetype"), url("../Font/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg"); font-weight: normal; font-style: normal}
@font-face {font-family: "ProximaNova-Semibold"; src: url("../Font/ProximaNova-Semibold.eot"); src: url("../Font/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../Font/ProximaNova-Semibold.woff2") format("woff2"), url("../Font/ProximaNova-Semibold.woff") format("woff"), url("../Font/ProximaNova-Semibold.ttf") format("truetype"), url("../Font/ProximaNova-Semibold.svg#ProximaNova-Semibold") format("svg"); font-weight: normal; font-style: normal}
@font-face {font-family: "proxima_nova_ththin";src: url("../Font/ProximaNova-Thin.eot");src: url("../Font/ProximaNova-Thin.eot?#iefix")format("embedded-opentype"),url("../Font/ProximaNova-Thin.woff2") format("woff2"),url("../Font/ProximaNova-Thin.woff") format("woff"),url("../Font/ProximaNova-Thin.ttf") format("truetype"),url("../Font/ProximaNova-Thin.svg#proxima_nova_ththin") format("svg");font-weight: normal;font-style: normal;}
@font-face {font-family: 'FontAwesome';src: url('../Font/fontawesome-webfont.eot?v=3.0.1');src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),url('../Font/fontawesome-webfont.woff?v=3.0.1') format('woff'),url('../Font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');font-weight: normal;font-style: normal;}
.clear  {clear: both}
.BL13R  {font-family: "ProximaNova-Black"; font-size: 13px;  color: #e30c0c; text-decoration: none}
.BL14R  {font-family: "ProximaNova-Black"; font-size: 14px;  color: #e30c0c; text-decoration: none}
.R1357  {font-family: "ProximaNova-Regular"; font-size: 13.57px; color: #aeaeae}
.R15    {font-family: "ProximaNova-Regular"; font-size: 15px; color: #000}
.R15LS  {font-family: "ProximaNova-Regular"; font-size: 15px; color: #000; letter-spacing: 2px}
.R15R   {font-family: "ProximaNova-Regular"; font-size: 15px; color: #e30c0c; text-decoration: none;}
.R15RLS {font-family: "ProximaNova-Regular"; font-size: 15px; color: #e30c0c; text-decoration: none; letter-spacing: 2px}
.R16    {font-family: "ProximaNova-Regular"; font-size: 16px; color: #000}
.R16R   {font-family: "ProximaNova-Regular"; font-size: 16px; color: #e30c0c}
.R16G   {font-family: "ProximaNova-Regular"; font-size: 16px; color: #9e9e9e}
.R17    {font-family: "ProximaNova-Regular"; font-size: 17px; color: #000}
.R18    {font-family: "ProximaNova-Regular"; font-size: 18px; color: #000}
.R22    {font-family: "ProximaNova-Regular"; font-size: 22px; color: #000}
.R18LS  {font-family: "ProximaNova-Regular"; font-size: 18px; color: #000; letter-spacing: 1px}
.R32    {font-family: "ProximaNova-Regular"; font-size: 32px; color: #000}
.R32R   {font-family: "ProximaNova-Regular"; font-size: 32px; color: #e30c0c; text-decoration: none;}
.R32RL  {font-family: "ProximaNova-Regular"; font-size: 32px; color: #e30c0c; text-decoration: none; font-weight: lighter;}
.SB14   {font-family: "ProximaNova-Bold"; font-size: 14px; color: #000}
.SB1402 {font-family: "ProximaNova-Semibold"; font-size: 14.02px; color: #000}
.SB15   {font-family: "ProximaNova-Semibold"; font-size: 15px; color: #000}
.SB15R  {font-family: "ProximaNova-Semibold"; font-size: 15px; color: #e30c0c}
.SB16   {font-family: "ProximaNova-Semibold"; font-size: 16px; color: #000}
.SB16R  {font-family: "ProximaNova-Semibold"; font-size: 16px; color: #e30c0c; text-decoration: none;}
.SB25   {font-family: "ProximaNova-Semibold"; font-size: 25px; color: #000}
.SB32   {font-family: "ProximaNova-Semibold"; font-size: 32px; color: #000}
.SB32R  {font-family: "ProximaNova-Semibold"; font-size: 32px; color: #e30c0c; text-decoration: none;}
.B13    {font-family: "ProximaNova-Bold"; font-size: 13px; color: #000}
.B14    {font-family: "ProximaNova-Bold"; font-size: 14px; color: #000}
.B15    {font-family: "ProximaNova-Bold"; font-size: 15px; color: #000}
.B16    {font-family: "ProximaNova-Bold"; font-size: 16px; color: #000}
.B13R   {font-family: "ProximaNova-Bold"; font-size: 13px; color: #e30c0c; text-decoration: none;}
.B17    {font-family: "ProximaNova-Bold"; font-size: 17px; color: #000}
.B19R   {font-family: "ProximaNova-Bold"; font-size: 19px; color: #e30c0c; text-decoration: none;}
.EB14   {font-family: "ProximaNova-Extrabld"; font-size: 14px; color: #000}
.EB16   {font-family: "ProximaNova-Extrabld"; font-size: 16px; color: #000}
.EB16R  {font-family: "ProximaNova-Extrabld"; font-size: 16px; color: #e30c0c; text-decoration: none;}
.EB22   {font-family: "ProximaNova-Extrabld"; font-size: 22px; color: #000}
.EB32   {font-family: "ProximaNova-Extrabld"; font-size: 32px; color: #000}
.EB38   {font-family: "ProximaNova-Extrabld"; font-size: 38.9px; color: #000; text-decoration: none;}
.EB38R  {font-family: "ProximaNova-Extrabld"; font-size: 38.9px; color: #e30c0c; text-decoration: none;}
.EB89R  {font-family: "ProximaNova-Extrabld"; font-size: 89.45px; color: #e30c0c; text-decoration: none; letter-spacing: .5px }
.EB103R {font-family: "ProximaNova-Extrabld"; font-size: 103.84px; color: #e30c0c; text-decoration: none; }
.T18    {font-family: "proxima_nova_ththin"; font-size: 18px; color: #000; text-decoration: none; font-weight: lighter; }
.T20R   {font-family: "proxima_nova_ththin"; font-size: 20px; color: #e30c0c; text-decoration: none; font-weight: lighter; }
.T32    {font-family: "proxima_nova_ththin"; font-size: 32px; color: red; text-decoration: none; font-weight: lighter; line-height: 33px; padding-bottom: 20px; }
.T31R   {font-family: "proxima_nova_ththin"; font-size: 31.15px; color: #e30c0c; text-decoration: none; font-weight: lighter; }
.T38R   {font-family: "proxima_nova_ththin"; font-size: 38px; color: #e30c0c; text-decoration: none; font-weight: lighter; }
.T39R   {font-family: "proxima_nova_ththin"; font-size: 39px; color: #e30c0c; text-decoration: none; font-weight: lighter; }
.T65R   {font-family: "proxima_nova_ththin"; font-size: 65px; color: #e30c0c; text-decoration: none; font-weight: lighter; }
.T70    {font-family: "proxima_nova_ththin"; font-size: 70.55px; color: #000; text-decoration: none; font-weight: lighter; }
.T85R   {font-family: "proxima_nova_ththin"; font-size: 85.1px; color: #e30c0c; text-decoration: none; font-weight: lighter; }
.T103R  {font-family: "proxima_nova_ththin"; font-size: 103.84px; color: #e30c0c; text-decoration: none; font-weight: lighter; }
.vatop  {vertical-align: top;}
a {text-decoration: none !important;}
.p0   {padding: 0px}
.pl10 {padding-left: 10px}
.m0   {margin: 0px}
.tc   {text-align: center;}
.upp  {text-transform: uppercase}
.ttn {text-transform: none;}
.lh30 {line-height: 33px}
.lh1  {line-height: 1}
.lh11  {line-height: 1}
.t3   {margin: 3px 0px 0px 0px}
.t5   {margin: 5px 0px 0px 0px}
.t7   {margin: 5px 0px 0px 0px}
.t10  {margin: 10px 0px 0px 0px}
.t12  {margin: 12px 0px 0px 0px}
.t13  {margin: 13px 0px 0px 0px}
.t15  {margin: 15px 0px 0px 0px}
.t16  {margin: 16px 0px 0px 0px}
.t17  {margin: 17px 0px 0px 0px}
.t18  {margin: 18px 0px 0px 0px}
.t19  {margin: 19px 0px 0px 0px}
.t20  {margin: 20px 0px 0px 0px}
.t22  {margin: 22px 0px 0px 0px}
.t27  {margin: 27px 0px 0px 0px}
.t28  {margin: 28px 0px 0px 0px}
.t30  {margin: 30px 0px 0px 0px}
.t33  {margin: 33px 0px 0px 0px}
.t35  {margin: 35px 0px 0px 0px}
.t38  {margin: 38px 0px 0px 0px}
.t40  {margin: 40px 0px 0px 0px}
.t43  {margin: 43px 0px 0px 0px}
.t45  {margin: 45px 0px 0px 0px}
.t48  {margin: 48px 0px 0px 0px}
.t50  {margin: 50px 0px 0px 0px}
.t52  {margin: 52px 0px 0px 0px}
.t55  {margin: 55px 0px 0px 0px}
.t58  {margin: 58px 0px 0px 0px}
.t60  {margin: 60px 0px 0px 0px}
.t70  {margin: 70px 0px 0px 0px}
.t80  {margin: 80px 0px 0px 0px}
.t88  {margin: 88px 0px 0px 0px}
.t90  {margin: 90px 0px 0px 0px}
.t100 {margin: 100px 0px 0px 0px}
.t110 {margin: 110px 0px 0px 0px}
.t118 {margin: 118px 0px 0px 0px}
.t120 {margin: 120px 0px 0px 0px}
.t400 {margin: 400px 0px 0px 0px}
.t66  {padding: 39% 0px 0px 0px}
.b10  {margin-bottom: 10px}
.b20  {margin-bottom: 20px}
.b30  {margin-bottom: 30px}
.b42  {margin-bottom: 42px}
.b55  {margin-bottom: 55px}
.b80  {margin: 0px 0px 80px 0px}
.b108 {margin-bottom: 108px}
.b281 {margin-bottom: 281px}

/************************** Fade-in **************************/
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration: 1s;
}
.fade-in.one {
  background: url(../images/home.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.3s;
}
.fade-in.two {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.fade-in.three {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 0.9s;
}
.fade-in.four {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.2s;
}
.fade-in.five {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.fade-in.six {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.8s;
}
/************************** Body **************************/
body{ /******* Body *******/
  width: 90%;
  max-width: 990px;
  height: 100%;
  margin: 0 5%;
  position: relative;
}
body.home {
  max-width: none;
}
.medium{ /******* tot continutul de width:990px *******/
  width: 100%;
  max-width: 990px;
  margin: 0;
}
.home .medium {
  max-width: none;
}
/************************** Dreapta sus **************************/
.emailD a{ /******* link-ul din colt dreapta sus *******/
  height: 100%;
  margin: 0px 10px 0px 10px;
  padding: 0px 0px 0px 0px;
  float: right;
  text-transform: uppercase;
  z-index: 9999;
  height: 50px;
}
.emailD a:hover{ /******* link-ul din colt dreapta sus *******/
  height: 100%;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  float: right;
  color: inherit;
  text-decoration: none;
  overflow: auto;
  text-transform: uppercase;
}
.logost { /******* link-ul din colt dreapta sus *******/
  padding: 0px 0px 0px 0px;
}
.logost a{ /******* link-ul din colt dreapta sus *******/
  height: 100%;
  margin: 0px;
  padding: 23px 0px 0px 17px;
  float: left;
}
/************************** Mijloc Intro **************************/
.logo{
  margin-top:100px; 
  margin-bottom: 50px;
}
p.titlu{
  font-family: "ProximaNova-Regular";
  font-size: 20px;
  color: #3f3f3f;
}
p.titlu span {
  font-family: "ProximaNova-Extrabld";
  color: #3f3f3f;
  font-weight: bold;
}
a.portfolio{
  padding-right: 33px;
  margin-top: 20px;
  background-image: url(../Font/images/arrow.jpg);
  background-repeat: no-repeat;
  background-size: 27px;
  background-position: right;
  font-family: "bold";
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  color: #eb2609;
}
a.portfolio:hover{
  color: #f53417;
}
.link {
  margin-top: 20px
}
.row img {
  width: 100%;
  max-width: 402px; 
  height: 100%; 
  max-height: 121px;
}
/************************** Mijloc **************************/
.container{ /******* container in general *******/
  position: relative;
  margin: 0 auto;
  padding: 0px;
  width: 100%;
}
/************************** Mijloc Development si Energy **************************/
.TitluGeneral { /******* Titlul principal *******/
  margin: 0;
  padding: 60px 0px 0px 0px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 100px;
  letter-spacing: 3px;
}
.TitluGeneralHome { /******* Titlul principal *******/
  margin: 0;
  font-weight: bold;
  text-transform: uppercase !important;
  line-height: 100px;
  letter-spacing: 3px;
}
@media screen and (max-width: 1440px) {
  .TitluGeneralHome {font-size: 85px;line-height: 85px;}
}
@media screen and (max-width: 1199px) {
  .TitluGeneralHome {font-size: 70px;line-height: 70px;}
}
@media screen and (max-width: 1024px) {
  .TitluGeneralHome {font-size: 55px;line-height: 55px;}
}
.arrow { /******* sagetile de la lista de la Development *******/
  padding: 0px 10px 0px 0px;
}
.ColDr { /******* textul din coloana principala dreapta *******/
  padding: 0px 0px 0px 55px;
}
.CercHome1 {
  position: relative;
  top: 290px;
  left: 30%;
}
.TextHome {
  text-transform: uppercase !important;
  margin: 0;
  padding: 0;
}
.cercb {
  
}
.cerc { /******* Meniu poza *******/
  width: 350px;
    height: 270px;
    margin: 0px 0px 0px 0px;
    background: url("../images/cerc.png");
    background-repeat: no-repeat;
    background-position: center;
    font-family: "Proxima Nova Regular";
    font-size: 15px;
    text-transform: uppercase;
}
.cerc.CercHome {
  width: auto;
  height: auto;
  background: transparent;
}
.cerc-top, 
.cerc-bottom { /******* Meniu scris *******/
  height: 122px;
  text-align:center; 
}
.cerc-top { /******* Meniu scris *******/
  padding-top: 0px;
}
.cerc-bottom { /******* Meniu scris *******/
  padding-top: 107px;
}
.cerc-left { /******* Meniu scris *******/
  width:50%;
  padding-left: 5px; 
  float:left;
  text-align: left;
}
.cerc-right { /******* Meniu scris *******/
  width:50%; 
  padding-right: 0px; 
  float:right;
  text-align:right;
}
.cerc-top a,
.cerc-left a,
.cerc-right a,
.cerc-bottom a { /******* Meniu scris *******/
  text-decoration: none;   
}
.cerc-top a:hover,
.cerc-left a:hover,
.cerc-right a:hover,
.cerc-bottom a:hover { /******* Meniu scris *******/
  text-decoration: none;
  color: #e30c0c;
}
.TextLista1 { /******* textul din coloana principala dreapta *******/
  width:25px; 
  margin:0px; 
  float:left;
}
.TextLista2 { /******* textul din coloana principala dreapta *******/
  width:100%; 
}
/************************** Stanga jos **************************/
.social{ /******* bara verticala *******/
  position: fixed;
  margin: 0px 0px 55px 17px; /*** de aici este problema ca nu se vede la hover ***/
  bottom: 55px;
  left: 0;
}
.social span.copy{
  margin: 55px  0px 0px -55px;
  padding: 0px;
  display: block;
  float: left;
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg);
  color: #aeaeae;
}
.social ul li { /******* bara verticala *******/
  margin: 0px 0px 3px;
}
ul li{
  padding: 0px 0px 10px 0px;
  display: block;
}
/************************** Mijloc Energy **************************/
.selectat a {
  color: #e30c0c;
}
.EnergyColLeft,
.EnergyColRight {
  text-align: left;
}
.EnergyColRight{
  padding: 0px 0px 0px 30px;
}
.EnergyColLeft{
  padding: 0px 30px 0px 0px;
}
.TextLista3 {
  float:left; 
  width:70px;
  text-transform: uppercase;
}
.TextLista4 {
  float:left; 
}
.TextLista5 {
  float:left; margin-left:10px; 
  width:77%; 
  margin-bottom:20px;
}
.mediumR a,
.ColDr a{
  text-decoration: none;
}
.LinkBottom a {
  text-decoration: none;
}
.text7 { /******* Textul principal din pagina Union *******/
  font-family: "ProximaNova-Semibold";
  font-size: 32px; 
  margin-bottom: 50px;
}
.cercNona {
  width: 206px;
  height: 206px;
  margin: auto;
  border: 1px solid #000;
  border-radius: 90%;
}
.TextBottom {
  width: 300px;
  margin-left: 62px;
  padding-bottom: 10px;
  display: block;
}
.TextBottom a {
  text-decoration: none;
}
.TextBottomBlack {
  color: #000;
  padding: 0px 0px 0px 10px;
  font-family: "ProximaNova-Black";
  font-size: 13px;
}
.TextBottomBlack:hover {
  color: #e30c0c;
}
7.TextBottomRed {
  color: #e30c0c;
  padding: 0px 0px 0px 10px;
  font-family: "ProximaNova-Black";
  font-size: 13px;
}
.TextBottomLeft {  
  width: 300px;
  float: left;
}
.navbar-fixed-top {
  background: #fff;
}
.CasutaImpact1 {
  width: 445px;
  height: 275px;
  float: left;
  border: 1px solid #000;
  margin-right: 30px;
}
.CasutaImpact2 {
  width: 445px;
  height: 275px;
  float: left;
  border: 1px solid #000;
}
.CasutaImpact3 {
  width: 100%;
  max-width: 445px;
  height: 275px;
  float: left;
  border: 1px solid #000;
  margin-right: 30px;
}
.colomns {
  margin: 0px 0px 30px 0px;
}
/***************************** Casuta ************************/
.ch-item {
  width: 100%;
  height: 100%;
  border-radius: 0%;
  position: relative;
  cursor: default;    
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition:    all 0.7s ease-in-out;
  -o-transition:      all 0.7s ease-in-out;
  -ms-transition:     all 0.7s ease-in-out;
  transition:         all 0.7s ease-in-out;
}
.ch-info {
  position: absolute;
  background: rgba(255,255,255, 0.7);
  width: inherit;
  height: inherit;
  border-radius: 0%;
  opacity: 0.9;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition:    all 0.7s ease-in-out;
  -o-transition:      all 0.7s ease-in-out;
  -ms-transition:     all 0.7s ease-in-out;
  transition:         all 0.7s ease-in-out;
  -webkit-transform:  scale(0);
  -moz-transform:     scale(0);
  -o-transform:       scale(0);
  -ms-transform:      scale(0);
  transform:          scale(0);
  -webkit-backface-visibility: hidden;
}
.ch-info h3 {
  color: #000;
  margin: 90px 0px 20px 0px;
  padding: auto;
  font-family: "ProximaNova-Semibold";
  font-size: 21.25px;
}
.ch-info p {
  color: #000;
  padding: 0;
  margin: 0;
  font-family: "ProximaNova-Regular";
  font-size: 18px;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out 0.4s;
  -moz-transition:    all 1s ease-in-out 0.4s;
  -o-transition:      all 1s ease-in-out 0.4s;
  -ms-transition:     all 1s ease-in-out 0.4s;
  transition:         all 2s ease-in-out 0.7s;
}
.ch-info p a {
  display: block;
  padding-top: 30px;
}
.ch-info p a:hover {
  text-decoration: none;
}
.ch-item:hover .ch-info {
  -webkit-transform:  scale(1);
  -moz-transform:     scale(1);
  -o-transform:       scale(1);
  -ms-transform:      scale(1);
  transform:          scale(1);
  opacity: 1;
}
.ch-item:hover .ch-info p {
  opacity: 1;
}
.tabs {
  width: 500px;
  height: 500px;
  margin: auto;
  padding: 0px;
  background: red;
  border: 1px solid blue;
}
.tabs .tab {
  margin: auto;
  padding: 0px;
  border: 1px solid #000;
  display: block;
}
.tab-name {
  background: green;
}
.tab-content {
  background: yellow;
  display: none;
}
.tab:hover .tab-content{
  display: block;
}
.contact .container{
  width: 100%;
  max-width: 970px;
  position: fixed;
  margin: 0px 0px 50px 17px; /*** de aici este problema ca nu se vede la hover ***/
  bottom: 0px;
}
.lineheight {
  line-height: 20px;
}
.line {
  width: 100%;
  max-width: 970px;
  height: 2px;
  background: url(../images/dot.png);
}
.t13 a {
  text-decoration: none;
}

/************************** Dreapta sus responsive **************************/
.medium.container-fluid {
  padding: 0px;
}
.responsive {
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.IntermediateR {
  margin: 0px;
  padding: 0px;
}
.TopBarR {
  margin: auto;
  padding: 0px 0px 5px 0px;
}
.LogoR {
  width: 5%;
  margin: 17px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  float: left;
  z-index: 2;
}
.MenuR {  
  width: 95%;  
  margin: 20px 0px 0px 0px;
  padding: 0px 16px 0px 0px;
  z-index: 1;
}
.MenuR a{
  margin: 0px;
  padding: 0px;
  float: right;
}
.responsive .navbar-fixed-top {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
/************************** Stanga jos responsive **************************/
.SocialSJ {
    position: relative;
    width: 100%;
    margin: auto;
    top: 7vw;
}
.SocialSJ a {
    text-decoration: none;
}
.SocialSJ a:hover {
    text-decoration: none;
    color: inherit;
}
.SocialSJ ul li{
  display: inline;
  padding: 0px 0px 0px 5px;
}
#development .SocialSJ ul li{
  display: inline;
  padding: 0px 0px 0px 5px;
}

/************************** Mijloc responsive **************************/
.mediumR {
  padding: 0px;
}
.IntermediateR {
  padding: 0px;
}
/************************** Nav Responsive **************************/
a:active,
a:hover {
  outline: 0;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
/* ------------------------------------------  RESPONSIVE NAV STYLES  --------------------------------------------- */
.nav-collapse ul {
  margin: 10px 0px 0px 0px;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}
.nav-collapse li {
  width: 100%;
  display: block;
}
.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  min-height: 210px;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}
.nav-collapse.opened {
  max-height: 9999px;
  margin-top: 10px;
}
.disable-pointer-events {
  pointer-events: none !important;
}
.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
@media screen and (min-width: 48em) {
  .js .nav-collapse {position: relative;}
  .js .nav-collapse.closed {max-height: none;}
  .nav-toggle {display: none;}
}
/* ------------------------------------------  FIXED HEADER  --------------------------------------------- */
header {
  background: #fff;
  position: fixed;
  z-index: 3;
  width: 100%;
  left: 0;
  top: 0;
}
.logo {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-decoration: none;
  font-weight: bold;
  line-height: 55px;
  padding: 0 20px;
  color: #fff;
  float: left;
}
/* ------------------------------------------  MASK  --------------------------------------------- */
.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
.android .mask {
  -webkit-transition: none;
  transition: none;
}
.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}
@media screen and (min-width: 48em) {
  .mask {display: none !important;opacity: 0 !important;}
}
/* ------------------------------------------  NAVIGATION STYLES--------------------------------------------- */
.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}
.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}
@media screen and (min-width: 48em) {
  .nav-collapse {float: right;width: auto;}
}
.nav-collapse li {
  float: left;
  width: 100%;
  padding: 0px;
  line-height: 32px;
}
@media screen and (min-width: 48em) {
  .nav-collapse li {width: auto;}
}
.nav-collapse a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  border-top: 1px solid white;
  text-decoration: none;
  background: #fff;
  padding: 0;
  color: #000;
  width: 100%;
  float: left;
  font-size: 38.9px;
  font-family: "ProximaNova-Extrabld";
  text-transform: uppercase;
}
.redred .red {
  color: red;
  padding-top: 15px;
}
.nav-collapse a:active,
.nav-collapse .active a {
  color: #000;
}
.nav-collapse a:hover {
  color: #e30c0c;
}
@media screen and (min-width: 48em) {
  .nav-collapse a {border-left: 1px solid white;padding: 1.02em 2em;text-align: center;border-top: 0;float: left;margin: 0;}
}
.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}
@media screen and (min-width: 48em) {
  .nav-collapse ul ul a {display: none;}
}
/* ------------------------------------------  NAV TOGGLE STYLES--------------------------------------------- */
@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}
.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 55px;
  float: right;
}
.nav-toggle:before {
  color: #000; /* Edit this to change the icon color */
  font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  position: absolute;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 0;
}
.nav-toggle.active:before {
  font-size: 24px;
  content: "\78"; /* Close icon */
}
/************************** Pagini **************************/
.BG {
  text-align: right;
  display: none;
  position: relative;
}
/*.circle {
  padding: 40px 0px 0px 70px;
}*/
.circle {
  max-width: 100%;
  position: relative;
  margin: auto;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 50%;
  z-index: 2;
  text-align: center;
}
.circle-vertical-aligner {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
}
.circle img {
  display: inline-block;
  vertical-align: middle;
  max-width: 98%;
  max-height: 98%;
}
.slider-text {
  display: none;
  text-align: left;
  position: absolute;
  bottom: 50px;
  left: 100px;
  right: 100px;
  z-index: 5;
}
@media (max-width: 1100px) and (max-height: 550px) {
  .BG {text-align: center; margin-bottom: 50px}
  .slider-text {bottom: -50px;}
}

@media screen and (min-width: 1440px) {
  .slider-text {bottom: 0px};
}
@media screen and (min-width: 1280px) {
  .slider-text {left: 0px};
}
@media screen and (max-width: 1280px) {
  .slider-text {left: 0px; position: absolute; z-index: 5;float: left;}
}

@media screen and (min-width: 48em) {
  .BG { display: block;}
  .slider-text { display: block;}
  .medium { margin: 85px 0 0;}
}
.slider-text div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 5;
  opacity: 0;
  -webkit-transition: 0.1s all cubic-bezier(.55,0,.1,1);
  -moz-transition: 0.1s all cubic-bezier(.55,0,.1,1);
  transition: 0.1s all cubic-bezier(.55,0,.1,1);
}
.slider-text .active {
  opacity: 1;
  -webkit-transition: 0.1s 0.1s all cubic-bezier(.55,0,.1,1);
  -moz-transition: 0.1s 0.1s all cubic-bezier(.55,0,.1,1);
  transition: 0.1s 0.1s all cubic-bezier(.55,0,.1,1);
}
.textdnone a:hover{
  text-decoration: none;
}
.textdnone a p:hover{
  color: #e30c0c;
}
.circle .CercHome {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 450px;
  height: 450px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: transparent;
}

.circle .innerCircleBG {
  position: absolute;
  z-index: -1;
  width: 315px;
  height: 315px;
  top: 50%;
  left: 50%;
  margin: -157px 0 0 -157px;
  border: 1px solid #000;
  border-radius: 50%;
}
.circle .innerCircleBG span {
  position: absolute;
  width: 5px;
  height: 5px;
  border: 1px solid #000;
  -webkit-transition: 0.3s 0.2s all cubic-bezier(.55,0,.1,1);
  -moz-transition: 0.3s 0.2s all cubic-bezier(.55,0,.1,1);
  transition: 0.3s 0.2s all cubic-bezier(.55,0,.1,1);
}
.circle a:hover ~ .innerCircleBG span {
  -webkit-transition: 0.3s all cubic-bezier(.55,0,.1,1);
  -moz-transition: 0.3s all cubic-bezier(.55,0,.1,1);
  transition: 0.3s all cubic-bezier(.55,0,.1,1);
}
.circle .innerCircleBG .top {
  top: 0;
  left: 50%;
  margin: -3px 0 0 -3px;
}
.circle .innerCircleBG .left {
  top: 50%;
  left: 0;
  margin: -3px 0 0 -3px;
}
.circle .innerCircleBG .right {
  top: 50%;
  right: 0;
  margin: -3px -3px 0 0;
}
.circle .innerCircleBG .bottom {
  bottom: 0;
  left: 50%;
  margin: 0 0 -3px -3px;
}
.circle .CercHome a {
  position: absolute;
  width: 50%;
  height: 50%;
}
.circle .CercHome a .link {
  position: absolute;
  z-index: 1;
  margin: 0;
  -webkit-transition: 0.3s 0.2s all cubic-bezier(.55,0,.1,1);
  -moz-transition: 0.3s 0.2s all cubic-bezier(.55,0,.1,1);
  transition: 0.3s 0.2s all cubic-bezier(.55,0,.1,1);
}
.circle .CercHome a:hover .link,
.circle .CercHome a.hovered .link {
  color: #e30c0c !important;
  -webkit-transition: 0.3s all cubic-bezier(.55,0,.1,1);
  -moz-transition: 0.3s all cubic-bezier(.55,0,.1,1);
  transition: 0.3s all cubic-bezier(.55,0,.1,1);
}

.circle .inner-circle-part {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: 1.0s all ease;
  -moz-transition: 1.0s all ease;
  transition: 1.0s all ease;
}
.circle .inner-circle-part .circle-part {
  position: absolute;
  width: 315px;
  height: 315px;
  border: 1px solid #e30c0c;
  border-radius: 50%;
  -webkit-transition: 0.3s all cubic-bezier(.55,0,.1,1);
  -moz-transition: 0.3s all cubic-bezier(.55,0,.1,1);
  transition: 0.3s all cubic-bezier(.55,0,.1,1);
}
.circle a:hover .inner-circle-part .circle-part,
.circle a.hovered .inner-circle-part .circle-part {
  border: 2px solid #e30c0c;
  -webkit-transition: 0.5s all cubic-bezier(.55,0,.1,1);
  -moz-transition: 0.5s all cubic-bezier(.55,0,.1,1);
  transition: 0.5s all cubic-bezier(.55,0,.1,1);
}


.circle .cerc-top {
  top: 0;
  right: 0;
}
.circle .cerc-top .link {
  top: 0;
  left: 0;
  height: 45px;
  line-height: 35px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}
.circle .cerc-top .inner-circle-part {
  width: 100%;
  height: 0;
}
.circle .cerc-top:hover .inner-circle-part,
.circle .cerc-top.hovered .inner-circle-part {
  height: 98.5%;
}
.circle .cerc-top .circle-part {
  top: 68px;
  right: 68px;
}
.circle .cerc-top:hover ~ .innerCircleBG .top,
.circle .cerc-top.hovered ~ .innerCircleBG .top {
  border-color: #e30c0c;
  background: #e30c0c;
}
.circle .cerc-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 50%;
}
.circle .cerc-left .link {
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-50%) translateY(50%);
  -moz-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
}
.circle .cerc-left .inner-circle-part {
  width: 0;
  height: 100%;
}
.circle .cerc-left:hover .inner-circle-part,
.circle .cerc-left.hovered .inner-circle-part {
  width: 98.5%;
}
.circle .cerc-left .circle-part {
  top: 68px;
  left: 68px;
}
.circle .cerc-left:hover ~ .innerCircleBG .left,
.circle .cerc-left.hovered ~ .innerCircleBG .left {
  border-color: #e30c0c;
  background: #e30c0c;
}
.circle .cerc-right {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
}
.circle .cerc-right .link {
  top: 0;
  right: 0;
  -webkit-transform: translateX(50%) translateY(-50%);
  -moz-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
}
.circle .cerc-right .inner-circle-part {
  width: 0;
  height: 100%;
  left: auto;
  right: 0;
}
.circle .cerc-right:hover .inner-circle-part,
.circle .cerc-right.hovered .inner-circle-part {
  width: 98.5%;
}
.circle .cerc-right .circle-part {
  bottom: 68px;
  right: 68px;
}
.circle .cerc-right:hover ~ .innerCircleBG .right,
.circle .cerc-right.hovered ~ .innerCircleBG .right {
  border-color: #e30c0c;
  background: #e30c0c;
}
.circle .cerc-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
}
.circle .cerc-bottom .link {
  bottom: 0;
  right: 0;
  height: 45px;
  line-height: 35px;
  padding-top: 10px;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  transform: translateX(50%);
}
.circle .cerc-bottom .inner-circle-part {
  width: 100%;
  height: 0;
  top: auto;
  bottom: 0;
}
.circle .cerc-bottom:hover .inner-circle-part,
.circle .cerc-bottom.hovered .inner-circle-part {
  height: 98.5%;
}
.circle .cerc-bottom .circle-part {
  bottom: 68px;
  left: 68px;
}
.circle .cerc-bottom:hover ~ .innerCircleBG .bottom,
.circle .cerc-bottom.hovered ~ .innerCircleBG .bottom {
  border-color: #e30c0c;
  background: #e30c0c;
}
@media screen and (max-width: 1367px) {
  .circle .CercHome {width: 300px;height: 300px;}
  .circle .innerCircleBG {width: 210px;height: 210px;margin: -105px 0 0 -105px;}
  .circle .inner-circle-part .circle-part {width: 210px;height: 210px;}
  .circle .cerc-top .circle-part {top: 45px;right: 45px;}
  .circle .cerc-left .circle-part {top: 45px;left: 45px;}
  .circle .cerc-right .circle-part {bottom: 45px;right: 45px;}
  .circle .cerc-bottom .circle-part {bottom: 45px;left: 45px;}
}
@media screen and (max-width: 1280px) {
  .circle .CercHome {width: 280px;height: 280px;}
  .circle .innerCircleBG {width: 200px;height: 200px;margin: -100px 0 0 -100px;}
  .circle .inner-circle-part .circle-part {width: 200px;height: 200px;}
  .circle .cerc-top .circle-part {top: 40px;right: 40px;}
  .circle .cerc-left .circle-part {top: 40px;left: 40px;}
  .circle .cerc-right .circle-part {bottom: 40px;right: 40px;}
  .circle .cerc-bottom .circle-part {bottom: 40px;left: 40px;}
}
/************************** Index **************************/
.index {
  background: url(../images/home-index.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 100%
}
.TitluGeneralContact {
  margin: 0;
  padding: 99px 0px 0px 0px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 3px;
  font-family: "ProximaNova-Extrabld"; 
  font-size: 103px;
  color: #e30c0c;
  text-decoration: none; 
}
@media only screen and (max-width: 1000px) {
  .TitluGeneralContact { font-size:93px;}
  .TitluGeneral { font-size:93px;}
}
@media only screen and (max-width: 900px) {
  .TitluGeneralContact { font-size:83px;}
  .TitluGeneral { font-size:83px;}
}
@media only screen and (max-width: 800px) {
  .TitluGeneralContact { font-size:73px;}
  .TitluGeneral { font-size:73px;}
}
@media only screen and (max-width: 320px) {
  .TGResponsive { font-size:33px;}
}

@media only screen and (max-width: 270px) {
  .TGResponsive { font-size:28px;}
}

@media only screen and (max-width: 230px) {
  .TGResponsive { font-size:23px;}
}
.link1 a,
.link1 a:hover,
.link1 a:active,{
  text-decoration: none;
}
.FL {
  width: 150px;
  float: left;
}
.DB {
  display: inline-block;
}
/************************* Footer *******************************/
.emailFooter a { /******* link-ul din footer stanga jos *******/
  height: 100%;
  margin: 0px;
  padding: 0px 0px 52px 0px;
  float: left;
}
.emailFooter a:hover { 
  text-decoration: none;
  color: inherit;
}
.careers a{ /******* link-ul din footer stanga jos *******/
  height: 100%;
  margin: 0px;
  padding: 0px 0px 52px 0px;
  float: right;
}
.careers a:hover { 
  text-decoration: none;
  color: inherit; 
}
.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
body .container-fluid:nth-child(2) {
  padding: 0px;
}
@media (min-width: 992px) {
.col-md-5 {width: 39%;}
}
@media (min-width: 992px){
.col-md-7 {width: 61%;}
}
.emailD {
  margin-top: 30px;
}
footer {
  border-top: 1px solid #e4e4e4;
  height: 20px;
  margin-top: 72px;
  padding-top: 7px;
}
footer .col-sm-6 {
  padding-right: 0px;
  padding-left: 0px;
}
.join, .join:hover, .join:active, .join:visited {
  text-decoration: none;
}
.form {
  width: 667px;
  height: 198px;
  margin: 60px auto 0px auto;
  border-bottom: 1px solid #8d8d8d;
  text-align: center;
}
.form h1{
  font-weight: lighter;
  margin: -10px 0px 10px;
}
#visionaire .ColDr,
#contact .ColDr,
#careers .ColDr { /******* textul din coloana principala dreapta *******/
  padding: 0px 0px 0px 45px;
}
#visionaire .ColDr h1:nth-child(1),
#visionaire .ColDr h1:nth-child(2),
#visionaire .ColDr h1:nth-child(3),
#contact .ColDr h1:nth-child(1),
#contact .ColDr h1:nth-child(2),
#careers .ColDr h1:nth-child(1),
#careers .ColDr h1:nth-child(2) {
  margin: 0;
  line-height: .9;
}
#visionaire .ColDr h1:nth-child(1),
#contact .ColDr h1:nth-child(1),
#careers .ColDr h1:nth-child(1) {
  margin-top: 74px; 
}
#careers .col-md-4 {
  padding-right: 0px;
  padding-left: 0px;
}
#careers ul li {
  padding: 0px 0px 12px 0px;
}
.line {
  border:2px solid #000; 
  width:27px; 
  margin:20px 0px 0px;
}
.TitluGeneral1 { /******* Titlul principal *******/
  margin: 0px;
  padding: 55px 0px 0px 0px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 0px;
  letter-spacing: 3px;
}
.title {
  margin: 50px 0px 0px;
}
.imgtitle {
  margin: 34px 0px 0px 0px;
}
#contact.imgtitle {
  margin: 40px 0px 0px 60px;
}
#contact .form {
  max-width: 449px;
  width: 100%;
  height: auto;
  margin: 30px auto 0px auto;
  border-bottom: 1px solid #fff;
  text-align: center;
  /*padding-bottom: 120px;*/
}
#visionaire .imgtitle {
  position: relative;
  margin: 0px 0px 0px;
  z-index: -1;
  /* border: 1px solid red; */
  margin: -15px 0px 0px 65px;
}
.welfarelist {
  width: 448px;
  height: 147px;
  margin: 25px 0px 0px;
}
#visionaire .form {
  width: 667px;
  height: 122px;
  margin: 60px auto 0px auto;
  border-bottom: 1px solid #8d8d8d;
  text-align: center;
}
#visionaire footer {
  border-top: 1px solid #e4e4e4;
  height: 20px;
  margin-top: 70px;
}
.byellow {
  background: yellow;
}
#development ul li {
  padding: 0px 0px 3px 0px;
  display: block;
}
.portofolio {
  position: relative;
  max-width: 991px;
  width: 68.8vw;
  max-height: 656px;
  height: 45.6vw;
  margin: auto;
}
.portofolio1 {
  position:absolute;
  width: 100%;
  height: 100%;
}
.portofolioleft {
  position:relative;
  max-width: 563px;
  width: 39.1vw;
  height: 100%;
  float: left;
}
.portofolioright {
  position:relative;
  max-width: 422px;
  width: 29.3vw;
  height: 100%;
  float: right;
}
.imageContainer {
  position: relative;
  width: 25%;
  padding-bottom: 25%;
  float: left;
  height: 0;
} 
.portofolio img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  /*position: absolute;
  left: 0;*/
}
.topleft{
  position: relative;
  width: 100%;
  max-height: 280px;
  height: 19.44444vw;
  float: left;
}
.bottomleft{
  position: relative;
  margin: 0px 0px 0px 0px;
  width: 100%;
  max-height: 372px;
  height: 25.83333vw;
  vertical-align: bottom;
  top:3px;
  float: left;
}
.bottomright{
  position: relative;
  width: 100%;
  max-height: 372px;
  height: 25.83333vw;
  top: 4px;
  float: right;
}
.topright{
  position: relative;
  width: 100%;
  max-height: 280px;
  height: 19.44444vw;
  float: right;
}
.tl2, .tr1, .tr2, .bl1, .bl2, .bl3, .br2, .br3{
  max-width: 136px !important;
  width: 9.44444vw !important;
}
.br1, .br4, .bl5{
  max-width: 279px !important;
  width: 19.375vw !important;
}
.tl1{
  max-width: 421px !important;
  width: 29.24vw !important;
}              
.br2{
  max-height: 87px !important;
  height: 6.11111vw !important;
}
.tl2, .tr1, .tr2, .bl1, .bl3, .br4, .bl5{
  max-height: 88px !important;
  height: 6.11111vw !important;
}
.br1, .br3{
  max-height: 183px !important;
  height: 12.7vw !important;
}
.tl1{
  max-height: 271px !important;
  height: 18.82vw !important;
}
.bl2{
  max-height: 276px !important;
  height: 19.16666vw !important;
}
.tr1, .tr2, .tl1, .tl2, .bl1, .bl2, .bl3, .br1, .br2, .br3{
  position: relative;
}
.tl1, .tl2, .tr1, .tr2, .bl1, .bl2, .bl3, .br1, .br3, .bl5{
  float: left;
}
.br2, .br4{
  float: right;
}
.bl2, .bl3, .br1, .tr1, .br3, .br2, .br4, .bl1, .tr2, .tl2, .bl5 {
  margin-bottom: .45vw !important;
}
.tl2{
  margin-left: .35vw !important;
}
.tr2{
  margin-left: .40vw !important;
}
.bl1, .br2, .br4, .bl5{
  margin-left: .36vw !important;
}
.portofoliot img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    /*position: absolute;
    left: 0;*/
}
.portofoliot {
  position: relative;
  max-width: 991px;
  width: 56.4vw;
  max-height: 656px;
  height: 65vw;
  margin: auto;
}
.portofolioleftt {
  position:relative;
  max-width: 991px;
  /*width: 39.1vw;*/
  height: 100%;
  float: left;
}
.topleftt{
  position: relative;
  width: 100%;
  max-height: 280px;
  /*height: 19.44444vw;*/
  float: left;
}
.bottomleftt{
  position: relative;
  margin: 0px 0px 0px 0px;
  width: 100%;
  max-height: 372px;
  /*height: 25.83333vw;*/
  vertical-align: bottom;
  top:3px;
  float: left;
}
.tl1t, .tl2t{
  position: relative;
  float: left;
}
.tl1t{
  max-width: 421px !important;
  width: 42.1vw !important;
  max-height: 271px !important;
  height: 27.1vw !important;
}
.tl2t{
  max-width: 136px !important;
  width: 13.6vw !important;
  max-height: 88px !important;
  height: 8.8vw !important;
  margin: 0vw 0vw .45vw .35vw !important;
}
.bl1t, .bl2t, .bl3t, .bl4t{
  position: relative;
  float: left;
}
.bl1t{
  max-width: 136px !important;
  width: 13.6vw !important;
  max-height: 88px !important;
  height: 8.8vw !important;
  margin: 0vw 0vw .45vw .55vw !important;
}
.bl2t{
  max-width: 136px !important;
  width: 13.6vw !important;
  max-height: 276px !important;
  height: 27.6vw !important;
  margin-bottom: .45vw !important;
}
.bl3t{
  max-width: 136px !important;
  width: 13.6vw !important;
  max-height: 88px !important;
  height: 8.8vw !important;
  margin-bottom: .45vw !important;
}
.bl4t{
  max-width: 279px !important;
  width: 28vw !important;
  max-height: 88px !important;
  height: 8.8vw !important;
  margin: 0vw 0vw .45vw .55vw !important;
}
.frontimg {
  width: 100%;
}
.frontimgr {
  margin: 0px;
  width: 100%;
}
#visionaire .frontimgr {
  width: 70%;
}
.frontimgrj {
  width: 50%;
}
.mediumR .p0 {
  text-align: center;
}
@media screen and (min-width: 768px){
.logost.col-sm-6 {width: 25%;}
.emailD.col-sm-6 {width: 75%;}
}
.portofoliom img {
  width: 100%;
  height: 100%;
  /*position: absolute;
  left: 0;*/
}
.portofoliom {
  position: relative;
  max-width: 991px;
  width: 90vw;
  /*max-height: 656px;*/
  height: 120vw;
  margin: 7vw auto 0vw;
}
.portofolioleftm {
  position:relative;
  /*max-width: 991px;*/
  width: 100%;
  height: 100%;
  float: left;
}
.topleftm{
  position: relative;
  width: 100%;
  /*max-height: 280px;*/
  height: auto;
  float: left;
}
.tl1m, .tl2m{
  position: relative;
  float: left;
}
.tl1m{
  /*ax-width: 136px;*/
  width: 49%;
  /*max-height: 88px;*/
  height: 100%;
  margin: 0vw .5% 1vw 0vw !important;
}
.tl2m{
  /*max-width: 136px;*/
  width: 49%;
  /*max-height: 88px;*/
  height: 100%;
  margin: 0vw 0vw 1vw .5% !important;
}
.tl3m{
  /*max-width: 136px;*/
  width: 99%;
  /*max-height: 88px;*/
  height: 100%;
  margin: 0vw 0vw .45vw 0vw;
}
.bl1m, .bl2m{
  position: relative;
  float: left;
}
.bl1m{
  max-width: 136px;
  width: 27.2vw;
  max-height: 88px;
  height: 17.6vw;
  margin-bottom: 0vw 0vw .45vw 0vw;
}
.bl2m{
  max-width: 136px;
  width: 27.2vw;
  max-height: 88px;
  height: 17.6vw;
  margin-bottom: 0vw 0vw .45vw .55vw;
}
.final-message,
.questions label {
  font-family: "ProximaNova-Regular"; 
  font-size: 32px; 
  color: #e30c0c; 
  text-decoration: none; 
  font-weight: lighter;
}
.TitluGeneral1 {
  font-family: "ProximaNova-Extrabld"; 
  font-size: 89.45px; 
  color: #e30c0c; 
  text-decoration: none; 
  letter-spacing: .5px; 
  line-height: 20px;
}
.TitluGeneral2 {
  font-family: "proxima_nova_ththin"; 
  font-size: 85.1px; 
  color: #e30c0c; 
  text-decoration: none; 
  font-weight: lighter;  
  text-transform: uppercase !important;
}
.welfarelistr {
  float: left;
}
.responsive .form1 {
  width: 100%;
  height: 100%;
  margin: 60px auto 22px auto;
  text-align: center;
}
.responsive .form1 .simform ol {
  border-bottom: 1px solid #8d8d8d;
}
.responsive .form1 .next {
  bottom: .5em;
}
.responsive .form1 .simform .error-message {
  font-size: .7em;
}
.responsive .form1 .final-message1.show, .final-message.show {
  top: 2em;
}
.fancybox-custom .fancybox-skin {
  box-shadow: 0 0 50px #222;
}
.emailDr {
  margin: 0px 0px 0px;
  padding-bottom: 20px;
}
.emailDr .work{ /******* link-ul din colt dreapta sus *******/
  height: 100%;
  margin: 0px;
  padding: 0vw 1.2vw 0vw 1.2vw;
  text-transform: uppercase;
  z-index: 9999;
  height: 50px;
}
.emailDr .work:hover{ /******* link-ul din colt dreapta sus *******/
  height: 100%;
  margin: 0px;
  padding: 0vw 1.2vw 0vw 1.2vw;
  color: inherit;
  text-decoration: none;
  overflow: auto;
  text-transform: uppercase;
}
.emailDl {
  width: 90vw;
  height: 50px;
  margin: auto;
  text-align: center;
}
.nav-collapse .active {
  color: #e30c0c;
}
.colleft {
  float: left;

}
.colmiddle {
  float: left;
  padding-left: 10px;
}
.colright {
  float: left;

}
.TitluGeneral4 {
  margin: 0px;
}
.mediumR .TitluGeneralHomeImgText {
  position: relative;
  text-align: left;  
}
.TitluGeneralHomeText {
  position: absolute;

}
.TitluGeneralHomeImg {
  position: relative;
  top: -55vw;
}
.work1 {
  width: 70%;
  float: left;
}
.work2 {
  float: right;
}
#visionaire label {
}
#contact .simform-inner .questions{
  border-bottom: 1px solid #8D8D8D;
}
.work2 img {
  padding-bottom: 32.5
}
section {
    padding: 0px !important;
}
#home .row img,
#impact .row img {
    max-height: inherit;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    background: rgba(227,12,12,.7)none repeat scroll 0% 0% !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #FFF !important;
    background-color: rgba(227,12,12,1) !important;
    border-color: rgba(227,12,12,1) !important;
}
.btn-primary {
    color: #FFF;
    background-color: rgba(227,12,12,1) !important;
    border-color: rgba(227,12,12,1) !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: none !important;
    font-weight: 100 !important;
}
.portfolio-modal .modal-content p {
    margin-bottom: 10px !important;
}
.portfolio-modal .modal-content {
    padding: 100px 0px !important;
}
.modal-content {
    background-color: rgba(255, 255, 255, 0.85) ;
}
.form_list:placeholder-shown {
  color: red;
}
@media screen and (min-width: 1680px){
.tl2, .tr1, .tr2, .bl1, .bl2, .bl3, .br2, .br3{max-width: 136px !important;}
.br1, .br4{max-width: 279px !important;}
.tl1{max-width: 421px !important;}              
.br2{max-height: 87px !important;}
.tl2, .tr1, .tr2, .bl1, .bl3, .br4{max-height: 88px !important;}
.br1, .br3{max-height: 183px !important;}
.tl1{max-height: 271px !important;}
.bl2{max-height: 276px !important;}
.topleft{max-height: 280px !important;}
.bottomleft{max-height: 372px !important;}
.bottomright{max-height: 372px !important;}
.topright{max-height: 280px !important;}
.bl2, .bl3, .br1, .tr1, .br3, .br2, .br4, .bl1, .tr2, .tl2 {margin-bottom: 7.56px !important;}
.tl2{margin-left: 5.88px !important;}
.tr2{margin-left: 6.72px !important;}
.bl1, .br2, .br4, .bl5{margin-left: 5px !important;}
}
@media screen and (max-width: 1150px) {
  .final-message, .questions label {font-size: 32px;}
  .TitluGeneral1 {font-size: 65px; line-height: 1px;}
  .TitluGeneral2 {font-size: 62px;}
  #visionaire .imgtitle {width: 30vw;}
  #careers .imgtitle {width: 28vw;}
  #visionaire .ColDr h1:nth-child(1), #contact .ColDr h1:nth-child(1), #careers .ColDr h1:nth-child(1) {margin-top: 81px;}
  #visionaire .ColDr h1:nth-child(1), #contact .ColDr h1:nth-child(1), #careers .ColDr h1:nth-child(1) {margin-top: 81px;}
  #development .vatop {font-size: 2.71vw}
  #development .vatopright {font-size: 9.03vw}
}
@media screen and (max-width: 950px) {
  .EnergyColRight {padding: 0px 0px 0px 30px;}
  .EnergyColLeft {padding: 0px 30px 0px 0px;}
  .TextLista5 {width: 30vw;}
}
@media screen and (max-width:768px){
  .logost {padding:10px 0px 0px 0px; float:left;}
  .nav-toggle {top:11px;}
  .emailDr .work {position:relative; top:26px;}
  .emailDr .work img{position:relative; bottom:2px;}
  .TGResponsive {margin: 25px 0px 0px;}
  .title1 {margin-top: 0px;}
  .title2 {margin-top: 10px;}
  .title3 {margin-top: 30px;}
  .title4 {margin-top: 20px;}
  .TextLista5 {width: 77%; margin-bottom: 10px;}
  .line { margin: 10px 0px 0px;}
  #careers ul li {padding: 0px 0px 7px;}
  .next {width: 33px;height: 33px;}
}
@media screen and (max-width: 510px) {
  .TextLista5 {float: none; margin-left: 0px;}
  .TextLista4 {display: none;}
  .TextLista3 {float: none;}    
}
@media screen and (max-width: 450px) {
  .responsive .form1 h1 {font-size: 55px}
  .vatop1 {line-height: .6}
  .vatopright1 {line-height: 20px}
  .lh1 {font-size: 50px; line-height: 50px;}
  .TitluGeneral1 {font-size: 50px;line-height: 0px;}
  .TitluGeneral3  {padding-top: 35px}
}
@media (min-width:410px)and (max-width:768px){.hidden-xss{display:none!important}
}
@media (max-width:410px){.hidden-xxs{display:none!important}
}
@media (min-width:450px)and (max-width:768px){.hidden-xss450{display:none!important}
}
@media (max-width:450px){.hidden-xxs450{display:none!important}
}
/********************* Popout *********************//*
.cadran1 {
  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}
#background-popout { 
    z-index:1;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#000000;
    top:0px;
    left:0px;
}
.popout {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0px;
    color: #333333;
    display: none;
    font-size: 14px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: fixed;
    width: 100%;
    max-width: 555px;
    max-height: 600px;
    z-index: 2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}
div.popup_content { 
    margin: 4px 7px;
}
.cadran2 { 
  height: 61px;
  margin: 0px;
  text-align: center;
  font-weight: bold;
  background-color: #e5e5e5;  
  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}
.cadran2 h3 { 
  margin: 0px;
  padding-top: 12px;
  text-align: center;
  font-weight: bold;
  background-color: #e5e5e5;
}
.cadran3 {
  background: #fff;
  padding: 10px 0px;
  margin: 0px;
  list-style-type: none;
  border: 0px;
}
.cadran3 table tr th,
.cadran3 table tr td{ 
  border: 0px solid #fff;
  padding: 10px;
  margin: 0px;
}
.cadran4 { 
  width: 500px;
  background: #fff;
  padding: 10px;
  margin: 0px 0px 0px 20px;
  list-style-type: none;
  border: 0px;
}
.subcadran2 { 
  width: 158px;
  height: 35px;
  border: 1px solid #bbb;
  padding: 10px;
  margin: 0px 0px 0px 0px;
}
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
  padding: 9px 0px 10px 10px;
  margin: 0px 0px 0px 10px;
  line-height: 1;
  vertical-align: middle;
  border-top: 0px solid #ddd;
}
.table>tbody>tr>td.subcadran {
  width: 170px;
}
.table>tbody>tr>td.subcadran1 {
  width: 170px;
  height: 35px;
}
.cadran7>tbody>tr>td.subcadran1 {
  width: 95px;
  height: 35px; 
}
.cadran7>tbody>tr>td.subcadran111 {
  width: 115px;
  height: 35px; 
}
.cadran7>tbody>tr>td.subcadran{
  margin: 0px;
}
.cadran3 .tabel_special {
  margin: 0px;
}
.cadran3 .tabel_special tr th,
.cadran3 .tabel_special tr td { 
  margin: 0px;
  border: 1px solid #ccc;
}
.cadran7 {  
  padding: 0px;
}
.subcadran1 label{
  padding: 0px 10px;
  margin: 0px;
  float: right;
}
.table>tbody>tr>td.subcadran3{
  padding: 10px 0px 0px 10px;
  margin: 0px;
}
.table>tbody>tr>td.subcadran3 span.text2 { 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.subcadran5 { 
  width: 309px;
  height: 65px;
  border: 1px solid #bbb;
  padding: 10px;
  margin: 0px 0px 0px 0px;
}
.btn71 {
  width: 190px;
  height: 44px;
  padding: 8px 0px 0px 0px;
  margin: 20px 10px 15px 0px;
  background-color: #45b8ff;
  border-radius: 0px;
  border: 0px;
  color:#fff;
  font-size: 20px;
  vertical-align: middle;
}
.btn71:hover { 
  width: 190px;
  height: 44px;
  padding: 8px 0px 0px 0px;
  margin: 20px 10px 15px 0px;
  background-color: #45b8ff;
  border-radius: 0px;
  border: 0px;
  color:#fff;
  font-size: 20px;
  vertical-align: middle;
}
.btn81 { 
  width: 111px;
  height: 44px;
  padding: 8px 0px 0px 0px;
  margin: 20px 10px 15px 0px;
  background-color: #b5b5b5;
  border-radius: 0px;
  border: 0px;
  color:#fff;
  font-size: 20px;
  vertical-align: middle;
}
.btn81:hover { 
  width: 111px;
  height: 44px;
  padding: 8px 0px 0px 0px;
  margin: 20px 10px 15px 0px;
  background-color: #b5b5b5;
  border-radius: 0px;
  border: 0px;
  color:#fff;
  font-size: 20px;
  vertical-align: middle;
}
.btn9 { 
  width:322px;
  margin: 0px 0px 15px 88px;
}
.cadran3 .nav-tabs { 
  border-bottom: 0px solid #45b8ff;
}

.cadran4 tbody .time1 .input-group-addon { 
  padding: 6px 0px 6px 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #ccc;
  text-align: center;
  background-color: #fff;
  border: 0px solid #ccc;
  border-radius: 4px;
}
.cadran4 tbody .time1 .form-control { 
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 10px 6px 0px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #ccc;
  background-color: #fff;
  background-image: none;
  border: 0px solid #ccc;
  border-radius: 0px;
}
.cadran4 tbody .time1 .input-group .form-control{ 
  z-index: 0;
}
.cadran4 tbody .time1 .subcadran2 {
  width: 158px;
  height: 35px;
  border: 1px solid #bbb;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
#popout_2 h5 { 
  margin-left: 20px;
  color: #ccc;
}
#popout_3 .btn-group>.btn:first-child {
  height: 35px;
}
#popout_3 h4,
#popout_4 h4,
#popout_5 h4,
#popout_6 h4,
#popout_7 h4,
#popout_8 h4 { 
  text-align: center;
  color: #ccc;
}
#popout_3,
#popout_4,
#popout_5,
#popout_6,
#popout_7,
#popout_8 { 
  overflow-y: auto;
    overflow-x: hidden;
}
#popout_3 .dropdown-menu > li > a,
#popout_4 .dropdown-menu > li > a,
#popout_5 .dropdown-menu > li > a,
#popout_6 .dropdown-menu > li > a,
#popout_7 .dropdown-menu > li > a,
#popout_8 .dropdown-menu > li > a,
#popout_10 .dropdown-menu > li > a { 
  display: block;
  padding: 0px 0px 0px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1;
  color: #333;
  white-space: nowrap;
}*/