@charset "windows-1255";

@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;
}




.sample{direction:rtl;margin:10px;border:0px solid #92cdec;background:;padding:0px 0px 0 10px;font-family: "Open Sans hebrew";}
h1{margin:0;padding:0;font-size:2em;}
p,dl{font-size:16px;line-height:130%;margin-bottom:40px}
dl,dt,dd{padding:0;margin:0}
.faqs{padding-top:0px}
.faqs dt{font-weight:bold;color:#FF6600;background:url() 0 55px no-repeat;padding:3px 0 5px 0px;position:relative;}
.faqs dt:hover{cursor:pointer}
.faqs dd{border:1px;background: url() 0 2px no-repeat;padding:0 0 5px 0px;position:relative;color:#333}
.faqs .hover{color:#FF6600;text-decoration:underline}





iframe{
  max-width: 100% !important;
}


/*
==================================================
Author:LeafCode (leafcode.hatlabs.com) 
Date:14 June,2012 
Version:1.0.3. 
Description:Responsive retro under construction page
==================================================
  CSS Content
================================================== 
  1. Base Style 
  1.1. Header 
  1.2. Countdown 
  1.3. Tabs 
  1.4. Newsletter form 
  1.5. Contact form 
  1.6. Last tweets 
  1.7. Social icons 
  1.8. Footer 
  1.9. Form button 
  1.10. Horizontal lines 
  1.11.Headings
================================================== 
  2. Mobile Portrait Size (width:480px) 
  2.1. Header 
  2.2. Countdown 
  2.3. Tabs 
  2.4. Newsletter form 
  2.5. Contact form 
  2.6. Last tweets 
  2.7. Footer 
  2.8. Headings
================================================== 
  3. Mobile Portrait Size (width:320px) 
  3.1. Header 
  3.2. Countdown 
  3.3. Tabs 
  3.4. Newsletter form 
  3.5. Contact form 
  3.6. Last tweets 
  3.7. Social icons 
  3.8. Footer 
  3.9.Headings
================================================== 
 1. Base Style
================================================== 
*/ 
body {
	font:normal 12px/20px Arial,Helvetica,sans-serif;
	/*background:transparent url("../images/body-bg.png") left top repeat;*/
	background:transparent url("../images/body-bg.png") left top repeat;
	}
/* 
================================================== 
1.1. Header
================================================== 
*/ 
header {
	width:90%;
	margin:0 auto;
	display:block;
}
#header-inner {
	width:100%;
	display:block;
	margin:13px 10px;
}


#header {
      background: transparent url("../images/bg-menu-new1.png") repeat scroll 0% 0%;
	  
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
	  
    border-bottom: 0px solid #2A2A2A;
    height:106px;
    position: absolute;
    z-index: 222222;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
}


.upper{text-align:left;color:#ffffff;padding-left:12px;padding-top:5px;font-size:14px;
font-family:arial;height:28px;background: #545454 url("") repeat scroll 0% 0%;}


a #logo {
	text-decoration:none;
	outline:0;
}
a #logo img {
	display:block;
	margin: 0 auto;
}

#logo img {
max-width:260px;height:71px;
	display:block;
	margin: 0 auto;
}

#logo img {
position:absolute;
top:2px;
left:51.5%;
margin-left:-620px;    z-index: 222222222222;
}


#slideshow {
    position: relative;
    height: 350px;
    z-index: -1;
}


#blog img {
position:absolute;
top:6px;
right:28%;
margin-right:20px;z-index: 222222222222;
}



 
/************************************************************************************
NAV   MENU
*************************************************************************************/
#nav-wrap {
margin: 0;position:relative;direction:rtl;z-index:99999999;
padding: 0;
list-style-type: none;
text-align: center;padding-top:66px;margin-left:-25px;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
	margin: 0;
	padding: 0;
}
#nav li {
	list-style: none;
	float: right;
	margin-right: 0px;
}

#nav ul li { display: inline; z-index:99999999;}

/* nav link */
#nav a {
z-index:99999999;
text-decoration: none;font-size:10.2pt;font-family:Open Sans Hebrew;font-weight:bold;
padding:6px;
color: #fff;
background-color: 
}
#nav a:hover {
color: #FF6600;
background-color: ;
background: ;
}


/* nav dropdown */
#nav ul {
	background: #fff;
	padding: 2px;
	position: absolute;
	border: solid 1px #ccc;
	display: none; /* hide dropdown */
	width: 200px;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
}




#nav li:before {
/*content:url('img/menu_separator.png');*/
content:"";
color:#ffffff;float:left;
font-size:11px;
font-weight:normal;
padding-right:0px;
line-height:0px;}
#nav li:before {content:"|";color:#ffffff;margin-top:8px;font-family:arial;font-size:14px;font-weight:normal;padding-right:0px;line-height:0px;}
#nav li:last-child:before {content:" "; }























/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 600px) {

	/* nav-wrap */
	#nav-wrap {
		position: relative;top:-33px;margin-right:92px;
	}

	/* menu icon */
	#menu-icon {
		color: #000;
		width: 190px;
		height: 30px;
		background: #ecebeb url(../images/menu-icon.png) no-repeat 10px center;
		padding: 11px 10px 0 12px;
		cursor: pointer;
		border: solid 1px #666;
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	
	
	/* main nav */
	#nav {
		clear: both;text-align:right;
		position: relative;
		top: 0px;
		width: 190px;
		z-index: 10000;
		padding: 5px;
		background: #f8f8f8;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 1px 0 1px 1px;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #000;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
	}

}

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

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}

}

/************************************************************************************
NAV   MENU
*************************************************************************************/


#menu ul
{
margin: 0;position:relative;direction:rtl;z-index:99999999;
padding: 0;
list-style-type: none;
text-align: center;padding-top:66px;margin-left:285px;
}

#menu ul li { display: inline; z-index:99999999;}

#menu ul li a
{z-index:99999999;
text-decoration: none;font-size:16px;font-family:Open Sans Hebrew;
padding:8px;
color: #fff;
background-color: ;
}

#menu ul li a:hover
{
color: #32CD32;
background-color: ;
}



















































.table { 
    display: table; margin-left:220px;
}
.tr { 
    display: table-row; 
}

.td { 
    display: table-cell; 
    border: 1px solid #333;
    padding: 2px;
}



.table_prices { 
    display: table; margin-left:22px;
}
.tr_prices { 
    display: table-row; 
}

.td_prices { 
background:url("../images/priced_bg.png") no-repeat scroll 0% 0%;
width: 226px;
height: 365px;
overflow:hidden;
    border: 0px solid #333;
    padding: 0px;
	display: inline-block;
	padding: 0px 1px 0px 0px;
}

