/* ----------------------- layout ----------*/
.wrapper            {margin:0 auto -250px; min-width:1200px; width:100%; height:auto; min-height:100%; background:#728393 url("../images/header-bg.jpg") repeat-x top left;}
.container          {width:1200px; margin:0 auto;}
.main_content       {}

/* ------------------ HEADER HERE -------------------*/
.wrap								{width:100%;}
.header             {width:1200px;}
.logo								{min-height:85px; padding:10px 0 0;}
.lingue							{padding:10px 0 0;}
.lingue ul li				{display: inline-block; padding: 0 8px; font-size: 14px; font-weight: 500}
.lingue ul li a:hover,.lingue ul li.active a      { color:#fff; font-weight:500;}
.cerca							{width: 99%; min-height:30px; margin-top:10px; padding:4px; background:#fff;}

/* ------------------------- NAVIGATION HERE ---------------*/
.nav										{margin:0; padding:0; background-color: #B8C5CD; text-align: center;}
/*.nav ul                                    {display:inline-block; padding:0; margin:0; list-style: none;}*/
.nav ul li                                  {display: inline-block; padding: 15px 38px 20px 38px; margin: 0; font-size: 18px; font-weight: 500; text-align: center;}
.nav ul li a                                {display:inline-block; padding:0; margin:0;}
.nav ul li a span                           {}
.nav ul li a:hover,.nav ul li.active a      {color:#fff; font-weight:500;}
.navigation                                 {margin:0;}
.menu                           			{display:none; padding:0; margin:0; }

/* ------------------ CATEGORY HERE -------------------*/
.category					      {min-height: 65px;}
.category	ul				    {list-style: none;}
.category	ul li			    {float:left; width:19.90%;  text-align: center; border-right: 1px solid #cacaca; background:#EBEBEB; }
.category	ul li.last		{border-right: 0px solid #cacaca}
.category	ul li a  	    { padding:12px 0 33px 2%; display: block; color: #627587; font-weight:600}
.category	ul li a span 	{color:#fcc;}

.category li a span.arrow {    background: url(../images/down-arrow.png) no-repeat center center; float: right; margin: 0; padding-top: -0px; height: 20px; width: 60px; position: relative; top: 0px;}
.category li.active a span.arrow {    background: url(../images/up-arrow.png) no-repeat center center;}

.sub     { position: relative;    left: -41px;    top: -3px;    color: #000;    /*width: 155px;*/    height: 0px;background-color: #ff0;z-index:1;font-size: 16px;}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {    padding: 0 10px 0 0;}

/* ------------------ CATEGORY SLIDER HERE -------------------*/

/* ------------------ BANNER HERE -------------------*/
.banners					{min-height: 350px;}
.banners-h1					{float:left; width:50%; /*background:none repeat scroll 0 0 rgba(0, 0, 0, 0.1);*/  padding:25px 0 0 0; min-height: 350px; margin:25px 0 0 0}
.banners-img				{float:left; width:47%; /*background:url('../images/macchine-per-legno--.jpg') no-repeat center top;*/ min-height: 350px; margin:12px 0 0 3%;}


/* ------------------ CONTENT HERE -------------------*/
.content											{width:1200px; padding:15px 0 10px;}

.crumbs												{font-size: 13px; padding:5px 0 0 5px; color:#cacaca;}
.crumbs a 										{color:#cacaca; text-decoration: none;}
.crumbs a:hover								{text-decoration: underline;}

.titlepage						{padding: 20px 0}
.divider							{border-top:5px solid #ccc;}

.innerup							{min-height: 350px; padding: 25px 0 60px}
.innerup img						{padding:0; }
.content.innerdw					{min-height: 440px; /*border-top:1px solid #C1C8CF;*/ padding-bottom:80px }
.content.innerdw ul li				{float:left; padding:0 30px 30px;}

.content h2							{font-size: 25px; color: #CF8C2F; line-height: 28px; font-weight: 400; padding:10px 0 30px; text-shadow: 1px 1px 1px #444;}

/* ------------------ ANCHE ACCORDION PARTNERS HERE -------------------*/
/*.content article 					{float:left; width:22%; min-height:280px; margin:5px 0.50%;}*/

.content article      {float: left; width: 48%; min-height:240px; margin: 5px 0.50%; padding: 0;}
.content article p		{font-size: 18px; padding:10px 0 0 0;}

p 									 {font-size: 20px; color: #fff; line-height: 26px; font-weight: 400; padding:10px 0 0 0;}
p a                  {text-decoration: underline; color: #fff;}
p a:hover            {text-decoration: none; color: #fff;}

.accordion a                        {color: #fff;}
/*.content article.cl6.active {background-color: #F2CA00}*/
.content a:hover article.cl6,.content a.active article.cl6 {background-color: #F2CA00;}


/*.video							{width:1200px;}
.video article 				{float:left; width:49%; min-height:240px; border:1px solid #cacaca; margin:5px 0 0 5px; background-color: #E0E0E0; text-align: center;}*/
.payoff								{font-size: 60px; margin: 10px 0; color: #F0C900; text-align: center; text-shadow: 1px 1px 1px #565656;}

.leftside							{float: left; width:50%; }
.rightside						{float: right; width:50%; }

.separator						{margin: 15px 0 5px; padding:0; border-top:1px solid; text-align: center;}
.separator-1					{margin: 10px 0; padding:10px 0; text-align: center;}

/* ------------------ NEWS HERE -------------------*/
.news 					       { padding:0px 70px 20px 0;}
.news img              { float:left; padding-right: 10px;}

/* ------------------ SUBNAV HERE -------------------*/
.subnav                          {padding:15px 0 20px;}
.subnav ul                       {list-style: none;}
.subnav ul li                    {padding:0; font-size: 18px;line-height:24px; font-weight: 400; margin: 2px 0}
.subnav ul li a                  {padding:0; font-size:18px; color:#627587}
.subnav ul li a span             {}
.subnav ul li a:hover            {color:#627587; font-weight:400; text-decoration: underline;}
.subnav ul li.active a           {color:#627587; font-weight:400; text-transform: uppercase;}
.subnav ul li.inner a            {padding:0; font-size:18px; color:#fff}
.subnav ul li.inner a span       {}
.subnav ul li.inner a:hover      {font-weight:400; text-decoration: underline;}
.subnav ul li.active a           {font-weight:400; text-transform: uppercase;}


/* ------------------ VIDEO e SOCIAL HERE -------------------*/
.video, .social 							{margin:10px 0;}

/* ------------------ FOOTER HERE -------------------*/
.footer             			 {width:100%; min-height:305px; border-top:solid 2px #F09616; background-color: #ebebeb;  line-height: 20px; padding-top:10px;}
.footer a 							   {padding:0;}
.footer article 					 {float:left; width:32%; min-height:19px; margin:5px 0.48%; padding:0px; font-size: 14px}
.footer article.credits 	 {text-align: right;}

.newsletter									{width:99%; min-height:30px; padding:4px; background:#fff; margin-top:2px;}

.social-ico									{padding-top: 40px;}
.social-ico ul li						{display: inline-block; padding:0 10px 0 0;}
.fa-3x,.fa-1x						    {color: #627587; text-shadow: 1px 1px 1px #ccc;}
.fa-3x.inner,.fa-1x.inner   {color: #fff; text-shadow: 1px 1px 1px #ccc;}

/* ------------------ PUSH HERE -------------------*/
.push               {height:250px; }

/* ------------------ CERCA e NEWSLETTER -------------------*/
.inputfields		{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: #acb4ba 0 0 5px;-moz-box-shadow: #acb4ba 0 0 5px;box-shadow: #acb4ba 0 0 5px; behavior: url("http://www.energyprogress.eu/css/PIE.htc");}
input[type="submit"]{border:0 none; cursor:pointer; cursor:hand;}
input[type="text"]{border:0 none;}
input[type="text"]{width:83%; min-height:28px; padding-left:4px; font-size:12px; float:left;}
button[type="submit"]{width:13.5%; height:30px; float:right; text-align: center; border:0 none; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.1);}
/*con immagine
.inputfields input[type="submit"]{width:13.5%; height:30px; background:url(../images/submit.jpg) no-repeat 0 0; float:right; text-align: center;}*/

/* ------------------ FORMS  -------------------*/
.form  {float:left; width:100%; /*background-color:#fff;*/ margin:2px 0; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; behavior: url("http://www.energyprogress.eu/css/PIE.htc")}
.shadow {padding-left:0px; /*background:none repeat scroll 0 0 rgba(255, 255, 255, 0.1);*/}
label.form{float:left; width: 40%; padding-right: 5px;     font-size: 15px;}
input.form[type="text"]{width:90%; min-height:28px; padding:3px 0 4px 8px; font-size:14px; float:left; background-color: #E2E2E2; color: #627587;}
input.form[type="checkbox"]{width:4%; min-height:28px; padding:3px 0 4px 0px; font-size:14px; float:left; background-color: #E2E2E2; color: #627587;}
textarea.form{width:90%; min-height:220px; padding:8px 0 4px 8px; font-size:14px; float:left; background-color: #E2E2E2; color: #627587; font-family: Arial;}
button.form{width:50%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 12px 60px; /*text-shadow: 0 1px 1px #fff;*/ font-size: 15px; color: #fff; background-color:#54697C; border:0 none;}
button.form:hover{background: none repeat scroll 0 0 rgba(84, 105, 124, 0.5); color:#fff;  text-decoration:none; border:0 none;}
input.form:focus,textarea.form:focus { border-color: #66afe9; color:#000;   outline: 0;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.9); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.9);}
.form select {width: 91.5%; min-height:35px; padding:3px 0 4px 2px; font-size:14px; float:left; background-color: #E2E2E2; color: #627587;}
.wrap_data .error { border:2px solid #FFC97E !important; background:none repeat scroll 0 0 rgba(226, 226, 226, 0.7) !important;  }
.wrap_data label.label-error {    color: #FFC97E;}
::-webkit-input-placeholder {   color: #627587;}
:-moz-placeholder { /* Firefox 18- */   color: #627587;  }
::-moz-placeholder {  /* Firefox 19+ */   color: #627587;  }
:-ms-input-placeholder {     color: #627587; }

/* ------------------ VIDEO RESPONSIVE  -------------------*/
/*.rwd-video 				{	height: 0%;	overflow: hidden;	padding-bottom: 20%;	padding-top:20%;	margin:8px 0 20px 0;	position: relative;	top:20px;	left: 0;}
.rwd-video iframe,.rwd-video object,.rwd-video embed {	height: 100%;	left: 0;	position: absolute;	top: 0px;	width: 100%;}*/


/*  .rwd-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top:3px;
  position: relative;
  top:-10px;
  left: 0;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}*/


/* ------------------ GALLERY  HERE -------------------*/
.gallery 			{    list-style: none;    overflow: hidden;    padding: 0;    margin: 0;  }
.gallery li 	{    float: left; margin:3px;}

/* Tabs and slider css */
.ui-tabs, .ui-tabs .ui-tabs-nav { padding:0; border-radius: 0; border: 0; }
.ui-widget-header, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border:0; background:none; }
.ui-tabs .ui-tabs-nav li { float: left; width: 33.2%; border-right: 1px solid #cacaca;  margin: 0;     border-radius: 0; }
.ui-tabs .ui-tabs-nav li a { display: block !important; width: 100%; float:none; text-align:center; padding: 22px 0 21px 2% !important; cursor:pointer !important; font-family: 'Dosis', sans-serif; text-align: center; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {font-family: 'Dosis', sans-serif; text-align: center; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:0; margin:0; border-radius: 0; }

ul.subcategory {    display: inline-block;    width: 100%;    padding: 10px 0 0 0;}
.category ul.subcategory li		                    { float: left;height: 177px;margin: 0 10px;text-align: center;width: 146px;     padding: 0; border: 0; background:#fff; }
.category ul.subcategory li .productTitle strong 	{ color: #5c5c5c;  text-align:center;  display: block; font-size:17px; }
.productTitle                                       {     display: inline-block;    line-height: 23px;    width: 100%;}
.category ul.subcategory li a { padding:0; }
.subcategory li figure {width: 140px;min-height: 120px;border: 1px solid #fff; margin:0; }
.category ul.subcategory li figure img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
.ui-tabs .ui-tabs-panel { padding: 1em 0em; }

.category li.active {    background: #fff;}
.subcategory_container {    background: #fff; width: 99.92%;}
.bx-wrapper .bx-pager {    height: 45px;}

/*slider GALLERY */
.bx-wrapper .bx-pager   { bottom: -95px; }  
.bx-wrapper .bx-pager a { display: block;  margin:0;  padding:0;}  
.bx-wrapper {margin-bottom: 30px;}

/* scroll testo*/
.scroll-content{overflow: auto;position: relative;padding: 0 0 15px 0;/*margin: 10px;*//*width: 740px;*/max-width: 99.5%;height: 420px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.scroll-content.light{ }


/* ------------------ POPOVER -------------------*/
.popover-content                { padding: 9px 14px;}
.popover-content ul li a        {	color:#fff;}
.popover-content ul li a:hover  {	color:#fff; text-decoration: underline;}
.popover.right                  { margin-left: 10px;}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 250px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #627587;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25);
}
.popover>.arrow {    border-width: 11px;}
.popover>.arrow, .popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

p.sc .popover a {    color: #fff;}
p.sc .popover a:hover {    color: #fff;}
.hidden{display:none;}
a.upper {    text-transform: uppercase;}

/*IFRAME*/
iframe {  background-color: transparent; background-color: transparent; }

/************************ MEDIA QUERY ****************************/

@media only screen and (min-width: 1024px) and (max-width: 1600px) {

.wrapper            {min-width:100%;}
.container          {width:1004px;}
.header             {width:1004px;}
.nav ul li          {padding:20px 26px 20px 26px; margin:0; text-align: center;}
.content            {width:1004px;}
.content article    {width:48%; margin:5px 0.55%;}

.payoff             {font-size: 50px;}

.leftside           {width:34%;}
.rightside          {width:66%;}

.footer article     {width:32%; margin:5px 0.55%;}
}

@media only screen and (min-width: 1024px) and (max-width: 1359px) {

.category li a span.arrow   { width: 100%; padding-top: 6px}
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {

.wrapper            {min-width:100%; }
.container          {width:748px; }
.header             {width:748px;}
.nav ul li          {padding:20px 10px 20px 10px; margin:0; text-align: center;}
.content            {width:748px;}
.content article    {width:48%; margin:5px 0.53%;}

.category ul li             { width: 19.75%; min-height: 65px}
.category ul li a           { font-size:0.9em; padding-top: 15px;}
.category li a span.arrow   { width: 100%; padding-top: 6px}

.category ul.subcategory li {width: 165px;}

.payoff                     {font-size: 40px;}

.leftside                 {float:none; width:100%;}
.rightside                {float:none; width:100%;}

.footer article           {width:32%; margin:5px 0.53%;}
.ui-tabs .ui-tabs-nav li  { width: 33.1%; }

.gallery li             {width: 24%; margin:3px;}
.grid50           {width:99%;}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {

.wrapper                {min-width:100%; margin:0 auto -186px;}
.container              {width:580px; }
.header                 {width:580px;}

.logo                   {min-height:65px;}
.lingue                 {width:100%; padding:0;}
.lingue ul li           {font-size: 14px}
.cerca                  {width:100%; margin:20px 0}

.navigation             {width:100%; padding:0; text-align: center;}
.navigation .menu       {float:right; display:inline-block; position:absolute; top: 10px; right:10px; text-align: center;}
.nav                    {display:none; margin:0 0 0 0px; width:100%; padding:0 0 10px 0;}
.nav ul                 {}
/*.nav ul li              {padding:20px 8px 20px 8px; margin:0; text-align: center;}*/
.nav ul li              {width:56%; text-align:center; /*display:block;*/ margin:0; padding:0 0 5px 0;}
.nav ul li a            {display:block; background:none; padding:10px 0 0 0;}
.nav ul li:hover        {color:#1c4036;}

.content                    {width:580px;}
.content article    {width:98%; margin:5px 0.48%;}
.payoff                     {font-size: 32px;}
.leftside                   {float:none; width:100%;}
.rightside              {float:none; width:100%;}

.footer article     {width:32%; margin:5px 0.48%;}

.gallery li             {width: 32%; margin:3px;}

.ui-tabs .ui-tabs-nav li { width: 33.1%; }

ul.subcategory { text-align: center; }
.category ul.subcategory li { float: none; display: inline-block; }

.category ul li             { width: 19.83%; min-height: 63px}
.category ul li a           { font-size:0.8em; padding-top: 15px;}
.category li a span.arrow   { width: 100%; }
.category                   { min-height: 60px;} 

}


@media only screen and (min-width: 480px) and (max-width: 599px) {

.wrapper                {min-width:100%; margin:0 auto -150px;}
.container              {width:440px; }
.header                 {width:440px;}
.logo                   {min-height:65px;}
.lingue                 {width:100%; padding:0;}
.lingue ul li           {font-size: 14px}
.cerca                  {width:100%;margin:20px 0}

.navigation             {width:100%; padding:0; text-align: center;}
.navigation .menu       {float:right; display:inline-block; position:absolute; top: 10px; right:10px; text-align: center;}

.nav                    {display:none; margin:0 0 0 0px; width:100%; padding:0 0 10px 0;}
.nav ul                 {}
.nav ul li              {width:56%; text-align:center; margin:0; padding:0 0 5px 0;}
.nav ul li a            {display:block; background:none; padding:10px 0 0 0;}
.nav ul li:hover        {color:#1c4036;}

.category   ul          {padding-top:15px}
.category   ul li       {width: 92%; text-align: center; border:1px solid #dadada; margin:2px 0; padding:5% 4%; background-color: #B8C5CD;}

.banners                {display: none;}

.banners-h1             {width:60%; padding-top: 10px}
.banners-h1 h1          {font-size: 30px; color: #fff; line-height: 40px; font-weight: 400; padding:20px 0 25px 5px;}
.payoff                 {font-size: 28px;}

.content                {width:440px;}
.content article        {float:left; width:48.9%; min-height: 260px}
.content article p      {font-size: 16px;}
.content article.cl6    {width:48%;}
.content h2             {font-size: 15px; line-height: 16px}

.innerup img                {padding:0 }
.content.innerdw ul li      {float:left; padding: 0 1% 25px 0; width: 31%}

h3                          {font-size: 16px;}
h3.sc                       {text-align: center;}
.news                       {padding:20px 5px 20px 0;}

.grid70                     {width:99%;}
.grid60                     {width:99%;}
.grid50                     {width:99%;}
.grid40                     {width:99%;}
.grid30                     {width:99%;}
.grid20                     {width:99%;}

.leftside                   {float:none; width:99%;}
.social                     {width: 96%}
.rightside                  {float:none; width:100%;}

.footer                     {text-align: center;}
.footer article             {float:none; width:99%;}
.footer article.credits     {text-align: center; margin-top: 20px}
.push                       {height:150px;}

.gallery li                 {width: 48%; margin:3px;}

p                           {font-size:16px;}

.form  {margin:2px 0;}
.shadow {padding-left:5px;}
label.form{width: 97%;}
.form select{width: 99%;}
input.form[type="text"]{width: 97%;}
textarea.form{width: 97%;}
input.form[type="checkbox"]{width:10%; padding:3px 0 4px 0px;}
button.form {width: 99%;}


.ui-tabs .ui-tabs-nav li { width: 32.9%; }

.banners { min-height: auto; overflow:hidden; }
.banners-h1, .banners-img {  float: none; width: 100%; }
.banners-img { margin:0 0 20px; }
.ui-tabs .ui-tabs-nav li a  { font-size: 14px; line-height: 17px; padding: 12px 0 11px 0% !important; }
ul.subcategory { text-align: center; }
.category ul.subcategory li { display:inline-block; float:none; background:none; width: 109px; padding: 0 20px 0 0;}

.banners-h1         { margin: 20px 0; min-height:290px;}
.banners-h1 h1      { padding: 20px 0 0px; }
.banners            { display:block; }

.category ul        { padding-top:0; min-height: 81px;}
.category ul li     { width: 100%; margin:0; padding: 0 0.31%; border:0; background: #EBEBEB; border-bottom:1px solid #dadada; height:39px;}
.category ul li a   { font-size:0.8em; padding:10px 0 0; width:100%; text-align: center; height:29px; font-weight:400; color: #52616F}
.category li a span.arrow {    background: url(../images/down-arrow.png) no-repeat center center; float: right; height:35px; width: 6%; position: relative; top: -8px; left:-60px;}

ul.subcategory  { padding-top:15px; }

.category       {min-height: 57px;} 

.scroll-content {height: 215px;}
}

@media only screen and (max-width: 479px) {

.wrapper                {min-width:100%; margin:0 auto -150px;}
.container              {width:310px; }
.header                 {width:310px;}
.logo                   {min-height:65px;}
.lingue                 {width:100%; padding:0;}
.lingue ul li           {font-size: 14px}
.cerca                  {width:100%;margin:20px 0}

.navigation             {width:100%; padding:0; text-align: center;}
.navigation .menu   {float:right; display:inline-block; position:absolute; top: 10px; right:10px; text-align: center;}

.nav                    {display:none; margin:0 0 0 0px; width:100%; padding:0 0 10px 0;}
.nav ul                 {}
.nav ul li              {width:56%; text-align:center; margin:0; padding:0 0 5px 0;}
.nav ul li a            {display:block; background:none; padding:10px 0 0 0;}
.nav ul li:hover        {color:#1c4036;}

.category   ul          {padding-top:15px}
.category   ul li       {width: 92%; text-align: center; border:1px solid #dadada; margin:2px 0; padding:5% 4%; background-color: #B8C5CD;}

.banners                {display: none;}

.banners-h1             {width:60%; padding-top: 10px}
.banners-h1 h1          {font-size: 30px; color: #fff; line-height: 40px; font-weight: 400; padding:20px 0 25px 5px;}
.payoff                 {font-size: 28px;}

.content                {width:310px;}
.content article        {float:left; width:99%;}
.content article.cl6    {width:48%;}
.content article p      {font-size: 16px; line-height: 20px}
.content h2             {font-size: 15px; line-height: 16px}

.innerup img                {padding:0 }
.content.innerdw ul li      {float:left; padding: 0 2% 20px 0; width: 48%}

h1                          { font-size: 36px; line-height: 40px; padding: 0px 0 8px 0;}
h3                          {font-size: 16px; }
h3.sc                       {text-align: center;}
h3.product                  {font-size:20px; padding:0; color:#fff; font-weight: 400; text-shadow: 0px 1px 0px #000;}
.news                       {padding:20px 5px 20px 0;}

.grid70                     {width:99%;}
.grid60                     {width:99%;}
.grid50                     {width:99%;}
.grid40                     {width:99%;}
.grid30                     {width:99%;}
.grid20                     {width:99%;}

.leftside                   {float:none; width:99%;}
.social                     {width: 96%}
.rightside                  {float:none; width:100%;}

.footer                     {text-align: center;}
.footer article             {float:none; width:99%;}
.footer article.credits     {text-align: center; margin-top: 20px}
.push                       {height:150px;}

.gallery li                 {width: 48%; margin:3px;}

p                           {font-size:16px;}

.form  {margin:2px 0;}
.shadow {padding-left:5px;}
label.form{width: 97%;}
.form select{width: 99%;}
input.form[type="text"]{width: 97%;}
textarea.form{width: 97%;}
input.form[type="checkbox"]{width:10%; padding:3px 0 4px 0px;}
button.form {width: 99%;}


.ui-tabs .ui-tabs-nav li { width: 32.9%; }

.banners { min-height: auto; overflow:hidden; }
.banners-h1, .banners-img {  float: none; width: 100%; }
.banners-img { margin:0 0 20px; }
.ui-tabs .ui-tabs-nav li a  { font-size: 14px; line-height: 17px; padding: 12px 0 11px 0% !important; }
ul.subcategory { text-align: center; }
.category ul.subcategory li { display:inline-block; float:none; background:none; width: 125px; }

.banners-h1 { margin: 20px 0; }
.banners-h1 h1 {     padding: 20px 0 0px; }
.banners        { display:block; }

.category ul        { padding-top:0; min-height: 81px;}
.category ul li     { width: 100%; margin:0; padding: 0 0.31%; border:0; background: #EBEBEB; border-bottom:1px solid #dadada; height:39px;}
.category ul li a   { font-size:0.78em; padding:10px 0 0; width:100%; text-align: center; height:29px; font-weight:400; color: #52616F}
.category li a span.arrow { background: url(../images/down-arrow.png) no-repeat center center; float: right; height:35px; width: 6%; position: relative; top: -8px; left:-50px;}

ul.subcategory { padding-top:15px; }

.category       {min-height: 57px;} 
.scroll-content {    height: 215px;}
.bx-viewport    {    height: 700px;}

}

/************************ MEDIA QUERY ****************************/

/*add simo 07.08.2019*/

  .loghi {margin-top: 10px;}
  .loghi ul {list-style: none}
  .loghi ul li {
    display: inline-block;
    padding-top: 0;
    float: left;
    width: 33%;
}

@media only screen and (max-width: 479px) {

.loghi {margin: 28px 0;}
.loghi ul li {padding: 0 0 20px; text-align: left;}
}