

@font-face { 
	font-family: 'Muli-Light'; 
	src: url('/css/webfont/Muli-Light.eot?#iefix') format('embedded-opentype'), url('/css/webfont/Muli-Light.woff') format('woff'), url('/css/webfont/Muli-Light.ttf') format('truetype'), url('/css/webfont/Muli-Light.svg#Muli-Light') format('svg'); 
	font-weight: normal; 
	font-style: normal; }
@font-face { 
	font-family: 'Muli-Bold'; 
	src: url('/css/webfont/Muli-Bold.eot?#iefix') format('embedded-opentype'), url('/css/webfont/Muli-Bold.woff') format('woff'), url('/css/webfont/Muli-Bold.ttf') format('truetype'), url('/css/webfont/Muli-Bold.svg#Muli-Bold') format('svg'); 
	font-weight: normal; 
	font-style: normal; }
@font-face {
    font-family: 'Muli-SemiBold';
    src: url('/css/webfont/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),  url('/css/webfont/Muli-SemiBold.woff') format('woff'), url('/css/webfont/Muli-SemiBold.ttf')  format('truetype'), url('/css/webfont/Muli-SemiBold.svg#Muli-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
	font-family: 'Allura-Regular'; 
	src: url('/css/webfont/Allura-Regular.eot?#iefix') format('embedded-opentype'), url('/css/webfont/Allura-Regular.otf') format('opentype'), url('/css/webfont/Allura-Regular.woff') format('woff'), url('/css/webfont/Allura-Regular.ttf') format('truetype'), url('/css/webfont/Allura-Regular.svg#Allura-Regular') format('svg'); 
	font-weight: normal; 
	font-style: normal; 
}


.sectiune_home{
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
}
.sectiune_titlu{
	font-size: 90px;
	color: #866bbf;
	font-family: 'Montserrat', cursive;
	margin-top: 4vw;
}
.sectiune_continut{
	font-family: 'Muli-Light'; 
	color: #5e5d5d;
	font-size: 16px;
	width: 33%;
	margin: 1vw auto;
	line-height: 1.45;
}
.afla_mai_mult{
	height: 43px;
    margin-top: 24px;
    width: 169px;
    border: 1px solid;
    border-color: #ed0000 transparent #ed0000 transparent;
    font-family: 'Muli-Bold';
    background-color: transparent;
    color: #ed0000;
    font-size: 16px;
    margin-bottom: 4vw;
}
.afla_mai_mult:hover{
	background-color: #ed0000;
	color: white!important;
}
.buton_mai_mult{
    border: 1px solid;
    border-color: #ed0000 transparent #ed0000 transparent;
	width: 180px;
	text-align: center;
	line-height:40px;
	margin-left: auto;
	margin-right: auto;
}
.continut_ascuns{
	display: none;
	margin-bottom: 5vw;
}
.clear{
	clear: both;
}
.catedom{
	width: 80%;
	margin: 0 auto;
	display: inherit !important;
	visibility: visible !important;
}
.catedom_mob{
	width: 90%;
	margin: 20px auto;
	display: none !important;
	visibility: hidden !important;
}
.sectiune_categorie{
	height: 160px;
	display: table;
	width: 100%;
	margin-bottom: 4vw;
}
.sectiune_categorie_titlu{
	color: #ed0000;
	font-family: 'Montserrat', cursive;
	font-size: 46px;
	padding-left: 6vw;
	text-align: left;
}
.culoare_d1{
	width: 50%;
	background-color: #ed0000;
	height: 100%;
	color: white;
	font-family: 'Montserrat', cursive;
	font-size: 60px;
	display: table-cell;
	vertical-align:bottom !important;

}
.img_culoare_d1{
	float: left;
	margin-left: 5vw;
	margin-right: -5vw;
}
.culoare_d1_mob{
		width: 100%;
	background-color: #ed0000;
	height: 90px;
	color: white;
	font-family: 'Montserrat', cursive;
	font-size: 28px;
	padding-top: 20px;

}
.culoare_d2{
	width: 50%;
	background-color: #ffefbe;
	height: 100%;
	display: table-cell;
	text-align: center;
	font-family: 'Muli-Light'; 
	font-size: 16px; 
	vertical-align:middle;

}
.culoare_d2 p{
	margin:0;
}
.culoare_d2_mob{
	background: #ffefbe;
	display: none;
}
.table {
	display: table;
	height: 100%;
	width: 100%;
	min-height: 160px;
}

.table-cell {
	display: table-cell;
	height: 100%;
	vertical-align:middle;
	text-align:center;
}
.cell1{
	color: #ed0000;
}
.cellin{
	padding-top: 1vw;
	padding-bottom: 1vw;
	padding-left: 6vw;
	padding-right: 6vw;
	text-align:justify;
	min-height: 120px
}
.cell2{
	margin-top: 6vw;
	display: none;
}
.cancel{
	float: right;
    margin-right: 1vw;
    margin-top: 1vw;
    display: none;
    position: absolute;
    right: 13vw;
}
.animation_hover{
	width: 100%;
	background-color: #ffefbe;
	color: #ed0000;
	cursor: pointer;
}
.animation_hover:hover{
	background-color: #ed0000;
	color: white;
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    transition: all 250ms linear;
}
.animation_hover:hover .sageata{
	animation: color-fade 0.2s forwards;
	/*, shake 1.3s 0.3s cubic-bezier(.36,.07,.19,.97) both infinite;*/
	animation-delay: 2s
  	transform: translate3d(0, 0, 0);
  	backface-visibility: hidden;
  	perspective: 1000px;
}
.descriere_cat{
	text-align:justify;
	font-family: 'Muli-Light'; 
	font-size: 16px;
	color: #5e5d5d;
	padding-left: 6vw;
	padding-right: 6vw;
	padding-bottom: 3vw;
}
.catlink{
	margin-top: -5vw;
	border: 0px solid #000000;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 10px 2px rgba(30, 90, 0, 0.5);
	box-shadow:         0px 0px 10px 2px rgba(0, 0, 0, 0.5);
}
.catlink_pos{
	position: absolute;
	left: 48%;
}
#catlink_id{
	margin-top: 3%;
}
.sageata{
	position: absolute;
    right: 15%;
    font-size: 33px !important;
    color: #ed0000;
    margin-top: 3.8%;
}
.cat_mob{
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}
.flex-item {
  width: 100%;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}
.catlink_mob{
	margin-top: -20%;
	opacity: 0;
}
.subcat_mob{
	text-align: left;
	padding: 20px;
	margin: 20px;
	padding-left: 30px;
	background: url(/img/arrow_down_green.png) 93% no-repeat;
}
.titlu_subcat_mob{
	color: #ed0000;
    font-family: 'Montserrat', cursive;
    font-size: 32px;
}
.subtitlu_subcat_mob{
	font-family: 'Muli-Light'; 
	color: #ed0000;
	font-size: 15px;
}
.descriere_subcat_mob{
	display: none;
	text-align: left;
	font-family: 'Muli-Light'; 
	font-size: 16px;
	color: #5e5d5d;
	padding-left: 6vw;
	padding-bottom: 3vw;
}
.linie{
	height: 1px;
	width: 90%;
	margin: 0 auto;
	background-color: #d1d4c5;
}
.inside{
	/*opacity: 0;*/
}

/*===================================================================*/

@media(max-width:991px){

.catedom{
	display: none !important;
	visibility: hidden !important;
}
.catedom_mob{
	display: inherit !important;
	visibility: visible !important;
}	
	
	
}

/*===================================================================*/

@media(max-width:480px){
	
}

