body{
	background-color:#F7F7F7;
}

.container{
	padding-left:7%;
	padding-right:7%;
}

.navbar-brand{
	padding:0;
}

.navbar{
	z-index:9999 !important;
}

.active{
	background-color:#44BCDD;
}

.align{
	padding:0;
	padding-top:6px;
	background-color:white;
}

.align:hover{
	background-color:white !important;
}

.navbar-brand {
	padding-left:3%;
	background-color:#15619E !important;
}

.navbar-nav > li:hover{
	background-color:#15609F;
}

.navbar-nav > li > a {
	width:100%;
	height:auto;
	color:black !important;
	font-size:1em;
	line-height:25px;
	display:inline-block;
}

.navbar-nav > li > a:hover{
	color:white !important
}
.caret{	
	border-bottom-color:black !important;
    border-top-color: black !important;
}

.dropdown-submenu{position:relative;text-align:left;}
.dropdown-submenu>.dropdown-menu{top:100%; right:auto !important;left:auto !important;margin-top:-1px;margin-left:-1px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>.dropdown-menu li a:hover{background-color:#15609F;}

/*---------------------Carousel--------------------*/
.absolute{
	position:absolute;
	top:3%;
	right:0;
	width:30% !important;
	min-width:230px !important;
	height:auto !important;
	z-index:2;
}

#title{
	font-weight:bold;
}

.btn-blue{
	background-color:#15619D;
}

/*.overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/pattern.png) repeat;
	z-index:1;
}*/
/*---------------------/Carousel--------------------*/
/*---------------------Despre noi-----------------*/
#desprenoi{
	margin-bottom:2em;
}

#transp{
	background:url(../img/logo-transp-asociatia-11even.png) no-repeat fixed 40% 10%;
}

.white{
	background-color:white;
	padding-right:0;
	max-width:none !important;
}

.description{
	text-indent:30px;
	font-size:16px;
}

.vertical-align{
	margin-top:26px;
}

#bullets{
	padding-left:0;
}

#bullets li{
	list-style-type:none!important;
	background:url(../img/star.jpg) no-repeat;
	padding-left:1.4em;
	margin-top:0.8em;
	line-height:1.5em;
	background-position:0 0.2em;
}

/*---------------------/Despre noi-----------------*/

/*---------------------Evenimente 11even-----------------*/
#myCarousel2{
	height:233px;
	overflow:hidden;
}

#background-evenimente{
	background:url(../img/logo-transp-11even.png) no-repeat fixed 40% 10%;
}

#carousel-background{
	background:none;
}

.arrow-fix2{
	margin-top:-120px;
}

/*---------------------/Evenimente 11even-----------------*/
#olympics{
	background:url(../img/logo-transp-fam-olimpics.png) no-repeat fixed 40% 20%;
}

#poza{
	background:url(../img/logo-transp-o-poza-implineste.png) no-repeat fixed  40% 20%;
}

#golf{
	background:url(../img/logo-transp-golf.png) no-repeat fixed 40% 70%;
}

#olympicnic{
	background:url(../img/logo-transp-olimpicnic-day.png) no-repeat fixed 40% 20%;
}

#poze{
	background:url(../img/logo-transp-link.png) no-repeat fixed 40% 20%;
}

.link-fix a{
	float:left;
	clear:left;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background:url(../img/uparrow.png) no-repeat;
	z-index:1000000;
}

.goto:hover{
	cursor:pointer;
}

.video-container, .image-container{
	display:inline-block;
	padding-top:6%;
	padding-bottom:6%;
	width:100%;
	height:100%;
	background-color:black;
}

.spacer{
	clear:left;
	height:30px;
}

/*-------------------Video Fix--------------------*/
.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.image-container{
	padding-top:3%;
	padding-bottom:3%;
}

iframe{
	width:100%;
	height:100% !important;
}


form{
	float:left;
	width:100%;
	height:auto;
	border:none;
}

form input, form textarea{
	width:100%;
	height:100%;
	min-width:180px;
	border:none;
	background-color:#EDEDED;
	margin-top:15px;
	border-radius:5px;
	font-size:15px;
	padding:12px 0 10px 12px;
}