.td_prices_high { 
background:url("../images/priced_high_bg.png") no-repeat scroll 0% 0%;
width: 226px;
height: 425px;
overflow:hidden;
    border: 0px solid #333;
    padding: 0px;
	display: inline-block;
	padding: 0px 1px 0px 0px;
}

.td_prices_header{ 
color: #FFF;
font-family: "Open Sans hebrew";
font-weight: 300;
font-size: 16px;
font-weight: bold;
line-height: 1.4em;
margin-top: 15px;
text-align:center;
}

.td_prices_header1{ 
color: #AEE046;
font-family: "Open Sans hebrew";
font-weight: normal;
font-size: 17px;
line-height: 1.1em;
margin-top: 0px;
text-align:center;
}

.td_prices_header2{ 
color: #A9A9A9;
font-family: "Open Sans hebrew";
font-weight: normal;
font-size: 14px;
line-height: 1.1em;
margin-top: 0px;
direction:rtl;
margin-top: 20px;
margin-right: 21px;
list-style-type: none;
}

.td_prices_header2 ul {
color: #000;


}

.td_prices_header2 ul li {
color: #000;
    background: transparent url("../images/vg.png") no-repeat scroll right center;
    line-height: 18px;
    font-size: 14px;
    text-align: right;padding-right: 1.6em;
}


.td_prices_header3_order{
color: #ffffff;
font-family: "Open Sans hebrew";
font-weight: normal;
font-size: 16px;
line-height: 1.1em;
margin-top: 0px;
direction:rtl;
margin-top: 46px;
margin-right: 76px;
list-style-type: none;
}

.td_prices_header4_order{
color: #ffffff;
font-family: "Open Sans hebrew";
font-weight: normal;
font-size: 16px;
line-height: 1.1em;
margin-top: 0px;
direction:rtl;
margin-top: 25px;
margin-right: 76px;
list-style-type: none;
}




@media all and (max-width: 500px) {


.table { 
    display: table;margin-top:82px;margin-left:120px;
}

.tr { 
    display: table-row; 
	
}
    .td {
        display: block; 
		
    }
}

.concept{ 
padding-left:22px;
top:6px;width:160px;height:45px;margin-top:3px;
background-color: #7ACE1E;
float:right;
color: #FFF;
font-family: "Open Sans hebrew";
font-weight: 300;
font-size: 24px;
position:relative;
}

.concept1{ 
font-weight: normal;	
	direction:rtl;
	text-align:center;
	padding: 12px 18px  0px 0px;
	color: #ffffff;
	margin-top: 0px;
	font-size: 19px; 
	line-height: 22px;
}




.concept_title{ 
top:6px;width:100%;height:45px;margin:12px;
background-color: #87E02E;
color: #4E4E4E;
font-family: "Open Sans hebrew";
font-weight: 300;
font-size: 30px;
position:relative;
  direction: rtl;
    font-weight: 300;
    text-align: center;
    overflow: hidden;
    color: #333;
    margin:13px 0px 13px 0px;
    
}

.concept1_title{ 
font-weight: bold;	
	direction:rtl;
	text-align:center;
	padding: 10px 18px  0px 0px;
	color: #ffffff;
	margin-top: 0px;
	font-size: 30px; 
	line-height: 22px;
	 
}




.concept_title_small{ 
top:6px;width:100%;height:35px;margin:12px;
background-color: #D3D3D3;right:0px;
color: #4E4E4E;
font-family: "Open Sans hebrew";
font-weight: 300;
font-size: 20px;
position:relative;
  direction: rtl;
    font-weight: 300;
    text-align: right;
    overflow: hidden;
    color: #333;
    margin:13px 0px 13px 0px;
    
}

.concept1_title_small{ 
font-weight: bold;	
	direction:rtl;
	text-align: center;
	padding: 5px 5px  0px 0px;
	color: #ffffff;
	margin-top: 0px;
	font-size: 25px; 
	line-height: 22px;
	 
}




.concept2_title{ 
font-weight: bold;	
	direction:rtl;
	text-align:right;font-family: "Open Sans hebrew";
	padding: 10px 18px  0px 0px;
	color: #808080;
	margin-top: 0px;
	font-size: 14px; 
	line-height: 22px;
	 
}

.concept_title_spacer{ 

width:100%;height:4px;
background-color: ;
z-index:-999999999999999999;
color: #4E4E4E;
font-family: "Open Sans hebrew";
font-weight: 300;
font-size: 30px;
position:relative;
  direction: rtl;
    font-weight: 300;
    text-align: center;
    overflow: hidden;
    color: #333;
    margin:13px 0px 13px 0px;
    
}

.concept_title_spacer1{ 

width:100%;
background-color: ;
z-index:-999999999999999999;
color: #4E4E4E;
font-family: "Open Sans hebrew";
font-weight: 300;
font-size: 0px;
position:relative;
  direction: rtl;
    text-align: center;
    overflow: hidden;
    color: #333;
    margin:-12px 0px 0px 0px;
}





@media all and (max-width: 500px) {
    .concept{
padding:0px;
top:-52px;right:94px;width:190px;height:45px;
background-color: #7ACE1E;
float:right;
color: #FFF;
font-family: "Open Sans hebrew";
font-weight: 300;
font-size: 19px;
position:relative; 
    }
}

@media all and (max-width: 500px) {
    .concept1{
font-weight: normal;	
	direction:rtl;
	text-align:center;
	padding: 12px 3px  0px 0px;
	color: #ffffff;
	margin-top: 0px;
	font-size: 19px; 
	line-height: 22px;; 
    }
}







nav1 {
    width: 50%;
}
 
nav1 ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
 
nav1 ul li {
    list-style: none;
    flex-grow: 1;
    text-align: center;
}
 
nav1 ul li a {
    display: block;
}



.hclients .section {
    max-width: 98%;
    margin: 0px auto;
}
.hclients .section {
    direction: rtl;
    max-width: 1200px;
    margin: 0px auto;
}
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}


.line_title {
    direction: rtl;
    font-family:"Open Sans hebrew" !important;
    font-weight: 300;
    font-size: 34px;
    text-align: center;
    position: relative;
    overflow: hidden;
    color: #333;
    margin:10px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
}
.line_title > span {
font-size: 30px;
  font-family:"Open Sans hebrew" !important;
color: #7E7E7E;
    display: inline-block;
    vertical-align: baseline;
    line-height: 1em;
    position: relative;
    padding: 0px;
}






#card12 {position:relative;margin-top:36px;
}



/*-------------------------------------------------*
/* =  Background Slider
/*-------------------------------------------------*/
#slideshow {
    position:relative;
    height:0px;
    z-index:-3;
}
 
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#slideshow img.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow img.last-active {
    z-index:9;
}
 
#slideshow img {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;
 
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
 
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}


