/*** Added Classes ***/
.align		{float:right;}
.oppAlign	{float:left;}

.clearfix:before, .clearfix:after	{content:""; display:table;}
.clearfix:after		{content:"."; display:block; clear:both; height:0; font-size:0; line-height:0; visibility:hidden;} 
.clearfix			{zoom:1;}

.width-100z			{width:100%; /*display:table;*/} /*display:table; === bug in owl-carousel */

.main-container		{opacity:0; position:relative; overflow:hidden; padding-top:150px; min-height:100%; box-sizing:border-box;} /*padding-top = header-height + 10*/
.wrapper			{width:98%; max-width:990px; margin:0px auto; direction:rtl; text-align:right;}
.wrapper-940		{width:98%; max-width:940px; margin:0px auto; direction:rtl; text-align:right;}
.full-size-row		{} /* all row sections */


/**************************************************************************************************/
/******************************************  All pages  *******************************************/ /* All pages */

/************************ Header line ************************/
/* logo */
/* top bar in screens over 990 */
/* social banners in screens over 480 */
.header-line			{position:fixed; top:0; left:0; right:0; background-color:#fff; z-index:9995;}
.show-focus .header-line	{position:absolute;}
.header-line.shadow		{box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
DIV.header				{height:150px; position:relative;}
A.logo					{display:table; width:169px; margin:40px 0px 0px 9px;}
A.logo IMG				{display:block; width:100%; height:auto;}
#top-nav-990			{margin:35px 5px 0px 0px;}
DIV.header-oppAlign		{text-align:left; padding-top:30px;}
A.HeaderContactUs		{width:55px; height:40px; display:block; margin:0px 10px 0px 0px; background:#45a4c2 url('../envalopeTop.png') no-repeat center center !important; font-size:0px !important;}
A.youTubeUs				{width:34px; height:40px; display:block; margin:0px 5px 0px 0px; background:url('../youtube.png') no-repeat center center !important; font-size:0px !important;}
A.HeaderEnglish			{width:55px; height:40px; display:block; margin:0px 5px 0px 0px; background:#000 url('../english.png') no-repeat center center !important; font-size:0px !important;}
A.HeaderPhone			{display:none; width:30px; height:26px; margin-right:10px; background:url('../phone-zebbi.gif');}
A.HeaderPhone .fa		{display:none; font-size:2.4rem; line-height:26px; color:#000;}
A.HeaderContactUs .fa	{display:none; font-size:2.4rem; line-height:24px; color:#000;}

/************************ Top bar line ************************/
/* Top bar */
.top-bar-line			{display:none; background-color:transparent;}

/************************ Footer Line ************************/
/* freebox-footer */
/* bottom bar */
.footer-line		{background:url('../footerBg-1920.jpg') no-repeat center top / cover;}
.bottom-bar-line	{background:#336d8c; padding-bottom:12px;}
DIV.bottomBar		{position:relative;}
#bottomBar			{}
#daronet			{margin-right:-360px;}
#Copyright			{margin:20px 0px 0px 20px;}

#go-top		{width:50px; height:50px; display:inline-table; position:fixed; left:2%; bottom:5px; font-size:45px; padding-top:3px; border-radius:50%; background-color:#fff; box-shadow:4px 4px 14px rgba(0,0,0,0.9); opacity:0.7; z-index:9999; cursor:pointer; box-sizing:border-box;}
.fa-arrow-circle-up	{}


/**************************************************************************************************/
/*************************************  only Home page  *******************************************/ /* only Home page */

/************************ Slider line ************************/
/* slider-cycle | css is at page bottom */
/* banners carousel */
.slider-line				{position:relative;}
DIV.carousel-line			{width:100%; position:absolute; top:342px; right:0; left:0; z-index:999;}

/************************ HomePage categories Line ************************/
.categories-line		{background-color:#fff;}

/************************ HomePage mix modules Line ************************/
/* Freebox 2 */
/* banner clients */
/* special ticker */
.modules-line		{background-color:#f6f6f6; margin-bottom:4px; padding-top:20px;}
#mixHp .part		{display:table; margin-bottom:40px; position:relative; padding-bottom:60px; box-sizing:border-box;}

A.ButtonSpecial					{height:36px; display:inline-block; font-size:1.6rem; line-height:34px; color:#ffffff; text-align:left; padding-left:43px; font-weight:bold; text-decoration:none; background:#1e7fbc url('../buttonArrow.png') no-repeat 10px 5px;}
A.ButtonSpecial:hover			{background:#44a4c4 url('../buttonArrow.png') no-repeat 10px 5px; color:#ffffff; text-decoration:none;}
A.ButtonBanner					{width:147px; position:absolute; bottom:0; left:0; box-sizing:border-box;}
A.ButtonFreebox					{width:133px; position:absolute; bottom:0; left:0; box-sizing:border-box;}
A.ButtonTicker					{width:147px; position:absolute; bottom:0; left:0px; box-sizing:border-box;}

@media screen and (min-width: 941px) {
	#mixHp .part-1		{width:calc((96% - 284px) / 2); float:right;}
	#mixHp .part-2		{width:calc((96% - 284px) / 2); float:right; margin-right:2%;}
	#mixHp .part-3		{width:284px; float:right; margin-right:2%;}
}

@media screen and (max-width: 940px) and (min-width: 601px) {
	#mixHp .part-1		{width:100%; border-bottom:#ddd 3px solid; min-height:260px; padding-bottom:0px;}
	#mixHp .part-2		{width:calc(96% - 284px); float:right;}
	#mixHp .part-3		{width:284px; float:left;}
	A.ButtonFreebox		{bottom:20px;}
}

@media screen and (max-width: 800px) and (min-width: 601px) {
	#mixHp .part-1		{border-bottom:#ddd 3px solid; padding-bottom:20px;}
	#mixHp .part-2		{max-width:400px;}
}

@media screen and (max-width: 600px) {
	#mixHp .part		{width:100%;  border-bottom:#ddd 3px solid; padding-bottom:80px;}
	A.ButtonBanner		{left:50%; margin-left:-73px; bottom:20px;}
	A.ButtonFreebox		{left:50%; margin-left:-67px; bottom:20px;}
	A.ButtonTicker		{left:50%; margin-left:-73px; bottom:20px;}
}


/**************************************************************************************************/
/************************************  only Inner page  *******************************************/ /* only Inner page */

/************************ Media line ************************/
/* media-cycle */
.media-line				{background-color:#ffffff;}

/************************ Content line ************************/
.conent-line			{background-color:#ffffff;}

/* right side ==>		side bar | freebox 7 | banner 2 */
/* center-left ==>		page content */
DIV.side-area			{width:22.25%; height:auto; margin-bottom:20px;}
DIV.center-side			{width:74.8%; height:auto;}


/************************ @media Query for stracture ************************/

@media screen and (max-width: 990px) {
	.wrapper, .wrapper-940	{width:95%;}
	.top-bar-line			{display:block; background-color:#eceefb;}
	#top-nav-990			{display:none;}
	.footer-line			{background:url('../footerBg.jpg') no-repeat center center / cover;}
	DIV.bottomBar			{padding-bottom:33px;}
	#bottomBar				{width:100%; padding-left:360px; box-sizing:border-box;}
	#Copyright				{position:absolute; left:0; top:30px; border-top:#6da2be 1px solid; width:100%; padding-top:10px;}
}
@media screen and (max-width: 840px) {
}

@media screen and (max-width: 990px) and (min-width: 769px) {
	DIV.side-area			{width:23.9%;}
	DIV.center-side			{width:73.5%;}
}

@media screen and (max-width: 990px) and (min-width: 601px) {
	.main-container			{padding-top:139px;}
	DIV.header				{height:139px;}
	DIV.header-oppAlign		{text-align:left; padding-top:19px;}
}

@media screen and (max-width: 768px) {
	A.logo					{margin-top:70px; width:146px;}
	DIV.carousel-line		{position:static; top:auto; right:auto; left:auto;}
	DIV.side-area			{width:100%; float:none !important; display:table;}
	DIV.center-side			{width:100%; float:none !important;}
}

@media screen and (max-width: 600px) {
	.main-container			{padding-top:60px;}
	.header-line			{background-color:#eee;}
	DIV.header				{height:60px; position:static;}
	DIV.header-oppAlign		{display:table; padding:16px 0px 10px 40px; box-sizing:border-box;}
	A.logo					{width:104px; margin:13px 0px 0px 0px;}
	A.HeaderEnglish			{display:none; /*width:36px; height:26px; margin-right:5px; background-size:115% 115%; background-position:center -1px;*/}
	A.HeaderPhone			{display:block;}
	A.HeaderContactUs		{width:30px; height:26px; margin-right:10px; /*background-image:url('../envalop-zebbi.gif');*/ background-position:right -13px top -6px !important;}
	A.youTubeUs				{width:22px; height:26px; background-size:100% !important;}
	DIV.bottomBar			{text-align:center; padding-bottom:50px;}
	#Copyright				{top:100px; float:none; margin:0px;}
	#bottomBar				{margin:0px auto; float:none !important; padding:0;}
	#bottomBar UL.NavigationBarSimple	{text-align:center;}
	#daronet				{display:inline-table; margin:0px auto; float:none !important;}
}

/**** change all to be like samtech *****/
@media screen and (max-width: 480px) {
	.main-container			{padding-top:47px;}
	.header-line		{background-color:#fff; padding:0; border-bottom:#dadada 1px solid;}
	DIV.header			{height:46px; width:100% !important;}
	DIV.header-oppAlign		{padding:12px 0px 0px 41px;}
	DIV.hopa-group		{display:flex;}
	A.logo					{width:104px; margin:13px 60px 0px 0px;}
	#search480				{order:4;}
	/*A.HeaderPhone			{background-image:none; text-decoration:none;}
	A.HeaderContactUs		{margin-left:10px; background:transparent !important; text-decoration:none;}
	A.HeaderPhone .fa		{display:block;}
	A.HeaderContactUs .fa	{display:block;}
	A.youTubeUs				{background:url('../youtube-black.png') no-repeat center center / 100% !important;}
}

@media screen and (max-width: 366px) {
	A.logo		{width:90px; margin:15px 50px 0px 0px;}
}

@media screen and (max-width: 340px) {
	A.logo		{width:70px; margin:18px 50px 0px 0px;}*/

	A.logo		{position:absolute; top:13px; right:50%; margin:0px -52px 0px 0px;}
	A.HeaderPhone			{display:none;}
	A.HeaderContactUs		{display:none;}
	A.HeaderPhone .fa		{display:none;}
	A.HeaderContactUs .fa	{display:none;}
	A.youTubeUs				{display:none;}
}




/****************************** Categories Hp **************************/
DIV.CategoriesContainer		{margin:30px -9px 25px -9px; font-size:0px; display:table; text-align:center;}
DIV.CategoriesTitle			{margin-bottom:15px;}
H3.CategoriesTitle			{color:#4c4c4c; font-size:33px; font-weight:normal;}
IMG.CategorySpaceImg		{width:160px; height:123px; cursor:pointer; border-style:none;display:block;}

DIV.Category			{width:172px; height:172px; background-color:#e8e8e8; display:inline-block; margin:0px 9px 18px 9px; color:#ffffff; font-weight:normal; font-size:1.6rem; line-height:1.8rem;}
DIV.CategoryOver		{width:172px; height:172px; background-color:#4097ca; display:inline-block; margin:0px 9px 18px 9px; color:#ffffff; font-weight:normal; font-size:1.6rem; line-height:1.8rem;}
DIV.CategoryOn			{width:172px; height:172px; background-color:#4097ca; display:inline-block; margin:0px 9px 18px 9px; color:#ffffff; font-weight:normal; font-size:1.6rem; line-height:1.8rem;}
DIV.CategoryOnOver		{width:172px; height:172px; background-color:#4097ca; display:inline-block; margin:0px 9px 18px 9px; color:#ffffff; font-weight:normal; font-size:1.6rem; line-height:1.8rem;}

A.CategoryLink			{width:160px; height:160px; margin:6px;  text-decoration:none; display:block;}

DIV.Category A.CategoryLink SPAN,
DIV.Category A.CategoryLink:hover SPAN			{height:37px; padding:9px 0px 10px 0px; color:#ffffff; text-align:center; display:block; background:url('../transparent_grey.png') repeat; cursor:pointer; box-sizing:border-box;}
DIV.CategoryOver A.CategoryLink SPAN,
DIV.CategoryOver A.CategoryLink:hover SPAN		{height:37px; padding:9px 0px 10px 0px;  color:#ffffff; text-align:center; display:block; background:url('../transparent_blue.png') repeat; cursor:pointer; box-sizing:border-box;}
DIV.CategoryOn A.CategoryLink SPAN,
DIV.CategoryOn A.CategoryLink:hover SPAN		{height:37px; padding:9px 0px 10px 0px; color:#ffffff; text-align:center; display:block; background:url('../transparent_blue.png') repeat; cursor:pointer; box-sizing:border-box;}
DIV.CategoryOnOver A.CategoryLink SPAN,
DIV.CategoryOnOver A.CategoryLink:hover SPAN	{height:37px; padding:9px 0px 10px 0px; color:#ffffff; text-align:center; display:block; background:url('../transparent_blue.png') repeat; cursor:pointer; box-sizing:border-box;}

DIV.CategoryByID838 A.CategoryLink, DIV.CategoryOverByID838 A.CategoryLink		{background:url('../category_1.jpg');}
DIV.CategoryByID835 A.CategoryLink, DIV.CategoryOverByID835 A.CategoryLink		{background:url('../category_2.jpg');}
DIV.CategoryByID833 A.CategoryLink, DIV.CategoryOverByID833 A.CategoryLink		{background:url('../category_3.jpg');}
DIV.CategoryByID836 A.CategoryLink, DIV.CategoryOverByID836 A.CategoryLink		{background:url('../category_4.jpg');}
DIV.CategoryByID834 A.CategoryLink, DIV.CategoryOverByID834 A.CategoryLink		{background:url('../category_5.jpg');}
DIV.CategoryByID837 A.CategoryLink, DIV.CategoryOverByID837 A.CategoryLink		{background:url('../category_6.jpg');}
DIV.CategoryByID839 A.CategoryLink, DIV.CategoryOverByID839 A.CategoryLink		{background:url('../category_7.jpg');}
DIV.CategoryByID840 A.CategoryLink, DIV.CategoryOverByID840 A.CategoryLink		{background:url('../category_8.jpg');}
DIV.CategoryByID841 A.CategoryLink, DIV.CategoryOverByID841 A.CategoryLink		{background:url('../category_9.jpg');}
DIV.CategoryByID832 A.CategoryLink, DIV.CategoryOverByID832 A.CategoryLink		{background:url('../category_10.jpg');}




/******************************************************************************************************/
/*********************************** Modules **********************************************************/
DIV.ModuleContainer			{}
DIV.ModuleInner				{}
DIV.ModuleTitleContainer	{}
DIV.ModuleTitle				{}
DIV.ModuleTitle A			{text-decoration:none;}
DIV.ModuleTitle A:hover		{}
H3.ModuleTitle				{display:inline;}

DIV.ModuleText				{}

/********  Global classes for  top-line modules - login | shopping-cart | contactUs |  !!! not search  *********/
/*** structure code ***/
.item-top-line						{height:20px; margin:7px 5px 0px 0px; padding:4px 10px 9px 10px; display:inline-table; position:relative;}
.item-top-line.icon-active			{background:#ddd; border-top-right-radius:5px; border-top-left-radius:5px;}

A.item-top-line-open				{height:20px; display:table; color:#274f83; font-size:1.5rem; line-height:2.1rem; font-weight:bold; text-decoration:none;}
A.item-top-line-open:hover			{color:#274f83; text-decoration:underline;}
A.item-top-line-open .fa			{font-size:1.8rem; line-height:20px; color:#000000; margin-left:5px;}

A.item-top-line-close				{height:26px; display:block; position:absolute; top:7px; right:7px; color:#274f83; text-align:center; font-size:1.5rem; line-height:2.6rem; font-weight:bold; padding:0px 32px 0px 0px; text-decoration:none; text-indent:-10000px; background:url('../x-closeM.png') no-repeat right top;}
A.item-top-line-close:hover			{color:#123456; text-decoration:underline;}
A.item-top-line-close IMG			{border:none;}

/***/

/*** item box code ***/
DIV.item-top-line-box				{position:absolute; top:33px; left:0px; padding:0px 20px 10px 20px; background:#ddd; color:#666; display:none; z-index:9996; /*box-shadow:0 4px 4px rgba(0,0,0,0.3);*/ box-sizing:border-box;}

/***/

@media screen and (max-width: 768px) { /* only icon */
	.item-top-line					{position:static; margin:7px 2px 0px 0px; padding:4px 6px 4px 6px;}
	.item-top-line.icon-active		{border-radius:5px; box-shadow:inset 0 0 6px #ccc;}
	DIV.item-top-line-box			{width:100%; position:absolute; top:40px; left:0; right:0; background:rgba(221,221,221,0.9); border-bottom:#f2f2f2 1px solid; float:none; box-shadow: 0 4px 8px 0px rgba(0,0,0,0.4) , inset 0 10px 10px -10px rgba(0,0,0,0.5);}
	A.item-top-line-open			{/*padding-right:20px;*/ /* if img [not fa] icon width */}
	A.item-top-line-open SPAN		{display:none;}
	A.item-top-line-open .fa		{margin:0px;}
}


/*********************************** login JQ ******************************/
/*** structure code ***/
#LoginJQ						{}
#LoginJQ.icon-active			{}

A.LoginOpen						{/*padding-right:26px; background:url('../login_icon.png') no-repeat right top;*/}
A.LoginOpen:hover				{}
A.LoginOpen .fa-user			{}

A.LoginClose					{}
A.LoginClose:hover				{}

/***/

/*** login code ***/
DIV.LoginBox					{}
DIV.LoginBox INPUT.button		{} /* All Login buttons */
DIV.LoginBox INPUT.button:hover	{} /* All Login buttons */

/*^ Login Container ^*/
DIV.LoginContainer				{} /* have class LoginBox */
DIV.LoginInner					{width:230px; margin:45px auto 10px auto; padding:0px 5px 0px 5px; box-sizing:border-box;}
DIV.LoginContainer FORM			{display:inline-table;}
DIV.LoginContainer H3			{display:none; /*display:block; font-size:1.8rem; line-height:2.1rem; margin:0px 24px 5px 21px; padding:3px 0px 0px 0px;*/}

DIV.LoginInput					{display:table; margin:0px 0px 6px 0px; background:#ffffff; /*border-radius:5px;*/}
INPUT.login						{width:220px; height:30px; font-size:1.5rem; line-height:28px; border-style:none; background:transparent; padding:0px 10px 0px 10px; border-radius:5px; overflow:hidden; box-sizing:border-box;}
INPUT.LogintMail				{width:220px; height:30px; color:transparent !important; border-style:none; background:url('../login_mail.png') no-repeat right center; /*border-radius:5px;*/ overflow:hidden;}
INPUT.LogintPass				{width:220px; height:30px; color:transparent !important; border-style:none; background:url('../login_pass.png') no-repeat right center; /*border-radius:5px;*/ overflow:hidden;}
DIV.LoginContainer BR			{clear:both;}

DIV.loginRemember				{width:100%; margin-top:2px; text-align:right; float:right; font-size:1.2rem;}
DIV.loginRemember LABEL			{bottom:1px;}
DIV.loginRemember INPUT			{}
DIV.LoginContainer INPUT.loginButton	{width:70px; float:left; padding:0; margin:6px 0px 0px 0px;}

/*^ Login Greeting ^*/
DIV.LoginGreeting						{text-align:center;} /* have class LoginBox */
DIV.LoginGreetingInner					{width:220px; margin:40px auto 10px auto;}
DIV.LoginGreeting H3					{display:block; font-size:1.5rem; line-height:1.8rem; margin:0px; padding:0px 5px 0px 5px;}
DIV.LoginGreeting INPUT.button			{margin:15px 5px 0px 5px; padding:0;}
DIV.LoginGreeting INPUT.logout			{width:75px;}
DIV.LoginGreeting INPUT.update			{width:120px;}

/*^ Login Extra Links ^*/
DIV.loginForgot				{float:right; padding:14px 1px 0px 0px;}
DIV.loginForgot A			{color:#274f83; font-weight:bold; text-decoration:none;}
DIV.loginForgot A:hover		{color:#274f83; text-decoration:underline;}
/*DIV.loginSubscribe		{float:left; margin-top:5px;}
DIV.loginSubscribe A		{color:#609f23; text-decoration:none;}
DIV.loginSubscribe A:hover	{color:#609f23; text-decoration:underline;}*/

/***/

@media screen and (max-width: 768px) { /* only icon */
	#LoginJQ					{}
	#LoginJQ.icon-active		{}
	A.LoginOpen					{/*padding-right:20px;*/ /* if img [not fa] icon width */}
	DIV.LoginBox				{}
	DIV.LoginInner				{text-align: center;}
	DIV.LoginInner FORM			{margin:auto;}
}


/*********************************** Shopping cart (JQ) ******************************/
/*** structure code ***/
#ShoppingCartJQ							{}
#ShoppingCartJQ.icon-active				{}

A.ShoppingCartOpen						{/*padding-right:22px; background:url('../cart_icon.png') no-repeat right top;*/}
A.ShoppingCartOpen:hover				{}
A.ShoppingCartOpen .fa-shopping-cart	{}

A.ShoppingCartClose						{}
A.ShoppingCartClose:hover				{}

/***/

/*** cart code ***/
DIV.ShoppingCartBox				{}
TABLE.ShoppingCartContainer		{width:210px; margin:45px 10px 10px 10px; background:rgba(255,255,255,0.6);}
/*H3.CartTitle					{color:#231f20; font-size:1.8rem; line-height:2.1rem; font-weight:normal; line-height:16px;}*/
TD.CartItemsContainer			{vertical-align:top; padding:10px 20px 15px 20px;}
TABLE.CartItemsContainer		{}
TABLE.CartItemsContainer TD		{}
TR.cartItem						{}
TD.chartNumber					{font-size:1.3rem; padding-top:8px; text-align:right; line-height:1.4rem;}
TD.chartLink					{width:157px; font-size:1.4rem; line-height:1.4em; text-align:right; padding-top:6px;}
TD.chartLink A					{color:#333333; text-decoration:none;}
TD.chartLink A:hover			{color:#333333; text-decoration:underline;}

INPUT.shopCartButton			{width:70px; float:left; padding:0; margin:15px 0px 0px 0px;}

/***/

/******** @media Query ********/
@media screen and (max-width: 768px) { /* only icon */
	#ShoppingCartJQ					{}
	#ShoppingCartJQ.icon-active		{}
	A.ShoppingCartOpen				{/*padding-right:16px;*/ /* if img [not fa] icon width */}
	DIV.ShoppingCartBox				{}
	TABLE.ShoppingCartContainer		{width:250px; margin:40px auto 10px auto; border-radius:10px;}
}


/******************************** Contact Us ****************************/
/*** structure code ***/
#ContactJQ						{}
#ContactJQ.icon-active			{}

A.ContactOpen					{/*padding-right:22px; background:url('../cart_icon.png') no-repeat right top;*/}
A.ContactOpen:hover				{}
A.ContactOpen .fa-envelope-o	{}

A.ContactClose					{}
A.ContactClose:hover			{}

/***/

/*** contact code ***/
DIV.ContactBox		{/*box-shadow:0 4px 4px rgba(0,0,0,0.3);*/}

#ContactJQ DIV.ContactFrm			{width:230px; margin:45px 10px 10px 10px; padding:15px 20px 15px 20px; background:rgba(255,255,255,0.6); box-sizing:border-box;}
#ContactJQ DIV.ContactTitle			{display:none; /*padding-bottom:10px;*/}
#ContactJQ DIV.ContactTitle H3		{/*display:inline; color:#ff8c37; font-weight:normal; font-size:2.1rem; line-height:2.4rem;*/}
#ContactJQ DIV.ContactBody			{width:100%; display:table; box-sizing:border-box;}

#ContactJQ DIV.inputs-container		{margin:0px 0px 10px 0px;}
#ContactJQ DIV.textarea-container	{margin:0px 0px 10px 0px;}
#ContactJQ DIV.button-container		{text-align:right;}

#ContactJQ INPUT.wizard			{width:100%; height:30px; color:#666666; background-color:#ffffff; font-size:1.5rem; line-height:24px; padding:0px 10px 0px 10px; border:0;}
#ContactJQ TEXTAREA.wizard		{width:100%; height:60px; color:#666666; background-color:#ffffff; font-size:1.5rem; padding:4px 10px 4px 10px; overflow:auto; border:0; resize:none;}
#ContactJQ SELECT.wizard		{width:100%; height:30px; color:#666666; background-color:#ffffff; font-size:1.5rem; line-height:24px; padding:6px 6px 6px 6px; border:0;}
#ContactJQ INPUT.button			{width:70px; float:left; padding:0; margin:15px 0px 0px 0px;}
#ContactJQ LABEL				{font-size:1.3rem;}

#ContactJQ DIV.ContactMsg					{height:0px; overflow:hidden; font-size:1.5rem; line-height:1.5rem;}
#ContactJQ DIV.ContactMsg A.red				{display:block; text-align:center; margin:0px -10px 0px -10px; padding:0px; text-decoration:none;}
#ContactJQ DIV.ContactMsg A.red:active,
#ContactJQ DIV.ContactMsg A.red:focus		{background:transparent; color:red; outline:none;}

#ContactJQ DIV.ContactThanx		{display:none; /* width:100%; background:#bbbbbb; padding:40px 20px 40px 20px; font-weight:bold; box-sizing:border-box; */}

/***/

/******** @media Query ********/
@media screen and (max-width: 768px) { /* only icon */
	#ContactJQ					{}
	#ContactJQ.icon-active		{}
	A.ContactOpen				{/*padding-right:16px;*/ /* if img [not fa] icon width */}
	DIV.ContactBox				{}
	#ContactJQ DIV.ContactFrm	{width:250px; margin:40px auto 10px auto; border-radius:10px;}
}


/******************************** Search ****************************/
/******** standart search ********/
DIV.SearchContainer		{display:table; float:left; clear:left; margin:10px 0px 29px 0px;}
TABLE.Search			{height:40px;}
TD.SearchInp			{background:url('../stripInputSearch.gif') repeat-x center center;}
TD.SearchBut			{background-color:#ff8c37; vertical-align:baseline;}
TD.SearchSectionTitle	{/*color:#8C8C8C; font-size:11px; font-weight:bold;*/}
INPUT.Search			{width:241px; height:40px; font-size:1.5rem; color:#4c4c4c; background:transparent; border-style:none; line-height:40px; padding:0px 13px 0px 13px; box-sizing:border-box;}
INPUT.SearchBut			{}

/******** SearchJQ ********/
/*** structure code ***/
#search480						{display:none; margin-right:6px;}
#SearchJQ						{width:30px; height:26px; margin-right:4px; text-align:center; background:url('../search-zebbi.gif');}

#SearchJQ.icon-active			{}
#SearchJQ A.SearchOpen			{display:block;height:100%; text-decoration:none;}
A.SearchOpen .fa-search			{display:none; font-size:2.4rem; line-height:24px; color:#000; margin-left:5px;}

A.SearchClose					{height:26px; display:block; position:absolute; top:7px; right:7px; color:#274f83; text-align:center; font-size:1.5rem; line-height:2.6rem; font-weight:bold; padding:0px 32px 0px 0px; text-decoration:none; text-indent:-10000px; background:url('../x-closeM.png') no-repeat right top;}
A.SearchClose:hover				{color:#123456; text-decoration:underline;}
A.SearchClose IMG				{border:none;}

/***/

/*** search code ***/
#SearchJQ DIV.SearchContainer	{display:none; width:100%; position:absolute; margin:0; top:60px; left:0; right:0; background:rgba(13,121,183,0.7); border-bottom:#f2f2f2 1px solid; float:none; box-shadow: 0 4px 8px 0px rgba(0,0,0,0.4) , inset 0 10px 10px -10px rgba(0,0,0,0.5);}
#SearchJQ TABLE.Search			{margin:40px auto 20px auto;}

/***/

/******** @media Query ********/
@media screen and (max-width: 990px) and (min-width: 601px) {
	DIV.SearchContainer		{}
}

@media screen and (max-width: 600px) {
	DIV.SearchContainer			{display:none; /*margin:0px auto 10px auto; float:none;*/}
	#search480					{display:inline-table;}
	A.SearchOpen .fa-search		{margin:0px;}
}

/**** change all like samtech ****/
@media screen and (max-width: 480px) {
	#SearchJQ					{background-image:none;}
	A.SearchOpen .fa-search		{display:block;}
	#SearchJQ DIV.SearchContainer	{top:47px;}
}



/******************************** Ticker ****************************/
TABLE.tickerContainer			{width:284px;}
TABLE.tickerTitle				{}
TD.tickerTitle					{height:48px; padding-right:17px;}
H3.tickerTitle					{color:#4c4c4c; font-size:3.2rem; line-height:3.5rem; font-weight:normal;}
/*TD.TickerPlayer					{padding:3px 0px 3px 10px; text-align:left;}
IMG.TickerPlayer				{}*/

TD.tickerBody					{vertical-align:top; padding:0px 0px 0px 0px;}
DIV.tickerBody					{width:267px; overflow:hidden; text-align:right;}
DIV.tickerBody IMG				{float:left; margin:3px 10px 7px 3px;}
/*TABLE.tickerContainer MARQUEE	{width:100%; height:100%;}*/
DIV.tickerItemContainer			{margin-bottom:15px; padding:7px 0px 0px 0px; clear:left; border-top:#0b77b6 3px solid;}
.tickerHeadLine					{display:none; /*color:#0b77b6; font-size:100%; font-weight:bold; line-height:18px;*/}
.tickerHeadLine:hover			{color:#095d8e;}
.tickerText						{display:table; width:100%; padding-top:2px; font-size:1.4rem; line-height:1.7rem; margin-bottom:3px;}
.tickerDate						{width:104px; height:45px; float:right; margin:0px 0px 7px 10px; font-size:32px; line-height:47px; padding-top:2px; color:#ffffff; text-align:center; display:inline-block; background-color:#0b77b6;}
DIV.tickerReadMore				{width:75px; height:20px; padding:2px 20px 0px 0px; background:url('../arrowTicker.png') no-repeat left top;}
A.tickerReadMore				{text-decoration:none; line-height:22px;}
A.tickerReadMore:hover			{text-decoration:underline;}

/***  Scroller  ***/
.scrollbar				{width:284px; height:401px; overflow:auto;}
.jspContainer			{overflow:hidden; position:relative; margin-top:-10px; padding-right:17px;}
.jspPane				{position:absolute;}

.jspVerticalBar			{position:absolute; top:0; right:1px; width:4px; height:100%;}
.jspVerticalBar *		{margin:0; padding:0;}
.jspCap					{display:none;}
.jspTrack				{background:#f2f2f2; position:relative;}

.jspDrag				{background:#a9a9a9; width:6px; border-radius:3px; position:relative; top:0; right:0; cursor:pointer;}
.jspDragTop				{}
.jspDragBottom			{}
.jspHover				{background:#888;}
.jspDrag.jspActive		{background:#888;}

.jspArrow				{text-indent:-20000px; display:block; cursor:pointer; height:20px;}
.jspArrowUp				{display:none; /*background:#f2f2f2 url('../custom_scroll_up.png') no-repeat left top;*/}
.jspArrowDown			{display:none; /*background:#f2f2f2 url('../custom_scroll_down.png') no-repeat left top;*/}
.jspArrow.jspDisabled	{background-position:right top;}

.jspVerticalBar .jspArrow:focus	{outline:none;}

.jspCorner	{background:#eeeef4; float:left; height:100%;} /* ??? */

/*** Accessability Aditions ***/
.jspScrollable					{outline-style:none;}
.jspScrollable .No-Focus		{outline-style:none !important;}
.jspScrollable:focus .jspDrag	{outline-color:red; outline-width: medium !important; outline-style:solid;}


@media screen and (max-width: 600px) {
	TABLE.tickerContainer				{margin:auto;}
}


/******************************** Ticker Vertical (JQ) ****************************/
DIV.TickerContainer		{width:100%; margin-bottom:30px; padding-left:10px; box-sizing:border-box;}
DIV.TickerInner			{width:100%; position:relative;}

DIV.TickerTitle			{padding-bottom:15px;}
H3.TickerTitle			{color:#ff8c37; font-weight:normal; font-size:2.1rem; line-height:2.4rem;}
A.TickerPlayer			{padding:0px 2px 0px 2px; background-color:#ff8c37; display:table; position:absolute; top:3px; left:0px; cursor:pointer;}
A.TickerPlayer IMG		{display:block; border:0;}
A.TickerPlayer:hover, A.TickerPlayer:active, A.TickerPlayer:focus	{background-color:#274f83 !important;}

DIV.TickerBodyContainer		{padding-top:5px;}
DIV.TickerBody				{height:250px; position:relative; overflow:hidden; visibility:hidden;}
DIV.tickerBody IMG			{float:left; margin:3px 10px 7px 0px;}
.TickerBody UL				{position:absolute; width:100%; padding:0; margin:0;}
.TickerBody UL LI			{margin:0px 0px 20px 0px; padding:0; list-style:none; list-style-image:none;}

H4.TickerHeadLine			{font-size:1.5rem; line-height:1.8rem; font-weight:bold; color:#0b77b6; padding:0; margin:0px 0px 2px 0px; display:inline;}
H4.TickerHeadLine A			{text-decoration:none; color:#0b77b6;} 
H4.TickerHeadLine A:hover	{text-decoration:underline; color:#095d8e;} 
P.TickerText				{width:100%; padding:0; font-size:1.5rem; line-height:1.8rem; margin:4px 0px 0px 0px; display:inline-table; clear:both;}
P.TickerText IMG			{float:left; margin:5px 10px 5px 0px;}
SMALL.TickerDate			{font-size:1.3rem; font-weight:normal; display:block;}


/******************************** Ticker Horizontal (JQ) ****************************/
DIV.Horz_TickerContainer		{width:100%; height:30px; margin-bottom:5px;}
DIV.Horz_TickerInner			{position:relative;}

DIV.Horz_TickerTitle			{width:140px; height:30px; position:absolute; top:0px; right:0px;}
H3.Horz_TickerTitle				{font-size:140%; color:#274f83; font-weight:normal; font-size:2.1rem; line-height:2.4rem; display:block; margin:0px; padding:2px 0px 0px 0px;}
A.Horz_TickerPlayer				{background-color:#f49040; padding:0px 2px 0px 2px; display:table; position:absolute; top:5px; right:90px; cursor:pointer;}
A.Horz_TickerPlayer IMG			{display:block; border:0;}
A.Horz_TickerPlayer:hover, A.Horz_TickerPlayer:active, A.Horz_TickerPlayer:focus	{background-color:#274f83 !important;}

DIV.Horz_TickerBodyContainer	{width:100%; float:left; padding:4px 140px 4px 0px; box-sizing:border-box;}
DIV.Horz_TickerBody				{height:2.2rem; position:relative; overflow:hidden; visibility:hidden;}
DIV.ScrollingItems				{position:absolute; white-space:nowrap; height:2.2rem;}
P.Horz_TickerSep				{margin:0px; display:inline;}
IMG.Horz_TickerSep				{vertical-align:top; width:1px; height:12px; overflow:hidden; margin:5px 15px 0px 15px; background-color:#666666;}
P.Horz_TickerSep IMG.Last		{display:none;}

H4.Horz_TickerHeadLine			{font-size:1.5rem; line-height:2rem; font-weight:bold; display:inline;}
H4.Horz_TickerHeadLine A		{text-decoration:none;} 
H4.Horz_TickerHeadLine A:hover	{text-decoration:none;} 
P.Horz_TickerText				{height:20px; line-height:20px; padding:0; margin:0px 10px 0px 10px; display:inline; font-size:1.5rem; line-height:2rem;}
IMG.Horz_TickerPhoto			{height:16px; margin:4px 0px -4px 10px;}
SMALL.Horz_TickerDate			{font-size:1.3rem; font-weight:normal; margin-right:10px; display:inline;}


/********************************* Banners *****************************/
.AllBanners A		{width:100%;}
.AllBanners IMG		{display:block;}

/** clients banners **/
DIV.banners-title			{margin-bottom:15px;}
DIV.banners-title H3		{color:#4c4c4c; font-size:3.2rem; line-height:3.5rem; font-weight:normal;}
DIV.banner-clients			{margin:0px 0px 4px 0px; box-shadow:2px 2px 6px rgba(0,0,0,0.2);}
DIV.banner-clients IMG		{width:100% !important; height:auto !important; display:block;}

@media screen and (min-width: 941px) { /* 2 items */
	DIV.banner-clients:nth-of-type(2n+2)	{width:48%; float:right;}
	DIV.banner-clients:nth-of-type(2n+1)	{width:48%; float:left;}
}
@media screen and (max-width: 940px) and (min-width: 801px) { /* 3 items */
	DIV.banner-clients							{width:31.3333%; float:right; margin-right:3%; margin-bottom:10px;}
	DIV.banner-clients:nth-of-type(3n+2)		{margin-right:0px;}
}
@media screen and (max-width: 800px)  and (min-width: 601px) { /* 2 items */
	DIV.banner-clients:nth-of-type(2n+2)	{width:48%; float:right;}
	DIV.banner-clients:nth-of-type(2n+1)	{width:48%; float:left;}
}
@media screen and (max-width: 600px)  and (min-width: 481px) { /* 3 items */
	DIV.banner-clients						{width:31.3333%; float:right; margin-right:3%; margin-bottom:10px;}
	DIV.banner-clients:nth-of-type(3n+2)	{margin-right:0px;}
}
@media screen and (max-width: 480px) { /* 2 items */
	DIV.banner-clients:nth-of-type(2n+2)	{width:48%; float:right; margin-bottom:10px;}
	DIV.banner-clients:nth-of-type(2n+1)	{width:48%; float:left; margin-bottom:10px;}
}

/** Hp freebox banner **/
DIV.banner-freebox				{max-width:300px;}
DIV.banner-freebox IMG			{width:100% !important; height:auto !important; display:block;}
@media screen and (max-width: 940px) and (min-width: 601px) {
	DIV.banner-freebox				{width:35%; float:left; margin:0px -40% 0px 0px;}
}
@media screen and (max-width: 600px) {
	DIV.banner-freebox				{margin:auto;}
}

/** Ip right **/
DIV.side-banner			{width:100%; margin-bottom:10px; text-align:center;}
DIV.side-banner IMG		{width:100% !important; height:auto !important; display:block;}


/******************************** Media ****************************/
#mediaCycle				{height:300px; opacity:0; position:relative; direction:ltr; margin-bottom:20px;} /* no width */
DIV.mediaCycleInner		{background:#fff url('../loading.gif') no-repeat 50% 50%; position: relative;} /* no padding, no side-margin */
#mediaCycle A			{}
#mediaCycle IMG			{display:block; border:0; position:absolute; top:0px; left:0px; max-width:none !important;}

/** Arrows **/
A.mediaArrow		{/*width:32px; height:32px; display:block; position:absolute; top:50%; margin-top:-18px; z-index:999;*/ display:none !important;}
A#mediaPrevArrow	{right:20px;}
A#mediaNextArrow	{left:20px;}

#mediaCycle .fa								{font-size:24px; line-height:24px; background:rgba(255,255,255,0.4); color:rgba(1,71,130,1); border-radius:10px;}
#mediaCycle .fa-chevron-right				{padding:6px 6px 3px 9px;}
#mediaCycle .fa-chevron-left				{padding:6px 9px 3px 6px;}
#mediaCycle A.mediaArrow.Disabled .fa		{color:rgba(1,71,130,0.4); cursor:default;}

/** Circles **/
#mediaCycle .circles-container			{display:none !important;} /* use this for centering the circles */
#mediaCycle #circles					{position:absolute; bottom:10px; left:10px; padding:0px; margin:0px; z-index:999;}
#mediaCycle #circles LI.cycleTab		{display:block; margin:0px 5px 0px 5px; float:left; list-style-type:none; list-style-image:none;}
#mediaCycle #circles LI.cycleTab A				{width:12px; height:12px; display:block; background:#274f83; border:#fff 2px solid; border-radius:100%;}
#mediaCycle #circles LI.cycleTab A:hover		{border:#ff8c37 2px solid;}
#mediaCycle #circles LI.cycleTab A:focus		{border:#ff8c37 2px solid;}
#mediaCycle #circles LI.activeSlide A			{background:#ff8c37 !important; border:#fff 2px solid !important; cursor:default;}
#mediaCycle #circles LI.activeSlide A:hover		{}
#mediaCycle #circles LI.activeSlide A:focus		{}
#mediaCycle #circles LI.cycleTab A.Disabled		{cursor:default; opacity:0.3;}

/** Mask **/
#mediaCycle DIV.mask		{display:none;/*position:absolute; top:0; height:200px; background:url('../mediaMask.png') no-repeat; z-index:899;*/}
#mediaCycle DIV.left-m		{/*left:0; width:8px; background-position:left top;*/}
#mediaCycle DIV.right-m		{/*right:0; width:8px; background-position:right top;*/}

@media screen and (max-width: 768px) and (min-width: 481px) {
	#mediaCycle #circles		{bottom:10px;}
}

@media screen and (max-width: 480px) {
	#mediaCycle #circles		{bottom:5px;}
	A.mediaArrow				{display:none !important;}
}

/** play / stop **/
#mediaCycle DIV.play-stop			{display:none !important; /* remove this line for accessability */}
@media screen and (min-width: 991px) { /* play / stop for accessability over 990 */
	#mediaCycle DIV.play-stop		{display:table; padding:4px; background-color:rgba(255,255,255,0.8); border-radius:8px; position:absolute; left:10px; top:10px; z-index:999;}
	A#media-play-stop				{width:24px; height:24px; display:table; position:relative; border-radius:6px;}
	A#media-play-stop.playing		{background:rgba(1,1,1,0.7) url('../PauseTicker.png') no-repeat center center;}
	A#media-play-stop.resting		{background:rgba(1,1,1,0.7) url('../StartTicker.png') no-repeat center center;}
}


/******************************** FreeBox ****************************/
DIV.FreeBoxContainer			{}
DIV.FreeBoxInner				{}
DIV.FreeBoxItemContainer		{}
DIV.FreeBoxTitleContainer		{}
DIV.FreeBoxTitle				{}
H3.FreeBoxTitle					{ color:#0b77b6;}
H3.FreeBoxTitle A				{ color:#0b77b6;}
H3.FreeBoxTitle A:hover			{}
DIV.FreeBoxBody					{}
DIV.FreeBoxBody P				{margin:0px 0px 10px 0px;}
DIV.FreeBoxBody P:last-child	{margin:0px;}


/*^ Freebox 1 (Footer) ^*/
#FooterLinks_Section1		{}
DIV.FooterLinksContainer	{opacity:0; /* js show after loading */ margin:30px 0px 10px 0px;}
UL.FooterLinks				{width:100%; display:flex; flex-direction:row; padding:0px; margin:0px;}

/* Footer Item */
LI.FooterLinksItem			{/*width:auto !important;*/ padding:0px 0px 0px 35px; margin-bottom:20px; list-style-type:none; list-style-image:none; /* width come from js [in asp] */}
LI.FooterFirst				{padding:0px 0px 0px 38px; border-style:none;}
DIV.FooterLinksTitle		{padding:4px 0px 20px 0px;}
H4.FooterLinksTitle			{color:#fff; font-size:1.8rem; line-height:2rem; font-weight:normal;}
A.FooterLinksTitle			{color:#fff; text-decoration:none;}
A.FooterLinksTitle:hover	{color:#2598c7; text-decoration:underline;}
DIV.FooterLinksBody			{color:#2598c7; font-size:1.4rem; line-height:1.5rem;}
DIV.FooterLinksBody P		{margin:0px 0px 10px 0px !important;}
DIV.FooterLinksBody A		{color:#2598c7; text-decoration:none;}
DIV.FooterLinksBody A:hover	{color:#fff; text-decoration:underline;}
DIV.FooterLinksBody A:active,
DIV.FooterLinksBody A:focus	{color:#000; text-decoration:underline;}
DIV.FooterLinksBody TABLE	{width:100% !important;}

/* last item */
LI.FooterLinksItem:last-child DIV.FooterLinksTitle			{padding:0px 0px 20px 0px;}
LI.FooterLinksItem:last-child H4.FooterLinksTitle			{font-size:2.2rem; line-height:2.4rem;}
LI.FooterLinksItem:last-child DIV.FooterLinksBody			{color:#fff; font-size:1.6rem; line-height:1.7rem;}
LI.FooterLinksItem:last-child DIV.FooterLinksBody P			{margin-bottom:5px !important;}
LI.FooterLinksItem:last-child DIV.FooterLinksBody A			{color:#2598c7; text-decoration:none;}
LI.FooterLinksItem:last-child DIV.FooterLinksBody A:hover	{color:#fff; text-decoration:underline;}
/***/

@media screen and  (min-width: 991px) {
	LI.FooterLinksItem		{width:13.6% !important;}
	LI.FooterLinksItem:last-child	{width:32% !important; padding:0px 35px 0px 0px !important; border-right:#2598c7 1px solid;}
}

@media screen and (max-width: 990px) and (min-width: 769px) {
	UL.FooterLinks			{flex-wrap:wrap; justify-content:space-around;}
	LI.FooterLinksItem		{width:31% !important; background-color:rgba(0,0,0,0.2); padding:20px; border-style:none; box-sizing:border-box;}
}

@media screen and (max-width: 768px) and (min-width: 481px) {
	UL.FooterLinks			{flex-wrap:wrap; justify-content:space-around;}
	LI.FooterLinksItem		{width:47% !important; background-color:rgba(0,0,0,0.2); padding:20px; border-style:none; box-sizing:border-box;}
}

@media screen and (max-width: 480px) {
	UL.FooterLinks					{flex-direction:column;}
	LI.FooterLinksItem				{width:100% !important; text-align:center; border-style:none; padding:0px;}
	DIV.FooterLinksItemInner::after	{content: " _________________________ "; color:rgba(0,0,0,0.5); border-bottom:#1a4e69 1px solid; font-family:arial;}
	LI.FooterLinksItem:last-child IMG		{float:none;}
}


/**^  FreeBox 4 (Hp middle right) ^**/
#FreeBox_Section4 DIV.FreeBoxContainer			{width:100%;}
#FreeBox_Section4 DIV.FreeBoxInner				{}
#FreeBox_Section4 DIV.FreeBoxItemContainer		{margin-bottom:20px;}
#FreeBox_Section4 DIV.FreeBoxTitle				{margin-bottom:15px;}
#FreeBox_Section4 H3.FreeBoxTitle				{color:#4c4c4c; font-size:3.2rem; line-height:3.5rem; font-weight:normal;}
#FreeBox_Section4 H3.FreeBoxTitle A				{color:#4c4c4c;}
#FreeBox_Section4 H3.FreeBoxTitle A:hover		{color:#4c4c4c;}
#FreeBox_Section4 DIV.FreeBoxBody				{}

@media screen and (max-width: 940px) and (min-width: 601px) {
    #FreeBox_Section4				{width:100%; float:right; padding-left:40%; box-sizing:border-box;}
	DIV.banner-freebox			{width:35%; float:left; margin:0px -40% 0px 0px;}
}


/************************ Zor Kesher ( ContactUs.asp ) ************************/
#three-1-up DIV.ContactFrm				{width:100%; margin-bottom:30px; display:table; position:relative; padding-right:10px; box-sizing:border-box;}
#three-1-up DIV.ContactTitle			{padding-bottom:20px;}
#three-1-up DIV.ContactTitle H3			{display:inline; color:#ff8c37; font-weight:normal; font-size:2.1rem; line-height:2.4rem;}
#three-1-up DIV.ContactBody				{width:100%; display:table; box-sizing:border-box;}

#three-1-up DIV.inputs-container		{margin:0px 0px 10px 0px;}
#three-1-up DIV.textarea-container		{margin:0px 0px 10px 0px;}
#three-1-up DIV.button-container		{text-align:right;}

#three-1-up INPUT.wizard			{width:100%; height:30px; color:#666666; background-color:#ffffff; font-size:1.5rem; line-height:24px; padding:0px 10px 0px 10px; border:0;}
#three-1-up TEXTAREA.wizard			{width:100%; height:60px; color:#666666; background-color:#ffffff; font-size:1.5rem; padding:4px 10px 4px 10px; overflow:auto; border:0; resize:none;}
#three-1-up SELECT.wizard			{width:100%; height:30px; color:#666666; background-color:#ffffff; font-size:1.5rem; line-height:24px; padding:6px 6px 6px 6px; border:0;}
#three-1-up INPUT.button			{width:60px; height:30px; border:0; padding:0; font-weight:normal; font-size:17px;}
#three-1-up LABEL					{font-size:1.3rem;}

#three-1-up DIV.ContactMsg			{height:0px; overflow:hidden; font-size:1.5rem; line-height:1.5rem;}
#three-1-up DIV.ContactMsg A.red	{display:block; text-align:center; margin:0px -10px 0px -10px; padding:0px; text-decoration:none;}
#three-1-up DIV.ContactMsg A.red:active,
#three-1-up DIV.ContactMsg A.red:focus	{background:transparent; color:red; outline:none;}

#three-1-up DIV.ContactThanx		{display:none; /* width:100%; background:#bbbbbb; padding:40px 20px 40px 20px; font-weight:bold; box-sizing:border-box; */}


/******************************** Quick Subscription ****************************/
TABLE.QuickSubscription			{}
TD.QuickSubscriptionMsg			{}
INPUT.QuickSubscription			{}
INPUT.ButtonQuickSubscription	{}


/******************************** Navigation Title ****************************/
DIV.NavigationTitle		{width:100%; display:table; padding:0px 0px 10px 0px; box-sizing:border-box;}
H3.NavigationTitle		{color:#4c4c4c; font-weight:normal; font-size:3.2rem; line-height:3.5rem;}

@media screen and (max-width: 768px) {
	DIV.NavigationTitle.open		{padding:7px 10px 7px 10px; background:#ebebeb url('../x-closeV.png') no-repeat left 12px; cursor:pointer;}/* x-closeV-white.png */
	DIV.NavigationTitle.closed		{padding:7px 10px 7px 10px; background:#ebebeb url('../toMenu-vert.png') no-repeat left 12px; cursor:pointer;}/* toMenu-vert-white.png */
}


/******************************* DARONET *****************************/
TABLE.daronet		{direction:ltr; margin-top:20px;}
TD.daronet_link		{font-family:Arial; vertical-align:top; padding:0px 5px 0px 5px; line-height:15px; white-space:nowrap;}
A.Daronet			{font-size:13px; font-weight:normal; color:#fff; text-decoration:none;}
A.Daronet:hover		{color:#fff; text-decoration:none;}

A.Kuchi				{width:153px; height:18px; display:block; margin:18px 0px 0px 25px; background:url('../kuchi.png');}
A.Kuchi:active, A.Kuchi:focus		{background:#333 url('../kuchi.png') !important;}

@media screen and (max-width: 360px) {
	TABLE.daronet		{float:left;}
	A.Kuchi				{float:right !important; margin-left:0px;}
}


/************************ Paging ******************************************************/
DIV.dbsPages-container	{/* padding:6px 0px 5px 0px; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; */}
OL.dbsPages				{height:30px; margin:0px auto 0px auto; padding:0px; position:relative; display:table;}

.dbsPages LI			{line-height:21px; /**/ display:inline-table; /*float:left;*/ margin:3px; font-size:90%; font-weight:bold; list-style-image:none; list-style-type:none;}
.dbsPages LI.first_item	{/*position:absolute; left:10%;*/}
.dbsPages LI.last_item	{/*position:absolute; right:10%;*/}

.dbsPages LI A, .dbsPages LI A:hover	{text-decoration:none;}
.dbsPages LI A IMG		{margin:3px 5px -3px 5px !important;}

SPAN.dbsPaging			{display:inline-table; white-space:nowrap; background-color:#eee; color:#333; border:#ccc 1px solid; padding:0 7px; border-radius:4px;}
SPAN.dbsCurrentPage		{font-weight:bold; background-color:#666; color:#fff;}
.dbsPages LI A:hover SPAN.dbsPaging		{background-color:#666; color:#fff;}


/****************************************************************************/
IMG.security		{border-width:1px; border-color:gray;}



/***********************************************************************************************************************/
/*******************************************  Fitured-list Slider  *************************************************************/
#slider-container		{width:100%; max-width:1920px; overflow:hidden; position:relative; margin:0px auto 0px auto;}
DIV#feature_list		{width:100%; position:relative;}
DIV#feature_list UL		{list-style:none; direction:rtl;}
DIV#feature_list UL LI	{list-style-type:none; list-style-image:none; direction:rtl;}

 /*** Tabs ***/
DIV#tabsContainer	{position:absolute; top:26px; left:0; right:0; z-index:13; width:100%; text-align:center;}
DIV#tabsInner		{width:98%; max-width:990px; margin:0px auto; direction:rtl; text-align:right;}
UL#tabs				{width:340px; border:#d6d6d6 1px solid; margin:0; padding:0px; display:inline-block; box-sizing:border-box;}
#tabs LI			{width:100%;}

#tabs LI.item_0 A	{background:url('../jqCategory_1.png') no-repeat right top;}
#tabs LI.item_1 A	{background:url('../jqCategory_2.png') no-repeat right top;}
#tabs LI.item_2 A	{height:99px !important; background:url('../jqCategory_3.png') no-repeat right top;}

#tabs LI A					{width:100%; height:100px; display:table; color:#ffffff; text-align:right; text-decoration:none;}
#tabs LI A:hover			{color:#ffffff; text-decoration:none; background-position:right -100px;}
#tabs LI.current A			{color:#ffffff; text-decoration:none; background-position:right -100px;}
#tabs LI.current A:hover	{text-decoration:none; cursor:pointer;}
#tabs LI A SPAN				{vertical-align:middle; display:table-cell;}
#tabs LI H2					{padding:0px 100px 0px 20px; margin:0; display:block; line-height:26px; font-size:24px; font-weight:normal;} /* title */
#tabs LI P					{display:none;} /* text */

 /*** Output ***/
UL#output			{width:100%; overflow:hidden; margin:0px; padding:0px;background:transparent;}
#output LI			{width:100%;  text-align:center; position:absolute; z-index:1;}
#output LI IMG		{width:100%; height:auto; /* upload size must be = width:1920px; height:525px;*/}

#output LI DIV#ItemContainer		{display:none; /*position:absolute; top:130px; left:0px; width:100%; height:280px; text-align:center;*/}
#output LI DIV#ItemInner			{/*width:940px; text-align:right; margin:0px auto 0px auto; position:relative; height:280px;*/}
#output LI DIV#Item					{/*width:300px; height:auto; display:inline-block; text-align:right; background:url('../outputTextBg.png') repeat;*/}
#output LI A						{/*color:#ffffff;*/} /* title */
#output LI H2						{/*width:240px; margin:14px 30px 0px 30px; padding:0; display:inline-block; color:#ffffff; font-size:24px; font-weight:normal;*/} /* title */
#output LI P						{/*width:240px; margin:10px 30px 15px 30px; padding:0; display:block; color:#ffffff; font-size:115%; line-height:21px; font-weight:normal;*/} /* text */
#output LI A.ToArticle_Hp			{display:none; /*width:90px; height:25px; display:block; margin:0px 30px 30px 0px; background:url('../read_more.png');*/}
#output LI A.ToArticle_Hp:hover	{}
#output LI DIV.Block				{display:none;}

A.sliderPlayer				{position:absolute; top:10px; left:10px; padding:2px; display:table; background-color:rgba(0,0,0,0.5); border:#fff 2px solid; border-radius:5px; z-index:99;}
A.sliderPlayer IMG			{border:#666 1px solid; display:block; border-radius:3px; background-color:transparent !important;}
A.sliderPlayer:focus,
A.sliderPlayer:focus IMG	{background-color:#333 !important;;}


@media screen and (max-width: 990px) {
	DIV#tabsInner		{width:95%;}
}

@media screen and (max-width: 640px) {
	DIV#feature_list		{padding-bottom:340px;}
	DIV#tabsContainer		{background-color:#589fcb; padding:20px 0px 20px 0px; top:auto; left:0; bottom:0; right:0;}
	DIV#tabsContainer {
	  background: -webkit-radial-gradient(circle, #fff, #589fcb, #203c70); /* Safari */
	  background: -o-radial-gradient(circle, #fff, #589fcb, #203c70); /* Opera 11.6 to 12.0 */
	  background: -moz-radial-gradient(circle, #fff, #589fcb, #203c70); /* Firefox 3.6 to 15 */
	  background: radial-gradient(circle, #fff, #589fcb, #203c70); /* Standard syntax */
	}
	DIV#tabsInner		{text-align:center;}
	UL#tabs				{width:300px; margin:auto;}
}

@media screen and (max-width: 480px) {
	DIV#feature_list		{padding-bottom:250px;}
	#tabs LI.item_0 A		{height:69px; background-position: right -15px; border-bottom:#ccc 1px solid;}
	#tabs LI.item_1 A		{height:69px; background-position: right -15px; border-bottom:#ccc 1px solid;}
	#tabs LI.item_2 A		{height:69px !important; background-position: right -15px;}
	#tabs LI A:hover		{background-position:right -115px !important;}
	#tabs LI.current A		{background-position:right -115px !important;}
	#tabs LI H2				{font-size:19px; line-height:22px;}
}



/*************************************  Loading Site  *********************************/
.loader-container {
    width:100%;
	height:100%;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;}

.loader {
	height:20px;
	width:250px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.loader-dot {
	animation-name:loader;
	animation-timing-function:ease-in-out;
	animation-duration:3s;
	animation-iteration-count:infinite;
	height:20px;
	width:20px;
	border-radius:100%;
	background-color:black;
	position:absolute;
}
.loader-dot:first-child		{background-color:rgba(11,119,182,0.5); animation-delay:0.5s;}
.loader-dot:nth-child(2)	{background-color:rgba(11,119,182,0.6);  animation-delay:0.4s;}
.loader-dot:nth-child(3)	{background-color:rgba(11,119,182,0.7); animation-delay:0.3s;}
.loader-dot:nth-child(4)	{background-color:rgba(11,119,182,0.8); animation-delay:0.2s;}
.loader-dot:nth-child(5)	{background-color:rgba(11,119,182,0.9); animation-delay:0.1s;}
.loader-dot:nth-child(6)	{background-color:rgba(11,119,182,1);  animation-delay:0s;}
.loader-text {
	position:absolute;
	top:200%;
	left:0;
	right:0;
	width:4rem;
	margin:auto;
}
.loader-text:after {
	content:"Loading";
	font-weight:bold;
	animation-name:loading-text;
	animation-duration:3s;
	animation-iteration-count:infinite;
}

@keyframes loader {
	15%	{transform: translateX(0);}
	45%	{transform: translateX(230px);}
	65%	{transform: translateX(230px);}
	95%	{transform: translateX(0);}
}
@keyframes loading-text {
	0%	{content: "Loading";}
	25%	{content: "Loading .";}
	50%	{content: "Loading ..";}
	75%	{content: "Loading ...";}
}