html, body {height: 100%; font-family: 'Oxygen', sans-serif;}
#supraheader{
  background-color: #4db8ff;
  height: 46px;
  line-height: 46px;
  color:rgba(255,255,255, 0.95);
  overflow: hidden;
  color: white;
}
.navbar-default .navbar-nav>li>a {
    color: #0033cc;
}
.navbar-default {
    background-color: white;
    border-color: transparent;
    padding: 20px;

}
.navbar-default .navbar-brand {
    color: #0033cc;
}
.navbar-brand>img {
    display: block;
    margin-top: -20px;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #ffcc00;
    background-color: transparent;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color:white ;
    background-color: #ffcc00;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.navbar-fixed-top {

    top: 0;
    border-width: 2px 2px 2px;
    border-color: lightgrey;
    padding: 20px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
        margin-top: -5px;
}
.social-top>a{
	color: white;
}
.social-top>a:hover, .social-top>a:focus{
	color: #ffcc00;
	text-decoration: none;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.pl-20{
  padding-left: 20px;
}
.pl{
  padding-left: 40px;
}
.pr{
	padding-bottom: 40px;
}
.pr-20{
  padding-right: 20px;
}
.pt-120{
	padding-top: 120px;
}
.pt{
	padding-top: 40px;
}
.pt-20{
	padding-top: 20px;
}
.pb-20{
	padding-bottom: 20px;
}
.pb{
	padding-bottom: 40px;
}
.opacity-black{

	background-color: rgba(0,0,0,0.5);

}
.height-715{height: 100% !important;} /* seteaza inaltimea la 100% */
.display-table{
    position: relative;
    height: 100%;  display: table;
}/* afiseaza sub forma forma de tabel */
.valign-middle{
    position: relative;
    display: table-cell;  
    height:100%;
    vertical-align: middle;
} /*aliniaza vertical */
.bg-image-1{
	background-image: url(../images/bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	
}
.bg-image-2{
	background-image: url(../images/rain.jpg);
	background-size: cover;
	background-attachment: fixed;
	
}
.bg-image-3{
  background-image: url(../images/4.jpeg);
  background-size: cover;
  background-attachment: fixed;
  
}
.height-100{
  height: 100%;
}
.titlu-centrala{
  font-size: 50px;
  color: white;
  padding-bottom: 20px;
}
#desktop-top{
  display: block;
  margin-top: -20px;
}
.btn-default{
    font-size: 20px;
    color: white;
    border-style: solid;
    border-width: 4px;
    border-color: white;
    background-color: transparent;
    
}
.btn-default:hover, .btn-default:focus {
    
  background-color: white;
      color: black;
  border-color: transparent;
  -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.hov-img{
	border-radius: 20px;
  border-style: solid;
  border-width: 4px;
  border-color: lightgrey;
}
.hov-img:hover{
	opacity: 0.5;
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.servici-text{
	color: black;
}
.servici-text:hover,.servicii-text:focus{
	color: #ffcc00;
	text-decoration: none;
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.a-page{
	color: #ffcc00;
}
.a-page:hover, .a-page:focus{
	color: white;
	text-decoration: none;
}
.bg-grey{
	background-color: #f2f2f2;
}
.img-produs{
	border-radius: 20px;
}
.btn-default-2{
	background-color: #0033cc;
	color: white;
}
.btn-default-2:hover , .btn-default-2:focus{
	background-color: white;
	color: #0033cc;
  -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.bg-darkgrey{
	background-color:  #595959;
}
.color-white{
	color: white;
}
.bg-orange{
	background-color: #ffcc00;
}
.bg-black{
  background-color: black;
}
.a-footer{
  color:white; 
}
.a-footer:hover, .a-footer:focus{
  color: #ffcc00;
  text-decoration: none;
}
.a-subfooter{
  color: #ffcc00;
  
}
.a-subfooter:hover , .a-subfooter:focus{
  color: #0033cc;
  text-decoration: none;
}
.height-480{
  height: 350px;
}
.color-orange{
  color: #ffcc00;
}
.btn-default-3{
  background-color: #0033cc;
  color: white;
}
.btn-default-3:hover , .btn-default-3:focus{
  background-color: #ffcc00;
  color: #0033cc;
  -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.height-220{
  height: 500px;
  width: 100%; 
}
.photos{
  padding: 0px 20px;
}
.text-font{
  font-size: 45px;
}
.img-produse{
  border-style: solid;
  border-color: white;
  border-width: 2px;
  border-radius: 10px;
  max-width: 400px;
  display: block;
  margin: auto;
}
.height-200{
  height: 208px;
  width: 100%;
}
.btn-mobile{
  display: none;
}
.btn-desktop{
  display: inline-block;
}
.hide-mobile{
  display: block;
}
@media (max-width: 768px){
  .btn-mobile{
    display: inline-block;
  }
  .btn-desktop{
  display: none;
}
.height-220{
  height: 500px;
  width: 100%;
}
.titlu-centrala{
  font-size: 40px;
}
.hide-mobile{
  display: none;
}
.bg-image-1{
  background-image: url(../images/poza2.jpg);
}
}