/*--------------------------------------------------
BODY
--------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block; }
audio, canvas, video {display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) {display:none; }
[hidden] {display:none; }
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html, button, input, select, textarea {font-family: Arial, Helvetica, sans-serif; font: Arial; color:#303030; }
body {margin:0; padding:0; background:#fff; font-size:1em; line-height:1.4;}
::-moz-selection {background:#549966; color:inherit; text-shadow:none;}
::selection {background:#549966; color:inherit; text-shadow:none; }
img::selection {background:transparent;}
img::-moz-selection {background:transparent;}
a{outline: none;}
img {border: none;}
.f-left{float: left;}
.f-right{float: right;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.clear{ clear: both;}
.ib{display: inline-block;}
.rtl{direction:rtl;}
body{
	-webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}

  .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#video{width: 98% }
/*--------------------------------------------------
Non-Semantic Helper Classes
--------------------------------------------------*/
.ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0;}
.ir br {display:none;}
.hidden {display:none !important; visibility:hidden;}
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
.clearfix:before, .clearfix:after, .cf:before, .cf:after  {content:""; display:table;}
.clearfix:after, .cf:after {clear:both;}
.clearfix, .cf {*zoom:1;}
::-webkit-input-placeholder {   color: #4e4e4e;}
:-moz-placeholder { /* Firefox 18- */   color: #4e4e4e;}
::-moz-placeholder {  /* Firefox 19+ */    color: #4e4e4e;}
:-ms-input-placeholder {   color: #4e4e4e;}

/*--------------------------------------------------
Basic
--------------------------------------------------*/
#wrapper{
	width:100%;
	text-align: center;
	margin:0 auto;
	background-color: #FFFFFF;
}
#holder{ width: 86%; margin: 0 auto;}

/*--------------------------------------------------
header
--------------------------------------------------*/
#header{
width:86%;
background: #e9e9e9;
background: -moz-linear-gradient(top,  #e9e9e9 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #e9e9e9 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #e9e9e9 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #e9e9e9 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #e9e9e9 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 );
 position: relative;
 padding: 1% 7%;
}

#logo{
	width: 30%;
	text-align: center;
   float:right;
}
#logo img{	width: 100%;

}
#logo_mob{width: 98%; text-align: center; display: none;}
#logo_mob img{	width: 100%;}

#top_social{ float: left; width: 12.5%; padding-top: 3% }
#top_social img{ padding-right:5px;}
#top_social img:hover{opacity: 0.7;}


#top_menu{ float: right; width: 57.5%; padding-top: 3% }
#top_menu ul{
   margin: 0;
   padding: 0;
   list-style: none;
   direction: rtl;
   text-align: center;
}
#top_menu li{
    display: inline-block;
	padding: .5% 3%;
	margin:0 .5%;
	text-align: center;
	background-color: transparent;
	 transition:background-color 0.5s linear;
	  -moz-transition:background-color 0.5s linear;
	   -o-transition:background-color 0.5s linear;
	    -webkit-transition:background-color 0.5s linear;
}
#top_menu a{
     color: #303030;
	 text-decoration: none;
	 font-size:1.1em;
	 font-weight: bold;
}
#top_menu a:hover{ 	color: #065734; }
#top_menu li.mobile{ display: none; }


/*--------------------------------------------------
home slideshow
--------------------------------------------------*/
#homepage_launcher {overflow:hidden; position:relative; z-index:1; width: 100%;height:500px;}
.home_slideshow {position:absolute; top:0; left:0; z-index:1; width:100%;}
.home_slide { background:#ebebeb; height:500px; color:#000; position:relative; z-index:1; width:100%;}
.home_slide img {position:absolute; top:0; left:50%; margin-left:-50%; z-index:1; width:100%;}
#homepage_launcher .nav {height:0; background:#fff; position:absolute; z-index:1; width:103%; bottom:0; padding-top:0;}
#homepage_launcher .nav a, #homepage_launcher .nav span {float:left; width:25%; border-right:1px solid #fff; background:#272c31; opacity:.2; -moz-opacity:.2; -webkit-opacity:.2; filter:alpha(opacity=20); position:relative; z-index:2; height:100%;}
#homepage_launcher .nav span {z-index:1; position:absolute; top:1px; left:0; opacity:.7; -moz-opacity:.7; -webkit-opacity:.7; filter:alpha(opacity=70);}
#homepage_launcher .nav a:hover, #homepage .nav a.on {opacity:.5; -moz-opacity:.5; -webkit-opacity:.5; filter:alpha(opacity=50);}
.touch #homepage_launcher .nav a:hover {opacity:.2; -moz-opacity:.2; -webkit-opacity:.2; filter:alpha(opacity=20);}
#launcher_mobile img { width:100%; height:auto; margin-bottom:-44px;}
/*--------------------------------------------------
home page
--------------------------------------------------*/
#top_text{
	padding:40px 10%;
	text-align:right;
	direction: rtl;
}

