body {
    background: #82b416 !important;
}
/********************** header menu **************************************/
.header{
    background: #fff;
}
.navbar-collapse.collapse{
  height: 100px !important;
}
.navbar-right{
  margin-top: 40px !important;
}
.nav li a {
  background: transparent !important;
  color: #333;
  box-shadow: none;
  font-size: 24px;  
}
.nav li a:hover{
  color:#82b416 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
  box-shadow: none;
  color:#82b416;
  font-size: 24px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
       
        padding-bottom: 5px !important;
        position: relative !important;
        z-index: 10000 !important;
    }
/*********************index******************************************/
.container{
/*  background: #fff !important;*/
}
.container-fluid {
    
}
.acasa{
  background: #fff !important;
}
.text{
  margin-bottom: 20px;
}
.text h5{
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  text-indent: 15px;
}
/*********************cazare******************************************/
.cazare{
    background: #fff;
    padding-bottom: 20px;
}
.cazare h2{
    margin-top:80px;
    margin-bottom:40px;
    color:#233145;
    font-weight:normal;
    font-size:24px;
}
.cazare h5{
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    text-indent: 15px;
}

.fadeInUp{
    animation-name:fadeInUp;
}
.fadeIn{
    animation-name:fadeIn;
}
.animated{
    animation-duration:1s;
    animation-fill-mode:both;
}
.accordion .accord-btn.active::after{
    background-position:-740px -425px;
}
.accordion-box {
   
    position: relative;
}
.accordion {
    border: 1px solid #82b416;
    margin-bottom: 10px;
    position: relative;
}
.accordion .accord-btn {
    background: none repeat scroll 0 0 #ffffff;
    cursor: pointer;
    display: block;
    line-height: 30px;
    min-height: 30px;
    padding: 10px;
    position: relative;
}
.accordion .accord-btn h4 {
    color: #233145;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    position: relative;
    transition: all 0.3s ease 0s;
}
.accordion .accord-btn::after {
    background: url("../images/icons/icons.png") no-repeat scroll -740px -295px rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}
.accordion .accord-btn.active::after {
    background-position: -740px -425px;
}
.accordion .accord-btn.active h4 {
    color: #3498db;
}
.accordion .accord-content {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px solid #82b416;
    display: none;
    padding: 4px;
    position: relative;
}
.accordion .accord-content.collapsed {
    display: block;
}
.accordion .accord-content img {
    float: left;
    margin: 0;
    position: relative;
}
.accordion .accord-content p {
    font-size: 16px;
    position: relative;
    top: -5px;
}
.image_acc{
    width:70px !important;
}

/*********************contact******************************************/
.cont{
    margin-bottom:15px;
}
.input_certificat{
    padding: 5px;
    width: 111%;
}
.fild_input_login{
    margin-bottom:15px;
} 
.left{
   margin-bottom:15px; 
}
.button_send{
    float: right;
    margin: 10px;
}
.input_certificat_select{
    font-size: 12px;
    margin-bottom: 15px;
	color: #333;
}
/*********************footer******************************************/
.footer{
  background: #6737637;
  padding-top: 10px;
}
.left{
    color: white;
}
.right{
    color:white;
    float: right;
}
.right a{
    color: #82b416 !important;
}
.right a:hover{
    color: #82b416 !important;
}
/*********************slide******************************************/

/* For tablets & smart phones */
@media (max-width: 767px) {
    body {
        padding-left: 20px;
        padding-right: 20px;
    }
    .container {
        width: auto
    }
}

/* For smartphones */
@media (max-width: 480px) {
    .container {
        width: auto
    }
    iframe {
      width:200px;
    }
}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
    .container {
        width: 724px
    }
}

/* For larger displays */
@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}
#slides .slidesjs-navigation {
    margin-top:5px;
}

a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
    background-image: url(img/btns-next-prev.png);
    background-repeat: no-repeat;
    display:block;
    width:12px;
    height:18px;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    margin-right:5px;
}

a.slidesjs-next {
    margin-right:10px;
    background-position: -12px 0;
}

a:hover.slidesjs-next {
    background-position: -12px -18px;
}

a.slidesjs-previous {
    background-position: 0 0;
}

