@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap');

/* ===== модерна типография ===== */
body, p, li, td, .contentpaneopen, .article-content {
  font-family: 'Inter', Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #3a3a3a;
}
h1, h2, h3, h4, .very_big_white, .big_black {
  font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  color: #232323;
}
a { transition: color .25s ease; }
/* ===== край модерна типография ===== */

/*---------------------------------------------------------------
# Package - Joomla Template based on Sboost Framework   
# ---------------------------------------------------------------
# Author - olwebdesign http://www.olwebdesign.com
# Copyright (C) 2008 - 2017 olwebdesign.com. All Rights Reserved.
# Websites: http://www.olwebdesign.com
-----------------------------------------------------------------*/

body{font-size:13px;}
#wrapper, #bottomspot, .mx-base {width: 960px;} 
#tophead, #bottsite, #header, #wrapper, #bottomspot {min-width: 960px; margin: 0 auto}
#mx-leftcol {width: 25%} 
#mx-rightcol { width: 27%} 
#mx-sideleft {width: 20%}
#mx-sideright { width: 30%}
h1,h2,h3,h4, .very_big_white, .big_black
 {
	font-family: Arial,Helvetica,sans-serif;
	font-weight:300;
}
#logo-text { display: none !important; }
# body.bg { color: #444; background-color: #fafafa;}
body.bg {
  background-image: url(http://agromega.eu/images/newsitemachine/bg.jpg );
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
  background-attachment: fixed;
}
#wrapper { color: #444; background-color: #fff; margin-top: 10px !important;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);}
#bottsite {  background-color: #343434; color: #828b95; padding: 20px 0px; }
#bottsite h3 {  color: #f1f1f1; font-size: 24px; padding-bottom: 6px; border-bottom: 1px solid #999;}
#bottsite a {  color: #ccc; }
.jul-formregistration, .jul-formlogin { color: #222;}	
.mx_date { padding: 5px 0px;}
#mx-top-header { color: #222; background-color: #fff; padding: 4px 0px 4px 0px;}
#menuout .mx-inner,
#mx-banner .mx-inner, #mx-header  .mx-inner {
	padding:0;
}
#mx-extra { color: #222; background-color: #f6f6f6; padding: 4px 0px 4px 0px;}
#mx-search { height: 46px;}
#mx-bottom a{  background: transparent;}
#mx-bottom li a{ padding: 7px 0px; border-bottom: 1px solid #68717b;}
#mx-bottom li a:hover{  color: 1px solid #68717b;}
#bottomspot .mx-inner {padding:0;}
.mx_date{float:left;margin-top:8px}
.form-actions{padding:2px 4px 2px;margin-top:5px;margin-bottom:5px;background: transparent;border-top:1px solid #fff;*zoom:1;}	

#hormenu ul li .submenu-inner,#sublevel ul li .submenu-inner { padding: 3px; margin: 1px 3px 3px 3px; border: 1px solid #ccc;
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);}
#nl-name, #nl-email{padding: 5px !important;}
#nl-submit input {padding: 1px !important;}
input{width:90%;}
textarea{width:98%;}
.quick_contact input{width:80%;}
#contact-form input{width:40%;}
#user-registration input, #member-registration input, .login input{width:230px;}
.pagenav a,.pager a{display:inline-block;padding:4px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fafafa; border-bottom:1px solid #dadada;
	background-image: -webkit-linear-gradient(top,  #fff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);}
.pager a:hover{text-decoration:none;background:#f5f5f5; border-bottom:1px solid #dadada;
	background-image: -webkit-linear-gradient(top,  #e6e6e6, #fff);
	background-image: -moz-linear-gradient(top, #e6e6e6, #fff);
	background-image: -ms-linear-gradient(top, #e6e6e6, #fff);
	background-image: -o-linear-gradient(top, #e6e6e6, #fff);}
a#pagetop{float:right;padding: 4px 10px;}	
a#valdate{  font-size: 10px;padding: 2px 5px; }	
	
.jlogin1 {float:left;width:40%;margin-right:12px;}
.jlogin2 {float:left;width:50%;margin-top:14px;color:#999;}
.jlogintext {float:left;margin:0 12px 12px 0;}

.contactForm legend  { font-size: 12px !important;}
#mx-rightcol .control-group { font-size: 12px !important; }

#mx-rightcol input { width: 95% !important;}
.btn-primary {
  background-image: -webkit-linear-gradient(top, #999 0%, #555 100%);
  background-image: linear-gradient(to bottom, #999 0%, #555 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#555', GradientType=0);
  border-color: #999;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.gallery  {
    margin: 0;
  }
  @media (max-width: 767px) {
body {
    padding-right: 0px;
    padding-left: 0px;
  }
  } 
.tab .tab-content {
  margin-top: -5px;
} 	
a{color:#99cc33}
a:hover,a:active,a:focus{color:#585858}
/*main menu*/
#mx-bottom a:hover{color:#333 }
/* ===== по-красиви бутони за главното меню (позиция top-menu) ===== */
#mx-top-menu li { padding: 0 3px !important; }

#mx-top-menu li a {
  background-color: #8fc53f !important;
  background-image: linear-gradient(180deg, #a6d766 0%, #7fbd35 100%) !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: .02em;
  text-shadow: 0 1px 1px rgba(0,0,0,0.15);
  box-shadow: 0 3px 8px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.28);
  transition: transform .25s ease, box-shadow .25s ease, background .3s ease;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

#mx-top-menu li a::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -60%;
  width: 40%;
  height: 220%;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,0.55) 45%, transparent 90%);
  transform: translateX(-40px) rotate(12deg);
  transition: transform .6s ease;
  pointer-events: none;
}

#mx-top-menu li a:hover {
  transform: translateY(-3px);
  background-image: linear-gradient(180deg, #b7e177 0%, #8fc53f 100%) !important;
  box-shadow: 0 10px 18px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.32);
  color: #fff !important;
}
#mx-top-menu li a:hover::after { transform: translateX(220px) rotate(12deg); }

/* текущата страница в менюто (класове current/active, ако Joomla ги сложи) */
#mx-top-menu li.current a,
#mx-top-menu li.active a {
  background-image: linear-gradient(180deg, #6fa62c 0%, #557f20 100%) !important;
  box-shadow: inset 0 2px 5px rgba(0,0,0,0.25) !important;
  transform: none !important;
}
/* ===== край на новия стил за менюто ===== */

.colors {background-color:#99cc33;color: #fff;}
.readmore, a.readmore {background:#99cc33;}
/* ===== брандове лога — hover ефект (сиво -> цветно + повдигане) ===== */
a[href*="component/tags/tag/"] {
  display: inline-block;
  transition: transform .3s ease;
}
a[href*="component/tags/tag/"] img {
  filter: grayscale(85%) opacity(0.75);
  transition: filter .35s ease, transform .35s ease;
}
a[href*="component/tags/tag/"]:hover {
  transform: translateY(-4px);
}
a[href*="component/tags/tag/"]:hover img {
  filter: grayscale(0%) opacity(1);
  transform: scale(1.06);
}
/* ===== край брандове лога ===== */

/* ===== офертни банери "Нашите оферти" — сянка + zoom при hover ===== */
a[href*="component/banners/click/"] {
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.10);
  transition: box-shadow .3s ease, transform .3s ease;
}
a[href*="component/banners/click/"] img {
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
  display: block;
}
a[href*="component/banners/click/"]:hover {
  box-shadow: 0 12px 22px rgba(0,0,0,0.18);
  transform: translateY(-3px);
}
a[href*="component/banners/click/"]:hover img {
  transform: scale(1.08);
}
/* ===== край офертни банери ===== */

/* ===== карти "Какво предлагаме" (ТРАКТОРИ / БАЛИРОВАЧКИ / ОБОРУДВАНЕ) ===== */
.am-offer-card {
  position: relative;
  overflow: hidden;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease !important;
}
.am-offer-card::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -60%;
  width: 40%;
  height: 220%;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,0.7) 45%, transparent 90%);
  transform: translateX(-40px) rotate(12deg);
  transition: transform .7s ease;
  pointer-events: none;
}
.am-offer-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 30px rgba(0,0,0,.16), 0 0 0 2px rgba(108,166,12,.25) !important;
}
.am-offer-card:hover::after { transform: translateX(300px) rotate(12deg); }

.am-offer-title { transition: color .3s ease !important; }
.am-offer-card:hover .am-offer-title { color: #4f7d09 !important; }

.am-offer-img img { transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.am-offer-card:hover .am-offer-img img { transform: scale(1.08); }

.am-offer-btn { transition: background .3s ease, box-shadow .3s ease, transform .2s ease !important; }
.am-offer-btn:hover {
  background: #5a8f0a !important;
  box-shadow: 0 6px 14px rgba(108,166,12,.35);
  transform: translateY(-2px);
}
/* ===== край карти "Какво предлагаме" ===== */