:root {
    --rosu: #c00;
    --alb: #fff;
    --gri_light: #eee;
    --gri: #999;    
    --gri_dark: #444;    
    --galben: rgb(255, 225, 0);
    --galben_deschis: rgb(255, 255, 0);

}
::selection { background: var(--gri_dark); color:#fff; }

* { padding:0px; margin:0px;  font-family: 'Roboto', sans-serif; }


.paginatie { width:96%; padding:0px 2%; max-width:1300px; margin:0 auto; position: relative; }


#IFG_Top { width: 100%; float:left; background: url('../img/bg_top.jpg') center center; background-size:cover; background-color: var(--rosu); position: relative;  overflow: hidden;  }
#IFG_Top .top_left { width: 50%; float:left; padding:150px 20% 150px 0%; position:relative; z-index: 5; clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); background-color:var(--rosu);   }
#IFG_Top .top_left img { width: 100%; }

#IFG_Top .top_left h1 { color:var(--galben); font-family: 'Archivo Black', sans-serif; font-size: 3em; font-weight: bold; }
#IFG_Top .top_left p { color: var(--alb); font-size: 1.2em; padding:25px 0px; font-weight: bold; }


#IFG_Top .top_left img.img_clock { max-width:140px; }
#IFG_Top .top_left .img_fx_mobile { display:none; }


#IFG_Top .top_left .btn {animation: btn_animation 1s ease-out infinite normal; padding:15px 10px; width:250px; margin:10px;  float:left; background: linear-gradient(0deg, var(--galben) 0%, var(--galben_deschis) 100%); border-radius: 15px; border: 3px solid var(--rosu); box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);  transition: all .1s ease-out;}
#IFG_Top .top_left .btn:hover { background: linear-gradient(0deg, var(--galben_deschis) 0%, var(--galben) 100%); cursor: pointer; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);  transition: all .1s ease-out;}
#IFG_Top .top_left .btn .btn_img { width: 50px; float:left; }
#IFG_Top .top_left .btn .btn_img img { width: 90%; padding:5%; max-width: 40px;  }
#IFG_Top .top_left .btn .btn_txt { width: 60%; padding:0px 5%;  float:left; font-size:1.3em; font-weight: bold; color:var(--rosu);}


@keyframes btn_animation {
    0% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    25% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  
    60% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    100% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  }



#IFG_Top .top_middle_top { width: 30%; padding: 40px 0px 0px 0px; float:left; text-align:right; position: relative; }
#IFG_Top .top_middle_top a.btn_language { padding:15px 10px; background: linear-gradient(0deg, var(--gri_light) 0%, var(--alb) 100%); border-radius:5px; text-decoration: none; font-weight: bold; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2); cursor: pointer; border:1px solid var(--gri); transition: all .1s ease-in-out;  }
#IFG_Top .top_middle_top a.btn_language:hover {  border:1px solid var(--alb); background: linear-gradient(0deg, var(--alb) 0%, var(--gri_light) 100%);  transition: all .1s ease-in-out; }
#IFG_Top .top_middle_top img { max-width: 35px; padding: 0px 5px; position: relative; top:5px; }


#IFG_Top .top_middle_top #selectie_limba { display:none; overflow:hidden; position: absolute; right:0; top:90px; z-index: 100; border-radius:5px; background:var(--alb); box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);  transition: all .1s ease-in-out;  }
#IFG_Top .top_middle_top #selectie_limba li { margin: 0px; padding: 0px; text-align: left; list-style: none;  }
#IFG_Top .top_middle_top #selectie_limba li a { padding:10px 10px; margin: 0px; color:var(--gri_dark); display:block; text-decoration: none; font-weight: bold; cursor: pointer; transition: all .1s ease-in-out;  }
#IFG_Top .top_middle_top #selectie_limba li a:hover { background: var(--galben); }

#IFG_Top .top_middle {  width: 100%; position: absolute; z-index: 4;  text-align: right; margin-top:200px; }
#IFG_Top .top_middle img { width: 100%; max-width: 700px;}


#IFG_Continut { width: 100%; float:left; padding:200px 0px; line-height:1.3; }
    #IFG_Continut .IFG_Continut_Left { width: 50%; float:left; text-align:left;  }
    #IFG_Continut .IFG_Continut_Left img { width: 80%; border-radius:15px;}
    #IFG_Continut .IFG_Continut_Right { width: 50%; float:left; text-align:left;  }
    #IFG_Continut h2 { width: 100%; font-size:1.5em; color:var(--rosu); font-weight:normal;  }
    #IFG_Continut p { width: 100%; font-size:1.2em; color:var(--gri_dark); }


#IFG_Continut1 { width: 100%; float:left; padding:200px 0px 300px 0px; background:var(--galben) url('../img/bg_despre_noi.jpg') center center fixed;  background-size: cover;  line-height:1.3; }
    #IFG_Continut1 .IFG_Continut1_Left { width: 50%; float:left; text-align:left; }
    #IFG_Continut1 .IFG_Continut1_Left img { width: 100%; max-width:450px; border-radius:15px;}
    #IFG_Continut1 .IFG_Continut1_Right { width: 50%; float:right; text-align:center;  }
    #IFG_Continut1 .IFG_Continut1_Right img { width: 80%;  border-radius:15px;}
    #IFG_Continut1 h2 { width: 100%; font-size:1.5em; color:var(--rosu); font-weight:normal;  }
    #IFG_Continut1 p { width: 100%; font-size:1.2em; color:var(--gri_dark); }


#IFG_Galerie { width: 100%; float:left; position:relative; top: -130px; text-align: center; }
    #IFG_Galerie img.big { width:27%; margin:3%; float:left;  border-radius:5px; overflow:hidden;  transition: all .1s ease-in-out; box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.1);  }
    #IFG_Galerie img.big:hover { background-color: var(-galben); transform: scale(1.1); filter: brightness(1.1);  transition: all .1s ease-in-out; }

    #IFG_Galerie img.small { width:14%; margin:1.2%;   border-radius:3px; overflow:hidden;  transition: all .1s ease-in-out; box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.1);  }
    #IFG_Galerie img.small:hover { background-color: var(-galben); transform: scale(1.1); filter: brightness(1.1);  transition: all .1s ease-in-out; }



#IFG_Fotter { width: 100%; float:left; padding:100px 0px; background:var(--gri_dark); color:var(--gri); text-align:center; font-size:1em;  }
#IFG_Fotter span a { text-decoration:none; color:var(--gri); transition: all .1s ease-in-out;}
#IFG_Fotter span a:hover {  color:var(--galben); transition: all .1s ease-in-out;}

#IFG_Fotter a {  color:var(--gri); transition: all .1s ease-in-out;}
#IFG_Fotter a:hover {  color:var(--galben); transition: all .1s ease-in-out;}


@media all and (max-width: 1100px) {

.paginatie { width:90%; padding:0px 5%; max-width:1300px; margin:0 auto; position: relative; }

#IFG_Top .top_left { width: 100%; float:left; padding:50px 20% 20px 0%; position:relative; z-index: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); background-color:var(--rosu);  }

#IFG_Top .top_middle_top { width: 90%; padding: 40px 0px 0px 0px; float:left; text-align:right; position: absolute; z-index:100; }
#IFG_Top .top_middle {  display: none;}
#IFG_Top .top_left img.img_clock { max-width:100px; }
#IFG_Top .top_left .img_fx_mobile { display:inline; position:absolute; top:80px; left:90px; max-width:150px;   }


#IFG_Top .top_left h1 { font-size: 2em; }
#IFG_Top .top_left p {  font-size: 1.1em; padding:15px 0px; font-weight: normal; }


#IFG_Top .top_left .btn { width: 80%; margin:5%; padding:5%; max-width:250px; }

#IFG_Continut { padding:50px 0px;}
#IFG_Continut .IFG_Continut_Left { width: 100%; text-align: center; margin-bottom: 50px; }
#IFG_Continut .IFG_Continut_Right { width: 100%; }
#IFG_Continut h2 { width: 100%; font-size:1.3em; color:var(--rosu); font-weight:normal;  }
#IFG_Continut p { width: 100%; font-size:1.1em; color:var(--gri_dark); }

#IFG_Continut1 { padding:50px 0px 50px 0px;}
#IFG_Continut1 .IFG_Continut1_Left { width: 100%; text-align: left; margin-bottom: 50px; }
#IFG_Continut1 .IFG_Continut1_Right { width: 100%; margin-bottom: 50px; }
#IFG_Continut1 h2 { width: 100%; font-size:1.3em; color:var(--rosu); font-weight:normal;  }
#IFG_Continut1 p { width: 100%; font-size:1.1em; color:var(--gri_dark); }


#IFG_Galerie { width: 100%; float:left; position:relative; top: -50px; }

#IFG_Galerie img.small { width:20%; margin:2%;  }



#IFG_Fotter {  font-size:0.8em;  }


}