a:hover.slidesjs-previous {
    background-position: 0 -18px;
}

a.slidesjs-play {
    width:15px;
    background-position: -25px 0;
}

a:hover.slidesjs-play {
    background-position: -25px -18px;
}

a.slidesjs-stop {
    width:18px;
    background-position: -41px 0;
}

a:hover.slidesjs-stop {
    background-position: -41px -18px;
}

.slidesjs-pagination {
    margin: 7px 0 0;
    float: right;
    list-style: none;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(img/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
    background-position: 0 -26px
}

#slides a:link,
#slides a:visited {
    color: #333
}

#slides a:hover,
#slides a:active {
    color: #9e2020
}
#slides{
    background: #d7d8d9;
    padding-top: 3px;
}
.navbar {
    overflow: hidden
}
.ui-effects-transfer {
/*    border: 1px solid #00a6d2;
    z-index:10000;*/

}
.span3{
    width: 33%;
    float: left;
    margin-top: -10px;
}
.span3 .thumbnail{
    border: none !important;
    margin: 0;padding: 0;
    box-shadow: none;
}
.caption h4 {
    font-size: 1rem;
    color: #444;
}
.caption p {
    font-size: 0.75rem;
    color: #999;
}
.btn.btn-mini {
    font-size: 0.63rem;
}
/* Mobile Only */
@media (max-width: 319px) {
    .navbar-default .navbar-nav > .active > a{
        font-size: 16px;
    }
    .nav li a{
        font-size: 16px;
    }
    .navbar-brand{
        width: 107px !important;
        margin-top: 27px;
    }
}
@media (max-width: 479px) {
    .caption {
        word-break: break-all;
        .text_f .col-sm-5 .col-sm-7 .col-xs-7 .col-xs-5{
            margin: 0;
            padding: 0;
        }
    }
    .page-header, .control-box {
    text-align: center;
    }
    .navbar-right{
  margin-top: 0px !important;
}
.navbar-default .navbar-nav > .active > a{
        font-size: 20px;
    }
    .nav li a{
        font-size: 20px;
    }
.navbar-nav {
    background: none repeat scroll 0 0 #ddd !important;
}

    nav{
        background: red transparent !important;
        margin-top: -2% !important;
        width: 100%;
    }
    .navbar-toggle .icon-bar{
        background: #00a7d3;
    }
    .navbar-toggle{
        margin-top: 35px;
    }
    .header{
        height: 78px;
    }
  
.navbar-nav a {
    text-align: left;
    font-size: 12px;
}
.text h5 {
    font-size: 12px;
    line-height: 20px;
    text-align: justify;
    text-indent: 15px;
}
.navbar-brand{
    width: 180px;
}
.acasa h1{
    font-size: 30px;
}
.input_certificat_select {
    font-size: 11px;
    margin-bottom: 15px;
}
}
@media (min-width:480px) and (max-width:767px){
       nav{
/*        background: transparent !important;*/
        
        width: 100%;
        
    }
    .input_certificat_select {
    font-size: 11px;
    margin-bottom: 15px;
	
}
    .navbar-nav {
    background: none repeat scroll 0 0 #ddd !important;
}
 .navbar-right{
  margin-top: 0px !important;
}
    .navbar-toggle .collapsed{
      margin-top: 60px;
      
    }
    .navbar-toggle{
        margin-top: 50px;
    }
    .navbar-header{
      height: 100px;
    }
    .navbar-toggle .icon-bar{
        background: #00a7d3;
    }
    .header{
        height: 100px;
    }
  
.navbar-nav a {
    text-align: left;
}
.nav li{
   
}
}
@media (min-width:768px) and (max-width:1024px){
  .header{
    height: 100px;
  }
  .nav li a {
   font-size: 20px;  
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
  font-size: 20px;
}
h5{
  font-size: 24px;
}
  
}
@media (min-width:992px) and (max-width:1199px) {
    .header{   
        height: 100px;
    }
    nav{
        margin-top: 5%;
        background: #f4f8fa;
    }
    .navbar-nav a {
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }
    nav{
        margin-top: 10px;
    }
   }
@media (min-width:1200px){
   nav{
        margin-top: 10px;
        margin-bottom:0px !important;
        background: #f4f8fa;
    }
}