.demo_container { width:980px; margin:0 auto; }
#demo_top_wrapper { margin:0 0 20px 0; }
#demo_top { height:100px; padding:20px 0 0 0; }
#my_logo { font:70px Georgia, serif; }

#sticky_navigation_wrapper { width:100%; height:0px;}
#sticky_navigation { z-index:9999999999999;width:100%; height:0px; background:url(trans-black-60.png); -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; }
 /* #sticky_navigation ul { list-style:none; margin:0; padding:5px; }
#sticky_navigation ul li { margin:0; padding:0; display:inline; }
#sticky_navigation ul li a { display:block; float:left; margin:0 0 0 5px; padding:0 20px; height:40px; line-height:40px; font-size:14px; font-family:Arial, serif; font-weight:bold; color:#ddd; background:#333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#sticky_navigation ul li a:hover, #sticky_navigation ul li a.selected { color:#fff; background:#111; }
*/



#slider{
	width:100%;
	padding:83px 0px 0px 0px;
	position: relative;    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}


 
@media screen and (max-width: 1024px){
    img.bg {
	    left: 50%;
	    margin-left: -512px;
	}
}


#pattern {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: transparent url("../images/blackdot.png") repeat scroll 0% 0%;
    z-index: 1;
}














/** Main Body Styles **/

	#maincont
	{
		margin: 0 auto;
		width: 80%;
		max-width: 980px;
		padding: 2px 0;
	
	}

		#maincont p
		{
			margin: 0 0 0px 0;color:#414141;
		}
		
			#maincont p.leftalign
			{
				direction: rtl;
font-family: open sans hebrew,arial;
padding: 10px 10px 10px 10px;
font-size: 16px;
line-height: 23px;
text-align: justify;
position: relative;
overflow: hidden;
color: #494949;
margin-bottom: 0px;

			}
		
		
		#maincont p.leftalign img
			{
direction: rtl;
width:400px;float:left;
padding: 0px 20px 0px 0px;


			}
		
#maincont  p.leftalign span
{
direction: rtl;	
font-family: open sans hebrew,arial;
font-size: 16px;
font-weight:bold;
text-align: justify;
position: relative;
overflow: hidden;
color: #494949;
margin-bottom: 0px;

}





.leftalign2 
{
direction: rtl;	
font-family: open sans hebrew,arial;
font-size: 14px;
font-weight:normal;
text-align: justify;
position: relative;
overflow: hidden;
color: #494949;
margin-right: 22px;

}

.leftalign2  span
{
direction: rtl;	
font-family: open sans hebrew,arial;
font-size: 16px;
font-weight:bold;
text-align: justify;
position: relative;
overflow: hidden;
color: #494949;
margin-bottom: 0px;
font-weight:bold;
margin-left: 22px;

}






#maincont1 p.leftalign1
{
direction: rtl;
font-family: open sans hebrew,arial;
padding: 1px 10px 1px 10px;
font-size: 16px;
line-height: 23px;
text-align: justify;
position: relative;
overflow: hidden;
color: #494949;
margin-bottom: 0px;

}

#maincont1  p.leftalign1 span
{
direction: rtl;	
font-family: open sans hebrew,arial;
padding: 0px 0px 0px 0px;
font-size: 16px;
font-weight:bold;
text-align: justify;
position: relative;
overflow: hidden;
color: #494949;
margin-bottom: 0px;

}


#maincont1  p.leftalign1 li{	
display: inline;
list-style-type: none;
padding-right: 0px;
}
		
			
#maincont1 ul {
direction: rtl;
margin: 0;
padding: 0px 0px 0px 0px;
list-style-type: none;
text-align: center;
}

#maincont1 ul li { display: inline; 
direction: rtl;
font-family: open sans hebrew,arial;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 23px;
text-align: right;
position: relative;
overflow: hidden;
color: #494949;
margin-bottom: 0px;
}


#maincont1 ul li:before {direction: rtl;
content:url('../images/vg2.png');
padding: 0px 1px 0px 4px;
display:  inline; 

	

}



	#maincont1 ul li, #maincont1 ol li
			{
				margin: 0 0 0 0px;text-align: right;
			}
	#maincont1 ul, #maincont1 ol 
			{
				margin: 0 0 0 0px;text-align: center;
			}
		
		
		
		
		
		
		/**
		#maincont ul, #maincont ol
		{
			margin: 0 0 20px 0;
		}
		
			#maincont1 ul li, #maincont1 ol li
			{
				margin: 0 0 0 30px;
			}**/
			
				#maincont ul li
				{
					list-style-type: none;
				}
				
				#maincont ol li
				{
					list-style-type: decimal;
				}
	
		#maincont h1, #maincont h2, #maincont h3, #maincont h4
		{
			font-weight: 600;margin-top:34px;text-align:right;
			font-size: 25px;margin-right:12px;
			line-height: 2px;
			font-family: "Open Sans Hebrew";
			color: #939393;
			letter-spacing: -1.4px;
			
		}

			#maincont h2
			{
				font-size: 40px;
				line-height: 40px;
			}
			
			#maincont h3
			{
				font-size: 30px;
				line-height: 30px;
				letter-spacing: -0.6px;
			}
			
				#maincont h3.nomargin
				{
					margin: 0;
				}
			
			#maincont h4
			{
				line-height: 30px;
				letter-spacing: -0.6px;
				    font-family: "Open Sans Hebrew";text-align:right;
    font-weight: 110;
    font-size: 16px;color:#000;margin-right:7px;margin-top:7px;
			}
		
				#maincont hr
				{
					clear: both;
					border: 0;
					height: 0;
					margin: 0 0 20px 0;
					border-top: 2px dotted #444;
				}
				
		/** Information Boxes **/
		
		#maincont #boxescont
		{
			width: 100%;
			margin: 12px 0px 15px 0;
		}
		
			#maincont #boxescont .box
			{
				float: right;
				width: 21%;
				margin: 0 2%;
				font-size: 14px;direction:rtl;
				line-height: 18px;color:#ffffff;
			}
			
				#maincont #boxescont .box p
				{
					margin-bottom: 10px;text-align:justify;font-size: 13px;direction:rtl;color:#4E4E4E;font-family: "Open Sans Hebrew";
				}
			
				#maincont #boxescont .box p span
				{
					font-size: 56px;
					color: #FFBF00;
				}
				
				#maincont #boxescont .box h4
				{
					margin-bottom: 0px;text-align:center;font-size: 16px;direction:rtl;color:#6C6C6C;font-family: "Open Sans Hebrew";
				}
				
				
				
	#maincont1 #boxescont1
		{
			width: 100%;
			margin: 12px 0px 15px 0;
		}
		
			#maincont1 #boxescont1 .box1
			{
				float: right;
				width: 16%;
				margin-right: 74px;
				font-size: 14px;direction:rtl;
				line-height: 18px;color:#ffffff;
			}
			
				#maincont1 #boxescont1 .box1 p
				{
					margin-bottom: 10px;text-align:center;font-size: 14px;direction:rtl;color:#4E4E4E;font-family: "Open Sans Hebrew";
				}
			
				#maincont1 #boxescont1 .box1 p span
				{
					font-size: 56px;
					color: #FFBF00;
				}
				
				#maincont1 #boxescont1 .box1 h4
				{
					margin-bottom: 0px;text-align:center;font-size: 16px;direction:rtl;color:#6C6C6C;font-family: "Open Sans Hebrew";
				}


				
				
