@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
 
 #loading { 
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: table;
   background-color: rgba(0,0,0,0.95);
   z-index: 999999999999999;
   text-align: center;
}
 

a, a:visited, a:hover { text-decoration:none !important; }
#loading > div {
	display:table-cell;
	vertical-align:middle;
}	
#loading-image {
  z-index: 100;
}
.gratis { 
	font-size:26px; 
	color:#fc0;
} 
.overlay {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100%;
	width:100%;
	display:table;	
	z-index:100002;
}
.overlay > div {
	display:table-cell;

	position:relative;
	vertical-align:middle;
	text-align:center;
}
.overlay_form {
	margin:0 auto;
	width:auto;
	max-width:70%;
	min-width:50%;
	height:auto;
	max-height:500px;
	background:#fff;
	border:3px dotted #E31B23;
	padding:20px;
	color:#111;
	font-size:16px;	
	overflow:auto;
}
.overlay_form h2 {
	font-size:22px;	
}
.oferta_option {
	
 	cursor:pointer;
	background:#f1f1f1;
 	padding:4px;
	font-size:14px;
 	
	border:1px dashed #ccc;
 
	height:160px;
}
.oferta_option:nth-child(odd) {
	background:#eee;
}
.oferta_option:hover {
	background:#FAF9F2;	
}


body {
	padding:0;
	font-family: 'Cabin', sans-serif !important;
	margin:0;
	height: 100%;
 
	color:#333;
	background: #fff;
}

