/* NEEDED */
body
{
margin: 0;
overflow-x: hidden;
}
html, body
{
height: 100%;
width: 100%;
}
/* NEEDED */

/* OTHER */
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.slide1{
background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/slide1.jpg");
background-size: cover;
background-position: top;
}
.slide2{
background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/slide2.jpg");
background-size: cover;
background-position: bottom;
}
.slide3{
background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/slide3.jpg");
background-size: cover;
}
.slide4{
background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/slide4.jpg");
background-size: cover;
}
.slide5{
background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/slide5R.jpg");
background-size: cover;
}
.bg-nav
{
background: rgba(0,21,255,1);
background: -moz-linear-gradient(left, rgba(0,21,255,1) 0%, rgba(181,6,141,1) 71%, rgba(255,0,94,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,21,255,1)), color-stop(71%, rgba(181,6,141,1)), color-stop(100%, rgba(255,0,94,1)));
background: -webkit-linear-gradient(left, rgba(0,21,255,1) 0%, rgba(181,6,141,1) 71%, rgba(255,0,94,1) 100%);
background: -o-linear-gradient(left, rgba(0,21,255,1) 0%, rgba(181,6,141,1) 71%, rgba(255,0,94,1) 100%);
background: -ms-linear-gradient(left, rgba(0,21,255,1) 0%, rgba(181,6,141,1) 71%, rgba(255,0,94,1) 100%);
background: linear-gradient(to right, rgba(0,21,255,1) 0%, rgba(181,6,141,1) 71%, rgba(255,0,94,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0015ff', endColorstr='#ff005e', GradientType=1 );
}
.bgbgpr{
background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/project.jpg");
background-size: cover;
background-position: left;
background-attachment: fixed;
}
.bgbg{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/motivatie.jpg");
background-size: cover;
background-position: left;
background-attachment: fixed;
}
.bgbg3{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/wheelchair2.jpg");
background-size: cover;
background-position: bottom;
background-attachment: fixed;
}
.bgbg5{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/proiect3.jpg");
background-size: cover;
background-position: middle;
background-attachment: fixed;
}
.bgbg6{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/proiect4.jpg");
background-size: cover;
background-position: middle;
background-attachment: fixed;
}
.bgbg7{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/proiect5.jpg");
background-size: cover;
background-position: middle;
background-attachment: fixed;
}
.bgbg8{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/proiect6.jpg");
background-size: cover;
background-position: middle;
background-attachment: fixed;
}
.bgbg9{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/proiect7.jpg");
background-size: cover;
background-position: middle;
background-attachment: fixed;
}
.bgbg10{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/proiect8.jpg");
background-size: cover;
background-position: middle;
background-attachment: fixed;
}
.bgbg11{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/proiect9.jpg");
background-size: cover;
background-position: middle;
background-attachment: fixed;
}
.bgbg12{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/proiect10.jpg");
background-size: cover;
background-position: middle;
background-attachment: fixed;
}
.bgbg4{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/santa.jpg");
background-size: cover;
background-position: bottom;
background-attachment: fixed;
}
.presa{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/presa.jpg");
background-size: cover;
background-position: top;
background-attachment: fixed;
}
.bgbg2{
  background:linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.7)),  url("../images/wheelchair.jpg");
background-size: cover;
background-position: right;
background-attachment: fixed;
}
.galerie{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/galerie.jpg");
background-size: cover;
background-position: middle;
background-attachment: fixed;
}
.parteneri{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/parteneri.jpg");
background-size: cover;
background-position: bottom;
background-attachment: fixed;
}
.ajut{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/ajut.jpg");
background-size: cover;
background-position: middle;
background-attachment: fixed;
}
.contact2{
  background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),  url("../images/contact.jpg");
background-size: cover;
background-position: bottom;
background-attachment: fixed;
}
.bg-logo
{
background: url("../images/bg-logo.jpg");
background-position: center;
}
.line
{
height: 1px;
width: 100%;
background-color: #999;
}

a
{
color: inherit;
text-decoration:none;
}
.iconita{
	font-size : 50px;
}
.fab
{
font-size: 25px;
}
a:hover 
{
color: inherit; 
text-decoration:none; 
cursor:pointer;  
}
.footer2
{
height: 3px;
width: 100%;
background-color: orange;
}
.contact
{
background-image: url("../images/contact.jpeg");
background: cover;
background-repeat: no-repeat;	
background-position: center;
}
.iconcontact{
font-size: 40px;
}
.irfbg{
background-image: url("../images/irf.jpg");
background-size: cover;
background-position: right;
}
.wlbg{
background-image: url("../images/wlbg.jpeg");
background-size: cover;
background-position: right;
}
.nrfbg{
background-image: url("../images/nrfbg.jpeg");
background-size: cover;
background-position: bottom;
}
.safbg{
background-image: url("../images/safbg.jpeg");
background-size: cover;
background-position: center;
}
/* OTHER */
/* SLIDER */
.swiper-container 
{
width: 100%;
height: 50%;
}
.swiper-slide 
{
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.slide1
{
background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/slide1.jpg");
background-size: cover;
background-position: center;
}
.slide2
{
background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/slide2.jpg");
background-size: cover;
background-position: top;
}
.slide3
{
background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/slide3.jpg");
background-size: cover;
background-position: center;
}
.slide4
{
background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/slide4.jpg");
background-size: cover;
background-position: top;
}
.slide5
{
background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/slide5.jpg");
background-size: cover;
background-position: center;
}
/* SLIDER */
/* TIMELINE */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #313849;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}
.containert {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}
.containert::after {
  content: '';
  position: absolute;
  width: 35px;
  height: 35px;
  right: -17px;
  background-color: #3567b7;
  border: 4px solid #ffc107;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}
.leftt {
  left: 0;
}
.rightt {
  left: 50%;
}
.leftt::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #c2c5ce;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #c2c5ce;
}
.rightt::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #c2c5ce;
  border-width: 10px 10px 10px 0;
  border-color: transparent #c2c5ce transparent transparent;
}
.rightt::after {
  left: -16px;
}
.contentt {
  padding: 20px 75px;
  background-color: #c2c5ce;
  position: relative;
  border-radius: 6px;
}
  .left::after, .right::after {
  left: 15px;
  }
  .right {
  left: 0%;
  }
  .right::after {
  left: -16px;
} 
/* TIMELINE */
/* FONTS+MEDIA */
h1,h2,h3,h4,h5,h6 {
margin: 0;
}
h1 {
font-size: 3.75rem;
}
h2 {
font-size: 3.5rem;
}
h3 {
font-size: 1.875rem;
}
h4 {
font-size: 1.25rem;
}
h5{
font-size: 1rem;
}
h6{
font-size: 0.875rem;
}
@media screen and (max-width: 768px){
.container {
max-width: 98%;
}
}
@media (max-width: 1200px) {
html{
font-size: 15px;
}
}
@media (max-width: 992px) {
.ipr{
font-size: 13px;
}
html{
font-size: 14px;
}
h2 {
font-size: 3rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.125rem;
}
h5 {
font-size: .95rem;
}
p {
font-size: 14px;
}
.heading-title > span{
font-size: 1rem;
}
}
@media (max-width: 768px) {
html{
font-size: 13px;
}
.ipr{
font-size: 13px;
}
}
@media (max-width: 576px) {
html{
font-size: 12px;
}
}
}
/*FONTS: ;
@media screen {
  
}