.box2
			{
				
				width: 13%;
				margin-right: 112px;
				margin-top: 41px;
				font-size: 24px;direction:rtl;position:absolute;
				line-height: 18px;color:#000000;
			}	
				
				.box2 img
			{
				
				width: 21%;
			
			}	
				
				
				
				
				
				
				
				
				
				
				
		/** Signup Box **/
		
		/** Responsive Styles **/

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

	#headercont
	{
		padding: 20px 0 10px 0;
	}
	
		#headercont h1 a span
		{
			display: block;
		}
	
	/** Image Boxes **/
	
	#maincont #boxescont .box
	{
		width: 46%;
		font-size: 13px;
	}
	
		#maincont #boxescont .clearbox
		{
			clear: both;
		}
		
			#maincont #boxescont .box h4 span
			{
				font-size: 44px;
			}
			
	/** Signup Form **/
			
	#maincont #signupform
	{
		width: 80%;
	}
	
}

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

	body
	{
		font-size: 13px;
	}
	
	#headercont h1
	{
		font-size: 46px;
		line-height: 46px;
	}
	
	#headercont h2
	{
		font-size: 32px;
		line-height: 32px;
	}
	
	#maincont
	{
		line-height: 20px;
	}
	
		#maincont h1, #maincont h2, #maincont h3, #maincont h4
		{
			font-size: 46px;
			line-height: 46px;
		}
	
			#maincont h2
			{
				font-size: 32px;
				line-height: 32px;
			}
			
			#maincont h3
			{
				font-size: 24px;
				line-height: 24px;
			}
			
			#maincont h4
			{
				font-size: 20px;
				line-height: 20px;
			}
	
	/** Signup Form **/
			
	#maincont #signupform
	{
		width: 96%;
	}
	
}



.social-nav {
    z-index: 9999999999999999999999;
    position: absolute;
    top: -3px;
    right: 60px;
}
		
.social-nav ul li {z-index: 9999999999999999999999;
    list-style: outside none none;
    display: block;
    float: left;
    background: none repeat scroll 0% 0% #393939;
    padding: 100px 10px 5px;
    margin: 0px;
    opacity: 0.5;
}

.social-nav {z-index: 9999999999999999999999;
	position:absolute;
	top: -3px;
	right:60px;
}
.social-nav ul {margin: 0; padding:0;}

.social-nav ul li{
	list-style: none;
	display:block;
	float: left;
	background: #393939;
	padding:25px 10px 5px 10px;
	margin: 3px;
	opacity: .6;
}
.social-nav ul li:hover {opacity: 1;}

.nav-wrap {
	float: right;
}

#nav {
	float: right;
	position: relative;
}	
		
		

/* 
.round_icon {
    width: 70%;
    height: 0px;
    padding-bottom: 70%;
	  border: 1px solid #7ACE1E;
	  box-shadow: 0 0 3px #888;
   background: #000000 url("../images/bg-menu-new1.png") repeat scroll 0% 0%;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
 
    text-decoration: none;
    transition: font-size 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
    font-size: 0px;
    overflow: hidden;
}
*/



.round_icon {
    width: 50%;
    height: 0px;
    padding-bottom: 50%;
	  border: 0px solid #7ACE1E;
	  box-shadow: 0 0 3px #888;
   background: #858585 url("") repeat scroll 0% 0%;
    border-radius: 50%;
    color: #FFF;
    text-align: center;

    text-decoration: none;
    transition: font-size 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
    font-size: 0px;
    overflow: hidden;
}

.round_icon_dark {
    width: 50%;
    height: 0px;
    padding-bottom: 50%;
	  border: 0px solid #7ACE1E;
	  box-shadow: 0 0 3px #888;
   background: #A9E969 url("") repeat scroll 0% 0%;
    border-radius: 50%;
    color: #FFF;
    text-align: center;

    text-decoration: none;
    transition: font-size 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
    font-size: 0px;
    overflow: hidden;
}

.round_icon1 {
    width: 70%;
    height: 0px;
    padding-bottom: 70%;
	  border: 0px solid #7ACE1E;
	  box-shadow: 0 0 3px #888;
   background: #858585 url("") repeat scroll 0% 0%;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    
    text-decoration: none;
    transition: font-size 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
    font-size: 0px;
    overflow: hidden;
}


.round_icon2 {
    width: 70%;
    height: 0px;
    padding-bottom: 70%;
	  border: 0px solid #7ACE1E;
	  box-shadow: 0 0 3px #888;
   background: #ABABAB url("") repeat scroll 0% 0%;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    
    text-decoration: none;
    transition: font-size 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
    font-size: 0px;
    overflow: hidden;
}





.round_icon3 {
    width: 70%;
    height: 0px;
    padding-bottom: 70%;
	  border: 0px solid #7ACE1E;
	  box-shadow: 0 0 3px #888;
   background: #ABABAB url("") repeat scroll 0% 0%;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
  
    text-decoration: none;
    transition: font-size 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
    font-size: 0px;
    overflow: hidden;
}

.round_icon3 img{
    width: 100%;
    height:auto;
  
	  border: 0px solid #7ACE1E;
	  box-shadow: 0 0 3px #888;

    border-radius: 40%;
    color: #FFF;
    text-align: center;

    text-decoration: none;
    transition: font-size 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
    font-size: 0px;
    overflow: hidden;
}






.iphone_examp {
    width: 70%;
    height: 0px;
    padding-bottom: 70%;
	  border: 0px solid #7ACE1E;
	  box-shadow: 0 0 3px #888;
   background: #858585 url("") repeat scroll 0% 0%;
    border-radius: 0%;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    transition: font-size 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
    font-size: 0px;
    overflow: hidden;
}





.zindex {
z-index:-9999999999999999;
}






/* 
================================================== 
1.2. Coutdown
================================================== 
*/
#coutdown {
	width:100%;
	display:block;
	/* background:transparent url(../images/coutdown-bg.png) repeat left top;*/
	background:transparent url(../images/coutdown-bg8.png) repeat left top;
	   -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
	
}