#submit{
	width:25%;
	background-color:#3A87AD;
	padding:10px;
	color:white;
	min-width:80px;
}

#submit:hover{
	background-color:#555555;
}

.navbar-fixed-top{
	border:none;
	background-color:white;
	margin:0;
	z-index:100;
	
}

.navbar-nav{
	background:white;
	margin-top:0;
}

h1{font-size:2.5em;
padding-top:100px;
margin-top:-50px;
margin-bottom:0;
}

h2{
	text-align:center;
	font-size:1.6em;
	margin-top:0;
}

ul{
	padding-left:4%;
}

/*----------------------Separator-----------------------*/

.sus, .jos{
	position:absolute;
	right:0;
	margin-top:-2.7em;
	z-index:9;
	display:block;
}

.jos{
	margin-top:-2.2em;
	left:0;
}

.sageti{
	margin:30px auto 0 auto;
	position:relative;
}

.comment{
	top:3vw;
	width:100%;
	height:auto;
	display:inline-block;
	color:white;
	font-size:1.2em;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
	text-align:center;
	background:url(../img/slider-pattern.png);
	background-color:#6b99c6;
}

.comment-text{
	margin:0 auto;
	max-width:1051px;
	padding-top:1.5vw;
	padding-bottom:1.5vw;
}

.comment-effect{
	width:100%;
	height:10px;
	background-color:#acacac;
}

.comment-arrow{
	width:100%;
	height:21px;
	background:url(../img/separator-shadow.png) no-repeat bottom center;
}

/*----------------------/Separator-----------------------*/
.galerie{
	float:left;
	margin:0 0 0 15px;
	width:100%;
}

.galerie a{
	margin-top:10px;
	margin-left:5px;
	float:left;
	width:32%;
}

.galerie a img{
	width:100%;
}


@media only screen and (max-width: 768px) {
.comment{
	top:0.5vw;
}
	
.dropdown-submenu>.dropdown-menu{
	left:auto !important;
	right:0 !important;
}
.navbar{
	background:none !important;
}
}
@media only screen and (max-width: 600px) {

#min, #min-vid{
	float:none;
	width:100%;
}

#min-vid{
	margin-top:10%;
}

.list-inline{
	float:right;
	padding-left:20%;

}

.list-inline a {
	    font-size:2vw;
		line-height:3em;
		}

.margin-fix{
	margin:0;
	display:inline-block;
	max-width:75%;
}
}

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

.margin-fix{
	margin:0;
	max-width:100%;
}

.text-right{
	width:100%;
}

.list-inline{
	float:left;
	display:inline-block;
	padding-left:12vw;
	padding-right:0;
}

.list-inline li{float:left;}

.list-inline a {
	    font-size:0.5em;
		}
}

.row{
	max-width:100%;
}

.separator-fix{
	margin:30px 0 0 0;
	background:none !important;
}

.navbar-collapse.in {
  overflow-y: visible;
  background:none;
}

.navbar-header{
	background:white !important;
}

.bx-wrapper{
	border:none !important;
	padding:0 !important;
}

.proba img{
	width:33.3% !important;
	float:left;
	border:1px solid #F7F7F7;
}

<!-- SlidesJS Optional: If you'd like to use this design -->
  <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->
  <style>
    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

.slider img{
	width:32%;
	height:auto;
}

.slider{
	width:100%;
	min-height:200px;
	text-align:center;
}

.slidesjs-previous img, .slidesjs-next img{
    height: auto;
    max-width: 5vw;
}

#slides, #slides2, #slides3, #slides4, #slides5{
	position:relative;
}

#slides3, #slides4, #slides5{
	margin-top:30px
}

.slidesjs-previous, .slidesjs-next{
	position:absolute;
	top:35%;
	left:-20px;
	display:block;
	z-index:100 !important;
}

.slidesjs-next{
	left:auto;
	right:-20px;
}

    /* For tablets & smart phones */
    @media (max-width: 767px) {	  
	  .slider a{
		  display:none;
	  }
	  
	  .slider img{
		  width:100%
	  }
	  
	  .slider a:first-child{
	display:block;
}
    }