.icon {margin:0 auto 3em;}
a.icon_link {color:#333;}
a.icon_link:hover {color:#666;}

#article1{ float: right; width: 25%; margin-left:5% }
#article2{ float: right; width: 40%; margin-left:5% }
#home_contact{ float: right; width: 25%; text-align: right; }
#home_contact h3{ color: #DE1A22; text-align: right; padding:25px 0; }

#home_contact form{

}
#home_contact input[type="text"]{
  width: 100%;
  background-color: #fff;
  border:1px solid #8d8d94;
  padding:5px;
  margin:10px 3px;
  text-align: right;
  color: #4e4e4e;
  outline: 0;
}
#home_contact input[type="submit"]{
  min-width:102px;
   padding:9px 14px 9px;
    font-size:0.8em;
	 text-transform:uppercase;
	 font-weight:normal;
	  text-align:center;
	   text-decoration:none;
  color: #FFFFFF;
  outline: 0;
  background-color: #222222;
  border: none;
  cursor: pointer;
  margin-right:-15px;
   transition:background-color 0.5s linear;
    -moz-transition:background-color 0.5s linear;
	 -o-transition:background-color 0.5s linear;
	  -webkit-transition:background-color 0.5s linear;

}
#home_contact input[type="submit"]:hover{ background-color: #ED1C24; }
#home_contact textarea{
  width: 100%;
  background-color: #fff;
  border: 1px solid #8d8d94;
  padding:5px;
  margin:10px 3px;
  text-align: right;
  color: #4e4e4e;
  resize: none;
  outline: 0;
}



#artice_holder{ padding:5% 0 3% 0; }
.article_row{width: 100%; margin:0 auto; text-align: center;}
.article_row h3{ color: #DE1A22; text-align: right; padding:25px 0; }
.article_pic{ float: right; width: 100%; padding:0; margin: 1% 0;}
.article_pic img{ width: 100%;}
.article_text{ float: right; width: 100%; padding:0; margin:0; text-align: right; direction: rtl;}
/*--------------------------------------------------
Typography
--------------------------------------------------*/
h1{	margin: 0;	padding: 0; font-size: 1.2em; direction: rtl; font-weight: normal; }
h2{font-size:1em; direction: rtl; font-weight: bold; color: #FFFFFF; margin:-1% 0;	padding-right: 3%;}
h3{	margin: 0;	padding: 0; font-size: 1.2em; direction: rtl; font-weight: normal; }
h4{	 font-size: 1.3em; direction: rtl; font-weight: normal; color: #FFFFFF; }
p{ direction: rtl; }

/*--------------------------------------------------
Product Item
--------------------------------------------------*/
#prod_row_holder {
	width: 100%;
	margin:0 auto;
	text-align: center;
	margin-top:-4%;
	position: relative;
	z-index: 999;
}
.prod_row{width: 100%; margin:0 auto; text-align: center;}
.prod_item{ float: right; width: 24%; padding-left:1%; margin: 1% 0;}
.prod_item_pnim{ float: right; width: 14.65%; padding:0 1%; margin: 1% 0;}
.boxProd {position:relative; z-index:0;}
.boxProd a{text-decoration:none;}
.boxProd img{width: 100%; vertical-align: bottom;}
.boxProd .overlayPr {position:absolute; z-index:10; bottom:0px; left:0px; background:url(pics/Black.png); width:100%;}
.boxProd .overlayPr span {padding:0px 11px;}
.boxProd .overlayPr span.h2 {padding:0 1%; text-align: center;}
.boxProd .overlayPr span.h7 {padding-bottom:11px; padding-top:0;}
.overplus {width:72px; height:72px; position:absolute; z-index:10; top:0; left:50%; margin:-36px 0 0 -36px; background:url(pics/zoom.png) no-repeat 0 0;}
.overplus a {display: block; width:72px; height: 72px;}
.boxProd.tavolo .overlayPr {background:rgba(0,0,0,.3);}

.prod_row2{width: 100%; margin:0 auto; text-align: center;}
.prod_item2{
	float: right;
	width: 14%;
	padding:0 1%;
	margin: 1% 0;

	}
.boxProd2 {
	position:relative;
	z-index:0;
	 height:0;
	 width: 100%;
    padding-bottom: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	background-size: cover;
	border:7px solid white;
    background-position: center;

	}
.boxProd2 a{ display: block;padding: 47%;}
.prod_item2 a h2{ font-size: 1.6em; color: #065734; text-decoration: none; font-weight: bold; font-style: italic; padding:4% 0; }
.prod_item2 a{ text-decoration: none; }


 .home_btn{
 	width: 75%;
	margin: 0 auto;
     margin-top:15%;
 padding:2.5%;
 text-align: center;
 background-color: #065734;
 border-radius:3px;
   -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  -webkit-transition:all 0.3s linear;
  }

.home_btn:hover{
 background-color: #539865;

  }
.home_btn a{
 display: block;
 color: #FFFFFF;
  text-decoration: none;

 text-align: center;
  }


.line{ clear: both; border-bottom:1px solid #e9e9ea; margin: 0 1%; height: 15px;}
.line_inner{ clear: both; border-top:1px solid #e9e9ea; margin: 0 1%; height: 15px;} 

/*--------------------------------------------------
Pnim page
--------------------------------------------------*/

#title_text{ margin-right:10%; padding:2% 1%; text-align: right; color: #065734;}
#title_text h1{ font-size: 1.7em; font-weight: bold; }
.cat_text{ padding:3% 2%; text-align: justify; direction: rtl; font-weight: bold; }

/*--------------------------------------------------
Info page
--------------------------------------------------*/
#info_sidemenu{ width: 25%; float: right;}
.info_text{ width: 75%; margin-right:5%; margin-top:7%; direction: rtl; text-align: justify;}
.info_text img{ width:50%; float:left; padding:2%;}
#title_info{padding:2%; text-align: right;}
#title_info h1{ font-size: 1.7em; font-weight: bold; direction: rtl; }
.info_text p{padding:0 2%; text-align: right; direction: rtl;}
#info_sidemenu ul{ margin:0; padding-top:5%; padding-right:5%;}
#info_sidemenu li{
 list-style-type: none;
 margin-bottom:1px;
 width: 100%;
 }
 #info_sidemenu li a{
  display: block;
  color:#35383D;
  text-align: right;
  text-decoration: none;
  font-weight: bold;
  transition:color 0.3s linear;
  -moz-transition:color 0.3s linear;
  -o-transition:color 0.3s linear;
  -webkit-transition:color 0.3s linear;
  padding: 10px 20px;
  border-bottom: 1px solid #666666;
  }
   #info_sidemenu li a:hover{
  display: block;
  /*background-color:#35383D;*/
  color: #FB1E9A;
    padding-right:25px;
  }

/*--------------------------------------------------
CONTACT PAGE
--------------------------------------------------*/
#contact{ width: 45%; float: left; margin-top:4%; text-align: left; padding-bottom:3%; margin-left:5%; }
#contact input[type="text"]{
  width: 96%;
  background-color: #fff;
  border: 1px solid #222;
  padding:5px;
  text-align: right;
  color: #222;
  outline: 0;
  font-size: 1em;
}
#contact input[type="submit"]{
  color: #fff;
  outline: 0;
  background-color: #065734;
  border: none;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
  padding:5px 20px;
  transition:background-color 0.3s linear;
  -moz-transition:background-color 0.3s linear;
  -o-transition:background-color 0.3s linear;
  -webkit-transition:background-color 0.3s linear;
}

