/*
Se foloseste:
bootstrap:
@media (min-width: 768px){
custom:
@media screen and (max-width:767px) {
responsive:
@media only screen and (max-width: 767px)
*/


@media only screen and (max-width: 992px) {
/*
CORECTARE!
	fara corectare, cu 991-erau inca sus, cu 992-erau pe verticala
*/
	.flex-column-reverse > .col-md-8,
	.flex-column-reverse > .col-md-4 {
		width: 100%;
	}
	.flex-column-reverse > .col-md-4 >.col-sm-6 {
		width: 50%;
	}
	.flex-column-reverse {
		-webkit-box-orient: vertical!important;
		-webkit-box-direction: reverse!important;
		-webkit-flex-direction: column-reverse!important;
		-ms-flex-direction: column-reverse!important;
		flex-direction: column-reverse!important;
	
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 768px) {
	.flex-column-reverse > .col-md-4 >.col-sm-6 {
		width: 100%;
	}
}


/* corectare la exact 768px (ascunde pina la 767 arata dupa 768 */
 /* --> si mai departe: anulam si mai departe ceea ce e la visible-* */
 /* ca sa nu adaugam toate visible-sm, *-md, *-lg */

.visible_from_sm {
		display: none !important;;
}
@media only screen and (min-width: 768px){
	.visible_from_sm {
		display: block !important;;
	}
}



ul.social-icons li {
     background-color: rgba(0, 0, 0, 0.2);
	 border-radius: 2px;
	 -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.social-twitter a:hover {
    background-color: rgb(29, 155, 240) !important;
}
.social-youtube a:hover {
    background-color: rgb(255, 0, 0) !important;
}


#pre_header {
    height: auto;
	line-height: 1.2em;
}

table td {
	word-break: break-word;/*break-all*/
}


img {
    height: auto;
}


.fa-fixed-width:before {
	text-align: center;
    width: 25px;
    display: inline-block;
}

#header.container {
    height: 65px;/*85px*/
}
.logo a {
    left: 0px; /*15*/
    top: 10px;/*30*/
}


.carousel-control {
    background: rgba(188, 94, 67, 0.5);/*#bc5e43*/
}
.carousel-control:hover {
    background: rgba(188, 94, 67, 0.4);/*#bc5e43*/
}
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img {
	margin:auto;
}
.carousel-caption{
	/*padding-bottom:20px;*/
}
@media only screen and (max-width: 440px){
	.carousel-caption{
		left: 46px;
		right: 46px;
		padding-bottom:15px;
	}
}
.carousel-caption .btn {
    box-shadow: 0px 0px 15px 0px #333333;
	margin-top: 5px;
}


.panel_block{

	background: #FBFBFB; 
	border: 1px solid rgba(0, 0, 0, 0.08) !important; 
	border-radius: 5px;
	padding: 10px; 
	-webkit-box-shadow: 0 10px 6px -6px #ccc; 
	-moz-box-shadow: 0 10px 6px -6px #ccc; 
	box-shadow: 0 10px 6px -6px #ccc;
	
	margin-bottom:15px;
}

.background_bnc_green{
	background-color: #71BF44;
}
.background_bnc_orange{
	background-color: #F58420;

}

h2.title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.filter_parent{
	position:relative;
}
.filter_tag {
	color: #c3c3c3;
	background-color: #ffffff;
	border:1px solid #c3c3c3;
	font-size: 80%;
	/*pull-right OR: (to parent position:relative; !!!)*/
	position:absolute;
	right:40px;
	bottom:0;
}
.filter_tag:hover {
	color: #ffffff;
	background-color: #c3c3c3;
}
.filter_tag .fa:before{
	color: #c3c3c3;
}
.filter_tag:hover .fa:before{
	color: #ffffff;
}
.filter_data{
	border:0px solid #c3c3c3;
	border-radius: 5px;
	padding: 2px 6px;
	line-height: 1;
	color: #a3a3a3;
	background-color: #f3f3f3;
	font-size: 80%;
	display:table;
	margin-top:-5px;
	margin-bottom:5px;
}
.filter_data .fa:before{
	color: #b3b3b3;
}

.sup_menu{
	overflow-x:auto;
	white-space:nowrap;
	text-align:right;
	vertical-align:top;
	margin-left:175px;
	margin-top:15px;
}
.sup_menu p,
.sup_menu div{
	display:inline-table;
}

