html,

body {

    height: 100%;

    margin-top: 30px;

    

}


/*
 .thumbnail {
opacity: .6;
background-color: #e4c412;
}

.thumbnail:hover {
opacity: 1;
background-color: #d3d1d1;
}
*/
.padding {

    margin-top: 50px;

}

body { 

  /*  background-color: #04022e; 

    background: url(../imagini/home/bg3.jpg);

    background-size:cover;

     background-repeat: no-repeat;

    background-color: #699dd2;*/

}



/**** Start Background Color ****/

/*  .gri {
color:#d3d1d1;
} 

.alb {
    color: #b6ff00;
}

.rosu {
    color: red;
}

.alb2 {
    color: white;
}
*/


.font16{

    font-size: 16px;

   

}



.color {

    background:#b6ff00;

    opacity: .7;

}

.textSlide {

    

    background-color:red;

    opacity: .2;

  }  

.transparent{
    opacity: .7;
}

.panel {
height: 250px;

}

.caption {
height: 220px;
}


.panel-heading, .panel-footer {
opacity: .7;
}
.text-centru {

   

    text-align: center;

}

.backgr {

    background-color:transparent;

    /*background: url(../imagini/home/nova11111.jpg);

    background-size:cover;

     background-repeat: no-repeat;*/

   

}

.backgr1 {

    background: url(../imagini/home/nova11112.jpg);

    background-size:cover;

}



.img-portfolio {

    margin-bottom: 30px;

}



.img-hover:hover {

    opacity: 0.9;

}







/* 404 Page Styles */



.error-404 {

    font-size: 100px;

}





.period {

    display: block;

    font-style: italic;

}

.a_lista {

    border: none;

    margin: 0;

    padding-bottom:  0;

    padding-top: 0;

}

ul {

    list-style: none;

}



/* Footer Styles  */

footer p {

    text-align: center;

    color: white;

    text-decoration: none;

}



footer a, a:link, a:visited{

    color: white;

    text-decoration: none;

}



footer .table, tbody,tr,td {

    padding: 0;

    margin: 0px;

    border: 0;

    text-align: center;

    

}

footer .navbar {

    padding: 0;

    margin: 0;

}

/* Responsive Styles */



@media(max-width:991px) {

    .customer-img,

    .img-related {

        margin-bottom: 30px;

    }

}



@media(max-width:767px) {

    .img-portfolio {

        margin-bottom: 15px;

    }



    header.carousel .carousel {

        height: 70%;

    }



}



@media screen and (max-width: 768px) {

    .lead {

        font-size:14px;

    }

}

 

@media screen and (max-width: 568px) {

    .lead {

        font-size:0.8em;

    }

}



  /* <!--stiluri pag proiect --> */

        .captionOrange, .captionBlack

        {

            color: #fff;

            font-size: 20px;

            line-height: 30px;

            text-align: center;

            border-radius: 8px;

            width:100%;

          

        }

        .captionOrange

        {

            /*background: #EB5100;

            background-color: rgba(235, 81, 0, 0.6);*/

            background-color:transparent;

        }

        .captionBlack

        {

        	font-size:16px;

            background: #000;

            /*background-color: rgba(0, 0, 0, 0.4);*/

            background-color: rgba(13, 3, 73, 0.40);

        }

        a.captionOrange, A.captionOrange:active, A.captionOrange:visited

        {

        	color: #ffffff;

        	text-decoration: none;

        }

        a.captionOrange:hover

        {

            color: #eb5100;

            text-decoration: underline;

            background-color: #eeeeee;

            background-color: rgba(238, 238, 238, 0.7);

        }

        .bricon

        {

            background: url(../imagini/browser-icons.png);

        }

   



.navbar-inverse .navbar-toggle {

  border-color: transparent; /* Removes border color */

  float: left; /* Move navbar toggle to left */

}

.navbar-inverse .navbar-toggle .icon-bar {

  background-color: #f00; /* Changes regular toggle color */

}

.navbar-inverse .navbar-toggle .icon-bar:hover {

  background-color: #fff; /* Changes toggle color on hover */

} 

.btn-circle {

    width: 70px;

    height: 70px;

    margin-top: 15px;

    padding: 7px 16px;

    border: 2px solid #fff;

    border-radius: 100%!important;

    font-size: 40px;

    color: #fff;

    background: 0 0;

    background-color: rgba(13, 3, 73, 0.40);

    -webkit-transition: background .3s ease-in-out;

    -moz-transition: background .3s ease-in-out;

    transition: background .3s ease-in-out;

}



.btn-circle:hover,

.btn-circle:focus {

    outline: 0;

    color: #fff;

    background: rgba(255,255,255,.1);

}



.btn-circle i.animated {

    -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

}



.btn-circle:hover i.animated {

    -webkit-animation-name: pulse;

    -moz-animation-name: pulse;

    -webkit-animation-duration: 1.5s;

    -moz-animation-duration: 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

}