#contact input[type="submit"]:hover{

  background-color:  #539865;

}
#contact textarea{
  width: 96%;
  background-color: #fff;
  border: 1px solid #222;
  padding:5px;
  text-align: right;
  color: #222;
  resize: none;
  outline: 0;
  font-size: 1em; 
}

#address{ width: 45%; float: right; margin-top:4%; text-align: right; direction: rtl; margin-right:5%; }

#address a{
  color: #222;
  text-decoration: none;
  font-size: 1em;
}
#address a:hover{
  color:  #EA1D24;
  text-decoration: underline;
  font-size: 1em;
}



 /*--------------------------------------------------
Call to action
--------------------------------------------------*/
.cta {min-width:102px; padding:9px 14px 9px; font-size:0.8em; text-transform:uppercase; color:#fff; font-weight:normal; text-align:center; text-decoration:none; margin-top:0em; display:inline-block; background-color:#222222; transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear; -webkit-transition:background-color 0.5s linear; white-space:nowrap; cursor:pointer;}
.cta:hover {color:#fff; background-color: #ed1c24;}

/*--------------------------------------------------
FOOTER
--------------------------------------------------*/
#footer{
	width: 86%; margin: 0 auto;
	border-top:3px solid  #065734;
   font-size:1em;
   padding:0 3% 1% 3%;
   text-align: center;
   margin-top:2%;


}


#footer_links{
  padding-top:4%;
 float: right;
 width: 53%;
}
#footer_links ul{
 float: right;
 width: 25%;
}
#footer_links li{
  list-style-type: none;
}
#footer a{
   color: #303030;
   text-decoration:none;
}
#footer a:hover{
   color:#065734;
   text-decoration:underline;
}
#footer_address{
	direction: rtl;
  padding-top:2%;

 width: 100%;
}
#footer_social{
  padding-top:30px;

}
#footer_social img{
   padding-right:5px;
}
#footer_social img:hover{
   opacity: 0.7;
}
.credit{ padding-top:2%; }
/*--------------------------------------------------
media query
--------------------------------------------------*/
@media screen and (min-width:100px) and (max-width:559px) {
.home_slide {height:160px;}
#homepage_launcher {height:160px;}
.home_slide img {margin-left:0px; top:0px; left:0px; width: 600px;}
.prod_item{ float: right; width: 98%; padding:0 1%;}
.prod_item_pnim{ float: right; width: 48%; padding:0 1%; margin: 1% 0;}
.icon_item{float: right; width: 98%; padding:0 1%; margin: 1%; text-align: center; border-bottom:1px solid #e9e9ea; padding-bottom:3%;}
.icon_text{font-size:0.9em; font-weight: normal; padding:1% 20%; height: 40px;}
.article_pic{ float: right; width: 98%; padding:0 1%; margin: 1% 0;}
.article_text{ float: right; width: 98%; padding:0 1%; margin: 1% 0; text-align: right; direction: rtl;}
#top_menu{ width: 100%;  padding:10px 0;border-top:2px solid #065734;border-bottom:2px solid #065734; margin-top:5%;}
#top_menu li{padding: 2% 3%;}
#top_menu a{ font-size: 130%; }
#logo{ display:none}
#logo_mob{display: block;}
#footer{    font-size:1.5em; width: 80% }
#footer_contact{
  float: right;
  width: 98%;
}
#footer_links{
  display: none;
}
#footer_address{
 float: right;
 width: 98%;
 text-align: center;
}
#holder{ width: 100%; }
#info_sidemenu{ width: 100%; float: right;}
.info_text{ width: 96%; margin-top:7%;}
.info_text img{ width:96%; float:none; padding:2%;}