.coutdown-box {
	width:600px;
	margin:0 auto;
	padding:0px 0 0;
	display:block;
}
.slogan {
	width:580px;
	display:block;
	margin:0 10px;
	padding:0 0 30px;
}
.timer {
	height:180px;
	display:block;
	padding:0 0 0px;
}
.timer-circle {
	float:left;
	width:130px;
	height:130px;
	margin:0 10px;
	background:transparent url(../images/timer-circle.png) no-repeat center center;
}
.timer-circle h1 {
	padding:38px 0 0;
	margin:0 0 10px;
	font:normal 36px/28px 'Lobster Two',cursive;
	color:#afd639;
	text-transform:uppercase;
	text-align:center;
}
.timer-circle p {
	font:normal 18px/18px 'Lobster Two',cursive;
	color:#afd639;
	text-align: center;
}
/*
==================================================
 1.3. Tabs
================================================== 
*/
#content {
	width:600px;
	margin:0 auto;
	padding:30px 0 0;
	display:block;
}
ul.tabs {
	float:left;
	display:block;
}
ul.tabs li {
	float:left;
	display:block;
	width:130px;
	height:14px;
	padding:20px 0;
	margin:0 10px;
	padding-bottom:20px;
	background:transparent url(../images/tab-button.png) no-repeat left top;
}
ul.tabs li:hover {
	background-position:left bottom;
}
ul.tabs li.active {
	background:transparent url(../images/tab-button-active.png) no-repeat left top;
	margin:0 10px 0;
	height:14px;font-size:12px;
	padding:20px 0 40px;
	position:relative;
	z-index:5;
}
ul.tabs li.active a {
	color:#afd639;
}
ul.tabs p {
	font:normal 13px/12px 'Cuprum',sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:#afd639;
}
ul.tabs a {
	text-decoration:none;
	color:#afd639;
	outline:none;
}
ul.tabs a:hover {
	color:#afd639;
}
.tab-content {
	float:left;
	width:578px;
	margin:0 10px 50px;
	border:1px solid #777777;
	background:#f0f0f0;
	position:relative;
	top:-2px;
}
.tab-content-inner {
	float:left;
	width:536px;
	border:1px solid #fafafa;
	padding:30px 20px;
	position:relative;
}
.tab-content h2 {
	font:normal 16px/16px 'Cuprum',sans-serif;
	text-align:left;
	color:#afd639;
}
.tab-content-inner p {
	text-align:left;
	color: #afd639;
}
/*
==================================================
 1.4. Newsletter form
 ================================================== 
 */
#newsletter-box {
	float:left;
	width:536px;
}
#newsletter-form fieldset {
	width:536px;
	border:none;
}
#newsletter-box input.box {
	background:#afd639;
	float:left;
	font:normal 18px/18px 'Cuprum',sans-serif;
	color:#f0f0f0;
	text-transform:uppercase;
}
#newsletter-box input.email {
	outline:0;
	width:516px;
	height:18px;
	padding:16px 10px 16px 10px;
}
#newsletter-box button {
	margin-top: 15px;
}
/*
================================================== 
1.5. Contact form
================================================== 
*/
#Contact {
	float:left;
	margin-top:20px;
}
#contact-form input.box {
	background:#afd639;
	float:left;
	outline:0;
	border:0;
	float:left;
	font:normal 12px/12px Arial,Helvetica,sans-serif;
	color:#f0f0f0;
}
#contact-form input.name {
	padding:10px;
	width:516px;
	height:12px;
	margin-bottom:15px;
	outline:0;
}
#contact-form input.email {
	padding:10px;
	outline:0;
	width:516px;
	height:12px;
	margin-bottom:15px;
}
#contact-form input.phone {
	padding:10px;
	outline:0;
	width:516px;
	height:12px;
}
#contact-form button {
	margin-top:15px;
}
#contact-form textarea.box {
	background:#afd639;
	float:left;
	border:0;
	outline:0;
	overflow:auto;
	font:normal 12px/20px Arial,Helvetica,sans-serif;
	color:#f0f0f0;
	resize:vertical;
}
#contact-form textarea.message {
	margin:15px 0 0;
	width:516px;
	height:140px;
	padding: 10px;
}
/* 
================================================== 
1.6. Last tweets
================================================== 
*/
.tweet {
	float:left;
	width:536px;
}
span.tweet_text {
	display:block;
	padding:5px 0;
	border-top:1px dashed #afd639;
	border-bottom:1px dashed #afd639;
	font:normal 14px/20px Arial,Helvetica,sans-serif;
	color:#afd639;
	text-transform:uppercase;
}
span.tweet_time {
	float:right;
	padding:5px 0;
	font:normal 14px/20px Arial,Helvetica,sans-serif;
	color:#afd639;
}
span.tweet_text a {
	font:normal 14px/20px Arial,Helvetica,sans-serif;
	text-decoration:underline;
	color:#afd639;
}
span.tweet_time a {
	display:block;
	font:normal 14px/20px Arial,Helvetica,sans-serif;
	text-decoration:none;
	color: #afd639;
}
/* 
================================================== 
1.7. Social icons
================================================== 
*/
#social {
	padding-bottom:30px;
	display:block;
}
#social ul {
	display:block;
	text-align:center;
}
#social li {
	display:inline;
	background:transparent;
}
#social li a {
	display:inline;
	padding:26px 16px 6px 16px;
	text-decoration:none;
	margin:0 6px 0px;
	letter-spacing:-9999px;
	line-height:0;
	color:#f0f0f0;
	font-size:0;
}
#social li.start {
	background:transparent url(../images/social-arrow.png) no-repeat left top;
	padding:15px 50px 0px 0px;
	margin:0 6px 0;
	font:normal 22px/22px 'Lobster Two',cursive;
	color:#afd639;
	text-decoration:none;
}
#social li a.facebook {
	background:transparent url(../images/facebook.png) no-repeat top left;
}
#social li a.facebook:hover {
	background-position:top right;
	color:#afd639;
}
#social li a.twitter {
	background:transparent url(../images/twitter.png) no-repeat top left;
}
#social li a.twitter:hover {
	background-position:top right;
	color:#afd639;
}
#social li a.flickr {
	background:transparent url(../images/flickr.png) no-repeat top left;
}
#social li a.flickr:hover {
	background-position:top right;
	color:#afd639;
}
#social li a.rss {
	background:transparent url(../images/rss.png) no-repeat top left;
}
#social li a.rss:hover {
	background-position:top right;
	color: #afd639;
}
/* 
================================================== 
1.8. Footer
================================================== 
*/
footer {
	width:100%;
	margin:0 auto;
	padding:0px;
	display:block;
}


footer .kesher {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    margin-top: 4%;
    padding: 20px 0px;text-decoration:none;
}


footer p {
	text-align:right;
	font:normal;font-size:13px;font-family:Open Sans Hebrew;
	color: #7E7E7E;text-decoration:none;
}
footer p a {
	text-decoration:none;
	color: #afd639;
}


