@charset "utf-8";
/* Template Version: 2.0 (Latest Update 08 May 2014) 
/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

@font-face {
font-family: 'Open Sans Hebrew';
src: url('../fonts/opensanshebrew-regular-webfont.eot');
src: url('../fonts/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensanshebrew-regular-webfont.woff') format('woff'),
url('../fonts/opensanshebrew-regular-webfont.ttf') format('truetype'),
url('../fonts/opensanshebrew-regular-webfont.svg#open_sans_hebrewregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

#inner{color:#ffffff;font-size:16px;list-style:none;height:auto;display:block; text-align:right;padding-top:8px;}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac &*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
html{ height:100%;}
body{color:#ffffff;font-family:Open Sans Hebrew, Helvetica, sans-serif;padding:0;font-size:17px;margin:0 auto;height: 100%;position: relative;line-height:19px;}
a, span.tag{ text-decoration:none;}
a.view_details{padding:0 0 0 15px;}
.swiper-container{ width:800px;height: 100%;}

#header{ position:absolute; top:-100px; left:0px; z-index:999999; width:100%; height:40px;padding:6px 0%;
}

#header1{ position:absolute; top:0px; left:0px; z-index:9999991; width:100%; height:40px;padding:6px 0%;
background-image: linear-gradient( #141515, #3B3E3E);
-webkit-box-shadow: 7px 2px 7px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 7px 2px 7px 0px rgba(0,0,0,0.55);
box-shadow: 7px 2px 7px 0px rgba(0,0,0,0.55);}

/* Headings
/*------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-weight:normal; margin:0px;padding:10px 0 20px 0;clear:both; letter-spacing:-1px;}
h1{ font-size:30px;}
h2{ font-size:26px;}
h3{ font-size:22px;}
h4{ font-size:18px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
p{ padding:0 0 10px 0; margin:0px;}
/*h2.page_title{ font-size:30px;padding:0 0 20px 0;}*/
h2.post_title{ font-size:26px;padding:0 0 20px 0; line-height:28px;}
/* Border radius
/*------------------------------------------*/
.radius4{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.radius6{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.radius8{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.radius20{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}


/*----------bottom bullets pagination--------------- 
.pagination {position: absolute;z-index: 20;left:0px;bottom:5px;text-align:center;width:100%;}
.swiper-pagination-switch {display: inline-block;width:12px;height:3px;background: #222;margin-right: 5px;opacity: 0.5;cursor: pointer;}
.swiper-active-switch {background: #fff;}
/*----------header and footer buttons---------------*/

/*----------bottom bullets pagination   ALON  --------------*/
.pagination {position: absolute;z-index: 1;left:0px;bottom:6px;text-align:center;width:100%;}
.swiper-pagination-switch {display: inline-block;width:12px;height:3px;background: #fff;margin-right: 5px;opacity: 0.8;cursor: pointer;}
.swiper-active-switch {background: #77BCB2;}
/*----------header and footer buttons---------------*/


.menu-icon {max-width:23px;left:86%;position:absolute;margin-right:0px;padding-top:8px;}


.gohome{ width:40px; height:40px; float:left; margin:0 0 0 10px;}
.gohome a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.gohome a img{display:inline-block;max-height:25px; margin:5px 0 0 0;}

.gohomemenu{ width:40px; height:40px; float:left; margin:0 0 0 10px;}
.gohomemenu a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.gohomemenu a img{display:inline-block;max-height:25px; margin:7px 0 0 0;}

.gomenu{ width:40px; height:40px;float:left;margin:0px 0px 0px 0px;}
.gomenu a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.gomenu a img{display:inline-block;max-height:25px; margin:6px 0 0 0;}

.scrolltop{ width:40px; height:40px;margin:auto; display:block;}
.scrolltop a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.scrolltop a img{display:inline-block;max-height:28px; margin:5px 0 0 0;}
/*----------page buttons---------------*/

a.button_12{ width:48%; margin:0 1% 10px 1%;padding:10px 0; float:left; display:block;font-size:18px; text-decoration:none; text-align:center;}
a.button_11{ width:98%; margin:0 0 10px 1%;padding:10px 0; float:left; display:block;font-size:18px; text-decoration:none; text-align:center;}

a.button_13{ width:48%; margin:0 1% 10px 1%;padding:15px 0; float:left; display:block;
font-size:20px; text-decoration:none; text-align:center;}


.green{ background-color:#85af5d;}
.darkgreen{ background-color:#41552D;}
.blue{ background-color:#29aae3;}
.darkblue{ background-color:#035792;}
.red{ background-color:#c53238;}
.purple{ background-color:#8b2767;}
.pink{ background-color:#f87c68;}
.orange{ background-color:#f17225;}
.black{ background-color:#272625;}
.gray{ background-color:#6e6e6e;}
.darkgray{ background-color:#3E3E3E;}
.yellow{ background-color:#ffb606;}
.bluegreen{ background-color:#06a78b;}
.black{ background-color:#000000;}
.blacklight{ background-color:#272727;}
.flashnet{ background-color:#7AB1BD;}
.mobi{ background-color:#6A8B4A;}
.duani{ background-color:#2D2A26;}
.duanired{ background-color:#780000;}
.duani{ background-color:#2D2A26;}
.lilach{ background-color:#460012;}
.lilach2{ background-color:#2F000C;}
.mooki{ background-color:#6B6893;}
.mooki2{ background-color:#293052;}
.anglo{ background-color:#030226;}
.anglo2{ background-color:#1B3D7D;}
.maayan{ background-color:#042E4E;}


.shanel{ background-color:#083C5F;}
.shanel2{ background-color:#A3BEBF;}
.shanel3{ background-color:#7CB044;}
.shanel4{ background-color:#33A3A7;}

.lina{ background-color:#808080;}
.lina2{ background-color:#3D3D3D;}

.visage{ background-color:#808080;}
.visage2{ background-color:#3D3D3D;}

.geler{ background-color:#154172;}
.geler2{background-color:#0A2039;}

.shani{ background-color:#4E4E4E;}
.shani2{background-color:#808080;}

.maayan{ background-color:#043457;}
.maayan2{background-color:#05416E;}


.dubi{ background-color:#043457;}
.dubi2{background-color:#05416E;}

.mazi{ background-color:#1A1A1A;}
.mazi2{background-color:#363636;}

.kol4u{ background-color:#1A1A1A;}
.kol4u2{background-color:#363636;}

.green_borderbottom{border-bottom:2px #759a51 solid;}
.blue_borderbottom{border-bottom:3px #198bbd solid;}
.red_borderbottom{border-bottom:3px #8e262c solid;}
.purple_borderbottom{border-bottom:3px #671a4b solid;}
.pink_borderbottom{border-bottom:3px #d36755 solid;}
.orange_borderbottom{border-bottom:3px #c55512 solid;}
.black_borderbottom{border-bottom:3px #000000 solid;}
.gray_borderbottom{border-bottom:3px #535150 solid;}
.yellow_borderbottom{border-bottom:3px #e3a000 solid;}
.bluegreen_borderbottom{border-bottom:3px #058770 solid;}
.darkblue_borderbottom{border-bottom:3px #003a62 solid;}
.flashnet_borderbottom{border-bottom:3px #7AB1BD solid;}
.flashnet2_borderbottom{border-bottom:3px #6999A3 solid;}
.mobi_borderbottom{ border-bottom:3px #339900 solid;}
.duani_borderbottom{ border-bottom:3px #D8CAB6 solid;}
.lilach_borderbottom{ border-bottom:3px #FFFFCC solid;}
.mooki_borderbottom{ border-bottom:3px #ffffff solid;}
.anglo_borderbottom{ border-bottom:3px #ffffff solid;}
.lina_borderbottom{ border-bottom:3px #FF0000 solid;}
.visage_borderbottom{ border-bottom:3px #A47DA8 solid;}
.geler_borderbottom{ border-bottom:3px #ffffff solid;}
.shani_borderbottom{ border-bottom:3px #CC0000 solid;}
.maayan_borderbottom{ border-bottom:3px #1577C1  solid;}
.dubi_borderbottom{ border-bottom:3px #43C8F5  solid;}
.mazi_borderbottom{ border-bottom:3px #ECD9A4  solid;}
.kol4u_borderbottom{ border-bottom:3px #FFFFFF  solid;}

/* Page layout and elements
/*------------------------------------------*/
.image_single{ padding:5px; margin-bottom:10px;}
.image_single img{display:block;max-width:100%;}
.image_caption{ width:100%; text-align:right; color:#FFFFFF;padding:6px 0; font-size:18px;margin-bottom:6px;}

blockquote{padding:10px 0; font-style:italic; margin-bottom:10px;}
span.quote_author{ font-style:normal; font-weight:bold; text-decoration:underline;}
ul.listing{ list-style:none; padding:0 0 10px 0;}
ul.listing li { padding:5px 0 5px 10px; margin:0 0 10px 10px; border-left:2px #ececec solid;}
ul.listing_detailed{ list-style:none; padding:0 0 10px 0;}
ul.listing_detailed li { padding:5px 0 5px 40px; margin:0 0 10px 0;}
ul.listing_detailed li a{}

/* Toggle
/*------------------------------------------*/

.toogle_wrap{width:92%; padding:3% 4%; margin:0 0 10px 0;}
/*ALON*/.toogle_wrap1{max-width:100%; padding:0% 0%; margin:0 0 0px 0;}

.trigger{padding:0px;margin:0;}
.trigger a{text-decoration: none;display: block; padding:2px 0 2px 0;font-size:16px;font-weight:normal; }
.toggle_container{overflow: hidden;padding:15px 0 0 0;clear: both;}

.toogle_wrap_blog{width:92%; padding:3% 4%; margin:0 0 10px 0;}
.trigger_blog{padding:0px;margin:0;}
.trigger_blog a{text-decoration: none;display: block; padding:2px 0 2px 0;font-size:16px;font-weight:normal; }
.toggle_container_blog{overflow: hidden;padding:15px 0 0 0;clear: both;}

/* Tabs
/*------------------------------------------*/
ul.tabsmenu{ padding:0; position:relative; bottom:-1px;}
ul.tabsmenu li a{ width:31.2%; float:left; padding:12px 0 12px 0; margin:0 2% 0 0;text-align:center;}
ul.tabsmenu li:last-child a{ float:right; margin:0 0 0 0;}
ul.tabsmenu li.active a{font-weight:bold;}
.tabcontent{ padding:5% 4%; clear:both; margin:0 0 10px 0;}
/*-----------------Photo Gallery style-------------------*/

ul.photo_gallery_13{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_13 li{ width:28.6%; padding:1%; float:left; margin:1%;}
ul.photo_gallery_13 li img{ max-width:94%; display:block; padding:3%;}

ul.photo_gallery_14{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_14 li{ width:28.6%; padding:1%; float:left; margin:1%;}
ul.photo_gallery_14 li img{ max-width:94%; display:block; padding:3%;}

ul.photo_gallery_13_round{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_13_round li{ width:28.5%; padding:1%; float:left; margin:1%;}
ul.photo_gallery_13_round li img{ max-width:100%; display:block;}

ul.photo_gallery_12{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_12 li{ width:45.3%; padding:1%; float:left;  margin:1%;}
ul.photo_gallery_12 li img{ max-width:96%; display:block;padding:2%;}

ul.photo_gallery_11{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_11 li{ width:99.5%; padding:0; float:left; margin:0px 0 10px 0;}
ul.photo_gallery_11 li img{ max-width:96%; display:block;padding:2%;}

/*-----------------Blog posts style-------------------*/
ul.posts{ padding:0px; margin:0px; width:100%; display:block;}
ul.posts li.post{ width:100%; height:80px; margin:0 0 10px 0; position:relative;}
.post_left{width:25%; height:80px; text-align:center;position:absolute; top:0px; left:0px; }
span.day{ display:block; font-size:40px; padding:15px 0 0 0;}
span.month{ display:block; font-size:22px; padding:10px 0 0 0;}
.post_right_reveal{width:60%; height:80px; position:absolute; top:0px; left:25%;padding:0 0 0 5%; z-index:99;}
.post_right_unreveal{width:60%; height:80px; position:absolute; top:0px; left:25%;padding:0 0 0 5%; z-index:88; line-height:24px;font-size:14px;}
.post_right_reveal h4{ padding:10px 10px 0 0; font-size:16px; line-height:20px;}
.post_right_unreveal a{font-weight:bold;}
a.post_more{display:block;position:absolute; top:0px; right:0px;  width:10%; height:80px;overflow:hidden;}
span.post_comments{ display:block; padding:0 0 0 25px;}
a.post_readmore{ padding:0 0 0 15px;font-weight:normal; font-size:12px;}
#loadMore{width:92%; padding:3% 4%; margin:0 0 10px 0; text-align:center; font-size:14px; display:block; cursor:pointer;}
#showLess{width:92%; padding:3% 4%; margin:0 0 10px 0; text-align:center; font-size:14px; display:none;}

.post_details_page{ }
a.backtoblog{width:92%; padding:3% 4%; margin:-10px 0 15px 0; text-align:center; font-size:14px; display:block; cursor:pointer;}

.comment_row{ width:100%; float:left; clear:both; padding:0 0 5px 0; margin:0 0 10px 0;}
.comm_avatar{float:left;}
.comm_avatar img{ display:block; width:50px; height:50px;}
.comm_content{ float:left; width:75%; padding:0 0 0 5%; font-style:italic;}

/*-----------------Video page style-------------------*/
.videocontainer{ max-width:96%; padding:2%; display: block; margin:0 0 4px 0;}

/*-----------------Portfolio style-------------------*/
.portfolio_item{width:94%; padding:3%; margin:0 0 0px 0; float:left; clear:both;}
.portfolio_image{ width:30%; float:left;}
.portfolio_image img{ display:block; max-width:100%;}
.portfolio_image_round{ width:30%; float:left;}
.portfolio_image_round img{ display:block; max-width:100%;-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;}
.portfolio_details{ width:65%; float:left; padding:0 0 0 5%;}
.portfolio_details h4{ padding:0 0 5px 0;}
.portfolio_details p{ padding:0 0 5px 0; line-height:18px;}

/*-----------------Service page style-------------------*/
.service_box{ width:100%; float:left; clear:both; padding:0 0 5px 0;margin:0 0 10px 0;}
.services_icon{ padding:6% 0; width:28%;height:auto; float:left; display:block; text-align:center;}
.services_icon img{ display:block; max-width:70%; margin:auto;}
.service_content{ float:left; width:67%; padding:0 0 0 4%;}
.service_content h4{ padding:0px 0 10px 0;}

/*-----------------Clients page style-------------------*/
.client_row{width:100%; float:left; clear:both; padding:0 0 5px 0;margin:0 0 10px 0;}

/*-----------------Responsive table-------------------*/
ul.responsive_table{ width:100%; float:left; clear:both; margin:0 0 10px 0; padding:0px; list-style:none;}
li.table_row{width:100%; float:left; clear:both; line-height:30px;padding:0px; list-style:none;margin:0 0 1px 0;}
.table_section_small{width:18%; float:left; padding:0 0 0 2%;}
.table_section{ width:38%; float:left;padding:0 0 0 2%;}

/*-----------------Latest tweets style-------------------*/
.tweet{ width:100%; float:left; clear:both; margin:0;}
.tweet ul { list-style:none;}
.tweet li{width:94%; padding:3%; margin:0 0 10px 0; float:left; clear:both;}
.tweet li a{ font-weight:bold;}

/* Form
/*------------------------------------------*/

.form{padding:0 0 15px 0;}
.form label{float:right;padding:0 0 3px 0; display:block; font-size:18px;font-weight:normal;color:#ffffff;}
.form label.error{padding:0 0 10px 0; width:100%; text-align:left; font-size:14px;}
.form_input{padding:3%; width:93%; margin:0 0 5px 0;}
.form_textarea{padding:3%; width:93%; height:50px; margin:0 0 5px 0;}
.form_submit{ width:100%;padding:4% 0 4% 0; margin:0; font-weight:normal;text-align:center;
cursor:pointer; font-size:20px; border-left: none;border-right: none;border-top: none; cursor:pointer;
}




ul.social{ list-style:none; padding:0px; margin:0px 0 15px 0; width:60%;}
ul.social li{ list-style:none; margin:1% 0 2% 4%; padding:6.5% 0; width:28%;height:auto; float:left; display:block; text-align:center;}
ul.social li img{ display:inline-block;max-width:50%;border:0px;}
li.social_facebook{ background-color:#3f5aa9;}
li.social_twitter{ background-color:#29aae3;}
li.social_google{ background-color:#f2b700;}
li.social_pinterest{ background-color:#d3172f;}
li.social_flickr{ background-color:#90489c;}
li.social_digg{ background-color:#8aaf50;}

ul.social li{ -webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px;}





.vcentercontainer{
 position: relative;
 top: 50%;
 transform: translateY(-50%);
}


a.css3dbutton {
    background: #050505; /* default green background color of button */
    color: black;
    text-decoration: none;
    font: bold 18px Arial; /* font size and style */
    position: relative;
    display: inline-block;
    margin-right: 4px; /* spacing between multiple buttons */
    margin-left: 12px;
	padding: 10px; /* padding inside button */
    border-radius: 85px; /* border radius of button */
    width: 30px; /* dimensions of button */
    height: 30px;
    outline: none;
	
    box-shadow: 0 1px 0 #8dab3b, /* depth and color of main shadow */
        0 0 1px rgba(0,0,0, 0.2),
        0 10px 10px #eee;
		
    -moz-transition: all 0.2s ease-in-out; /* transition style and duration */
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	
	/* ALON */
-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
0 1px #444444, 
0 4px #2c2c2c, 
0 5px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0px #D9DE00, inset 0 0 0 0px #555555, 0 0px #2c2c2c, 
0 0px #444444, 
0 0px #D9001D, 0 3px 2px rgba(0, 0, 0, 0.3);
}



a.css3dbutton img{
border:0px;display:inline-block;max-width:115%;border:0px;
}

a.css3dbutton span.outer{ /* outermost text container */
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    top: 44%; /* center element */
    -webkit-transform: translateY(-50%); /* center element */
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%); 
}
a.css3dbutton span.outer span.top{ /* top line */
    display: block;
    padding-bottom: 4px;padding-top: 4px;padding-right: 4px;
}

a.css3dbutton span.outer span.bottom{ /* bottom line */
    border-top: 1px solid black;
    padding-top: 4px;
    display: block;
    text-transform: uppercase;
    line-height: 12px;
    font-size: 60%;
}

a.css3dbutton:hover {
    background: #050505; /* background color when mouse rolls over button */
    box-shadow:  none;
				/* ALON */
-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
0 1px #444444, 
0 4px #2c2c2c, 
0 5px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0px #D9DE00, inset 0 0 0 0px #555555, 0 0px #2c2c2c, 
0 0px #444444, 
0 0px #D9001D, 0 3px 2px rgba(0, 0, 0, 0.3);
	
   /* -ms-transform: translateY(8px); /* shift button downwards by shadow depth amount */
   /* -webkit-transform: translate3D(0, 8px, 0);
   /* -moz-transform: translateY(8px);
  /*  transform: translate3D(0, 8px, 0);*/
}




a.css3dbutton.blue{
    background: #29aae3;
    box-shadow: 0 1px 0 #529dad, /* depth and color of main shadow */
        0 0 3px rgba(0,0,0, 0.2),
        0 10px 10px #eee;
		
			/* ALON */
-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
0 1px #444444, 
0 4px #2c2c2c, 
0 5px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0px #D9DE00, inset 0 0 0 0px #555555, 0 0px #2c2c2c, 
0 0px #444444, 
0 0px #D9001D, 0 5px 2px rgba(0, 0, 0, 0.3);
}
a.css3dbutton.blue img{
border:0px;
}

a.css3dbutton.blue:hover {
    background: #29aae3; /* background color when mouse rolls over button */
    box-shadow: none;
				/* ALON */
-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
0 1px #444444, 
0 4px #2c2c2c, 
0 5px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0px #D9DE00, inset 0 0 0 0px #555555, 0 0px #2c2c2c, 
0 0px #444444, 
0 0px #D9001D, 0 5px 2px rgba(0, 0, 0, 0.3);
}





a.css3dbutton.red{
    background: #d3172f;
    box-shadow: 0 1px 0 #d74848, /* depth and color of main shadow */
        0 0 3px rgba(0,0,0, 0.2),
        0 10px 10px #eee;
			/* ALON */
-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
0 1px #444444, 
0 4px #2c2c2c, 
0 5px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0px #D9DE00, inset 0 0 0 0px #555555, 0 0px #2c2c2c, 
0 0px #444444, 
0 0px #D9001D, 0 5px 2px rgba(0, 0, 0, 0.3);
}
a.css3dbutton.red img{
border:0px;
}
a.css3dbutton.red:hover {
    background: #d3172f; /* background color when mouse rolls over button */
    box-shadow: none;
					/* ALON */
-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
0 1px #444444, 
0 4px #2c2c2c, 
0 5px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0px #D9DE00, inset 0 0 0 0px #555555, 0 0px #2c2c2c, 
0 0px #444444, 
0 0px #D9001D, 0 5px 2px rgba(0, 0, 0, 0.3);
}





a.css3dbutton.gray{
    background: #5B5B5B;
    box-shadow: 0 1px 0 #E6E6E6, /* depth and color of main shadow */
        0 0 3px rgba(0,0,0, 0.2),
        0 10px 10px #eee;	
		/* ALON */
-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
0 1px #444444, 
0 4px #2c2c2c, 
0 5px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0px #D9DE00, inset 0 0 0 0px #555555, 0 0px #2c2c2c, 
0 0px #444444, 
0 0px #D9001D, 0 5px 2px rgba(0, 0, 0, 0.3);
}
a.css3dbutton.white img{
border:0px;
}

a.css3dbutton.white:hover {
    background: #ffffff; /* background color when mouse rolls over button */
    box-shadow: none;
					/* ALON */
-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
0 1px #444444, 
0 4px #2c2c2c, 
0 5px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0px #D9DE00, inset 0 0 0 0px #555555, 0 0px #2c2c2c, 
0 0px #444444, 
0 0px #D9001D, 0 5px 2px rgba(0, 0, 0, 0.3);
}



a.css3dbutton.white{
    background: #ffffff;
    box-shadow: 0 1px 0 #E6E6E6, /* depth and color of main shadow */
        0 0 3px rgba(0,0,0, 0.2),
        0 10px 10px #eee;	
		/* ALON */
-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
0 1px #444444, 
0 4px #2c2c2c, 
0 5px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0px #D9DE00, inset 0 0 0 0px #555555, 0 0px #2c2c2c, 
0 0px #444444, 
0 0px #D9001D, 0 5px 2px rgba(0, 0, 0, 0.3);
}
a.css3dbutton.white img{
border:0px;
}

a.css3dbutton.white:hover {
    background: #ffffff; /* background color when mouse rolls over button */
    box-shadow: none;
					/* ALON */
-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
0 1px #444444, 
0 4px #2c2c2c, 
0 5px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0px #D9DE00, inset 0 0 0 0px #555555, 0 0px #2c2c2c, 
0 0px #444444, 
0 0px #D9001D, 0 5px 2px rgba(0, 0, 0, 0.3);
}




span ul.social{ list-style:none; padding:0px; margin:0px 0 15px 0; width:50%;}
span ul.social li{list-style:none; margin:1% 0 2% 4%; padding:6.5% 0; width:28%;height:auto; 
float:left; display:block; text-align:center;

-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
0 1px #444444, 
0 4px #2c2c2c, 
0 5px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0px #D9DE00, inset 0 0 0 0px #555555, 0 0px #2c2c2c, 
0 0px #444444, 
0 0px #D9001D, 0 5px 2px rgba(0, 0, 0, 0.3);
}

span ul.social li img{display:inline-block;max-width:45%;border:0px;}
span li.social_facebook{background-color:#3f5aa9;}
span li.social_twitter{background-color:#29aae3;}
span li.social_google{background-color:#CC0000;}
span li.social_pinterest{background-color:#d3172f;}
span li.social_flickr{background-color:#90489c;}
span li.social_digg{background-color:#8aaf50;}

span ul.social li{ -webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px;}




.barcontainer {
	height: 100%;
	overflow: visible;
	margin: auto;
}
.basrcontainer p {
	text-align: justify;
}

.imgbar {border:2px #696969 solid;
	width: 140px;
	height: 140px;
}

.barcontainer img {
	margin: auto;
	display: block;
}

.shadowbar {
	margin: auto !important;
	display: block;
    -moz-box-shadow: 0px 0px 20 rgba(255, 255, 255, 0.50);
    -webkit-box-shadow: 0px 0px 20 rgba(255, 255, 255, 0.50);
	box-shadow: 0px 0px 20px rgba(255,255, 255, 0.50);
	border-radius: 14px;
}









a.call_button{ float:left; clear:both;
width:92%; display: block; text-align:center; font-size:18px; 
padding:12px 3%; margin:0 0 15px 0;
}

a.cell_button{ float:left; clear:both;
width:92%; display: block; text-align:center; font-size:18px; 
padding:12px 3%; margin:0 0 15px 0;
}

a.fax_button{ float:left; clear:both;
width:92%; display: block; text-align:center; font-size:18px; 
padding:12px 3%; margin:0 0 15px 0;
}

a.add_button{ float:left; clear:both;
width:92%; display: block; text-align:center; font-size:18px; 
padding:12px 3%; margin:0 0 15px 0;
}
a.map_button{ float:left; clear:both;
width:92%; display: block; text-align:center; font-size:18px; 
padding:12px 3%; margin:0 0 15px 0;
}
a.massage_button{ float:left; clear:both;
width:92%; display: block; text-align:center; font-size:18px; 
padding:12px 3%; margin:0 0 15px 0;
}

a.whats_button{ float:left; clear:both;
width:92%; display: block; text-align:center; font-size:18px; 
padding:12px 3%; margin:0 0 15px 0;
}
a.mail_button{ float:left; clear:both;
width:92%; display: block; text-align:center; font-size:18px; 
padding:12px 3%; margin:0 0 15px 0;
}

a.order_button{ float:left; clear:both;
width:92%; display: block; text-align:center; font-size:18px; 
padding:12px 3%; margin:0 0 15px 0;
}
a.order_button_mail{ float:left; clear:both;
width:92%; display: block; text-align:center; font-size:18px; 
padding:12px 3%; margin:0 0 15px 0;
}

.order_button{ float:left; clear:both;
width:90%; display: block; text-align:center; font-size:18px; 
padding:12px 3%; margin:0 0 15px 0;
}

a.mail_button_app{ float:left; clear:both;
width:54%; display: block; text-align:right; font-size:18px; 
padding:12px 2% ; margin:0 0 5px 0;
}

a.address_button{
 clear:both;
width:79%; display: block; text-align:center; font-size:16px; 
padding:8px 6px 6px 8px; margin:0 0 5px 0;

 border-radius: 15px 5px 15px 5px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  text-shadow: 0 1px #111;
 border-color: #505050 #414141 #2c2c2c;
 
 /*border-top: 2px solid #180852;
 position: relative;
 cursor: pointer;
   -webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
   0 1px #444444, 
   0 4px #2c2c2c, 0 5px 2px rgba(0, 0, 0, 0.4);
  
  box-shadow: inset 0 1px #ffffff, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
  0 0px #444444, 
  0 0px #D9001D, 0 4px 2px rgba(0, 0, 0, 0.4);*/
  
  
      border-top: 3px solid #77BCB2;
 position: relative;
 cursor: pointer;
   -webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
   0 1px #444444, 
   0 4px #2c2c2c, 0 5px 2px rgba(0, 0, 0, 0.4);
  
  box-shadow: inset 0 1px #ffffff, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
  0 0px #444444, 
  0 0px #D9001D, 0 4px 2px rgba(0, 0, 0, 0.4);
  
  
  background-image: -webkit-linear-gradient(to top right, #DCDCDC, #0F0F0F 13%, #525252);
  background-image: -moz-linear-gradient(to top right, #DCDCDC, #0F0F0F 13%, #525252);
  background-image: -o-linear-gradient(to top right, #DCDCDC, #0F0F0F 13%, #525252);
  background-image: linear-gradient(to top right, #DCDCDC, #0F0F0F 13%, #525252);
  
  /*background-image: -webkit-linear-gradient(to top left, #154172, #1C1C1C 5%, #154172);
  background-image: -moz-linear-gradient(to top left, #154172, #1C1C1C 5%, #154172);
  background-image: -o-linear-gradient(to top left, #154172, #1C1C1C 5%, #154172);
  background-image: linear-gradient(to top right, #3C3C3C, #8F8F8F 35%, #474747);*/
  
}

a.address_button1{
 clear:both;
width:80%; display: block; text-align:center; font-size:16px; 
padding:8px 6px 6px 8px; margin:0 0 5px 0;

 border-radius: 10px 10px 10px 10px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  text-shadow: 0 1px #111;
 border-color: #505050 #414141 #2c2c2c;
      border-top: 3px solid #77BCB2;
 position: relative;
 cursor: pointer;
   -webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
   0 1px #444444, 
   0 4px #2c2c2c, 0 5px 2px rgba(0, 0, 0, 0.4);
  
  box-shadow: inset 0 1px #ffffff, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 
  0 0px #444444, 
  0 0px #D9001D, 0 4px 2px rgba(0, 0, 0, 0.4);
  
  
  background-image: -webkit-linear-gradient(to top right, #ECD9A4, #1D1F1D 13%, #0F100F);
  background-image: -moz-linear-gradient(to top right, #ECD9A4, #1D1F1D 13%, #0F100F);
  background-image: -o-linear-gradient(to top right, #ECD9A4, #1D1F1D 13%, #0F100F);
  background-image: linear-gradient(to top right, #DCDCDC, #050505 13%, #0C0C0C);
}













/*alon*/
.footer {
	background-image: linear-gradient( #141515, #222323);z-index:1;
    height: 60px;
    text-align: center;
    padding: 0px;
    position: fixed;
    bottom: 0px;
    width: 100%;
}
.container ul li {
    height: 45px;
    padding: 2px;
    text-align: center;
    -moz-box-flex: 1;
    flex: 1 1 0%;
    border-top: 0px solid #002E48;
    width: 100%;
    background: -moz-linear-gradient(center top , #484848, #232323) repeat scroll 0px 0px transparent;
    box-shadow: 0px 1px 1px 0px #C0C0C0;
    color: #FFF;
    cursor: pointer;
    text-shadow: 0px 1px 0px #3373A5;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    font-family: "Open Sans Hebrew",serif;
}
/*alon*/


#footercredit{ position:fixed; bottom:-3px; z-index:1; width:100%; height:30px;padding:6px 0%;}

.credit_bottom {
    width:229px;
    height:59px;
    z-index:1111111111111;
    bottom: 0px;
    top: 0px;
left:50%;
margin-left:-60px;
position: absolute;
}
.credit_bottom img{max-width:100px;}




.share_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: 6px;
left:50%;
margin-left:-180px;
position: absolute;
}
.share_bottom img{max-width:59px;}



.add_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: 1px;
right:50%;
margin-right:-180px;
position: absolute;
}
.add_bottom img{max-width:28px;}


.add_bottom_text {
    z-index:1111111111111;
    bottom: 0px; color: #D5D5D5;
    top: 19px;
right:25%;
    font-size: 11px;
font-family:arial;
margin-right:-80px;
position: absolute;
}




.share_bottom1 {
    z-index:11111111111111111111;
    bottom: 44px;
    top: 6px;
left:80%;
margin-left:-330px;
position: absolute;
}

.share_bottom_text {
    z-index:1111111111111;
    bottom: 0px; color: #D5D5D5;
    top: 19px;
left:30%;
    font-size: 11px;
font-family:arial;
margin-left:-80px;
position: absolute;
}


/* CSS Media Queries
/*-----------------------------------------------------------------------------------*/


@media screen and (max-width: 414px) {
.swiper-container{ width:100%;}
.services_icon{ padding:4.5% 0;}

.share_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: 1px;
left:50%;
margin-left:-280px;
position: absolute;
}
.share_bottom img{max-width:59px;}

.share_bottom_text {
    z-index:1111111111111;
    bottom: 0px;color: #D5D5D5;
    top: 19px;
left:30%;
    font-size: 11px;
font-family:arial;
margin-left:-80px;
position: absolute;
}


.add_bottom_text {
    z-index:1111111111111;
    bottom: 0px;color: #D5D5D5;
    top: 19px;
right:25%;
    font-size: 11px;
font-family:arial;
margin-right:-80px;
position: absolute;
}



}

@media screen and (max-width: 800px) {
.swiper-container{ width:100%;}
.services_icon{ padding:4.5% 0;}

.share_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: 1px;
left:50%;
margin-left:-160px;
position: absolute;
}
.share_bottom img{max-width:59px;}

.share_bottom_text {
    z-index:1111111111111;
    bottom: 0px;color: #D5D5D5;
    top: 19px;
left:30%;
    font-size: 11px;
font-family:arial;
margin-left:-80px;
position: absolute;
}


.add_bottom_text {
    z-index:1111111111111;
    bottom: 0px;color: #D5D5D5;
    top: 19px;
right:25%;
    font-size: 11px;
font-family:arial;
margin-right:-80px;
position: absolute;
}


}
@media screen and (max-width: 400px) {
.round_img{padding:15% 0px;}
ul.social li{padding:6% 0;}
.services_icon{padding:4.3% 0;}


.share_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: -16px;
left:56%;
margin-left:-180px;
position: absolute;
}
.share_bottom img{max-width:59px;}


.share_bottom_text {
    z-index:1111111111111;
    bottom: 0px; color: #D5D5D5;
    top: 19px;
left:30%;
    font-size: 11px;
font-family:arial;
margin-left:-80px;
position: absolute;
}



.add_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: -16px;
right:56%;
margin-right:-180px;
position: absolute;
}
.add_bottom img{max-width:28px;}


.add_bottom_text {
    z-index:1111111111111;
    bottom: 0px; color: #D5D5D5;
    top: 19px;
right:25%;
    font-size: 11px;
font-family:arial;
margin-right:-80px;
position: absolute;
}

}
@media screen and (max-width: 375px) {
.round_img{padding:15% 0px;}
ul.social li{padding:6% 0;}
.services_icon{padding:4.3% 0;}


.share_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: -16px;
left:56%;
margin-left:-180px;
position: absolute;
}
.share_bottom img{max-width:59px;}


.share_bottom_text {
    z-index:1111111111111;
    bottom: 0px; color: #D5D5D5;
    top: 19px;
left:30%;
    font-size: 11px;
font-family:arial;
margin-left:-80px;
position: absolute;
}



.add_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: -16px;
right:56%;
margin-right:-180px;
position: absolute;
}
.add_bottom img{max-width:28px;}


.add_bottom_text {
    z-index:1111111111111;
    bottom: 0px; color: #D5D5D5;
    top: 19px;
right:25%;
    font-size: 11px;
font-family:arial;
margin-right:-80px;
position: absolute;
}



}
@media screen and (min-width: 414px) {
.round_img{padding:15% 0px;}
ul.social li{padding:6% 0;}
.services_icon{padding:4.3% 0;}


.share_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: -16px;
left:54%;
margin-left:-180px;
position: absolute;
}
.share_bottom img{max-width:59px;}


.share_bottom_text {
    z-index:1111111111111;
    bottom: 0px; color: #D5D5D5;
    top: 19px;
left:30%;
    font-size: 11px;
font-family:arial;
margin-left:-80px;
position: absolute;
}



.add_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: -16px;
right:55%;
margin-right:-180px;
position: absolute;
}
.add_bottom img{max-width:28px;}


.add_bottom_text {
    z-index:1111111111111;
    bottom: 0px; color: #D5D5D5;
    top: 19px;
right:25%;
    font-size: 11px;
font-family:arial;
margin-right:-80px;
position: absolute;
}



}


@media screen and (max-width: 360px) {
.services_icon{padding:4.5% 0;}

.share_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: -16px;
left:50%;
margin-left:-146px;
position: absolute;
}
.share_bottom img{max-width:59px;}


.add_bottom {
    width:28px;padding:2px;
    height:28px;
    z-index:1111111111111;
    bottom: 0px;
    top: -16px;
right:50%;
margin-right:-144px;
position: absolute;
}
.add_bottom img{max-width:28px;}

}

.share_bottom_text {
    z-index:1111111111111;
    bottom: 0px; color: #D5D5D5;
    top: 19px;
left:30%;
    font-size: 11px;
font-family:arial;
margin-left:-80px;
position: absolute;
}

.add_bottom_text {
    z-index:1111111111111;
    bottom: 0px; color: #D5D5D5;
    top: 19px;
right:26%;
    font-size: 11px;
font-family:arial;
margin-right:-80px;
position: absolute;
}


}

@media screen and (max-width: 320px) {
.borders ul li{padding:4% 0.1%;width:27%;}
}