/*--------------------------------------------------
BODY
--------------------------------------------------*/
*{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */

	 }
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%;  height: 100%;}
html, button, input, select, textarea {font-family: 'Open Sans Hebrew'; color:#232425; }

body {margin:0; padding:0; background:#fff; font-size:16px; line-height:1.3; height: 100%;}
::-moz-selection {background:#72a9bd; color:inherit; text-shadow:none;}
::selection {background:#72a9bd; color:inherit; text-shadow:none; }
img::selection {background:transparent;}
img::-moz-selection {background:transparent;}
a{outline: none; }
a{ color: #232425; }
a:hover{ color:  #3598db; }
img {border: none; width:100%;}
.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;
    background-image: url(pics/bg.jpg);
     background-position: top center;

}

input, select, textarea{ font-size: 100%; }
.eng{direction: ltr; unicode-bidi: bidi-override;}
.heb{direction: rtl; unicode-bidi: bidi-embed;}
/*--------------------------------------------------
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: #35383d;}
:-moz-placeholder { /* Firefox 18- */   color: #35383d;}
::-moz-placeholder {  /* Firefox 19+ */    color: #35383d;}
:-ms-input-placeholder {   color: #35383d;}

/*--------------------------------------------------
Typography
--------------------------------------------------*/
h1{	margin: 0;	padding: 0; font-size: 2em; font-weight: normal;direction: rtl;  }
h2{font-size:1.333em;  font-weight:  900;  margin: 0;	padding: 0; direction: rtl;}
h3{	margin: 0;	padding: 0; font-size: 1.5em;font-weight: normal;direction: rtl; }
h4{	font-size: 1.3em; font-weight: normal;direction: rtl;	margin: 0;	padding: 0; }
h5{	font-size: 1em; font-weight: normal;  margin: 0;direction: rtl; }
.red{ color: #C7050D; }




/*--------------------------------------------------
Basic
--------------------------------------------------*/
#wrapper{
   width: 100%;
   text-align: center;
   margin:0 auto;


}
.width-wrapper{margin:0 auto; width:100%; max-width: 1200px;  position: relative;}
.width-wrapper_inner{}

#top_info{ float:left; width: 25%; }
#holder{ width: 100%; clear: both;}
.pnim_image img{ width: 100%; }
.pnim_image>#logo{ top:10%; width: 10% }

.rsABlock {
	top: 15%;
    width:30%;
    right:5%;
    background-color: #0f7394;


}
.rsABlock:after{
  content: "";
  position: absolute;
  bottom:-40px; right:50px;
  width: 0;
	height: 0;
	border-top: 40px solid  #0f7394;
	border-left: 40px solid transparent;
 }
.top_title{ text-align: center; line-height: 1.5; direction: rtl; padding:2.5%; }
.top_title h1{color: #fff; display: block;font-size: 2em;font-weight: bold;  }
.top_title h1 span { font-family: Impact;  font-size: 2em; font-weight: normal; }
.top_title h2{ font-size: 2em; color: #fff; display: block;font-weight: normal;}
.top_title a{
  text-decoration: none;
  color: #FFFFFF;
  font-size:1.333em;
  background-color: #00adef;
  padding:6px;
  border-radius: 3px;
  margin-top:30px;
  display: block;
  width: 70%;
    max-width: 220px;
  float: right;
  text-align: center;
    -moz-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear;

   }
   .top_title a:hover{ background-color: #F26530; }

  .top_title a i{ position: relative; top:3px; }

#main_menu{ width: 100%;}

#main_menu_mob{ display: none; }


#basket_menu { width: 24%; float:left; font-size: .85em;}

#main_cats{ position: relative; z-index: 11; background-color: #f5f5f5; padding:3% 0 0 0; }
.main_orn{ position: absolute; bottom:0; width: 100%; z-index: -1; }
.main_orn img{ width: 100%; display: block }

.cat_icon{ display: inline-block; position: relative; top:-50px; background-color: #3598DB; border-radius: 50%; border:5px solid #fff;padding:7px 10px; z-index: 99;  }
.cat_icon img{ width: 100%; }
.main_orn_holder{ padding-bottom:5%; }



.inner_pic{float:left; width: 50%;}
.inner_pic img{ width: 100%;}
.inner_menu{ text-align: right; padding-top:1%; float:right; width: 50%; padding:1em; }
.inner_menu h4{ font-weight: 700;  font-size: 1em; padding-bottom:5%; color: #00adef;}
.inner_menu ul{display:inline-block; width: 25%; text-align: right; direction: rtl; list-style-type: none; border-left: 1px dotted #666666; vertical-align: top; min-height: 250px; padding:0 2%; margin-right:-4px; }
.inner_menu ul:last-child { border-left:none;  width: 50%;}
.inner_menu li{ line-height: 150%;}
.inner_menu li a{ text-decoration: none; color: #000; width: 100%; display: block; padding:3px 5px;}
.inner_menu li a.red{ color: #f26530; font-weight: 700;}
.inner_menu li a:hover{ color: #fff; background-color: #00adef;}

.inner_menu ul.brands{  border-left:none;}
.inner_menu ul.brands li{float:right; width:50%; padding:1% 5%;  }
.inner_menu ul.brands li img{width: 100%;  }

 #about_main {text-align: right; direction: rtl; padding-top:5%;  }

.about_pic{ width: 40%; float:left;}
.about_pic img{width: 100%; }
.about_text{ padding-left:2%;  font-size: 1.125em; line-height: 2; width: 60%; float:right;}
.about_text h1{ color: #87af01; }

 #rest_main {text-align: right; direction: rtl; padding-top:2.5%; }
.rest_pic{ float:left; width: 55%; }
.rest_pic img{width: 100%; }
.rest_text{ float:right; width: 45%; padding: 0 5% 0 10%;  font-size: 1.125em; line-height: 2; color: #000;}
.rest_text h1{ color: #87af01; }
a.more{ display: inline-block; border-top: 3px solid #87af01; text-decoration: none; padding-top:7px; margin-top:30px; }

.info{ text-align: right; direction: rtl; width: 100% }
.info h1{ font-weight: bold; color: #0F7394;padding:2.5% 0; font-size: 1.66em; }
#proj_logo{ float:left; width: 30%; }
#top_sell{ background-color: #87AF01;padding:2% 0; }

#top_sell .top_selltitle{/*width: 93%;*/ position: relative;}
#top_sell .top_selltitle h1{ color: #fff; }
#top_sell .top_selltitle:before{
 content: '';
 display: block;
 position: absolute;
 margin:0 auto;
 width: 100px;
 height: 3px;
 background-color: #fff;
 left:0; right:0;
 bottom:-5px;

 }

.page_title h1{ color: #bc2426; text-align: right; border-bottom:2px solid #bc2426; }

.white_cont{

  padding:0 3%;

 }
 .white_cont .title{ text-align: right; padding-bottom:30px; }

 #contact_form{ width: 100%;}
 #contact_map{ clear: both; padding-top:30px; }
 #contact_address{ width: 40%; float:left; text-align: right; direction: rtl; line-height: 2; }
 #contact_form .half{ width: 48%; float:right; margin:1%;}
 #contact_form .half:last_child{ width: 49%; float:left; margin-right:2%;}

  #contact_form input[type="text"], #contact_form textarea{
  width: 100%;
  background-color: #fff;
  padding:7px;
  text-align:right ;
  border-radius: 3px;
  outline: 0;
  margin:2% 0;
  margin-left:1%;
  border:1px solid #a1a1a1;


   }
  #contact_form button{
 padding:7px;
 width: 35%;
  background-color: #0F7394;
  color: #FFFFFF;
 border: 3px solid #fff;
 float:left;
 border-radius: 5px;
 font-size: 1.33em;
 font-weight: normal;
 cursor: pointer;

   float:left;
   margin-left:2.5%;

 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
 #contact_form button:hover{
 background-color:  #fff;  color: #0F7394; border: 3px solid #0F7394;

}



.proj_prog_row{ width: 100%; padding:15px; border-bottom: 1px solid #CACACA; }
.proj_prog_row h2{ font-size: 1.66em; display: inline-block; font-weight: normal; color: #0F7394; }
.proj_prog_row h3{ font-size: 1.125em;  display: inline-block;  padding-right:20px;}
.proj_prog_row  a{ float:left;  text-decoration: none; font-size: 1.125em;}
.proj_prog_row img{ padding-right:15px; width: 50px; position: relative;top:7px;}


/*--------------------------------------------------
HEADER
--------------------------------------------------*/

 header{position: relative;}
 #top_header{ background-color: #232425; padding:7px 0; }
#top_right{ float:right; width: 25%; text-align: right;padding:1.5% 0; line-height: 2; }
#top_left{ float:left; width: 15%; text-align: left;padding:1.5% 0; }
.header_menu{ float:left; padding-top:1.5%; }
#top_left a{ text-decoration:none; }
#top_menu{  width: 100%; text-align: right; }

#top_menu a {  text-decoration: none; }
#logo{  width: 120px; position: relative; z-index: 9; top:30px; left:-60px;}
#logo_holder{
  position: absolute;
   z-index: 8; margin:0 auto; left:0; right:0; bottom:88px;
	width: 0;
	height: 0;
	border-left: 150px solid transparent;
	border-right: 150px solid transparent;
	border-bottom: 120px solid #fff;
}
.under_logo{ height: 30px; background-color: #FFFFFF; }
#logo a{ }
#logo img{ width: 100%; }
#logo_mob{ display: none; }

.top_social{ padding-top:15px; }

#search{ text-align: center; direction: rtl;position: relative; float: right; width: 35%;  padding-right:5%; margin-top:6%;}
#search_side {  position: relative; margin-top:15px; }
.sb-search{ width: 100%; position: relative; }
.sb-search-input{ width: 100%; padding:6px; text-align: right; direction: rtl; border-radius: 3px; border:1px solid #979797;}
.sb-search-submit{ position: absolute; left:0; width: 30px; height: 30px; top:0; background-color:  transparent; border:none; cursor: pointer; z-index: 95; }

.sb-icon-search:before{
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color:   #919191;
    font-size: 18px;
    padding-left: 0.5em;
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 1;

}

.menu{ position: relative; z-index: 99999; }
#top_basket{ direction: rtl; float:left; }
#top_basket span{ display: inline-block; padding:12px 10px; font-size: 1.25em; }
#top_basket span:last-child{ padding: 10px;}
#top_basket a{ text-decoration: none; color: #FFFFFF;  }
#top_basket i{ color: #fff; }
#top_phone{  width: 50%; float:right; text-align: right;}
#top_social{  width: 50%; float:left; text-align: left;}
#top_social a{ display: inline-block; width: 22px; height: 22px; background-color: #fff; border-radius: 3px; padding:1px 5px; }
#top_phone_mob{display:none;}
#top_phone a{color:#cacaca; font-size: 1.12em; text-decoration: none; padding:12px 0; font-family: 'Roboto Condensed', sans-serif;}
#top_phone a i{ color: #fff; }
#top_basket_mob{ display: none; position: absolute; top: 10px; left:10px; z-index: 9999; direction: rtl;}
#top_basket_mob a{  color: #FFFFFF; text-decoration: none;}
#top_basket_mob i{ color: #f26530; }

#top_login{ direction: rtl;padding:12px 0; float:right;padding-right:15px; color: #fff; }
#top_login a{ color: #FFFFFF; text-decoration: none; padding:0 5px; font-size: 1.25em; }
#top_login a:hover{ color: #FFFFFF; text-decoration: underline; }
.count{ padding: 0 10px; }
.count span{padding: 0 10px; }


#clients{ clear:both; padding-top:3%; text-align: right; }
#clients h2{ font-weight: normal; font-size: 1.66em; padding-bottom:2%; }
.clients_logos{ border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1; padding:10px; text-align: center;}
.c_logo{ display: inline-block; margin-left:-4px; height: 65px; }
.c_logo img{ height: 100%; }
.menu{ background-color: #fff;border-bottom:1px solid #DCDCDC }
.menu.cloned{-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.3);
	   -moz-box-shadow: 0 8px 6px -6px  rgba(0,0,0,.3);
	        box-shadow: 0 8px 6px -6px  rgba(0,0,0,.3); }

/*--------------------------------------------------
MAIN MENU
--------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 10px 0;
	list-style: none;
}

.sf-menu{

    padding:0;
    direction: rtl;
    width: 100%;
}

.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
    right: 0px;
	z-index: 99;
    min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
    padding-top:3px;
     background:#e6e6e6;
    text-align: right;
    padding-bottom:0;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.3);
	   -moz-box-shadow: 0 8px 6px -6px  rgba(0,0,0,.3);
	        box-shadow: 0 8px 6px -6px  rgba(0,0,0,.3);

}

.sf-menu > li {
	display: inline-block;
    margin-right:-4px;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}

.sf-menu li {
	background-color: transparent;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */

	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}

.sf-menu li:hover{}
.sf-menu li:last-child{border-left:none; }
.sf-menu a {
	text-decoration: none;
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
    padding-left:30px;
    color:  #35383D;
    font-size: 1.125em;

	zoom: 1; /* IE7 */
}

.sf-menu .last a {
    border-right:none;
}

.sf-menu a:hover{color:  #0F7394;}
.sf-menu ul li {
	  border-bottom:1px dotted #fff;
     	transition:all 0.3s linear;
	 -moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
    padding: 7px 0;
}

.sf-menu ul li:last-child{border-bottom:none; }
.sf-menu ul li:hover { border-bottom:1px solid #e9e9e9;  background: #0f7394;}
.sf-menu ul li a{ color: #292929; padding:0 10px; }
.sf-menu ul li:hover a{ color: #fff; }
.sf-menu ul ul li {
	background: #ff0000;
}



.title h1{ position: relative; text-align: right; color:  #0F7394; line-height: 1.3; margin-bottom:2%;}
/*.title h1:before{
 content: '';
 display: block;
 position: absolute;
 width: 70px;
 height: 3px;
 background-color: #3598DB;
  right:0;
 bottom:-5px;

 }*/

.styled-select{
position:relative;
 }

.styled-select select{
	background: url(pics/downarrow.png) no-repeat right white;
   width: 100%;
   padding: 5px;
   line-height: 1;
   border: none;
   direction: rtl;
   appearance:none;
   padding-right:12%;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
   }


  .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%;
}


#main_gallery{ position: relative; }
.main_order_btn{ position: absolute; bottom:15%; right:20%; width: 15%; }
.main_order_btn img{ width: 100%; }




   .online_order_item{ width: 33.3333%; float:right; padding:1%; }
   .online_order_item img{ width:100%;}
/*--------------------------------------------------
SIDE_MENU
--------------------------------------------------*/
h2.side_menu_lvl_1_link{ background-color: #87af01; color: #FFFFFF; font-weight: normal; padding:5px; }
.side_menu_lvl_1_link a {
	text-decoration: none;
}
a.side_menu_link_3, a.side_menu_link_4  {
	text-decoration: none;
}


.main_project{ background-color: #0F7394; float:left; width: 100%; }
.main_project.right_pic>.main_project_pic{  float:right; }
.main_project.right_pic>.main_project_info{ float:left; }

.main_project.left_pic>.main_project_pic{  float:left; }
.main_project.left_pic>.main_project_info{ float:right; }

.main_project_pic{ width: 57%; position: relative; }
.main_project_info{ width: 43%; padding:5%; color: #fff; direction: rtl; text-align: center; }
.main_project_info p{ font-size: 2em; padding-bottom:5%; }
.main_project_info hr{
  border: 0;
    height: 1px;
    background: rgba(255,255,255,.6);
    }

.project_icon{ display: inline-block; width: 24.8%; margin-left:-4px; vertical-align: top; margin-top:2%;}

.project_icon img{ width: 100%; border-left:1px dotted #fff; padding:0 30%; }

.project_icon:nth-of-type(4) img {border-left:none; }
.project_icon h2{ font-weight: normal; font-size: 1.125em; }
.project_icon h2 span{ font-family: 'Roboto Condensed', sans-serif; font-size: 1.33em; display: block; }

.main_project_info a{
  display: block;
  width: 70%;

  background-color: #FFFFFF;
  color: #0F7394;
  text-decoration: none;
  margin:0 auto;
  padding:2.5%;
   font-size: 2em;
     margin-top:15%;
     border:2px solid #0F7394;
     transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
   }
 .main_project_info a:hover{ background-color: #0F7394; color: #fff; border:2px solid #fff;  }
.main_project_pic img{ width: 100%; display: block;}

.main_project_logo{ width: 33.333%; position: absolute; margin: auto; left:0; right:0; top:20%; }





/*--------------------------------------------------
CAT_HOVER RFFECTS
--------------------------------------------------*/

.grid {

	margin: 0;
	padding: 2.5% 0 8% 0;
	width: 100%;
    direction: rtl;
	list-style: none;
	text-align: center;


}
.gird-cell{ 	display: inline-block; width: 30%; text-align: center;    position: relative; margin:0 1.5%;   z-index: 99999;  }
.gird-cell h2{ position: relative; color: #0f7394; font-size: 1.66em; font-weight: normal;padding-top:20px; }

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin:0;
	width:100%;
    margin-right:1%;
    margin-top:10px;
	background: #fff;
	text-align: center;
	cursor: pointer;  
	background-clip: border-box;
	
  
      -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
     height: inherit;

}
.grid figure:nth-child(5){ margin-right:0; }
.grid figure a {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 33.333%;

	background: #000;
	text-align: center;
	cursor: pointer;

}
.grid figure img {
	position: relative;
	display: block;
    width: 100%;
	opacity: 1;
}

.grid figure figcaption {

	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 9;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-weight: normal;
    color: #00ADEF;

}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico:hover img {
	opacity: 1;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico figcaption {

}


figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
    position: absolute;
    right: 0;
    padding: 5px 10px;

    width: 50%;
    text-align: right;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

/*--------------------------------------------------
ITEM
--------------------------------------------------*/
#items_holder{ margin-top:2%; }
#main_items { margin-top:5%; position: relative; padding-bottom:8%; }
.down_button{ position: absolute; bottom:-60px; margin:0 auto; left:0; right:0; }
.down_button a{ text-decoration: none; font-size: 2em; color: #fff; }
.down_button a span{ display: block; }
.down_button a i{color:#f5f5f5; font-size: 2.2em; background-color: #81a702; border-radius: 50%; padding:5px 10px; }
#main_items > .item_pnim{  width: 25%; }

#category{ }

.item_pnim{ float:right; width: 33.333%;padding:0 15px; margin: 10px 0; }


.item_inner{
  width: 100%;
 background-color: #FFFFFF;
 padding-bottom:20px;


 }
.item h4,.item_pnim h4{ font-size: 1em; text-align: right; padding-top:20px; min-height: 105px; font-weight: 900; }
.item_main h4{ font-size: 1.33em; text-align: right; padding-top:20px; }
.item_pic{ height: 200px; position: relative; overflow: hidden;}

.item_pic img{
  height:100%;
  min-height: 202px;
-webkit-transform: scale(1);	transform: scale(1);-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
     }
.item_pic img:hover{-webkit-transform: scale(1.04);	transform: scale(1.04);}
.item_title{padding:2%; text-align: center; height: 60px;}
.item_title h5{ font-size: 1.33em;  color: #324C5E; }
.item_main_price{color:#951f20;; font-weight: 500; font-size: 2em; padding: 4% 0; float:right;font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style: italic;}
.item_main_price span{ font-size: .667em }
.item_main_oldprice {color: #888888; font-weight: 800; font-size: 1.33em; padding:8% 6% 0 0; float:right; vertical-align: bottom; font-family: Trebuchet MS; text-decoration:  line-through; }
.item_main_oldprice span{ font-size: .5em }

.item_price{color: #6e8f00; font-weight: 800; font-size: 1.66em; padding: 4% 0; direction: rtl;font-family: 'Palatino Linotype',
'Book Antiqua', Palatino, serif; font-style: italic;}
.item_price span{ font-size: .65em; font-family: 'Open Sans Hebrew';font-style:  normal; font-weight: normal;  }
.item_oldprice {color: #888888; font-weight: 500; font-size: 1em;/* padding:8% 6% 0 0; float:right; */vertical-align: bottom;  text-decoration:  line-through; height: 30px; }
.item_oldprice span{ font-size: .4em }

.item_price2{color: #888; font-weight: 500; font-size: 1em; text-decoration: line-through;}
.item_price2 span{ font-size: .667em }
.item_order{color: #FFFFFF; width: 70%; padding-top:5%; margin:0 auto; }
.item_order a{
  color: #FFFFFF;
  text-decoration: none;
  background-color: #324c5e;
  border-radius:3px;

  padding:10px;
  display: block;
  font-size: 1.125em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
   white-space: nowrap;
 }
.item_order a:hover{ background-color: #202f3a; }
.item_order a i{ position: relative; top:0px; right:10px; }


.item2{  width: 100%;    background-color: #FFFFFF; padding:10px;  margin: 10px 0; border-bottom:1px solid #D3D3D3; }
.item2_pic{ width: 15%; float:right; }
.item2_pic img{ width: 100%; max-height: 250px; }
.item2_title{ float: right; width: 50%; padding-right:2.5%; text-align: right; }
.item2_price { float: right; width: 15%; line-height: 80px; }
.item2_price span:first-child{ font-size: 80%; }
.item2_order{float:left; padding-top:25px; }
.item2_order button,.item2_order a{
  color: #FFFFFF;
  text-decoration: none;
  background-color: #951f20;
  border:none;
  display: block;
  text-decoration: none;
  padding:5px 20px;
  display: block;
  font-size: 1.125em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
   white-space: nowrap;
 }
.item2_order button:hover,.item2_order a:hover{ background-color:  #bc2426; }
.item2_order button i,.item2_order a i{ position: relative; top:0px; right:10px; }


.prod_desc{ padding: 3% 20px; text-align: right; direction: rtl; }
.prod_name{ line-height: 80px; }

.nutritional_table .row{  padding: 2%; margin: 1%; border-bottom: 1px solid;}
.nutritional_table .row_header{    width: 33%; float: right; text-align: right; direction: rtl;}

#catalog_main{ margin: 50px 0; position: relative; }
#catalog_main img{ width: 100%; }
#catalog_main h1{ position: absolute; margin: 0 auto; top:30%; left:0; right:0; font-size: 4em; font-weight: normal; }
#catalog_main a{
  display: block;
  width: 25%;
  position: absolute;
  margin: 0 auto;
  bottom:30%; left:0; right:0;
  background-color: #D0362E;
  color: #fff;
  padding: 10px;
  font-size: 1.66em;
  text-decoration: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
  }
#catalog_main a:hover{ background-color: #231f20; }



#catalog_pnim{ margin: 30px 0; position: relative; }
#catalog_pnim img{ width: 100%; }
#catalog_pnim h1{ position: absolute; margin: 0 auto; top:15%; left:0; right:0; font-size: 3em; font-weight: normal; }
#catalog_pnim a{
  display: block;
  width: 90%;
  position: absolute;
  margin: 0 auto;
  bottom:15%; left:0; right:0;
  background-color: #D0362E;
  color: #fff;
  padding: 10px;
  font-size: 1.66em;
  text-decoration: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
  }
#catalog_pnim a:hover{ background-color: #231f20; }



#icons_bottom{ padding:2.5% 0; }
.icon_bottom{ float:right; width: 25%; padding:2% 5%; }
.icon_bottom img{ width: 100%; padding:8%; }
.icon_bottom h4{ display: block; color: #00ADEF; text-align: center; font-weight: 900; font-size: 1em;  }


#online_order{ margin-top:30px; position: relative; color: #FFFFFF; direction: rtl; }
#online_order img{ width: 100%; }

.online_order_text{ position: absolute; top:5%; left:0; right:0; margin: 0 auto;   }
.online_order_text h1{ font-size: 3em; font-weight: bold; border-bottom:2px solid #fff; display: inline-block; padding: 1.5% 0; margin-bottom:2.5%;}
.online_order_text p{ font-size: 1.5em; line-height: 2; }

.online_order_text a{
  margin-top:2.5%;
  display: inline-block;
  border:2px solid #fff;
   color: #fff;
   font-size: 1.5em;

  padding: 10px 50px;
  text-decoration: none;
  background-color: transparent;
   transition: all 0.3s;
  -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;

   }

 .online_order_text a:hover{ background-color: #fff; color: #000000;   }
 .online_order_text a i{ padding-right:15px; }
/*--------------------------------------------------
PNIM PAGE
--------------------------------------------------*/

#side_menu{ width: 25%; float:right; padding-top:5%; padding-bottom:3%;}
.side_pic{ width: 25%; float:right;  padding-top:5%; }
.side_pic img{ width: 100%;}
#contain_side{ width: 75%; float:left; padding:3% 3% 3% 0}
.info_pic img{ width: 100%;}
.top_pic{padding-bottom:2%; }
.top_pic img{ width: 100%; }


.side_menu_title{ text-align: right; color: #FFFFFF; background-color: #87af01; padding:7px; }
.side_menu_title i{ padding-right:10px; }

 .info_page_menu{ padding-bottom: 12%;}
.info_page_link{
  direction: rtl;
  text-align: right;
	padding:6px 10px;
	cursor: pointer;
    font-size: 1em; font-weight: 500;
    margin-bottom:2px;
    padding-right:10px;
   -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
border-bottom:1px solid #D3D3D3;
}
 .info_page_link a{ text-decoration: none; font-size: 1em; font-weight: bold; }
.info_page_link:before{
  content: "\f0d9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
       -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
 }

 .info_page_link:hover{
   padding-right:15px;
}
 .info_page_link:hover:before{
  content: "\f0d9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #3598DB;
 }

#accordian {width: 100%; text-align: right;}
#accordian ul{ padding:0; }
#accordian h3 i{ color: #D0362E; font-weight: bold; padding-left:10px; }
#accordian h3 {
	padding:6px 10px;
	cursor: pointer;
    font-size: 1em; font-weight: 500;
    margin-bottom:2px;
    padding-right:10px;
   -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
border-bottom:1px solid #D3D3D3;
}
#accordian h3:before{
  content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
       -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
 }

/*heading hover effect*/
#accordian h3:hover {
   padding-right:15px;
}
#accordian h3:hover:before{
  content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #87af01;
 }
/*iconfont styles*/
#accordian h3 span {
	margin-right: 10px;
}
.side_menu_lvl_2_link{ font-size: .9em!important;  }
.side_menu_lvl_2_list{ font-size: .9em!important; }
/*list items*/
#accordian li {
	list-style-type: none;

}
#accordian ul ul li {
	list-style-type: none;
   /* border-bottom:1px dotted #35383D;    */
    padding:0;
    width: 100%;
    background-color: #e4e0dd;
}
/*links*/
#accordian ul ul li a {
	padding:6px 10px;
	cursor: pointer;
    font-size: 1em; font-weight: 500;
    margin-bottom:2px;
    padding-right:10px;
   -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
border-bottom:1px solid #D3D3D3;
}
#accordian ul ul li a:before{
  content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
       -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
 }

/*heading hover effect*/
#accordian ul ul li a:hover {
   padding-right:15px;
}
#accordian ul ul li a:hover:before{
  content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #87af01;
 }
#accordian ul ul li a.active {
 	border-right: 5px solid  #F26530;
	color: #F26530;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
    padding:0;
}
#accordian li.active ul {
	display: block;
}



#accordian2 {width: 100%; text-align: right;padding-top:10%;}
#accordian2 ul{ padding:0; }
#accordian2 h3 {
	padding:7px 10px;
	cursor: pointer;
	font-size: 1em;
	font-weight: normal;
	color: #F26530;
    border-bottom:1px solid #6D6D6D;
}
#accordian2 h3 span{ color: #000; }
#accordian2 li>div{ 	padding:30px 10px; }
/*heading hover effect*/
#accordian2 h3:hover {

}
/*iconfont styles*/
#accordian2 h3 span {
	margin-right: 10px;
}
/*list items*/
#accordian2 li {
	list-style-type: none;

}
#accordian2 ul ul li {
	list-style-type: none;
    padding:5px 0;
    width: 100%;
}
/*links*/
#accordian2 ul ul li a {
	text-decoration: none;
	display: block;
	padding: 0 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#accordian2 ul ul li a:hover {
	border-right: 5px solid  #EC1C24;
}
/*Lets hide the non active LIs by default*/
#accordian2 ul ul {
	display: none;
    padding:0;
}
#accordian2 li.active ul {
	display: block;
}


.search_color, #search_size, #search_price { direction: rtl; }
.search_color span{ display: inline-block;; width: 70%; margin-top:1%; vertical-align: top;}
.search_color input{ display: none;}
.search_color a{ display: inline-block; overflow: hidden; width: 70%; margin:1% .5%;border: 2px solid #FFF; outline: #DDD solid 1px; height: 30px; }
.search_color a img{ width: 200%; margin-top: -100%; margin-right: -50%;}
.search_color a:hover{outline: #bcbcbc solid 1px;}

.search_color label{ display: inline-block; cursor: pointer; overflow: hidden; width: 30px; margin:1% .5%; border: 2px solid #FFF; outline: #DDD solid 1px; height: 30px; }
.search_color label:hover{outline: #bcbcbc solid 1px;}


#search_size a{ display: inline-block; width: 22%; margin: 1.5% .5%;border: 2px solid #FFF; outline: #DDD solid 1px; height: 30px; color: #000; text-align: center; font-weight: 700; text-decoration: none; }
#search_size a:hover{border: 2px solid #EC1C24;}

#search_price span{ font-size: .667em; }

#brands{ padding-top: 1.5%; margin-bottom:-1%; direction: rtl;}
.brand_logo{ display: inline-block;padding:0%;text-align: center; width: 12%}
.brand_logo img{width: 100%;}

/*--------------------------------------------------
BIG ITEM
--------------------------------------------------*/
#big_item_pic{ float:left; width: 55%;padding-right:1.5%; }

.main_pic_small{ max-height: 700px; max-width: 100%;}
#description{
  float:right;
  width: 45%;
  padding: 2%;
  margin:0;
  text-align: right;
  direction: rtl;

}
#description h3{ font-size: 1rem; font-weight: 700; padding-bottom:10px; }
.line{ height: 2px; border-bottom:1px solid #DCDCDC; width: 100%; }
.big_item_price{ padding: 2% 0; color:  #324C5E; font-size: 2em; direction: ltr; float:right; width: 60%;}
.big_item_price span{ font-size: .65em;font-family: 'Open Sans Hebrew';font-style:  normal; font-weight: normal;  }
#total_price{ font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style: italic; font-weight: bold; }
.big_item_price2{ color: #888; font-weight: 500; font-size: 1.2em; text-decoration: line-through; padding: 5%;}
.big_item_price2 span{ font-size: 0.8rem; }

.big_item_color{  padding: 2% 0; }
.big_item_color input{ display: none; }
.big_item_color img{ margin-top: -20%; }
.big_item_color span{ display: inline-block; min-width: 15%; margin-top: 1.5%;}
.big_item_color label{
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	width: 70%;
	margin:1% .5%;
	border: 2px solid #FFF;
	outline: #DDD solid 1px;
	height: 35px;
	background-color: #fff;
	text-align: right;
	font-weight: bold;
	line-height: 30px;
    padding-right:15px;
}
.big_item_color label.active{ outline: 1px solid red; }
.big_item_color label.active:hover {outline: 1px solid red;}
/*.big_item_color label img{ width: 200%; margin-top: -45%; margin-left: -50%;}*/
.big_item_color label:hover {outline: #bcbcbc solid 1px;}

.big_item_size{  padding: 2% 0; width: 50%; float:right; }
.big_item_size a{display: inline-block; width: 22%; margin: 1.5% .5%;border: 2px solid #FFF; background-color: #fff; outline: #DDD solid 1px; height: 30px; color: #000; text-align: center; font-weight: 700; text-decoration: none;}
.big_item_size a:hover {border: 2px solid #EC1C24;}
.sizes_table{ width: 37%; margin: auto; text-align: left; padding:2% 0; }
.sizes_table a{ background-color: #666666; display: block; text-decoration: none; color: #fff; text-align: center; padding:5px 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
	transition: all 0.3s; }
.sizes_table a:hover{ background-color: #000; }

.prod_comments_block{ padding: 3% 0; clear: both; }
.prod_comments_block texarea{ min-height: 90px; }

.big_item_order {  padding: 2% 0; }
.quantity{ float:right; width: 40%; }
.quantity input{

	text-align: center;
	width: 100%;
	font-size: 1.5em;
	border: 1px solid #999;
    display: block;
}
.order_btn{ float:left;width: 100%; }
.order_btn button{
	padding:10px 0;
    margin-top:10px;
	width: 100%;
	border: 0;
	font-size: 1.33em;
	direction: ltr;
	background-color: #324C5E;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

	}
.order_btn button:hover{ background-color: #202F3A  ; }
.order_btn button span{  }

/*--------------------------------------------------
FOOTER
--------------------------------------------------*/
#bottom_secure{ padding: 15px 0; border-bottom:1px solid #919191; border-top:1px solid #919191; margin-top:2.5%; }
#bottom_secure img{float:left; width: 50%;}
#bottom_secure p{float:right; width: 50%; text-align: right; direction: rtl; padding-left:10%; color: #919191;}


footer {
  clear: both;
  background-color: #f1f1f1;
   position: relative;
  color:  #0F7394;

   }
footer a{ text-decoration: none; }

.footer_address{ float:right; padding:25px 0; text-align: right;  direction: rtl; width: 80%}
.footer_address a{ color:  #0F7394;font-family: 'Roboto Condensed', sans-serif;  padding:0 1% 0 5%; font-size: 1.66em; }
.footer_address img{ width: 30px; position: relative; top:5px }
.footer_address a:hover{ color:  #202F3A; text-decoration: underline; }
.footer_soc{ float:left; width: 20%; padding-top:25px; text-align: left;  }
.footer_soc a{  color: #0F7394; margin-right:15px;}
.footer_soc a i{ font-size: 2em; }
.footer_address a i{ color: #0F7394; }


.footer_img{ position: absolute; bottom:-30px; left:18%; }


#social{ float:left; width: 25%; padding:0;  text-align: left; color: #00ADEF;padding-left:3%; }
#social h2{ font-size: 1em; font-weight: 900; border-bottom: 1px solid #F26530; }
#social a{ color: #00ADEF; text-decoration: none; }
#social a:hover{ color: #F26530; text-decoration: underline; }
#footer_social{padding-top:20px; border-top:3px solid #6E8F00; width: 30%; margin-top:15px}
#footer_social a{ width: 35px; height: 35px; border-radius: 50%; display: inline-block; text-align: center; color: #FFFFFF; }
#footer_social a:hover{  color: #FFFFFF; }

#footer_social a:first-child{ background-color: #39599f; }
#footer_social a:last-child{ background-color: #e70031; }

a.footer_phone{ display: block; font-size: 2em; padding:1.5% 0; }
#footer_map{ float:left; width: 50%; padding-bottom:15px; }

#footer_links{ float:right; width: 40%; }
#footer_links ul{ float:right; width: 33.333%; text-align: right; direction: rtl;  line-height: 130%; list-style-type: none; margin:0; padding:0;}
#footer_links a{ color: #6d6d6d; font-size: .86em;}
#footer_links a:hover{ color: #F26530; }
#footer_address{ line-height: 2; width: 25%; padding:15px;  direction: rtl; text-align: right; float:right; font-size: 1.125em; }
#footer_hours{ line-height: 2; width: 25%; padding:15px;  direction: rtl; text-align: right; float:right; font-size: 1.125em; }



#footer_contact{
  float:right;
  width: 50%;
  margin-top:10px;
  padding:15px;
  text-align: right;
  padding-left:3%;

   }
#footer_contact h2{ font-weight: normal; font-size: 1.33em; padding-bottom:2.5%; color: #FFFFFF;}

#footer_contact input[type="text"]{
  width: 49%;
  float:right;
  background-color: transparent;
  padding:5px;
  text-align:right ;
  outline: 0;
  margin:2% 0;
  margin-left:1%;
  border:1px solid #fff;
   color: #FFFFFF;


}
#footer_contact input[type="text"].large{ width: 98.5%; }
#footer_contact textarea{
   width: 49%;
  float:left;
  background-color: transparent;
  padding:5px;
  text-align:right ;
  outline: 0;
  margin:2% 0;
  margin-left:1%;
   border:1px solid #fff;
   color: #FFFFFF;

}

#footer_contact input[type="submit"]{
 padding:5px;
 width: 35%;
  background-color: transparent;
  color: #FFFFFF;
 border: none;
 font-size: 1em;
 font-weight: normal;
 cursor: pointer;

    margin:2% 0;

  border:2px solid #fff;
   float:right;
   margin-left:1.5%;

 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
#footer_contact input[type="submit"]:hover{
 background-color:#fff; color: #231F20;

}
#footer_bottom{ }

.copyright{ float:left; width: 25%;padding-top:2%; direction: rtl;}
#credit{float:left; width: 100%;  text-align: left; direction: rtl; font-size: .9rem; font-weight: normal; padding:5px;}
.footer_logo{ float:right; width: 25%; text-align: right; }



#cart_table{
  float: left;
  width: 72%;
  margin-right: 2%;
  margin-top:2%;
 background-color: #fff;
  margin-bottom: 30px;
  padding: 0 10px;

   }
 #cart_table.small_cart { width: 100%; float:none; }
#cart_side { float: right; width: 25%; margin-top:1.5%; }
#order_side{ float: right; width: 25%; margin-top:1.5%; }
#order_side h2{ font-size: 1em; font-weight: bold; padding: 20px 0 10px 0; }
#order_side a{ color:#6E8F00;}

#cart_side_holder{

   text-align: right;
   margin-top:2%;
   width: 100%;
   padding:2%;
   margin-bottom:20px;
   background-color: #fff;

}

#cart_side h2{ font-size: 1em; font-weight: bold; padding: 20px 0 10px 0; }
#cart_side a{ color:  #6E8F00;}

.cart_row { direction: rtl; margin-bottom:20px; }
.cart_img img{ max-width: 200px; max-height: 200px; width: 100%;}

.prod_inf{padding-right:2%;  }
.comment{
	vertical-align: top;
	padding-top: 1.5%;
	padding-right: 10%;
}

.total{ text-align: right; float:right; width: 50%; padding:10px; font-weight: bold; }
.del{ float:left; width: 20%; text-align: left; padding:10px }
.cart_title{ border-bottom:1px solid #DCDCDC; padding:5px; direction: rtl; text-align: center; }
.cart_title div, .cart_row2 div, .cart_row3 div { display: inline-block; margin-right:-4px; }
.secure{ border-bottom: 1px solid #6E8F00; color: #6E8F00; padding: 10px; font-weight: bold; }

.cart_img{ width: 20%; }
.cart_name{ width: 30%; }
.cart_price{ width: 10%; }
.cart_quan{ width: 10%; }
.cart_comm{ width: 30%; }

.cart_row2 div{ padding:10px; vertical-align: top; }
.cart_row2 >.cart_img{ text-align: center;  }
.cart_row2 >.cart_name{ text-align: right;padding-top:30px;   }
.cart_row2 >.cart_price{padding-top:30px;  }
.cart_row2 >.cart_quan {padding-top:30px;  }
.cart_row2 >.cart_comm{padding-top:30px;  }



.cart_row3 >.cart_img{ text-align: center;  }
.cart_row3 >.cart_name{ text-align: right; padding:10px 0; width: 100%; border-bottom: 1px solid #D3D3D3;}
.cart_row3 >.cart_price{padding-top:20px; width: 50%; text-align: right; padding:10px 0;  }
.cart_row3 >.cart_quan {padding-top:20px; width: 50%; text-align: left; padding:10px 0;  }
.cart_row3 >.cart_comm{padding-top:20px;  }

.cart_bottom_row{  background-color: #DCDCDC; }
#cart_options{ display: block;padding-top:20px; }
#cart_options >.cart_opt{ padding: 2% 10%; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

#basket{
	color: #FFFFFF;
	background-color:  #1E2A5B;
	padding:20px 10px;
	margin-top:1.2%;
    width: 100%;
    margin-bottom:10px;
    clear: both;
	 }
#basket a{ text-decoration: none; color: #FFFFFF; 	-webkit-transition: all 0.3s; 	-moz-transition: all 0.3s;  	transition: all 0.3s;}
#basket a:hover{color: #00AECF; }


.login_link{
	float: right;
	margin-right: 10%;
}
.register_link{
	float: left;
	margin-left: 10%;
}



.secure_logos{ padding-top:20px; }
.secure_logos img{ width: 100%}


#checkout_btn{ margin-bottom:20px; width: 100%; }
#checkout_btn2{ margin-bottom:20px; width: 30%; float:left; }
#checkout_btn a, #checkout_btn2 a{
  display: block;
  width: 100%; padding: 15px;

  background-color:#324C5E;
  -webkit-transition: all 0.3s; 	-moz-transition: all 0.3s;  	transition: all 0.3s;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 1.33em; font-weight: normal;
 }
 #checkout_btn a:hover, #checkout_btn2 a:hover{ background-color: #202F3A; }


 .sale_in_menu{ position: relative; }
 .sale_in_menu a:hover{ background-color: transparent!important;}
 .sale_in_menu img{ width: 100%; }

 .percent{
   position: absolute;
   top:10px; left:10px;
   background-color: #D0362E;
   color:#fff;
   text-align: center;
   border-radius: 50%;
   width: 80px; height: 80px;
   vertical-align: middle;
}
.percent h3{ display:block; font-size: 1.66em; font-weight: bold; padding-top:25%; }
.percent span{ display:block; font-size: 1em; font-weight: normal; }
.sale_in_menu h1{
  position: absolute;
  bottom:20px; left:0; right:0;
  margin: auto;
  width: 80%;
  padding:10px;
  font-size: 1.33em;
  font-weight: normal;
  text-align: center;
  background:rgb(0,0,0);
  background:rgba(0,0,0,.8);
  color: #FFFFFF;
   }

 /*--------------------------------------------------
sizes_table
--------------------------------------------------*/
#login {
  width: 40%;
  text-align: right;
  float: right;
  padding-top: 5%;
}

.login_bg{ width: 40%; float: left; }
.login_bg img{ width: 100%; }

#sizes_table{ width: 100%; }
.table{ width: 96%; border-collapse: collapse; margin: 2%; }
.table-condensed{  }
.table-condensed tr{ border-bottom: 1px dotted #666666 }
.table-condensed td{  padding:5px; text-align: right; direction: ltr; }


.order_holder{
  float:left;
  width: 72%;
  margin-right: 2%;
  margin-top: 2%;
  padding:2%;
   background-color: #FFFFFF;

    }
.order_holder h1{ font-size: 1.33em; padding: 10px 0; }
.login_table{ float:right; width: 50%; text-align: right; padding-left:2%; direction: rtl;  }
.login_table2{ float:right; width: 60%; text-align: right; direction: rtl; }
.login_table3{ float:right; width: 60%; text-align: right; direction: rtl; background-color: #E9E9E9; padding:20px; }

.form-group2{ width: 49%; display: inline-block; padding-left:3%; vertical-align: top; }
.form-group3{ width: 100%; display: block; padding-left:4.5%; }
.login_table2 label{ display: block; padding-top:10px; }
.login_table2 input{
  width: 100%;
  padding: 5px;
  border-radius:3px;
  margin: 7px 0;
  border:1px solid #ccc;
  text-align: right;
 }
 .login_table2 input {
  width: 100%;
  padding: 5px;
  margin: 7px 0;
  border: 1px solid #ccc;
  text-align: right;
}
.order_step2 button{ }
 .login_table2 button,.order_step2 button, .btn{
 display: block;
  width: 15%; padding: 5px;
  border-radius:3px;
  background-color:   #87AF01;
  -webkit-transition: all 0.3s; 	-moz-transition: all 0.3s;  	transition: all 0.3s;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 1em; font-weight: bold;
  border:none;
  float:right;}
  .login_table2 button:hover,.order_step2 button:hover,.btn:hover{ background-color:  #324C5E; }
.login_table textarea{ width: 100%;
  padding: 5px;
  border-radius:3px;
  margin: 7px 0;
  border:1px solid #ccc;
  text-align: right;  }
 #coupon input{
   width: 35%;
  padding: 5px;
  border-radius:3px;
  margin: 7px 0;
  border:1px solid #ccc;
  text-align: right;
  }
.form-group input{
  width: 100%;
  padding: 5px;
  border-radius:3px;
  margin: 7px 0;
  border:1px solid #ccc;
  text-align: right;
 }
 .login_table button{
 display: block;
  width: 30%; padding: 5px;
  border-radius:3px;
  background-color:  #951F20;
  -webkit-transition: all 0.3s; 	-moz-transition: all 0.3s;  	transition: all 0.3s;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 1em; font-weight: bold;
  border:none;
  float:right;
   max-width: 150px;
  }
  .login_table button:hover{ background-color: #D0362E; }
  #mob_left {  display: none; }
 .mob{display: none; }
 #main_gallery{ clear: both; }

 /*--------------------------------------------------
media query
--------------------------------------------------*/
@media screen and (min-width:100px) and (max-width:959px) {
 .width-wrapper{ width: 94%; }
#logo_holder{ bottom: 0;
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 80px solid #fff; }
	
	#logo {
    width: 80px;     
    left: -40px;
}
#about_main{ width: 100%; padding:0; }
#jobs_main{ width: 100%; }
.c_logo{ height: 60px; }
.footer_img{ display: none; }
#top_social{ padding-top:3px; }
  #top_phone{ width: 80%; text-align: right;    position: absolute;
    top: 5px;
    right:10px;
    z-index: 999; }
    #top_header{ padding-bottom:15px; background-color: #000; }

  #search{ width: 100%; padding: 0 5% 15px 5%;margin-top:3%; }
  .sb-icon-search:before{ left:5%; }
#logo_mob{ display: block;padding: 10px; width: 40%; float: right;}
#mob_left {  display: block; text-align: left; width: 60%; padding:10px; }
#top_left,#top_right{ display: none; }
.mob{ display: block; }
#basket_menu{
  width: 80%;
  position: absolute;
  z-index: 9999;



   }
   .login_bg{ display: none; }

.about_pic, .about_text { width: 100%;padding:0 2%;}
.main_project_pic{ width: 100%; }
.main_project_info{ width: 100%; }
.project_icon img{ padding:0 20%; }
.project_icon h2  { font-size: 1em; } 

#wrapper{ max-width: none; }
#main_menu{ display: none;}
#main_menu_mob{  display: block;}
#top_menu{  width: 100%;  text-align: center; }

#top_right{ width: 100%; }
#holder{ margin-top:0; }
#top_login a,#top_basket span{ font-size: 1em; }
.top_title h1{ font-size: 1em; }
.top_title h2{ font-size: .86em; }
.top_title h1 span{ font-size: 1em; }
.rsABlock {
  right: 0;
  top: 0;
  width: 45%;
}
.rsABlock:after {
   
    bottom: -20px;
    right: 20px;
    width: 0;
    height: 0;
    border-top: 20px solid #0f7394;
    border-left: 20px solid transparent;
}
.cart_name{ display: none!important; }
.cart_price{ width: 30%; }
.form-group2{ width: 100%; }
.login_table2 button, .order_step2 button{ width: 31%; }
.top_title a{ display: none; }

#main_items > .item_pnim{  width: 100%; }
/*.item_title h5{ font-size: 80%; } */
#coupon input{ width: 60%; }
.item_pnim{ width: 100%; }

.item_main{ width: 50%; }
.item{ width: 50%;  height: 350px;}

.item_pic img{ min-height: 230px; }
#main_items{ padding-bottom:20%; }
#catalog_main h1{ font-size: 2em; top:15%; }
#catalog_main a{ width: 45%; padding:5px; font-size: 1.33em; bottom:15%; }
#bottom_secure img{ width: 100%; padding: 10px; }
#bottom_secure p{ width: 100%; padding: 0 10px; }
#footer{ padding:2%; }
#social{ width: 100%; }
#footer_links{ width: 100%; border:none; }
#footer_contact{ width: 100%; }
#footer_map{ width: 100%; }
.footer_social, .footer_address{ text-align: center; }
#credit{ width: 100%; }
.copyright{  width: 100%; }
.footer_logo{ display: none;}
#contain_side { width: 100%; padding: 0 15px;padding-top:20px; }
.side_pic{ display: none; }
#contact_form{ width: 100%; }
#contact_form button{ width: 50%; margin-left:1.5%; }
#contact_form .half{ width: 100%; }
#side_menu{ width: 100%;  padding: 0 15px; }
#big_item_pic{ width: 100%; }
#description{ width: 100%; margin:0; }
.sizes_table{ width: 40%; }
.order_btn button{ font-size: 1.33em; }
#cart_table{ width: 100%;}
#cart_side{ width: 100%; }
.order_holder{ width: 100%;}
#order_side{ width: 100%; }
.login_table2, .login_table{ width: 100%; padding-right:15px; }
.login_table3{ width: 100%; }
.item2_pic{ width: 30%; }
.item2_price{ width: 50%; clear:right; text-align: right; }
.item2_title{ width: 70%; }
.prod_name { line-height: normal; }
#login{ width: 100%; }
#checkout_btn2{ width: 100%; }
.help_me{ position: static; padding:2.5%; }
.help_me:after{ display: none; }
.main_order_btn { position: static; width: 80%; margin: 0 auto; padding-top:2.5%; }
#contact_address{ width: 100%; }
.info p img{ width: 100% }
.cat_item{ width: 33.333%; }
.cat_item h2{ font-size: 1em; }
#footer_address, #footer_hours{ width: 100%; }
.pnim_image>#logo {
    top: 16%;
    width: 20%;
}
.gird-cell{ margin-top:0; width: 94%; }

}

@media screen and (min-width:560px) and (max-width:959px) {
  #top_social{ float:right; margin-right:20px; }
  #top_phone{ width: auto; }
  .rsABlock {	
  right: 0;
  top: 5%;
  width: 45%;
}
.about_pic {
    width: 40%;
    float: left;
}
.about_text {
    padding-left: 2%;
    font-size: 1em;
    line-height: 1.6;
    width: 60%;
    float: right;
}
.footer_address a{ font-size: 1.33em; }
	#logo {    width: 80px;     left: -40px; }
#basket_menu{ top:0; }
.item_title{ height: auto; }
#main_items > .item_pnim{ width: 50%; }
#footer_address, #footer_hours{ width: 50%; }
#footer_social{ width: 50%; }
#top_phone{ text-align: right; }
.top_title h1{ font-size: 2em; }
.gird-cell{ margin:0 10px; }
.c_logo{ height: 50px; }
}

@media screen and (min-width:960px) and (max-width:1024px) {   
 
.rsABlock{ width: 40%; }
  #top_login{ padding-right:0; }  
 .sf-menu > li {  padding: 0 .5em;}
   .width-wrapper{ max-width: 96%; }
 .footer_img { left:5%; }
 .sf-menu > li > a{ padding: 10px 5px; }
.main_project_info{ padding:2%; }
.main_project_info p{ padding-bottom:0; }
.main_project_info a{ margin-top:6%; }
.item_pic img{ width: 100%; max-width: none; max-height: none; }
.none{ display: none; }
.item{ width: 25%; height: 310px; }
#footer{ padding:1%; }
#footer_contact input[type="submit"]{ width: 40%; }
a.footer_phone{ font-size: 1.5em; }
#footer_links{ padding-left:1.5%; }
.item_pic{ height:160px; }
h4{ font-size: 1.1em; }
.gird-cell{ width: 190px; height: 190px; }
.grid{ margin-top:4%; padding:10px 0 3% 0 }
.c_logo{  height: 50px; }
#side_menu{ width: 24%; }

#logo_holder{ bottom:60px; }

}

@media screen and (min-width:1025px) and (max-width:1199px) {
.main_project_info a{ margin-top:6%; }
.rsABlock{ width: 35%; }   
  .sf-menu > li {  padding: 0;}
  .width-wrapper{ max-width: 1100px; }
  .sf-menu > li > a{ padding: 10px 15px; }
  .main_project_info p{ padding-bottom:0; } 

}

@media screen and (min-width:1200px) and (max-width:1399px) {  
	 .width-wrapper{ max-width: 1100px; } 
.rsABlock{ width: 35%; }
.main_project_info a{ margin-top:6%; } 
.main_project_info p{ padding-bottom:0; }  


}
@media screen and (min-width:1400px)and (max-width:1600px) {

}