footer .kesher {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    margin-top: 0%;
    padding: 1px 0px;
}

footer .menu {
width: 100%;
   background-color: rgba(0, 0, 0, 0.1);
    padding: 12px 0px;box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

footer .menu .span6 {
    width: 12.67%;
    margin: 1% 0px 1% 3.33%;
}

footer h3 {
    color: #959595;font-size:16px;font-family:Open Sans Hebrew;
    border-bottom: 1px solid #A4A4A4;
    padding-bottom: 5px;
    margin-bottom: 10px;text-align:right;
}

.span6 {
    width: 15.33%;
}
.col {
    display: block;
    float: right;
    margin: 1% 0px 1% 1.6%;
}


#footer-top {
    direction: rtl;width: 80%;
    color: #999;
	 height:170px;
    border-top: 0px solid;margin-left:150px;
    padding: 5px 0px;
	text-align:center;
}

@media all and (max-width: 500px) {
    #footer-top {
     direction: rtl;width: 40%;
    color: #999;
	 height:auto;
    border-top: 0px solid;margin-left:150px;
    padding: 5px 0px;
	text-align:center;
    }
}


.one-fourth {
	width: 23.5%;	
	max-width: 320px;
}
.widget {
	margin-bottom: 20px;
}

#sidebar .widget {
	margin-bottom: 30px;float:right;
}


.projectst{
	text-align:right;
	font:normal;font-size:13px;font-family:Open Sans Hebrew;
	color: #7E7E7E;text-decoration:none;
}
.projectst a{
	text-align:right;
	font:normal;font-size:11px;font-family:Open Sans Hebrew;
	color: #7E7E7E;text-decoration:none;
}






/* Twitter */

.twitter-widget ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

.twitter-widget ul li {
	background: url(imagesres/social-media/main-content/twitter.png) no-repeat left 0.333em; /* 4px */
	padding-left: 26px;
	margin-bottom: 20px;	
	word-wrap: break-word; /* for Chrome */
}

.twitter-widget ul li > span {
	display: block;
}

.tweet_time {
	font-size: 0.916em; /* 11px */
	margin-top: 5px;
}

.tweet_time a {
	color: #ccc;
}


.one-fourth-sidebar {
	display: inline;
	float: right;
    margin-right: 2%;
}
.one-fourth-sidebar{
	width: 13.5%;	
	max-width: 120px;
}

.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
	display: inline;
	float: left;
    margin-right: 2%;
}

.one-half {
	width: 49%;	
	max-width: 460px;
}

.one-third {
	width: 32%;	
	max-width: 300px;
}

.one-fourth {
	width: 23.5%;	
	max-width: 320px;
}

/* AA */
.about{
	font-size: 13px; /* 30px */
	line-height: 1.366em; /* 38px/30px */
text-align:left;
	letter-spacing: -0.02em;
color:#333;font-weight:normal;
}
/* AA */

/* AA 
.one-fourth {
	width: 30.5%;	
	max-width: 320px;
}

AA */

.two-thirds {
	width: 66%;	
	max-width: 620px;	
}

.three-fourths {
	width: 74.5%;	
	max-width: 700px;	
}

.column-last { 
	margin-right: 0 !important;
}
footer .credits {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 8px 0px;
    font-size: 12px;
    color: #666;
    direction: rtl;
	
}

footer .credits a{

font-size: 13px;
font-family: Open Sans Hebrew;
color: #7E7E7E;
text-decoration: none;
}
.container {
    max-width: 98% !important;
}
.container {
    direction: rtl;
    max-width: 1200px;
    margin: 0px auto;
}
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}


h1.block {
    padding: 0.15em 0px;
    margin-bottom: 0.5em;
}
footer .contact .span_2_of_3 h1, footer .contact .span_2_of_3 p {
    margin-right: 20%;
}


.contact-info div p {
    background-repeat: no-repeat;
    padding-right: 23px;
	margin-bottom: 15px;
}
.contact-info .address {
	background-image: url(../images/home.png);
	background-position: right 0.083em; /* 1px */
}

.contact-info .face {
	background-image: url(../images/face.png);
	background-position: right 0.083em; /* 1px */
}

.contact-info .phone {
	background-image: url(../images/phone.png);
	background-position: right 0.083em; /* 1px */
}

.contact-info .fax {
	background-image: url(../images/fax.png);
	background-position: right 0.166em; /* 2px */
}

.contact-info .email {
	background-image: url(../images/mail.png);
	background-position: right 0.25em; /* 3px */
}


.table { 
    display: table; 
}
.tr { 
    display: table-row; 
}

.td { 
    display: table-cell; 
    border: 9px solid transparent;
    padding:0px
}

.td img{ 
    height:40px;
}


@media all and (max-width: 500px) {
    .td {
        display: block; 
    }
}



.group {
}
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

footer .menu .span5 {
    width: 12.67%;
    margin: 1% 0px 1% 3.33%;
}
.span5 {
    width: 15.33%;
	
}

.span3 {
    width: 32.2%;position:absolute;
	
}
.span3 img{
    width:38%;margin-left:123px;
}







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

.concept1_title{ 
font-weight: normal;	
	direction:rtl;
	text-align:center;
	padding: 10px 1px  0px 0px;
	color: #545454;
	margin-top: 0px;
	font-size: 14px; 
	line-height: 22px; 
}


.social-nav {
    z-index: 9999999999999999999999;
    position: absolute;
    top: -3px;
    right: 60px;
}
		
.social-nav ul li {z-index: 9999999999999999999999;
    list-style: outside none none;
    display: block;
    float: left;
    background: none repeat scroll 0% 0% #393939;
    padding: 20px 10px 5px;
    margin: 0px;
    opacity: 0.5;
}

.social-nav {z-index: 9999999999999999999999;
	position:absolute;
	top: -3px;
	left:7px;
}
.social-nav ul {margin: 0; padding:0;}

.social-nav ul li{
	list-style: none;
	display:block;
	float: left;
	background: #393939;
	padding:10px 10px 5px 10px;
	margin: 3px;
	opacity: .6;
}
.social-nav ul li:hover {opacity: 1;}

.nav-wrap {
	float: right;
}

#nav {
	float: right;
	position: relative;
}	


		#maincont h1, #maincont h2, #maincont h3, #maincont h4
		{
			font-weight: 600;margin-top:34px;text-align:right;
			font-size: 18px;margin-right:12px;
			line-height: 2px;
			font-family: "Open Sans Hebrew";
			color: #939393;
			letter-spacing: -1.4px;
	}
		
#nav a {
z-index:99999999;
text-decoration: none;font-size:14px;font-family:Open Sans Hebrew;
padding:8px;
color: #000;
background-color: 
}
#nav a:hover {
color: #32CD32;
background-color: ;
background: ;
}