.sup_menu .btn-default{
	font-weight:lighter; 
	padding: 4px 8px;
	background-color: initial;
	
	border-radius: 5px;
}
.sup_menu .btn-default:hover{
	background-color: #F4F4F4;/*ca meniul de mai jos*/
}

.sup_menu .input-group{
	width: 100px;
}
.sup_menu .form-control {
	width:70px;
	height:30px;
	padding: 4px 8px;
}
.sup_menu .input-group-addon {
	padding:0px;
}
.sup_menu .input-group-addon button {
	 border:0px; 
	 padding:6px 8px;
	 border-radius: 4px;
}


@media only screen and (max-width: 440px) {
.sup_menu {
	margin-right: -20px;
	margin-left: 155px;
}
.logo {
	margin-left: -20px;
}


.sup_menu .input-group{
	width: 75px;
}

}


.search_result{
	display:table;
	margin-top:-15px;
	margin-bottom:-5px;
}



.pagination > li > a,
.pagination > li > span {
	font-weight: bold;
}
.pagination > li.dots > span {
	border: none;
	padding: 7px 10px;
	margin-left: 0px;
	color:inherit;
	font-weight: lighter;
	cursor:default;
}
.pagination > li.dots > span:hover {
	background-color: inherit;
}






/* NOUL MENIU */
#hornav ul > li > a, 
#hornav ul > li > span{
	font-weight:bold;
    color: #71BF44 !important;
	white-space: nowrap;
}

ul.menu_principale {
	list-style-type: none;
	margin: 0;
	padding: 0 !important;
	overflow: hidden;
	background-color: #F4F4F4;
	
	z-index: 1;
}

ul.menu_principale li {
	float: left;
	margin:0px !important;
}

ul.menu_principale li a {
	display: inline-block !important;
	color: #606060 !important;
	text-align: center;
	padding: 12px 5px !important; /*vert oriz*/ /*border-bottom: 2px solid transparent;*/
	text-decoration: none;
	width: 145px;
	
	text-shadow: 0px 0px 5px #ffffff;
}
	/* Create an active/current tablink class */
	 ul.menu_principale li a.tab_active,
	 ul.menu_principale li a:hover {
	  background-color: #ddd !important;
	}

/*li:not(:first-child)*/
@media screen and (max-width:767px) {/*1085*/
	 ul.menu_principale{
		position: absolute;
		right:0px;
		
		border: 1px solid #F58420;
		border-top: none;
		border-right: none;
		box-shadow: 0 10px 10px -10px #000000, -10px 0 10px -10px #000000;
	}
	ul.menu_principale li {
		/*display: none;*/
		
		opacity: 0;
	}
	ul.menu_principale li a {
			display: none !important;
			text-align: left;
		}

		ul.menu_principale.responsive li {
			float: none;
			/*display: inline;*/
			
			opacity: 1;
			transition: opacity 0.5s linear;
			
		}
		ul.menu_principale.responsive li a {
			display: block !important;
			text-align: left;
		}

}







.icon_MobileMenu{
        display: none;
}
@media screen and (max-width:767px) {/*1085*/
	.icon_MobileMenu{
		display: inline-block;
		background-color: #F4F4F4; /*231F20*/
		
		padding: 11px;/*((48heig-(3x3bord+2*2marg)-2*b)/2padd)*/
		height:48px;
		
		/*border: 1px solid #F58420;*/
	}
}

.bar_container {
	display: inline-block;
	cursor: pointer;
}

.bar1, .bar2, .bar3 {
	display:block;
	width: 25px;
	height: 5px;
	background-color: #71BF44;
	transition: 0.4s;
	
	border: 1px solid #009900;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	box-shadow: 1px 1px 5px #000000;
}
.bar2{
	margin: 5px 0;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-7px, 7px);
	transform: rotate(-45deg) translate(-7px, 7px);
}
.change .bar2 {
	opacity: 0;
}
.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -7px);
	transform: rotate(45deg) translate(-7px, -7px);
}	

.tabcontent {
  display: none;
  
  border: 1px solid #F58420;
  border-top: none;
  
  box-shadow: 0 10px 10px -10px #000000;
  
  -webkit-animation: fadeEffect 0.5s;
  animation: fadeEffect 0.5s;
  
  background-color:rgba(230,230,230,0.95);  
  
  z-index: 1;
  
  text-align:center;
  
}
.tabcontent a{
	color:#000000;
	white-space:nowrap;
	
	display:inline-block;
	padding:10px;
	
}
.tabcontent a:hover{
	background-color: #f4f4f4;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}