#article1{ float: right; width: 100%; }
#article2{ float: right; width: 100%;  }
#home_contact{ float: right; width: 100%; }
#home_contact input[type="text"]{ width: 96%; }
#home_contact textarea{ width: 96%; }
#home_contact input[type="submit"]{margin-right:0; }
.prod_row2 {width: 88%;}
.prod_item2{ width: 98%;padding-top: 7%; }
.prod_item2:first-child{padding-top: 0; }
.boxProd2 {
width: 94%;
padding-bottom: 94%;
}
#top_menu li.mobile{ display: inline-block; }
#top_social {;width: 100%; }
#contact { width: 95%; }
.credit{ padding-top:4%; font-size: 70% }
.home_btn{ margin-top:0; }
}
@media screen and (min-width:560px) and (max-width:959px) {
	#logo{ margin:0 auto; width: 60%;}
#logo img{	width:100%;}
 .home_slide {height:250px;}
#homepage_launcher {height:250px;}
.home_slide img {margin-left:0px; top:0px; left:0px; width: 960px;}
#top_menu li.dum{width: 15%; }

.icon_item{float: right; width: 48%; padding:0 1%; margin: 1% 0; text-align: center;}
.prod_item_pnim{ float: right; width: 31.25%; padding:0 1%; margin: 1% 0;}
#header{  position: static; }

#footer_contact{
  float: right;
  width: 98%;
}
#footer_links{
  display: none;
}
#footer_address{
 float: right;
 width: 98%;
 text-align: center;
}
#info_sidemenu{ width:40%; float: right;}
.info_text{ width: 75%; margin-top:7%;}
#article1{ float: right; width: 100%; }
#article2{ float: right; width: 100%;  }
#home_contact{ float: right; width: 100%; }
#home_contact input[type="text"]{ width: 96%; }
#home_contact input[type="submit"]{margin-right:0; }
#home_contact textarea{ width: 96%; }
#top_menu{ width: 100%; padding-top: 0;}
#top_social {float: left;width: 15.5%;padding-top: 0; }
.prod_item2{ width:31% }
#top_menu li.mobile{ display: inline-block; }
#top_social {;width: 100%; }
#contact { width: 95%; }

}
@media screen and (min-width:960px) and (max-width:1024px) {
 .home_slide {height:250px;}
#homepage_launcher {height:250px;}
.home_slide img {margin-left:0px; top:0px; left:0px;}
#top_menu{float: right; width: 83.5%; padding-top: 0;}
#top_social {float: left;width: 15.5%;padding-top: 0; }

}

@media screen and (min-width:1025px) and (max-width:1200px) {
 .home_slide {height:310px;}
#homepage_launcher {height:310px;}
.home_slide img {margin-left:0px; top:0px; left:0px;}

}
@media screen and (min-width:1200px) and (max-width:1400px) {
.home_slide {height:330px;}
#homepage_launcher {height:330px;}

#top_menu{ width: 70%; padding-left: 2%;}
#top_menu li{ }
}
@media screen and (min-width:1400px)and (max-width:1600px) {
 .home_slide {height:370px;}
#homepage_launcher {height:370px;}
}