#logo img {
max-width:260px;height:71px;
	display:block;
	margin: 0 auto;
}

#logo img {
position:absolute;
top:0px;
left:51.5%;
margin-left:-120px;
}

.round_icon {
    width: 80%;
    height: 0px;
    padding-bottom: 80%;
    border: 0px solid #7ACE1E;
    box-shadow: 0px 0px 3px #888;
    background: #858585 url("") repeat scroll 0% 0%;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    transition: font-size 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
    font-size: 0px;
    overflow: hidden;
	}
			#maincont #boxescont .box h4
				{
					text-align:center;font-size: 12px;line-height:12px;direction:rtl;color:#6C6C6C;font-family: "Open Sans Hebrew";
				}
				
				#maincont #boxescont .box p {
    margin-bottom: 10px;
    text-align: right;
    font-size: 13px;
    direction: rtl;
    color: #4E4E4E;
    font-family: "Open Sans Hebrew";
}


.round_icon_dark {
    width: 80%;
    height: 0px;
    padding-bottom: 80%;
	  border: 0px solid #7ACE1E;
	  box-shadow: 0 0 3px #888;
   background: #A9E969 url("") repeat scroll 0% 0%;
    border-radius: 50%;
    color: #FFF;
    text-align: center;

    text-decoration: none;
    transition: font-size 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
    font-size: 0px;
    overflow: hidden;
}


.round_icon1 {
    width: 60%;
    height: 0px;
    padding-bottom: 60%;
    border: 0px solid #7ACE1E;
    box-shadow: 0px 0px 3px #888;
    background: #858585 url("") repeat scroll 0% 0%;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    transition: font-size 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s;
    font-size: 0px;
    overflow: hidden;
}

			#maincont1 #boxescont1 .box1
			{
				float: right;
				width: 56%;
				margin-right: 44px;
				font-size: 14px;direction:rtl;
				line-height: 12px;color:#ffffff;
			}
			
			#maincont1 #boxescont1 .box1 h4 {
    margin-bottom: 0px;
    text-align: center;
    font-size: 14px;line-height:11px;
    direction: rtl;
    color: #6C6C6C;
    font-family: "Open Sans Hebrew";
}

#maincont #boxescont .box p {
    margin-bottom: 10px;
    text-align: right;
    font-size: 11px;
    direction: rtl;
    color: #393939;
    font-family: "Open Sans Hebrew";
}

.table { 
   margin-left:30px;
   text-align:center;
}

.concept {
    padding: 0px;
    top: -52px;
    right: 94px;
    width: 190px;
    height: 45px;
    background-color: #7ACE1E;
    float: right;
    color: #FFF;
    font-family: "Open Sans hebrew";
    font-weight: 300;
    font-size: 19px;
    position: relative;
}



}




/* 
================================================== 
1.9. Form button
================================================== 
*/
button {
	float:left;
	border:1px solid #bdbdbd;
	margin:0;
	padding:0;
	outline:0;
	height:48px;
	text-decoration:none;
	cursor:pointer;
	font:normal 18px/14px 'Cuprum',sans-serif;
	color:#afd639;
	text-transform:uppercase;
	background:transparent url(../images/form-button.png) repeat-x top left;
	padding:16px 30px 18px 30px;
}
button:hover {
	background: transparent url(../images/form-button.png) repeat-x bottom left;
}
/* 
================================================== 
1.10. Horizontal lines
================================================= 
*/
.hr {
	width:100%;
	height:7px;
	display:block;
	margin:0;
	padding:0;
}
.hr.top {
	background:transparent url(../images/hr.png) repeat-x center bottom;
}
.hr.bottom {
	background: transparent url(../images/hr.png) repeat-x center top;
}
/* 
================================================== 
1.11. Headings
================================================== 
*/
h1,h2,h3 {
	color:#f0f0f0;
	font-family:'Cuprum',sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:10px;
	text-align:center;
}
h1 {
	line-height:32px;
	font-size:32px;
}
h2 {
	text-align:center;font-family:Open Sans Hebrew;font-weight:bold;
	color:#7ACE1E;
	line-height:42px;
	font-size:22px;
}
h3 {
	line-height:18px;
	font-size:18px;
}
/*
================================================== 
2. Mobile Portrait Size (width:480px)
================================================== 
*/ 
@media only screen and (min-width:200px) and (max-width:480px) {
	/* 
	================================================== 
	2.1. Header
	================================================== 
	*/ 
	header {
		width:420px;
		 
	}
	#header-inner {
		width:410px;
		margin: 30px 5px;
	}
	
#logo img {
max-width:170px;height:46px;
	display:block;
	margin: 0 auto;
}

#logo img {
position:absolute;
top:0px;
left:17.5%;
margin-left:80px;
}


