#oferte-speciale h3 {
    font-size: 17.5px;
}

.span2 { width:auto !important; height:150px; margin: 15px;
    margin-left: 0px; }


/* navbar */

.navbar-inverse {

    background-color: #f04949;

    border-color: #f04949;

}

/* title */

.navbar-inverse .navbar-brand {

    color: #fff;

    font-size:20px;

    font-weight: bold;

}

.navbar-inverse .navbar-brand:hover,

.navbar-inverse .navbar-brand:focus {

    color: #fff;

}

/* link */

.navbar-inverse .navbar-nav > li > a {

    color: #fff;

}

.navbar-inverse .navbar-nav > li > a:hover,

.navbar-inverse .navbar-nav > li > a:focus {

    color: #fff;

}

.navbar-inverse .navbar-nav > .active > a, 

.navbar-inverse .navbar-nav > .active > a:hover, 

.navbar-inverse .navbar-nav > .active > a:focus {

    color: #fff;

    background-color: #f04949;

}

.navbar-inverse .navbar-nav > .open > a, 

.navbar-inverse .navbar-nav > .open > a:hover, 

.navbar-inverse .navbar-nav > .open > a:focus {

    color: #fff;

    background-color: #f04949;

}






#oferte-speciale .span3 {

    float: right;
}


#oferte-speciale .line {

    font-size: 0;

    height: 2px;

    margin: 10px 0;

    overflow: hidden;

    width: 100%;

    background-color: #2e3344;

}



#oferte-speciale  .sidebar ul.nav li a > i {

    float: left;

    line-height: 40px;

    margin: -10px 5px -10px -10px;

    overflow: hidden;

    position: relative;

    text-align: center;

    width: 40px;

}



#oferte-speciale .sidebar ul.nav li a{

	font-weight: 700;

}



.nav li a:first{margin-left: 20%;}

.nav li a{width:100%; margin-right: 45%;font-size:1.5em;}

.nav li a i{margin-right: 10px;display: inline !important;}

@media (min-width: 600px) and (max-width: 1100px) {

	.nav li a {

	    font-size: 1.5em;

	    margin-right: 10%;

	}

}

.nav li a .fa{display: inline !important;}





/*** nav ends here ****/



#oferte-speciale .title {

	background-color: #34495e;

	color: #fff;

	font-weight: bold;

	padding: 10px 5px;

}



#oferte-speciale .btn-success, .panel-success {

    background-color: #27c24c !important;

    border-color: #27c24c !important;

    color: #fff !important;

}

#oferte-speciale .btn-primary, #oferte-speciale .panel-primary {

    background-color: #7266ba;

    border-color: #7266ba;

    color: #fff !important;

}

#oferte-speciale .btn-info, #oferte-speciale .panel-info {

    background-color: #23b7e5;

    border-color: #23b7e5;

    color: #fff !important;

}

#oferte-speciale .btn-warning, #oferte-speciale .panel-warning {

    background-color: #fad733;

    border-color: #fad733;

    color: #fff !important;

}

#oferte-speciale .btn-danger, #oferte-speciale .panel-danger {

    background-color: #f05050;

    border-color: #f05050;

    color: #fff !important;

}

#oferte-speciale .btn-dark, #oferte-speciale .panel-dark {

    background-color: #3a3f51;

    border-color: #3a3f51;

    color: #fff !important;

}


.news_container { 	margin-top:15px; } 


.timeline{


    max-width:99%;

    margin: 0 auto;

    position: relative;

    height: auto;

    padding: 0px;

    clear: both;

    overflow: hidden;

}

.timeline li.year, .timeline li.event{

	list-style-type: none;

	z-index: 99;

}

.timeline li.year{

	clear: both;

	width: 4em;

	margin: 0 auto;

	line-height: 4em;

	background-color: #fff;

	border-radius:50%;

	text-align: center;

	margin-bottom: 25px;

	border: 1px solid #f39c12;

	

	box-shadow: 2px 2px 2px #888888;

	-moz-box-shadow: 2px 2px 2px #888888;

    -webkit-box-shadow: 2px 2px 2px #888888;

}

.timeline li.year:first-child{

	margin-top:0px;

}





.timeline li.event{

	width: 94%;

	background-color: #fff;

	margin-bottom: 20px;

	padding: 20px;

	position: relative;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-color: #e5e6e9 #dfe0e4 #d0d1d5;

    border-image: none;

    border-style: solid;

    border-width: 1px;

}



#oferte-speciale li.event:nth-child(odd) {

    color: black;

 

    float: left;

}

#oferte-speciale li.event:nth-child(even) {

    color: black;

  

    float: left;



}





@media (max-width: 772px) {

	.timeline li.event{

		width: 90%;

		background-color: #fff;


		margin: 20px auto;

		padding: 20px;

		position: relative;

	    padding-bottom: 45px;
	}

	

#oferte-speciale 	li.event:nth-child(odd) {

	    color: black;

	    clear: both;

	    float: none;

	}

#oferte-speciale 	li.event:nth-child(even) {

	    color: black;

	    clear: both;

	    float: none;

	}

	

	.timeline li.event:nth-child(odd)::after, li.event:nth-child(even)::before {

	    width: 0px;

	}
	
	#oferte-speciale h3 {
    	font-size: 17.5px;
	    line-height: 20px;
	}

}





@media (max-width: 350px) {

	
	.timeline li.event {
		width: 82%;
	}
	
	.text-right {
    	text-align: right;
	    font-size: 10px;
	}
	
	


}



#oferte-speciale img{

	margin-top:5px;

	margin-bottom:5px;
	
	max-width: 250px;

}













/***** Loader *****/

#loader{

	margin-top:10px;

}

.sk-spinner-pulse.sk-spinner {

  width: 60px;

  height: 60px;

  margin: 0 auto;

  background-color: #333;

  border-radius: 100%;

  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;

  animation: sk-pulseScaleOut 1s infinite ease-in-out; 

}



@-webkit-keyframes sk-pulseScaleOut {

  0% {

    -webkit-transform: scale(0);

            transform: scale(0); }



  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0; } }



@keyframes sk-pulseScaleOut {

  0% {

    -webkit-transform: scale(0);

            transform: scale(0); }



  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0; } }

/***** Loader *****/    





/*****************************************************************************/

/***************Animate Start**************************/

/*****************************************************************************/

.load-animate {opacity: 0;}

.fadeInUp {-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp;}

.animated {-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;

-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;

}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}

/*****************************************************************************/

/***************Animate End*****************************************************/

/*****************************************************************************/