a, a:visited { outline: 0; text-decoration:none;transition:all .2s ease-in-out;  }
.promo h1, .promo  h2, .promo  h3, .promo  h4 { font-family: 'Cabin', sans-serif; color:#333 !important;  }
body h1,  h2, h3, h4 { font-family: 'Cabin', sans-serif;font-weight:300; color:#333 !important;     }
body a:hover { color:#E31B23; }
.topBar { 
	width:100%;
	height:auto;
	color:#b8ab69;
	background:#111; 
	margin:0 auto;
	position: -webkit-sticky;
  	position: sticky;
	z-index:1;	
	box-shadow:0 0 8px rgba(0,0,0,0.4); 
	transition:all .2s ease-in-out;
 }
table.dataTable tbody tr {
	background:none !important;	
}
.tablesm { font-size:12px !important;  }
.tablesm th { padding:3px !important;  }
.tablesm td { font-size:10px !important;padding:3px !important;font-weight:normal; }
.tablesm td h4 {
	font-size:12px !important; margin:3px;	
}
.navi { 
	width:auto;
	height:auto;
	
	font-size:16px;
	border-bottom: 1px dotted #B8AB69;
 	color:#222;
	padding-bottom:10px; 
	margin-left:20px;
}
.navi a { 
	text-decoration:none; 
	font-family: 'Open Sans';
	color:#333;
	font-size:inherit;
	text-decoration:none;
}
.cartSummary {
	width:175px;
	height:56px;
	background:url(../images/bg_shoping_cart.png);
	text-align:center;
	background-size:100%;
	position:absolute;
	top:25px;
	padding:30px 0 0 0;
	left:120px;
	font-size:13px;
}
.cartSummary_text {
	font-family: 'Cabin', sans-serif;
	font-size:14px;
	color:#fff;
}
.topLeft {
	font-family: 'Cabin', sans-serif;
	position:absolute;
	height:inherit;
	font-size:17px;
 	color:#eee;	
	display:table;
}

.topLeft .logo {
	display:table-cell;
	vertical-align:middle;
	top:0;
	left:0;
	right:0;
	bottom:0;	 
 	padding-left:10px;
}
.topLeft .logo img {
	margin-top:12px;
	height:55px	
}
.topLeft a { color:#E31B23; }
.topRight {
	font-family: 'Open Sans', sans-serif;
	position:absolute; 
	top:10px;
	right:10px;
	font-size:12px; 
	font-weight:400;
 	color:#b8ab69;
	display:table;
	text-align:right; 
	text-transform:uppercase;
	text-shadow:0 0 3px rgba(0,0,0,0.2); 
}
.topRight a { color:#b8ab69; text-decoration:none !important; }
.topRight > div {
	display:table-cell;
	vertical-align:middle;
	padding-left:15px;
}
.topWrap { 
	width: 80%;
	height:80px;
  	margin:0 auto; 
 	position:relative;
}
#menu { 
	display:none; 
	position:fixed;
	top:80px;
	left:0;
	right:0; 
	bottom:-10px;
	z-index:999999;
	overflow:scroll;
}
 
.clear { clear:both; }







.menu { 
 	text-align:left;
	position:absolute;
	top:35px;
	right:0;
	width:auto;
 }
.menu i { color:#E31B23;font-size:12px; margin-top:-8px; }

.menuItem { 
	display:inline-block;
	padding:15px 10px; 
}	

.menuItem a { 
	color: #DAD2B1;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 6px; 
	transition:all .2s ease-in-out;
	
}
.menuItem a:hover { 
	color:#E31B23; 
	cursor:pointer; 
	text-decoration:none;  
	
}
 

.separator1 {  
	display:inline-block;
	width:1px;
	padding:15px 0;
	background:rgba(0,0,0,0.5);
}

.bandaMobile {
	background:#FFF1E6;
	display:none;
	padding:10px;
		
}



.center { text-align:center; }
.btnTopContainer {
	height:auto; 
	width:auto;
	position:absolute;
	top:0;
 
	right:0;
	bottom:0;
}
.btn_addLocatie { 
	color:#fff;
	padding:21px;
	font-size:14px;
	font-weight:normal;
	background:#1F5185;
	cursor:pointer;
	box-shadow:inset 1px 1px 5px #333;
	float:right;
	font-family: 'Cabin', sans-serif;
}

.btn_myAccount { 
 	color:#fff;
	padding:21px;
	font-size:14px;
	font-weight:normal;
	background:#1F5185;
	cursor:pointer;
	box-shadow:inset 1px 1px 5px #333;
	float:right;
	position:relative;
}
.dropMenu {
	display:none;
	width:94px;
 	z-index:199;
 	color:#fff;	
	padding:10px;
	position:absolute;
	top:55px;
	left:0px;
	background:#1F5185;
	cursor:pointer;
	box-shadow:inset 1px 1px 5px #333;

}
.btn_myAccount:hover .dropMenu { display:block; }
.mainDiv { 
	width:auto;
	height:auto;
	min-height:600px;
//	border:1px solid #ccc;  /* delete it */
	margin:10px auto;
	padding:10px;
}
.mainDiv2 {
	width:80%;
	height:auto;
	box-sizing:border-box;
	min-height:500px;
	margin:0 auto;
	padding:20px;
 	position:relative;
}
.title-band { 
	color:#B8AB69;
	width:100%;
	text-transform:uppercase;
	text-align:center;
 	margin:0 0 26px 0;
	font-size:32px;
	letter-spacing:1.2px;
	font-weight:400; 
	font-family:'Cabin';
	padding-bottom:10px;
	border-bottom: 1px dotted #B8AB69;
}

.tb_green { 
 	background-color: #E31B23;
}
.tb_brown { 
	background-color: #E31B23;
}
.tb_orange { 
	background-color: #f87c02;
}
.tb_dark_brown { 
	background-color: #5e281c;
}
.paragraf {
	font-family: 'Cabin', sans-serif;
	font-size:18px;
	color:#111;
	 	
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}
.bg1 {
	background-image:url(/images/bg1.png);
	background-repeat: no-repeat;
    background-position: center top;	
}
.bg2 {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );

}
.bg3 {
	background:#222;
}
.header { 
	margin:0 auto !important;
	background:url(../images/Layout/home-header.png) no-repeat;
}
.mainColumn { 
	width:calc(100% - 230px);
	height:auto;
	float:none; 
	display:inline-block;
	z-index:0;
  
  	min-height:360px;
}
.border {
	box-sizing:border-box;
	background-color:#FFF1E6;
	border:6px solid #fff;
	box-shadow:0px 1px 0px #555;
 	min-height:360px;	
}
.full-width {
	width:auto;
	display:block;	
}
.rightCol { 
	width:220px;
	height:inherit;
	float:right;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:"Cabin", sans-serif;
	font-weight:700;
}
.rightColumn { 
	width:auto;
	height:auto;
	position:relative;
	min-height:50px;
 	margin-bottom:15px;
}
.advertDiv { 
	width:auto;
	height:auto;
   	padding:50px;
	background-image:url(../images/Layout/bg-wood.jpg);
	background-size:100%;
	 
}
 
 .advertDiv_inner {
	max-width:1100px;
	width:auto;
	height:auto;
	margin:0 auto; 
 }
.vertical_10 { height:10px; clear:both; } 
.vertical_20 { height:20px; clear:both; }
.vertical_30 { height:30px; clear:both; }
.textField { 
	border:1px solid #eee;
	box-shadow:1px 2px 5px #ccc;
	padding:10px;
	color:#555;
	margin-bottom:5px;
	width:280px;
	font-size:15px;
	background:#fff;
}
.loginBtn { 
	background:#336699; 
	text-align:center;
	font-size:14px;
	font-weight:bold;
 	color:#fff;
 	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	border:none;
}
.loginBtn:hover { color:#E31B23; cursor:pointer; }
.btn_addLocatie:hover { background:#1D4A78;  }
.btn_myAccount:hover { background:#1D4A78;  }
.separator { margin:15px auto 15px auto;  height:2px;background:url(../images/separator.png) repeat-x; width:auto;    }
.noMargin { margin:0; }
.reclame { 
	margin-top:10px;
}
.reclame img { width:100%; margin-bottom:10px; cursor:pointer; }
.reclame img:hover {opacity: 0.9; filter: alpha(opacity=90); }
.footer { 
	width:auto;
	margin:0;
	min-height:10px;
	padding-top:20px;
	background:url(../images/bg_tile.jpg) repeat;
 	color:#fff;	 
	font-family: 'Cabin', sans-serif;
 }
.footer h1 { 
	color:#666;
	font-weight:100;
	margin-bottom:0;
	font-size:25px;
}
.footer .title-band {
	font-size:14px;	
}
.footerWrap { 
	width:80%;
	height:190px;
	margin:0 auto;
	padding:10px;
	color:inherit;
	font-size:15px;
 }
.column { 
	height:inherit;
	width:24%;
	float:left;

	padding-left:10px;
	
}
 .footerWrap a, .footerWrap a:visited { text-decoration:none;color:#fff;line-height:21px }	
 .footerWrap a:hover {
	text-decoration:none; 
 }
.footer-band  {
	padding:5px 0;	
	font-size:18px;
	width:85%;
	color:#d5cea6;
	border-bottom:3px dotted #d5cea6; 
 }
 
.eticheta { 
	padding:8px;
	border-radius:8px;
	margin:5px;
 	color:#336699;
	font-size:14px;
	display:inline-block; 
}
.powered { 
	width:80%;
	margin:0 auto;
	padding:10px 0;
	font-size:13px; 
	line-height:18px;
	color:#fff;
	text-shadow:0 0 15px #000;
 }
.powered a { color:#E31B23;font-weight:bold; text-decoration:none;}
.powered a:hover { color:#ffd24d;text-decoration:none; }
.eticheta:hover { color:#fff; background:#336699;cursor:pointer; }
.sel {
	background:#336699;
	color:#fff;	
}
.eticheta a, .eticheta a:visited {
	color:#336699;
	text-decoration:none;	
}
.eticheteMainDiv { 
	width:700px;
 	float:right;
	min-height:200px;
}
/****************************************/
.obiectivBox {
	width:auto;
	height:auto;
 	display:inline-block;
	margin:15px;
 	position:relative;
	transition:all 0.3s ease;
}
.obiectivBox:hover .image {
	border-color:#FFD24D;	
	transition:all 0.3s ease;
	 -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
}
.obiectivBox:hover .title {
	color:#336699;	
}
.obiectivBox .image {
	overflow:hidden;
	border-radius:9999%;
	width:210px;
 	height:210px;
	box-shadow:1px 1px 4px #333;
	border:6px solid #336699;
}
.obiectivBox .image img {
 	width:100%;
	height:100%;
}
.obiectivBox .title {
	font-size:23px;
 	color:#666;	
 	width:auto;
	max-width:inherit;
	padding:5px;
	font-family: 'Cabin', sans-serif;
}
.obiectivBox .location {
	width:auto;
 	color:#777;
	padding:5px;
	font-size:19px;
	margin-top:4px;
	font-weight:300;
	z-index:6;
	font-family: 'Cabin', sans-serif;
 }
.obiectivBox .description {
	width:auto;
	color:#000;
	padding:5px;
	font-size:18px;
	font-weight:300;
	z-index:6;
	font-family: 'Cabin', sans-serif;
 }

.obiectivBox .nota { 
	visibility:hidden;
	top:68px;
	text-align:center;
	width:auto;
 	color:#E31B23;
	padding:5px;
	font-size:18px;
	z-index:4;
 	text-shadow:3px 1px 5px #000;
}
.obiectivBox:hover .nota { visibility:visible;  	 }


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

.evenimentBox .dropbtn { 
	padding:8px; 
	font-size:13px;  
	 
	border-radius:2px;
}
 
.evenimentBox .pret {
	font-size:25px;
	color:#B8AB69;
	margin-bottom:10px;
	font-family: 'Cabin', sans-serif;
}
.pret {
	font-size:18px;
	color:#E31B23;

}
.evenimentBox {
	width:90%;
	height:auto;
 	float:left;
	color:#fff;
	overflow:hidden;
 	border:1px solid transparent;
 	padding:10px;
 	position:relative;
 
	transition:all 0.3s ease;
  }
.evenimentBox:hover .image {
 	transition:all 0.3s ease;
	
}
.evenimentBox:hover .dropbtn {
	cursor:pointer;
	color:#000;
	 
 
}
 
.evenimentBox .image {
	overflow:hidden;
	width:100%; 
	height:auto; 
	max-height:220px;
	border-radius:3px; 
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.evenimentBox .image img {
 	width:100%;
 	margin:0 auto;
 
}
.evenimentBox .title {
	font-size:19px;
 	color:#fff;	
 	width:100%; 
	overflow:hidden;
	box-sizing:border-box;
	max-width:inherit;
	padding:5px 0; 
 	font-family: 'Cabin', sans-serif;
	font-weight:500; 
	display:table;	  
}
.colordark {
	color:#333 !important;
}

.evenimentBox .title span {
	display:table-cell;
	vertical-align:middle;
}
 .evenimentBox .description {
	width:auto;
 	color:#000;
	padding:5px;
	font-size:14px;
	font-weight:300;
	z-index:6;
	font-family:'Cabin', sans-serif;
 }

.evenimentBox .nota { 
 	width:auto;
 	color:#E31B23;
	font-size:18px;
	z-index:4;
	padding:15px 5px 5px;
 }
 
.addToCart { 
	background:url(../images/id_cart.png);
	width:66px;
	height:65px;
	border:none;
	cursor:pointer;
}
.quantity {
	padding:8px;
		
}

.produsBox {
	width:auto;
	float:left;
	width:100%; 
   	position:relative;
	overflow:hidden;
  	transition:all 0.3s ease;	 
	text-decoration:none;
	background:#fff;
	margin-bottom:20px;
	border-radius:10px;
	box-shadow:0 0 15px rgba(0,0,0,0.2);
} 
.produsBox_inner {  
	padding:5px 15px 50px 15px; 
} 
.produsBox .pret {
	font-size:30px;
	color:#E31B23;
	padding-left:15px;
}

 
 
.produsBox:hover .image {
 	transition:all 0.3s ease;
	z-index:99999;
}



.produsBox .image {  
	 
	overflow:hidden; 
 	width:100%;
	height:100%;
	min-height:185px !important;
	margin:0 auto;
 	box-sizing:border-box;
	position:relative; 
	background-repeat:no-repeat !important;
	background-position:center center !important;
	background-size:cover !important; 
	 
}
.produsBox .image .loadingPreview {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#fff;	
}
.produsBox .image img {
 	height:100%; 
	max-height:220px; 
  	width:auto; 
	visibility:hidden;
}
.produsBox .title {
	font-size:25px;
 	color:#666;	
  	width:auto;
	padding-left:15px;
   	padding-top:5px;
	padding-bottom:10px;
	text-align:left;
 	font-family: 'Cabin', sans-serif;
}
.padding_left { padding-left:20px !important; }
.produsBox .col-xs-8 {
	padding-top:10px;
	padding-bottom:10px;	
}
.produsBox .description {
	padding-left:15px;
   	color:#444;
 	font-family: 'Cabin', sans-serif !important;
 	text-transform:capitalize;
  	font-size:14px;
 	z-index:6;
	text-align:left;
  } 
.purchaseBtn {
	padding:5px 10px;
	text-align:center;
	color:#fff;
	border-radius:3px;
 	float:left;
	border:none;
	background:#E31B23;
	margin-left:13px;
	margin-top:5px;
}
.purchaseBtn:hover {
	transition:all .2s ease-in-out;
	background:#333;
	color:#fff;	
}
 

/*********** OBIECTIV DETAILS ****/
.cover { 
	width:auto;
	margin:0 auto; 
 	height:auto;
	background:#ccc;
 	position:relative;
}
.cover2 { 
	width:inherit;
	height:inherit;
	background:url(../images/pattern-dots-single.png) repeat;
	position:relative;
}
.coverContent {
	width:1180px;
	height:500px;
	position:relative;
	min-height:100px;
	margin:0 auto;
}
.coverTitle { 
	font-size:38px;
	color:#fff;
	position:absolute;
	bottom:43px;
	left:260px;
	text-shadow:3px 1px 5px #000;
}
.coverSubtitle { 
	font-size:16px;
	color:#fff;
	position:absolute;
	bottom:23px;
	left:263px;
	text-shadow:3px 1px 5px #000;
}
.oProfile { 
	position:absolute;bottom:-65px;left:0;
	width:220px;
	height:200px;
	overflow:hidden;
	border:6px solid #fff;
	box-shadow:2px 2px 15px #fff;
	background:#ccc;
	z-index:10;
}
.oProfile img { width:100%; }
.contacts {
	position:absolute;
	top:-70px;
	left:270px;	
	font-size:14px;
	line-height:26px;
}
.facebookBox { 
	background:#fff;
	border:6px solid #fff;
	box-shadow:2px 2px 15px #fff;
	width:340px;
	height:500px;
	position:absolute;
	top:-225px;
	right:0;
	z-index:10;
}
.facebookBox iframe { width:100%; height:inherit; }

.googleButtons {
	z-index:7;
	width:50px;
	height:50px;
	padding:10px;
	background:url(../images/transparent.png) repeat;	
	cursor:pointer;
}
.googleButtons:hover {
	background:url(../images/transparent2.png) repeat;	
}
.map { position:absolute; top:0;left:0; }
.streetView { position:absolute; top:0;left:74px; }
.oMap { 
	display:block; 
	width:100%;
	height:inherit;
	background:#fff;
	position:absolute;
	z-index:-1;
}
.oMap iframe { width:100%; height:inherit; }
.oStreet { 
	display:block; 
	width:100%;
	height:inherit;
	background:#fff;
	position:absolute;
	z-index:-1;
}
.oStreet iframe { width:100%; height:inherit; }
.obContent { width:820px;float:left; height:auto;  }
.obTags { 
	width:auto;
	margin-top:40px;
}
.rating { 
	color:#B8AB69; 
	cursor: pointer;
	font-size:16px;
}
.rating:hover {
	color:#E31B23 !important;
}
.rating i { cursor:pointer; }
.rating i:hover { color:#E31B23; }
.hoverr, .hoverrr {
	color:#E31B23 !important;
}

.data { 
	color:#E31B23;
	font-size:35px;
}
.photo:hover {
	 box-shadow:2px 2px 8px #000;
	transition:0.2s linear;
}
.photo {
	background:#000;
	width:180px;
	height:150px;
	float:left;	
	text-align:center;
	margin:5px 5px 0 0;
	overflow:hidden;
	box-shadow:2px 2px 8px #555;
	transition:0.2s linear;
	border:6px solid #fff;
	overflow:hidden;

}
.photo img {	
	opacity: 0.8;
    filter: alpha(opacity=80); 
	transition:0.2s linear;
	height:auto;
}
 .photo:hover > img {
	opacity: 1;
    filter: alpha(opacity=100); 
	transition:0.2s linear;
}
.badge { 
	background:#336699;
	color:#fff;
	font-size:12px;
	font-style:italic;
	padding:6px;
	border-radius:6px;
	margin:4px;
}
#success { 
	color:#093;
}
.has-error { 
	background:#FFBFBF !important;
}
/*************** CATEGORIES ********/
.searchBar { 
	background:#336699;
	width:auto;
	padding:10px;
	color:#fff;
}
.form-control { 
	width:100%;
	padding:8px;
	box-sizing:border-box;
	margin-top:10px;
	color:#444;
	border:1px solid #ddd;
	border-radius:3px;
}
.page { 
	background:#336699;
	color:#fff;
	font-size:16px;
	padding:8px;
 	margin:4px;
	float:left;
	cursor:pointer;
}
.page:hover { 
	color:#000;
	background:#E31B23;
}
.pageSelected { 
	color:#000;
	background:#E31B23;
}
/*********** accoutn ***/
.accountMenu { 
	font-size:35px;
	font-weight:bold; 
	color:#336699;
}
.buttons { 
	padding:12px;
	font-size:22px;
	border-radius:5px;
	background:#336699;
	color:#fff;
	cursor:pointer;
	border:none;
	box-shadow:1px 2px 5px #999;
}
.buttons:hover { 
	color:#000;
	background:#E31B23;
}
/*/*********************************************/
body, html {
    height: 100%;
}
 
.promoSearch {
	border-radius:0;
	width:350px;
	font-size:18px;
	font-family: 'Cabin', sans-serif;
	 
	padding:22px;
	margin-top:50px;
	display:inline-table;
	border: none;
	color:#666;
	margin-top:0;
	 
}
.motorCautare .promoSearch {
	width:auto;	
	background:#ffd24d;
	color:#555;
}
.dropbtn {
 	border-radius:4px;
 	background:#E31B23;
	display:inline-table;
    color: #fff;
    padding: 22px;
    font-size: 15px;
 	border:1px solid #E31B23;
    border-radius:3px;
    cursor: pointer;
	margin-top:0px;
	transition:all 0.3s ease;
	font-family: 'Cabin', sans-serif;
	font-weight:600;
	
}
.dropbtn:hover {
	cursor:pointer;
	color:#fff;
	background-color:#333;	
	border-color:#333;
}
.dropbtn.btn {
	padding:10px !important;
	font-size:14px !important;	
	margin-top:10px;
	color:#fff;
    background:#E31B23;
}
.panel {
	width:auto;
 	padding:10px;
	margin:10px 10px 0 0;
 }
.section_inner .dropbtn {
	border-radius:6px;
	box-shadow:1px 1px 5px #555;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	margin-top:0px;
	font-family: 'Cabin', sans-serif;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
	max-height:170px;
	overflow:auto;
	width:100%;
	text-align:left;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content span {
	text-decoration:none;
    color: #336699;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	font-size:14px;
	cursor:pointer;
}

/* Change color of dropdown links on hover */
.dropdown-content span:hover {background-color: #336699;color:#fff;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #ffd24d;
}

.searchContainer { 
	margin:30px;
	position:relative;
}

.section { 
	font-family:'Roboto', sans-serif;
	width:auto;
	height:auto;
	padding:25px;
}
.section_inner { 
	width:1300px;
	margin:0 auto;
	position:relative;
	min-height:100px;
}
.section_inner h1, .section_inner h2 { color:inherit; margin:auto; font-family:'Roboto', sans-serif; font-weight:100;font-size:45px;}
.section_inner span { font-weight:100;font-size:22px;  }
.s-dark { background:url(../images/Layout/sl_bg.png) no-repeat;background-size:100% 100%; color:#fff; border-top:7px solid #336699;}
.s-gray { background-color:#eee; color:#666; }
.s-white { background-color:#fff; color:#666; }

.catBox_holder {
	width:25%;
	float:left;
 	position:relative;
}
.catBox_holder .title {
	font-size:110%;
	text-transform:uppercase;
	font-weight:700;
	min-height:82px;
	margin:0 auto 30px auto; 
	font-family: 'Cabin', sans-serif;
	color:#111;
	text-align:center;
	padding:20px;
}
.icon { 
	margin:0 auto 0 auto;
	width:85%;
	height:auto;
	box-sizing:border-box;
 	text-align:center;
 	cursor:pointer;
  	transition:all 0.3s ease;
	border: 2px dashed #e2e2e2;
	position:relative;
	transition:all .2s ease-in-out;
 	padding:15px;
	overflow:hidden;
	border-radius:9999px;
 	background:#fff;
}
.icon:hover { 
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.icon:hover + .title, .title:hover {
 	transition:all .2s ease-in-out;
	color:#E31B23;
	 
}
 
 
.icon img { width:100%; height:auto; z-index:-1; border-radius:9999px;}
 
 
.column  .catBox { width:60px;height:30px;color:#ffd24d;text-align:center; background:none; padding:10px; font-size:15px;box-shadow:none;overflow:visible; }
.column  .catBox > span { font-size:38px; margin:0 auto 15px auto; }
.column  .catBox:hover, .column   .catBox:hover > span  {
	color:#fff;
}

 
/********************/
/****************************************/
.obiectivBoxCat {
	width:550px;
	height:auto;
 	display:inline-block;
 	background:#fff;
 	position:relative;
 	transition:all 0.3s ease;
	padding:5px;
	border-radius:4px;
	overflow:hidden;
	text-align:left;
}
.obiectivBoxCat:hover .image {
 	transition:all 0.3s ease;
 
}
.obiectivBoxCat:hover .title {
	color:#336699;	
}
.obiectivBoxCat .image {
	float:left;
	overflow:hidden;
 	width:200px;
	height:auto;
 }
.obiectivBoxCat .image img {
 	width:100%;
	height:100%;
}
.obiectivBoxCat .title {
	font-size:22px;
 	color:#444;	
 
 	width:auto;
	max-width:inherit;
	padding:5px;
	
	font-family:'Cabin', sans-serif;
}
.obiectivBoxCat .location {
	width:auto;
 	color:#444;
	padding:5px;
	font-size:16px;
	margin-top:4px;
 
	z-index:6;
	font-family:'Cabin', sans-serif;
 }
.obiectivBoxCat .description {
	width:auto;
	color:#000;
	padding:5px;
	font-size:18px;
	font-weight:300;
	z-index:6;
	font-family:'Roboto', sans-serif;
 }

.obiectivBoxCat .nota { 
 
	top:68px;
	 
	text-align:left;
	width:auto;
 	color:#E31B23;
	padding:5px;
	font-size:18px;
	z-index:4;
 	text-shadow:3px 1px 5px #000;
}
.mainDiv2 > .coverTitle2, .mainDiv2 > .coverSubtitle2 { display:none; }
.last { padding-left:10px; }

ul.listCategories {
	padding-left:0px;	
}

ul.listCategories li { 
	list-style:none !important; 
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:2px dotted #ccc;
	font-size:16px;
	text-transform:uppercase;

	
}
 
 

.catSelected { color:#E31B23 !important; }

.product-info {
	width:auto;
	position:relative;
	height:auto;
	margin-top:15px; 
}	
.product-info .image { 
	width:100%;
 	height:auto; 
}
.product-info .image img {
	width:100%;	
}
.product-content { 
 	 text-align:left; 
 }
.product-price {
	font-size:32px;
	color:#cc0000;	
	margin:0; 
	width:auto;  
}
.tabelPreturi {
	width:auto;	 
}

.tabelPreturi th {
	border-bottom:1px solid #E31B23;
	font-size:16px;
	color:#666;
	font-weight:bold;
	text-align:center;	
	padding:5px;
}
.tabelPreturi td {
	font-size:27px;
	font-family: 'Cabin', sans-serif;
	color:#E31B23;
	padding:7px;
	text-align:center;	
}

.tabelPreturiLatest {
	width:auto;	
 	position:absolute;
	bottom:10px;
	left:10px;
 }
.tabelPreturiLatest th {
//	border-bottom:1px solid #E31B23;
	font-size:13px;
	color:#666;
	font-family:'Cabin', sans-serif;
	text-align:left;	
	padding:0;
}
.tabelPreturiLatest td {
	font-size:19px;
	font-family: 'Cabin', sans-serif;
	font-weight:700;
	color:#E31B23;
	padding:0;
 	text-align:left;	
}


.tabelPreturiCategories {
	width:auto;	
 	position:absolute;
	top:0;
	right:5px;
	font-family: 'Cabin', sans-serif !important;
}
.tabelPreturiCategories th {
//	border-bottom:1px solid #E31B23;
	font-size:14px;
	font-weight:normal;
	color:#666;
	padding:5px;
	font-family: 'Cabin', sans-serif !important;
	text-align:center;	
}
body label { font-family:'Cabin', sans-serif; }
.tabelPreturiCategories td {
	font-size:20px;
	font-family: 'Cabin', sans-serif !important;
	color:#E31B23;
	padding:5px;
	text-align:center;	
}
.optiuni .title-band { font-size:12px; } 
.optiuni td {
  	font-size:12px;
	font-family:'Cabin', sans-serif;
	font-weight:500;
	width:33%;
	vertical-align:top;
 }
.optiuni label {
	width:98%;
	margin-right:2%; 
	box-sizing:border-box;	
}
 
.cart { width:100%; }
.cart th { 
	background:#FF8400;
	color:#fff;
	padding:5px;
	font-size:12px;
	text-align:center;
}
.cart td { 
	font-size:11px;
	padding:5px;
	background:#eee;
	color:#000;
	border-bottom:1px solid #ccc;
}
.cartBig { width:100%;border:2px dotted #EBD4C0; }
.cartBig th { 
	background:#FF8400;
	color:#fff;
	padding:10px;
	font-size:15px;
	text-align:center;
}
.cartBig td { 
	font-size:15px;
	padding:5px;
	color:#555;
	border-bottom:2px dotted #EBD4C0;
}
.btn-sm {
	font-size:12px;
	padding:8px;
	border-radius:4px; 
	margin-top:5px;	
}

.optiuniCart { font-size:12px; }
.yellow { color:#FF8400; }
.altezile { font-size:15px; color:#666;line-height:25px;}
.altezile h3 { font-size:19px; font-weight:700;   }
.slicknav_menu {
	display:none;
}
.pretPretContainer {
	float:right; 
	text-align:right;
 	padding:5px;
	text-align:center;
	font-weight:700;
	 	
}
.pretTitle { 
	font-family: 'Cabin', sans-serif !important;
	font-size:20px;
	color:#666;
}
.pretPret { 
	font-size: 19px;
	font-family: 'Cabin', sans-serif !important;
	color: #E31B23;
	
}

.pLeft {
	width:30%;
	float:left;
}
.pRight { 
	width:70%;
	float:right;
}
.altezilemeniu { width:50%; float:left; }
.optiuni label { 
	padding:4px 12px 4px 12px; 
	border-radius:4px;
	width:auto;
	font-size:16px;
	color:#fff;
	font-family: 'Cabin', sans-serif !important;
	font-weight:700;
 	background-color: #E31B23;
	padding:4px 40px 4px 4px;
	background-repeat:no-repeat;
	background-position:right;	
 	 
  	font-family: 'Cabin', sans-serif;
 	text-shadow:1px 1px 4px rgba(0,0,0,0.4);
	cursor:pointer;
 }
 
.optiuni label {
	font-size:14px;	
}
 



/******** MENIU MOBIL */
#toggle { 
  font-size: 24px; 
    position: absolute;
    top: 28px;
    right: 28px;
    z-index: 99999;
	display:none;
}
.sticky #toggle {
	color:#111;
}
 
nav {
  background-color: rgba(0,0,0,1);
  text-align: center;
  color:#fff;
  margin-top:-10px;
}
nav a { color:#B8AB69; }
nav ul { 
  display: none; 
  list-style:none;
  font-family: "Cabin", sans-serif;
  font-size:21px;
  font-weight:700;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  line-height:30px;
  margin-top:10px;
  margin-left:0; 
  margin-right:0;
  padding-left:0;
}
nav ul li { border-bottom:2px dashed #333;; padding:20px; text-decoration:none; }
nav ul li a { color:#fff; width:100%; }

nav ul li:hover { background: #cc0000; color:#fff; }
nav ul li:hover a { color:#fff; text-decoration:none;  }






/* Customize the label (the container) */
.ct {
  display: block;
  position: absolute;
  bottom:5px;
  left:10px;
 padding-left:30px;
  width:50px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.ct input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
 
 
/* On mouse-over, add a grey background color */
.ct:hover input ~ .checkmark {
  background-color: #5E281C;
}

/* When the checkbox is checked, add a blue background */
.ct input:checked ~ .checkmark {
  background-color: #5E281C;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.ct input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.ct .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




.lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #cc0000;
  border-color: #cc0000 transparent #cc0000 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

.metoda_plata {
	font-size:22px;	
}
.padding { 
	padding:4px;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.whitelogo {  }
.darklogo { display:none;  }

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
 
  
}
.sticky .darklogo { display:block; }
.sticky .whitelogo { display:none; }
 
.sticky a, .sticky a:visited {
	color:#B8AB69;	
	text-shadow:none;
}

.sticky + .topBar {
  padding-top: 102px;
}

 

/* Customize the label (the container) */
.chk_container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}

/* Hide the browser's default checkbox */
.chk_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fff;
  border:2px solid #666;
  transition:all .2s ease-in-out;
}

/* On mouse-over, add a grey background color */
.chk_container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chk_container input:checked ~ .checkmark {
  background-color: #FF3922;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chk_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chk_container .checkmark:after {
    top: 4px;
    left: 5px;
    width: 7px;
    height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}






/* Create a custom radio button */
.radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
  transition:all .2s ease-in-out;
} 

/* On mouse-over, add a grey background color */
.chk_container:hover input ~ .radiomark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.chk_container input:checked ~ .radiomark {
  background-color: #FF3922;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.chk_container input:checked ~ .radiomark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.chk_container .radiomark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
  border-radius: 50%;
  background: white;
}



.opt_title {
	font-size:19px;
	font-weight:400;
	color:#333;
	margin-bottom:10px;	
}

.opt_table {
	width:100%;	
}

.opt_table tr:hover {
	background:#eee;	
}
.opt_table td { padding:10px 4px 6px; border-bottom:1px solid #eee; font-size:18px;  }
.opt_table td + td { 
 
	text-align:right;
}

.textField {
	width:100%;
	box-sizing:border-box;
	border-radius:4px;
	padding:15px;
	border:1px solid #ccc;
	background:#fff;
	color:#333;	
	margin-bottom:10px; 
	margin-top:10px; 
}
.product-content .opt_cant {
	font-size:26px;
}
.success {
	background:#090;
	border-color:#090;	
}
.opt_cant {
	font-size:22px;
	font-weight:400;
	color:#333;
	cursor:pointer;	
 
}
.opt_cant:hover {
	color:#FF3922;
}


.opt_cant_small {
	font-size:22px;
	font-weight:300;
	color:#333;
	cursor:pointer;
	padding:3px;
	height:40px;
}
.opt_cant_small i {
	font-size:14px;
	 
}
 
.opt_cant_small:hover {
	color:#FF3922;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cart_opts {
	font-size:14px;
	font-weight:400;
	font-style:italic;	
}

.cart_opts_small {
	font-size:13px;
	font-weight:400;
	font-style:italic;	
}

 
 .show_on_mobile { display:none; }
 
 
.subtitle {
	font-size:21px;
    white-space: nowrap;
    font-weight: 700;
	margin-bottom:10px;
}

.section-title {
    text-align: center;
    font-family: "Cabin";
    font-weight: 600;
    font-size: 28px;
    color: #555;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.section-title:before, .section-title:after {
	margin:0 10px;
    content: url(/images/header_decorator_gold.png);
}

.meniu_pret {
	font-size:34px;
	font-weight:400;
	color:#cc0000;	
}

.content {
	min-height:600px;	
}
.warning {
	font-size:22px;
	color:#cc0000;	
}
 
.grid { 
	column-count:4;
 	column-gap:5px;
}
.grid-item {
	width:100%;
	overflow:hidden;
	 padding-bottom:5px;
}
.grid-item img { 
	width:100%;
}

.popup-window {
	position:fixed;
	display:none;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999999999999;
	background:rgba(0,0,0,0.5);
	overflow:auto;
}
.popup-window > div {
	display:table;
	width:70%;
	height:70%;	
	margin: 50px auto;
}
.popup-window > div > div {
	position:relative;
	display:table-cell;
	border:1px solid #000;
	vertical-align:middle;
 	
	background:#fff;
	padding:20px;
}

table.dataTable tbody td {
	font-size:16px !important;
}
.highlight { 
	color:#E31B23;
}
.evenimentBoxx {
	width:25%;
	float:left;
}

@media screen and (max-width:767px) {
    .subtitle {
        font-size: 26px !important;
        margin-top:20px !important;
    }   
}

/**** MEDIA QUERIES - RESPONSIVE ***/
@media screen and (max-width:1100px) {
	.topWrap, .powered, .footerWrap,  .mainDiv2 { width:auto; margin:0;  }
	.padding_left { padding-left:0 !important; } 	
	.pLeft, .pRight { width:auto; float:none; }	 
	.column { width:46%; }
	.footerWrap { height:auto; }
	.powered { padding:20px; }
  
}

.poftigobtn { display: none !important;  }

@media screen and (max-width:780px) {
	.evenimentBoxx { width:33.3%; max-height:260px; overflow: hidden; }
	 .poftigobtn { display: block !important; }
	
	.grid { column-count: 3; }
	.hide_on_mobile { display:none; }
	.show_on_mobile { display:block; }
	.column { width:95%; }
	.rightCol { float:none; width:100%; border-top:1px solid #ccc; padding-top:10px; }
	.mainColumn { width:100%; }
	.optiuni td { width:100%; display:block; margin-bottom:10px; }
	.optiuni .title-band { margin-bottom:5px; }
 
	.menu { display:none; }
 
	.content h1 { font-size:22px; font-weight:700;}
	.content h2, .content h3 { font-size:15px; font-weight:700;}
	table.dataTable thead th, table.dataTable thead td { padding: 4px !important; }
	.advertDiv { padding:10px; }
	.topRight { top:28px;right:70px; }
	.topRight .fa { font-size:24px; }
	.topRight a { margin-left:10px; }
	.topLeft .logo img { margin-top:15px; }
	#toggle { display:block; }
	.produsBox {  border-radius:0; }
 	
	.sticky #toggle { 
		color:#B8AB69;
	}
	.sticky a, .sticky a:visited {
		color:#B8AB69;	
		text-shadow:none;
	}
	.sticky, .sticky nav {
		background-color: rgba(0,0,0,1) !important;
	}
	.darklogo { display:none !important; }
	.whitelogo { display:block !important; }
} 

@media screen and (max-width:650px) {
	.evenimentBoxx { width:49%; }
	.catBox_holder { width:49%; }
	.catBox_holder .icon { padding:5px; }
	.catBox_holder .title { font-size:16px; padding:10px 1px 1px; min-height: 60px; }
	.popup-window > div { 
		display:table;
		width:100%; 
		height:95%;	 
	}
	.section-title:before, .section-title:after {
		content: "";
	}
	.popup-window > div > div {
		padding:40px 10px 10px;	
	}
	.section-title {
		font-size: 17px;
		margin-bottom: 25px;
		text-align: left;
	}
	.produsBox .title {
		padding-top: 0px;
		font-size: 21px;
	}
	.produsBox .pret {
		font-size: 28px;
		padding-bottom: 10px;
	}
}
@media screen and (max-width:530px) {
	.evenimentBoxx { width:100%; max-height: 1000px; height:auto; }
	.grid { column-count: 2; }
	}

}
@media screen and (max-width:430px) {
	.grid { column-count: 1; }
}