#blog img {
position:absolute;width:130px;
top:60px;
left:1%;
margin-right:20px;z-index: 222222222222;
}





	#nav-wrap {
		position: relative;top:-37px;margin-right:62px;
	}

	/* 
	================================================== 
	2.2. Coutdown
	================================================== 
	*/
	.coutdown-box {
		width:420px;
		padding:30px 0 0;
	}
	.slogan {
		width:410px;
		margin:0 5px;
		padding:0 0 30px;
	}
	.timer {
		height:95px;
		padding:0 0 30px;
	}
	.timer-circle {
		width:95px;
		height:95px;
		margin:0 5px;
		background:transparent url(../images/480/timer-circle.png) no-repeat center center;
	}
	.timer-circle h1 {
		padding:25px 0 0;
		margin:0 0 10px;
		font:normal 28px/22px 'Lobster Two',cursive;
	}
	.timer-circle p {
		font: normal 16px/16px 'Lobster Two',cursive;
	}
	/* 
	================================================== 
	2.3. Tabs
	================================================== 
	*/
	#content {
		width:420px;
		padding:30px 0 0;
	}
	ul.tabs li {
		width:95px;
		height:14px;
		padding:20px 0;
		margin:0 5px;
		padding-bottom:20px;
		background:transparent url(../images/480/tab-button.png) no-repeat left top;
	}
	ul.tabs li.active {
		background:transparent url(../images/480/tab-button-active.png) no-repeat left top;
		margin:0 5px 0;
		height:14px;
		padding:20px 0 40px;
		position:relative;
		z-index:5;
	}
	ul.tabs p {
		font:normal 14px/10px 'Cuprum',sans-serif;
		padding:2px 0;
	}
	.tab-content {
		width:408px;
		margin:0 5px 50px;
	}
	.tab-content-inner {
		width:386px;
		padding:30px 10px;
	}
	.tab-content h2 {
		font: normal 20px/20px 'Cuprum',sans-serif;
	}
	/* 
	================================================== 
	2.4. Newsletter form
	================================================== 
	*/
	#newsletter-box {
	    width:386px;
	}
	#newsletter-form fieldset {
		width:386px;
	}
	#newsletter-box input.box {
		
	    font:normal 18px/18px 'Cuprum',sans-serif;
	}
	#newsletter-box input.email {
		width:366px;
		height:18px;
		padding:16px 10px 16px 10px;
	}
	/*
	================================================== 
	2.5. Contact form
	================================================== 
	*/
	#contact-form input.box {
		font:normal 12px/12px Arial,Helvetica,sans-serif;
	}
	#contact-form input.name {
		padding:10px;
		width:366px;
		height:12px;
	}
	#contact-form input.email {
		padding:10px;
		width:366px;
		height:12px;
	}
	#contact-form input.phone {
		padding:10px;
		width:366px;
		height:12px;
	}
	#contact-form textarea.box {
		font:normal 12px/20px Arial,Helvetica,sans-serif;
	}
	#contact-form textarea.message {
		width:366px;
		height:140px;
		padding: 10px;
	}
	/* 
	================================================== 
	2.6. Last tweets
	================================================== 
	*/
	.tweet {
		width:386px;
	}
	span.tweet_text {
		padding:5px 0;
		font:normal 12px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_time {
		padding:5px 0;
		font:normal 12px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_text a {
		font:normal 12px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_time a {
		font: normal 12px/20px Arial,Helvetica,sans-serif;
	}
	/* 
	================================================== 
	2.7. Footer
	================================================== 
	*/
	footer {
		width:410px;
		padding:10px 5px;
	}
	footer p {
		font: normal 12px/12px Arial,Helvetica,sans-serif;
	}
	/* 
	================================================== 
	2.8. Headings
	================================================= 
	*/
	h1 {
		line-height:26px;
		font-size:26px;
	}
	h2 {
		line-height:22px;
		font-size:20px;
	}
	h3 {
		line-height:18px;
		font-size:18px;
	}
}
/*
================================================== 
End Mobile Portrait Size (width:480px)
================================================== 


================================================== 
3. Mobile Portrait Size (width:320px)
================================================== 
*/ 
@media only screen and (max-width:320px) {
	/* 
	================================================== 
	3.1. Header
	================================================== 
	*/ 
	header {
		width:300px;
	}
	#header-inner {
		width:290px;
		margin: 30px 5px;
	}
	/* 
	================================================== 
	3.2. Coutdown
	================================================== 
	*/
	.coutdown-box {
		width:300px;
		padding:30px 0 0;
	}
	.slogan {
		width:290px;
		margin:0 5px;
		padding:0 0 20px;
	}
	.timer {
		height:65px;
		padding:0 0 30px;
	}
	.timer-circle {
		width:65px;
		height:65px;
		margin:0 5px;
		background:transparent url(../images/320/timer-circle.png) no-repeat center center;
	}
	.timer-circle h1 {
		padding:16px 0 0;
		margin:0 0 5px;
		font:normal 20px/16px 'Lobster Two',cursive;
	}
	.timer-circle p {
		font: normal 12px/12px 'Lobster Two',cursive;
	}
	/* 
	================================================== 
	3.3. Tabs
	================================================== 
	*/
	#content {
		width:300px;
		padding:30px 0 0;
	}
	ul.tabs li {
		width:65px;
		height:14px;
		padding:20px 0;
		margin:0 5px;
		padding-bottom:20px;
		background:transparent url(../images/320/tab-button.png) no-repeat left top;
	}
	ul.tabs li.active {
		background:transparent url(../images/320/tab-button-active.png) no-repeat left top;
		margin:0 5px 0;
		height:14px;
		padding:20px 0 40px;
	}
	ul.tabs p {
		font:normal 12px/10px 'Cuprum',sans-serif;
		padding:2px 0;
	}
	.tab-content {
		width:288px;
		margin:0 5px 50px;
	}
	.tab-content-inner {
		width:266px;
		padding:30px 10px;
	}
	.tab-content h2 {
		font: normal 16px/16px 'Cuprum',sans-serif;
	}
	/* 
	================================================== 
	3.4. Newsletter form
	================================================== 
	*/
	#newsletter-box {
	    width:266px;
	}
	#newsletter-form fieldset {
		width:266px;
		
	}
	#newsletter-box input.box {
		font:normal 18px/18px 'Cuprum',sans-serif;
		
	}
	#newsletter-box input.email {
		width:246px;
		height:18px;
		padding:16px 10px 16px 10px;
	}
	/* 
	================================================== 
	3.5. Contact form
	================================================== 
	*/
	#contact-form input.box {
		font:normal 12px/12px Arial,Helvetica,sans-serif;
	}
	#contact-form input.name {
		padding:10px;
		width:246px;
		height:12px;
		margin-bottom:15px;
	}
	#contact-form input.email {
		padding:10px;
		width:246px;
		height:12px;
		margin-bottom:15px;
	}
	#contact-form input.phone {
		padding:10px;
		width:246px;
		height:12px;
	}
	#contact-form textarea.box {
		font:normal 12px/20px Arial,Helvetica,sans-serif;
	}
	#contact-form textarea.message {
		margin:15px 0 0;
		width:246px;
		height:140px;
		padding: 10px;
	}
	/* 
	================================================== 
	3.6. Last tweets
	================================================== 
	*/
	.tweet {
		width:266px;
	}
	span.tweet_text {
		padding:5px 0;
		font:normal 11px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_time {
		padding:5px 0;
		font:normal 11px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_text a {
		font:normal 11px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_time a {
		font: normal 11px/20px Arial,Helvetica,sans-serif;
	}
	/* 
	================================================== 
	3.7. Social icons
	================================================== 
	*/
	#social li a {
		display:inline;
		padding:26px 16px 6px 16px;
		text-decoration:none;
		margin:0 3px 0px;
		letter-spacing:-9999px;
		line-height:0;
		color:#f0f0f0;
		font-size:0;
	}
	#social li.start {
		background:transparent url(../images/320/social-arrow.png) no-repeat left top;
		padding:15px 40px 0px 0px;
		margin:0 6px 0;
		font:normal 22px/22px 'Lobster Two',cursive;
		color:#afd639;
		text-decoration: none;
	}
	/* 
	================================================== 
	3.8. Footer
	================================================== 
	*/
	footer {
		width:290px;
		padding:10px 5px;
	}
	footer p {
		font: normal 12px/12px Arial,Helvetica,sans-serif;
	}
	/* 
	================================================== 
	3.9. Headings
	================================================== 
	*/
	h1 {
		line-height:24px;
		font-size:24px;
	}
	h2 {
		text-align:left;
		color:#afd639;
		line-height:18px;
		font-size:16px;
	}
	h3 {
		line-height:16px;
		font-size: 16px;
	}
}
/*
================================================== 
End Mobile Portrait Size (width:320px)
================================================== 
*/