/*** 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		{position:relative;padding-top:90px;overflow:hidden;min-height:100%;box-sizing:border-box;} /*padding-top = top-line-height + 10*/
@media screen and (min-width:991px){
    .main-container	{padding-top:99px;}
    .main-container.stick	{padding-top:135px;}
}

.wrapper			{width:98%; max-width:1200px; margin:0px auto; direction:rtl; text-align:right;}
.full-size-row		{} /* all row sections */


/*Article template page 01*/
.temp_art01{width:100%;margin-bottom: 2%;clear: both;display: table;padding: 1%; box-sizing:border-box; background: #e9e9ef;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff+0,eeeeee+100 */background: #fff; /* Old browsers */background: -moz-linear-gradient(top,  #fff 0%, #eeeeee 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #fff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #fff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.temp_art01 h2{font-size: 17px;color:#fff;display: block;background: #8bc63e;padding: .4% .5%;margin-bottom: 2%;}
.temp_art01 p{width: 58%;display: block;float: right;padding: 1%;text-align: justify; box-sizing:border-box;}
.temp_art01 DIV.editor-div-img  {width:50%;}
.temp_art01 img{display: block;float: right;width: 40%;}
@media screen and (max-width:780px){
    .temp_art01 DIV.editor-div-img,.temp_art01 p, .temp_art01 img{
        width:100%;
    }

}
DIV.ArticlesGallerySummary p{
    text-align: right;
}
/*Article template page 01 End*/

/**************************************************************************************************/
/******************************************  All pages  *******************************************/ /* All pages */
/*@media screen and (min-width:997px){
	.accessibe-trigger-default.accessibe-trigger-size-medium	{top:7px !important; right:7px !important; bottom:auto !important;}
}
@media screen and (max-width:1360px) and (min-width:997px){
	A.logo	{margin-right:70px !important;}
}*/

@media screen and (min-width:601px){
	.acsb-trigger-default	{ /* accessability button */
		left:2% !important;
		right:auto !important;
		top:auto !important;
		bottom:2% !important;
	}
}
@media screen and (max-width:600px) {
	.acsb-trigger-default	{ /* accessability button */
		left:0 !important;
		right:auto !important;
		top:auto !important;
		bottom:calc(8vw + 24px) !important;
		z-index:555 !important;
	}
}

/************************ Top line ************************/
/* login in */
/* shopping cart */
/* phone in small screen (under 480) */
/* searchJO in small screen (under 480) */
/* social banners in small screen (under 480) */
.top-line				{height:40px; position:fixed; top:0; left:0; right:0; background-color:#eeeeee; z-index:9995; box-shadow:0 1px 8px rgba(0,0,0,0.3); -webkit-transform:translateZ(0);}
#phone480				{display:none; height:20px; padding:4px 10px 7px 10px; margin:5px 5px 0px 0px; box-sizing:border-box;}

/************************ Header line ************************/

/* logo */
/* phone in screens over 480 */
/* social banners in screens over 480 */
.header-line			{position:fixed; top:0; padding-top:15px; width:100%; background-color:#fff; z-index:9999999999}
#wizsupportmenu         {left: 7px!important;top: 0 !important;opacity: 0;filter: alpha(opacity=50);width: 275px !important;display: none;}

DIV.header				{position:relative;margin-bottom: 20px;}
A.logo					{display:table;min-width:200px;max-width:257px;width:27%; /* % = logo img width devided by 990*/}
A.logo IMG				{display:block; width:100%; height:auto;}

DIV.header-oppalign		{text-align:left;}
a.facebook		{display:table; float:right; margin:6px 0 0 28px;}
.chat-box		{display:none;}
.phone-box {
    width: 240px;
    text-align: right;
    direction: rtl;
    /*border-left: 2px solid #001362;*/
    height: 55px;
    background: url(../phone-bg.png) no-repeat left top;
    box-sizing: border-box;
    float: left;
}
.phone-box p {
    margin: 0;
    font-size: 1.8rem;
    color: #001362;
    line-height: 2.5rem;
}
A.phone					{display:block;font-size: 30px;direction:ltr;text-decoration:none;cursor:default;color: #e20a19;letter-spacing: 1.4;}
A.phone .fa-phone		{text-shadow:1px 1px 1px #999;}

/************************ Top bar line ************************/
/* Top bar */
.top-bar-line			{background-color: #071365;top: 0;}

/************************ Footer Line ************************/
/* freebox-footer */
/* bottom bar */
.footer-line		{background: #001362;}
footer.footer-line-links {background: #000930;}
.bottom-bar-line	{background: #000930;padding-bottom:12px;}
#bottomBar			{width:100%; padding-left:200px; box-sizing:border-box;}
#daronet			{margin-right:-200px;}

#go-top		{display:none !important;}
.fa-arrow-circle-up	{}

A.phone-bottom			{display:none; width:50%; position:fixed; right:0; bottom:0; font-size:5vw; line-height:115%; padding:12px 10px 12px 10px; text-align:center; background-color:#f11313; color:#fff; font-weight:normal; text-decoration:none; direction:rtl; z-index:111111111110; box-sizing:border-box;}
@media screen and (max-width: 600px) {
	A.phone-bottom		{display:block;}
}

A.phone-bottom .fa		{direction:ltr; font-size:5vw; margin-left:2vw;}

.red-msg A.phone-bottom		{bottom:0;}

@media screen and (max-width: 600px) {
	A.phone-bottom			{display:table;}
	#openVSButton			{right:50% !important; bottom:calc(6vw + 34px) !important; margin-right:-107px !important;}
	.bottom-bar-line	{/*bottom:52px);*/ padding-bottom:calc(6vw + 100px);}
}


/**************************************************************************************************/
/*************************************  only Home page  *******************************************/ /* only Home page */
.tse {display: block;width: 50%;float: right;text-align: right;height: 31px;line-height: 31px;font-weight: 600;font-size: 17px;}
@media screen and (max-width:480px){.tse{margin-right: 15px;}}
/**  Titles in Hp Grid  **/
DIV.hp-title			{text-align:center;}
DIV.hp-title::after		{content: " ______ "; color:transparent; position:relative; top:11px; border-top:#f9c9a3 4px solid;}
DIV.hp-title H3			{display:block; color:#f49040; margin:0; padding:0; font-size:190%; font-weight:normal;}
.title_special          {
    border-bottom: solid 3px #bfc4d0;
    display: block;
}
span.title_special.title_midd {
    text-align: center;
    margin-bottom: 20px;
}
span.title_special.title_midd h3{
    display:inline-block;
    font-size:1.8em;
}
span.title_special.title_midd h3:hover{
    -webkit-animation: squeeze 0.5s;
    animation: squeeze 0.5s;
}
.title_special h3       {
    background: #071365;
    color: #fff;
    padding: 7px 20px 4px 20px;
    font-weight: 100;
}
p.artp {
    font-size: 14px;
    display: block;
    width: 59%;
    float: right;
    padding-left: 10px;
}
@media screen and (max-width:480px){
    p.artp {width:100%;}
}
/************************ Slider line ************************/
/* slider-cycle | css is at page bottom */
/* Home content wrapper with sidebar */
.content_wrapper {max-width: 1200px;margin: 0 auto;}
.freebox-line,.content-line {max-width: 77.6%;display: flex;}
#hp-form TEXTAREA.wizard {width: 100%;height: 35px;color: #004d40;background-color: #fff;font-size: 1.5rem;padding: 4px 10px 4px 10px;overflow: auto;border: 0;resize: none;font-weight: bold;
}
input#rnd125 {width: 50% !important;float: right;margin-top: 6px;font-size: 12px !important;}
/************************ HomePage long freebox Line ************************/
/* Freebox 8 */
#HomePage div#ctlContent {margin-top: 30px;}
#HomePage div#ctlContent hr{display:none;}
.freebox-line		{background-color:#fff;}
#FreeBox_Section8   {padding: 0 0 40px;}
#FreeBox_Section8 h3 {font-size:2.2rem; color:#001362;}
#FreeBox_Section8 .FreeBoxBody	{color: #001362;}

/************************ HomePage Bottom Content ************************/
.bottom-content {background-color: #e4eaf8;padding: 2% 0;margin-top: 40px;}

/**************************************************************************************************/
/************************************  only Inner page  *******************************************/ /* only Inner page */

/************************ Media line ************************/
/* media-cycle */
.media-line								{background-color:#fff; position:relative;}
#trip-but, #goto-trip-but				{width:11vw; max-width:185px; min-width:80px; display:block; position:absolute; left:0; top:455px; z-index:111111111111;}
#trip-but IMG, #goto-trip-but IMG		{width:100%; height:auto; display:block;}
#trip-but.stick, #goto-trip-but.stick	{position:fixed; top:130px;}

#trip-but:hover, #goto-trip-but:hover,
#trip-but:focus, #goto-trip-but:focus	{left:-10px;}

#trip-but, #goto-trip-but {
    -webkit-transition:  all 0.5s;
    -moz-transition:  all 0.5s;
    -o-transition:  all 0.5s;
    transition: all 0.5s;
}

@media screen and (max-width: 990px) {
	#trip-but, #goto-trip-but			{top:215px;}
	#trip-but.stick, #goto-trip-but.stick		{top:70px;}
}

@media screen and (max-width: 768px) {
	#trip-but, #goto-trip-but			{top:170px;}
}

/** the form **/
H3.tripForm			{width:100%; display:table; margin:0; padding:15px 20px 5px 20px; font-size:2rem; line-height:115%; font-weight:bold; background-color:#001362; color:#fff; box-sizing:border-box;}
SPAN.tripFormMsg	{width:100%; display:table; margin:0; padding:0px 20px 0px 20px; font-size:1.8rem; line-height:115%; font-weight:bold; background-color:#001362; color:#fff; box-sizing:border-box;}
#trip-form						{width:100%; display:table; background-color:#001362; padding:15px; box-sizing:border-box;}
#trip-form TABLE.wizard TD		{padding:5px; width:30%;}
#trip-form TD.wizard-button		{width:90px !important; box-sizing:border-box;}
#trip-form INPUT.wizard			{width:100%; max-width:270px;}
#trip-form INPUT.button			{width:80px; background-color:#8bc63e;}
#trip-form .red					{color:#ccff66;}

@media screen and (max-width: 600px) {
	#trip-form TABLE.wizard TD		{width:calc(50% - 10px); float:right; display:block;}
}
@media screen and (max-width: 450px) {
	#trip-form TABLE.wizard TD		{width:100%;}
}


/************************ Content line ************************/
.conent-line			{background-color:#fff; padding-top:20px;}

/* right side ==>		side bar | freebox 7 | banner 2 */
/* center-left ==>		page content */
DIV.side-area			{width: 24.5%;height:auto;margin-bottom:20px;max-width: 253px;}
DIV.center-side			{width: 73.5%;height:auto;}

.banners-ip {text-align:center;}
.banners-ip .ip-banner {display:inline-block;} 

/************************ @media Query for stracture ************************/

@media screen and (max-width: 990px) {
    .wrapper				{width:95%;}
    .top-line				{padding-left:58px;} /* make space for  main-bar open button **/
    .top-bar-line			{background-color:transparent;}
}

@media screen and (max-width: 990px) and (min-width: 769px) {
    DIV.side-area			{width:23.9%;}
    DIV.center-side			{width:73.5%;}
    .phone-box   {margin-left:70px;}
}

@media screen and (max-width: 768px) {
    div.header-oppalign {width:auto; padding-left:50px;}
    .phone-box   {width: 210px;}
    .phone-box p {font-size:1.6rem;}
    DIV.side-area			{width:100%;float:none !important;display:table;max-width: 100%;}
    DIV.center-side			{width:100%; float:none !important;}
    A.phone					{margin:0; left:0; top:12px; font-size:25px;}
}

@media screen and (max-width: 610px) {
    div.header-oppalign  {padding-top:8px;}
    /*.chat_mobile  {display: block !important;position: absolute;}*/
    a.chat_mobile.dn {width: 43px;text-align: right;direction: rtl;height: 43px;background: url(../chat-pic-mob.png) no-repeat 0 0;box-sizing: border-box;right: 230px;top: 0;font-size: 0;background-size: 80%;}
   /*.phone_mobile				{width: 43px;text-align: right;display: block !important;position: absolute; left:70px;top: 0;direction: rtl;height: 43px;background: url(../phone-bg.png) no-repeat 0 0;box-sizing: border-box;font-size: 0;background-size: 80%;}*/
    .phone-box   	{width:auto; height:auto; padding-left:43px; background-size:35px;}
    .phone-box p	{display:none;}
    A.phone			{font-size:20px; line-height:37px;}
	A.facebook		{margin-top:3px;}
	A.facebook img	{width:30px;}
	.header-line	{padding-top:15px;}
	.main-container			{padding-top:84px;}
}

@media screen and (max-width: 540px) {
    A.logo					{}
	.stuck_bott A.logo		{}
	.stuck_bott div.header 	{margin-bottom:5px;}
	div.header-oppalign		{padding-left:42px; padding-top:0;}
    .phone-box   			{padding:0;}
    A.phone					{width:35px; height:35px; font-size:0;}
	A.facebook				{margin-left:12px;}
	/**#HomePage .main-container		{padding-top:220px;}
	#HomePage .mobile_search		{width:100%; position:fixed; top:63px;}*/
}

@media screen and (max-width: 480px) {
    #HomePage .ArticlesGalleryBody	 	{height:auto !important;}
    #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;}
	/*#HomePage .main-container			{padding-top:240px;}
	#HomePage .stick .mobile_search		{width:100%; position:fixed; top:83px;}*/
}

@media screen and (max-width: 360px) {
    A.logo		{min-width:180px;}
}
@media screen and (max-width: 340px) {
    A.logo		{min-width:160px;}
}

@media screen and (max-width:320px) { /*for iframe */
    A.logo						{min-width:150px;}
     .phone_mobile				{right: 195px;}
      a.chat_mobile.dn          {right:198px;display: none;}
      div  button.toggle_form   {width:80%;}
}


/******************************************************************************************************/
/*********************************** Modules **********************************************************/
/* Search Country */
.scount		{width: 100%;height: 85px;background: #8bc63e;text-align: right;padding: 13px;margin-bottom: 20px;direction: rtl; box-sizing:border-box;}

@media screen and (min-width:601px) {
	.side-area.fix-trip						{padding-top:126px;}
	.side-area.fix-trip .scount				{position: fixed; top:135px; width:24%; max-width:253px; margin-right:0; box-shadow:0px 0px 12px 0px #333; z-index:9;}
}

@media screen and (max-width:990px) {
	.side-area.fix-trip .scount		{top:90px;}
}

@media screen and (max-width:768px) {
	.side-area.fix-trip .scount		{width:100%; max-width:100%; right:0;}
}

.inputs {direction: rtl;position: relative;width: 100%;height: 55px;}
select#SearchCountry {width:calc(100% - 60px); height: 50px; float:right; border:none; padding:0 10px; box-sizing:border-box;}
select#SearchCountry option { text-align: right; direction: rtl;}
.trip_search {color:#fff;font-size: 2rem;padding: 0 0 10px 0;display: block;}
.scount .subsearch {
    background: #071365;
    width: 60px;
    float:left;
    height: 50px;
    text-align: center;
    padding: 0;
}
/*.scount.small {width: 320px; margin-left: -163px !important;}
.scount.small .inputs {width: 300px;}*/

/***** in side Tab ******/
#side-trip-tab		{display:none}
@media screen and (max-width: 600px) {
	#side-trip-tab		{display:block;}
}

#side-tab-form		{width:100%; position:fixed; bottom:calc(6vw + 22px); left:-100%; z-index:111110;}
#side-tab-form {
	background-color:#8bc63e;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
#side-tab-form.open		{left:0;}
#side-tab-form .scount	{margin-bottom:15px;}

A.trip-tab-but	{
	display:block; width:50%;
	position:fixed; bottom:0; left:0px; z-index:111111111110;
	color:#fff; background-color:#339933;
	font-size:5vw; line-height:115%;
	font-weight:normal;	
	padding:12px 10px 12px 0px;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
}
A.trip-tab-but:hover		{text-decoration:none;}
A.trip-tab-but:hover .fa	{}

A.trip-tab-open			{}
A.trip-tab-open:hover	{}

A.trip-tab-close	{}
A.trip-tab-close:hover	{}

A.trip-tab-but .fa {
	font-size:5vw; 
	margin-left:2vw;
}

#side-tab-form a.item-top-line-close	{right:auto; left:0;}

/* END Search Country *******************************************/

DIV.ModuleContainer			{}
DIV.ModuleInner				{
    width: 100% !important;
}
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; text-decoration:none;}
A.item-top-line-close:hover			{}
A.item-top-line-close:before {
    content:"\f00d";
    font-size:20px !important;
    font-weight:normal;
    color:#fff;
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    background:rgba(0,0,0,0.5);
    padding:0 3px 1px 3px;
    border-radius:3px;
    margin-left:7px;
}

/***/

/*** 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;}
}
@media screen and (max-width: 990px) {
    /*#InnerPage .scount {top:50%; margin-top:-40px;}*/
}

/*********************************** 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, .dn		{display:none;}

DIV.LoginInput					{display:table; margin:0px 0px 6px 0px; background:#fff; /*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:#fff; 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:#fff; 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:#fff; 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-top:35px;}
TABLE.Search			{height:30px;}
TD.SearchInp			{}
TD.SearchBut			{background-color:#ff8c37; vertical-align:baseline;}
TD.SearchSectionTitle	{/*color:#8C8C8C; font-size:11px; font-weight:bold;*/}
INPUT.Search			{width:180px; height:30px; font-size:1.5rem; color:#888; border:#ddd 1px solid; border-left-style:none; line-height:30px; padding:0px 10px 0px 10px; box-sizing:border-box;}
INPUT.SearchBut			{padding:5px 10px 5px 10px;}

/******** SearchJQ ********/
/*** structure code ***/
#search480						{display:none;}
#SearchJQ						{height:20px; margin:7px 2px 0px 0px; padding:4px 6px 4px 6px;}

#SearchJQ.icon-active			{background-color:rgba(221,221,221,0.9); border-radius:5px; box-shadow:inset 0 0 6px #ccc;}
#SearchJQ A.SearchOpen			{display:inline-table; height:20px; text-align:right; text-decoration:none; /*padding-right:16px; background:url('../search_icon.png') no-repeat left top;*/}
A.SearchOpen .fa-search			{font-size:1.8rem; line-height:20px; color:#000000; 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; 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: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);}

#SearchJQ TABLE.Search			{margin:40px auto 20px auto;}

/***/

/******** @media Query ********/
@media screen and (max-width: 990px) and (min-width: 481px) {
    DIV.SearchContainer		{margin:42px 0px 0px 0px;}
}

@media screen and (max-width: 480px) {
    DIV.SearchContainer			{display:none; /*margin:0px auto 10px auto; float:none;*/}
    #search480					{display:inline-table;}
    A.SearchOpen .fa-search		{margin:0px;}
}



/******************************** 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:#ff8c37; padding:0; margin:0px 0px 2px 0px; display:inline;}
H4.TickerHeadLine A			{text-decoration:none;} 
H4.TickerHeadLine A:hover	{text-decoration:underline;} 
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 IMG		{
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.AllBanners:hover img {opacity:0.5; transform: scale(1.15);}

/** hp banners **/
.hp-banner a, .hp-banner img,.hp-banner a, .hp-banner {margin-bottom:11px;max-height: 92px;}

@media screen and (min-width: 990px){
    .AllBanners {overflow:hidden;}
}
@media screen and (max-width: 990px) and (min-width: 481px) {
    DIV.banner-social		{margin:10px 10px -37px 0px;}
}
@media screen and (min-width: 769px) {
    #social768 DIV.banner-social		{display:none;}
}
@media screen and (max-width: 768px) {
    .header-oppAlign DIV.banner-social		{display:none;}
    DIV.banner-social		{float:right; text-align:right; margin:9px 24px 0px -20px;} /* in top line */
    DIV.banner-social IMG	{width:22px !important; height:22px !important;} /* in top line */
}

/** 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;} /* 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:35%; 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;}

/** 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.activeSlide A			{background:#ff8c37 !important; border:#fff 2px solid !important; cursor:default;}
#mediaCycle #circles LI.activeSlide A:hover		{background:#ff8c37; border:#fff 2px solid;}
#mediaCycle #circles LI.activeSlide A:focus		{background:#ff8c37; border:#fff 2px solid;}

/** Title **/
#mediaCycle DIV.media-title		{display:table; position:absolute; right:10%; bottom:10%; padding:14px 20px 15px 20px; font-size:3.7rem; line-height:4rem; color:#04084a; font-weight:600; background:rgba(246,246,246,0.7); z-index:899;}

/** 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 DIV.media-title		{font-size:21px; line-height:23px;}
    #mediaCycle #circles		{bottom:10px;}
    A.mediaArrow				{width:18px; height:18px; background-size:cover !important; top:20%;}
}

@media screen and (max-width: 480px) {
	#mediaCycle DIV.media-title		{font-size:18px; line-height:20px;}
    #mediaCycle #circles		{bottom:5px;}
    A.mediaArrow				{display:none !important; /*width:18px; height:18px; background-size:cover !important; top:20%;*/}
    #mediaCycle #circles LI.cycleTab A	{width:10px; height:10px; border:#fff 1px solid;}
}

/** 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					{}
H3.FreeBoxTitle A					{}
H3.FreeBoxTitle A:hover			{}
DIV.FreeBoxBody					{}
DIV.FreeBoxBody P				{margin:0px 0px 10px 0px;}
DIV.FreeBoxBody P:last-child	{margin:0px;}


/**^  FreeBox 4 and 10 (Hp freeboxes bottom content) ^**/
#FreeBox_Section4, #FreeBox_Section10 {width:36%;float:right;background-color: #fff;padding:15px;box-sizing:border-box;border-bottom: solid 3px #071365;min-height: 298px;}
#FreeBox_Section4 {margin-left:1.6%;}
#FreeBox_Section4 div.FreeBoxTitle,
#FreeBox_Section10 div.FreeBoxTitle {padding: 5px 0  10px 0;}
#FreeBox_Section4 h3.FreeBoxTitle,
#FreeBox_Section10 h3.FreeBoxTitle  {color: #000;font-size:1.9rem;line-height:2.4rem;}
/*
#FreeBox_Section4 DIV.FreeBoxContainer			{width:100%; margin:45px 0px 45px 0px; padding-top:0px; }
#FreeBox_Section4 DIV.FreeBoxInner				{padding:0px 30px 0px 30px;}
#FreeBox_Section4 DIV.FreeBoxItemContainer		{margin-bottom:40px;}
#FreeBox_Section4 DIV.FreeBoxTitle				{text-align:center; padding-bottom:10px;}
#FreeBox_Section4 H3.FreeBoxTitle				{color:#f49040; font-size:1.8rem; line-height:2.2rem; font-weight:normal;}
#FreeBox_Section4 H3.FreeBoxTitle A				{color:#f49040; text-decoration:none;}
#FreeBox_Section4 H3.FreeBoxTitle A:hover		{color:#f49040; text-decoration:underline;}
#FreeBox_Section4 DIV.FreeBoxBody				{text-align:center; color:#fff; line-height:140%;}
#FreeBox_Section4 DIV.FreeBoxBody A				{color:#fff;}
#FreeBox_Section4 DIV.FreeBoxBody A:hover		{color:#fff;}
*/

@media screen and (max-width: 768px) {
    #FreeBox_Section4 DIV.FreeBoxContainer			{}

    #FreeBox_Section4 h3.FreeBoxTitle, #FreeBox_Section10 h3.FreeBoxTitle {font-size:1.5rem;}
}
@media screen and (min-width: 600px) and (max-width: 768px) {

    #FreeBox_Section4, #FreeBox_Section10 {width: 100%;}
    #FreeBox_Section4 {margin-left:1.5%;}
}
@media screen and (max-width: 767px) {
    #FreeBox_Section4, #FreeBox_Section10 {width:100%;margin-bottom: 20px;}
    #FreeBox_Section4 {margin-left:0;}
    .hp-banners {text-align:center;margin:0 auto;width: 100%;}
    .hp-banner a {width: 100%;}
    .hp-banner IMG {display:inline-block;}
}


/**^  FreeBox 13 (Ip right) ^**/
#FreeBox_Section13 DIV.FreeBoxContainer			{width:100%; margin:0px;}
#FreeBox_Section13 DIV.FreeBoxInner				{}
#FreeBox_Section13 DIV.FreeBoxItemContainer		{width:100%; display:table; padding:20px 7% 20px 7%; margin-bottom:30px; background-color:#a20d10; box-sizing:border-box;}
#FreeBox_Section13 DIV.FreeBoxTitle				{text-align:center; padding-bottom:10px;}
#FreeBox_Section13 H3.FreeBoxTitle				{color:#fff; font-size:1.8rem; line-height:2rem; font-weight:bold;}
#FreeBox_Section13 H3.FreeBoxTitle A			{color:#fff; text-decoration:none;}
#FreeBox_Section13 H3.FreeBoxTitle A:hover		{color:#fff; text-decoration:underline;}
#FreeBox_Section13 DIV.FreeBoxBody				{text-align:center; color:#fff; line-height:140%;}
#FreeBox_Section13 DIV.FreeBoxBody A			{color:#fff; text-decoration:underline;}
#FreeBox_Section13 DIV.FreeBoxBody A:hover		{color:#fff; text-decoration:none;}


/************************ Zor Kesher XXX cancelled ( ContactUs.asp ) ************************/
#hp-form			{width:300px; height:500px; background:rgba(140, 198, 62, 0.67); position:absolute; top:0px; left:18%; z-index:991;}
#InnerPage #hp-form {max-height:370px; }  
 
@media screen and (max-width: 990px) {
    #hp-form			{width:100%; position:static; top:auto; left:auto; height:auto; display:table;}
}
@media screen and (min-width: 990px) and (max-width: 1800px) {
	#hp-form			{ left:3%;}
}
#hp-form DIV.ContactFrm				{width:100%; height:405px; display:table; padding:20px 20px 0px 20px; position:relative; box-sizing:border-box;}
#hp-form DIV.ContactTitle			{padding-bottom:10px;text-align: right;}
#hp-form DIV.ContactTitle p			{
    margin: 4px 0 0 0;
    color: #fff;
    font-size: 1.3rem;
    direction: rtl;
}
#hp-form DIV.ContactTitle H3		{display:inline;color: #fff;font-weight:normal;font-size: 3.1rem;line-height:2.4rem;text-align: right;}
#hp-form DIV.ContactBody			{width:100%; display:table; box-sizing:border-box;}

#hp-form DIV.inputs-container		{margin: 0px 0px 9px 0px;}
#hp-form DIV.inputs-container	div a img	{display:none;}
#hp-form DIV.textarea-container		{margin:0px 0px 10px 0px;}
#hp-form DIV.button-container		{text-align:right;}

#hp-form INPUT.wizard			{width:100%;height: 36px;color: #004d40;background-color:#fff;font-size:1.5rem;line-height:24px;padding:0px 10px 0px 10px;border:0;font-weight: bold;text-align: right;}
#hp-form TEXTAREA.wizard		{width:100%;color: #004d40;background-color:#fff;font-size:1.5rem;padding:4px 10px 4px 10px;overflow:auto;border:0;resize:none;font-weight: bold;}
#hp-form SELECT.wizard			{width:100%; height:30px; color:#666666; background-color:#fff; font-size:1.5rem; line-height:24px; padding:6px 6px 6px 6px; border:0;}
#hp-form INPUT.button			{width: 102px;height:30px;border:0;padding:0;font-weight:normal;font-size:17px;background: #071365;float: left;border: solid 1px #fff;}
#hp-form LABEL					{font-size:1.3rem;}

#hp-form DIV.ContactMsg			{height:0px; overflow:hidden; font-size:1.5rem; line-height:1.5rem;}
#hp-form DIV.ContactMsg A.red	{display:block; text-align:center; margin:0px -10px 0px -10px; padding:0px; text-decoration:none;}
#hp-form DIV.ContactMsg A.red:active,
#hp-form DIV.ContactMsg A.red:focus	{background:transparent; color:red; outline:none;}

#hp-form DIV.ContactThanx		{display:none; /* width:100%; background:#bbbbbb; padding:40px 20px 40px 20px; font-weight:bold; box-sizing:border-box; */}

.g-recaptcha > div {
	width: 260px !important;
	margin-bottom: -15px;
}
.g-recaptcha > div > div {
	transform:scale(0.85);
	webkit-transform:scale(0.85);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}


/************************ Zor Kesher on right side ( ContactUs.asp ) ************************/
#side-form			{width:100%; background:#8bc63e; margin-bottom:30px;}
#side-form DIV.ContactFrm			{width:100%; display:table; padding:20px 7% 20px 7%; position:relative; box-sizing:border-box;}
#side-form DIV.ContactTitle			{padding-bottom:10px; text-align:right;}
#side-form DIV.ContactTitle H3		{display:inline; color:#fff; font-weight:bold; font-size:1.8rem; line-height:2rem; text-align:right;}
#side-form DIV.ContactMsg			{margin-bottom:15px; text-align:right; color:#fff; font-size:1.5rem; line-height:1.6rem;}
#side-form DIV.ContactBody			{width:100%; display:table; box-sizing:border-box;}

#side-form DIV.inputs-container		{margin:0px 0px 10px 0px;}
#side-form DIV.textarea-container	{margin:0px 0px 10px 0px;}
#side-form DIV.button-container		{text-align:right;}

#side-form INPUT.wizard				{width:100%; height:30px; color:#333; background-color:#fff; font-size:1.5rem; line-height:28px; padding:0px 10px 0px 10px; border:0;}
#side-form TEXTAREA.wizard			{width:100%; height:60px; color:#333; background-color:#fff; font-size:1.5rem; padding:4px 10px 4px 10px; overflow:auto; border:0; resize:none;}
#side-form SELECT.wizard			{width:100%; height:30px; color:#333; background-color:#fff; font-size:1.5rem; line-height:24px; padding:6px 6px 6px 6px; border:0;}
#side-form INPUT.button				{height:30px; background-color:#001362; border:#fff 1px solid;}
#side-form LABEL					{font-size:1.5rem;}

#side-form DIV.divRequired			{height:0px; overflow:hidden; font-size:1.5rem; line-height:1.7rem;}
#side-form DIV.divRequired A.red	{display:block; text-align:center; margin:0px -10px 0px -10px; padding:0px; text-decoration:none;}
#side-form DIV.divRequired A.red:active,
#side-form DIV.divRequired A.red:focus	{background:transparent; color:red; outline:none;}

#side-form DIV.ContactThanx		{display:none; /* width:100%; background:#bbbbbb; padding:40px 20px 40px 20px; font-weight:bold; box-sizing:border-box; */}

@media screen and (max-width: 768px) and (min-width: 481px) {
	#side-form DIV.inputs-container		{width:49%; float:right; clear:right;}
	#side-form DIV.textarea-container	{width:49%; float:left; margin-top:-80px;}
	#side-form TEXTAREA.wizard			{height:110px;}
	#side-form DIV.button-container		{text-align:left; clear:both;}
}


/*****************************  footer ******************************/
/**^  FreeBox 9 (footer right) ^**/
#FreeBox_Section9 DIV.FreeBoxContainer			{margin:30px 0px 30px 0px; text-align:right;}
#FreeBox_Section9 DIV.FreeBoxInner				{}
#FreeBox_Section9 DIV.FreeBoxItemContainer		{width:100%; display:table; padding:0; margin-bottom:30px; box-sizing:border-box;}
#FreeBox_Section9 DIV.FreeBoxTitle				{text-align:center; padding-bottom:10px;}
#FreeBox_Section9 H3.FreeBoxTitle				{color:#fff; font-size:1.8rem; line-height:2rem; font-weight:bold;}
#FreeBox_Section9 H3.FreeBoxTitle A				{color:#fff; text-decoration:none;}
#FreeBox_Section9 H3.FreeBoxTitle A:hover		{color:#fff; text-decoration:underline;}
#FreeBox_Section9 DIV.FreeBoxBody				{color:#fff;  font-size:1.8rem; line-height:145%;}
#FreeBox_Section9 DIV.FreeBoxBody A				{color:#fff; text-decoration:underline;}
#FreeBox_Section9 DIV.FreeBoxBody A:hover		{color:#fff; text-decoration:none;}
#FreeBox_Section9 DIV.FreeBoxBody DIV.editor-div-img	{vertical-align:middle;}


/**^ Zor Kesher on footer ( ContactUs.asp ) ^**/
#footer-form							{background:#8bc63e; padding:15px; margin:30px 0px 30px 0px; box-sizing:border-box;}
#footer-form DIV.ContactFrm				{width:100%; display:table; position:relative; box-sizing:border-box;}
#footer-form DIV.ContactTitle			{padding-bottom:10px; text-align:right;}
#footer-form DIV.ContactTitle H3		{display:inline; color:#fff; font-weight:bold; font-size:1.7rem; line-height:2rem; text-align:right;}
#footer-form DIV.ContactMsg				{margin-bottom:15px; text-align:right; color:#fff; font-size:1.9rem; line-height:125%; font-weight:bold;}
#footer-form DIV.ContactBody			{width:100%; display:table; box-sizing:border-box;}

#footer-form DIV.inputs-container		{margin:0px 0px 10px 0px;}
#footer-form DIV.textarea-container		{margin:0px 0px 10px 0px;}
#footer-form DIV.button-container		{text-align:left; margin:0px 0px 0px 1%; padding-top:20px;}

#footer-form INPUT.wizard			{width:100%; height:30px; color:#333; background-color:#fff; font-size:1.5rem; line-height:28px; padding:0px 10px 0px 10px; border:0;}
#footer-form TEXTAREA.wizard		{width:100%; height:60px; color:#333; background-color:#fff; font-size:1.5rem; padding:4px 10px 4px 10px; overflow:auto; border:0; resize:none;}
#footer-form SELECT.wizard			{width:100%; height:30px; color:#333; background-color:#fff; font-size:1.5rem; line-height:24px; padding:6px 6px 6px 6px; border:0;}
#footer-form INPUT.button			{height:30px; background-color:#001362; border:#fff 1px solid;}
#footer-form LABEL					{font-size:1.5rem;}

#footer-form DIV.divRequired			{height:0px; overflow:hidden; font-size:1.5rem; line-height:1.7rem;}
#footer-form DIV.divRequired A.red	{display:block; text-align:center; margin:0px -10px 0px -10px; padding:0px; text-decoration:none;}
#footer-form DIV.divRequired A.red:active,
#footer-form DIV.divRequired A.red:focus	{background:transparent; color:red; outline:none;}

@media screen and (min-width: 821px) {
	#FreeBox_Section9	{width:40%; float:right;}
	#footer-form		{width:56%; float:left;}
	#footer-form DIV.inputs-container		{width:31.33%; float:right; margin:0px 1% 10px 1%;}
}

@media screen and (max-width: 820px) and (min-width: 601px) {
	#FreeBox_Section9	{width:56%; float:right;}
	#footer-form		{width:40%; float:left;}
	#FreeBox_Section9 DIV.FreeBoxBody	{font-size:1.7rem;}
}

@media screen and (max-width: 600px) {
	#footer-form		{max-width:400px;}
	#FreeBox_Section9 DIV.FreeBoxBody	{font-size:1.6rem;}
}


/******************************** Quick Subscription ****************************/
TABLE.QuickSubscription			{}
TD.QuickSubscriptionMsg			{}
INPUT.QuickSubscription			{}
INPUT.ButtonQuickSubscription	{}


/******************************** Navigation Title ****************************/
@media screen and (min-width: 991px) {
	.stuck_top {
		position:fixed;
		z-index: 99999999999;
		width:100%;
		top:99px;
		/*-webkit-transition:all 500ms ease-out 1s;
		-moz-transition: all 500ms ease-out 1s;
		-o-transition: all 500ms ease-out 1s;
		transition: all 500ms ease-out 500ms;*/
	}
}
.stuck_bott{position:fixed;z-index:9999999999;width:100%;top:0;padding-top: 15px;box-shadow: 0px 0px 12px 0px #3340a2;/*-webkit-transition: all 500ms ease-out 1s;-moz-transition: all 500ms ease-out 1s;-o-transition: all 500ms ease-out 1s;transition: all 500ms ease-out 500ms;*/}
DIV.NavigationTitle		{width:100%; display:table; padding:0px 0px 10px 0px; box-sizing:border-box;}
H3.NavigationTitle		{color:#274f83; font-weight:normal; font-size:2.1rem; line-height:2.4rem;}

DIV.NavigationTitle2 H3			{display:none;}

@media screen and (max-width: 768px) {
    DIV.NavigationTitle.open		{padding: 7px 10px 7px 10px;background:#8bc63e url('../x-closeV-white.png') no-repeat left 7px;cursor:pointer;}/* x-closeV.png */
    DIV.NavigationTitle.closed		{padding:7px 10px 7px 10px;background:#8bc63e url('../toMenu-vert-white.png') no-repeat left 7px;cursor:pointer;}/* toMenu-vert.png */
	H3.NavigationTitle		{color:#fff;}
    DIV.NavigationTitle2.open		{padding:19px 10px 19px 10px;}
    DIV.NavigationTitle2.closed		{padding:19px 10px 19px 10px;}
}


/******************************* DARONET *****************************/
TABLE.daronet		{direction:ltr; margin-top:14px;}
TD.daronet_link		{font-family:Arial; vertical-align:top; padding:1px 5px 0px 5px; line-height:15px; white-space:nowrap;}
A.Daronet			{font-size:13px; font-weight:normal; color:#999999; text-decoration:none;}
A.Daronet:hover		{color:#999999; text-decoration:none;}


/************************ 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;}



/******************************************************************************************************************************/
/******************************************************* Media Cycle Slider ***************************************************/
.slider-line		{position:relative; overflow:hidden; margin:0px auto 30px auto;}

DIV.sliderCycleContainer		{width:100%; display:table; position:relative;}
DIV#sliderCycle					{width:100%; height:1px; display:table; /*overflow:hidden;*/}
DIV.sliderCycleInner			{width:100%; height:100%; position:absolute; top:0px; left:0px; /*background:url('loading.gif') no-repeat 50% 50%;*/ direction:ltr;}
DIV.cycle-item					{width:100% !important; height:auto !important;}
#sliderCycle A					{display:block;}
#sliderCycle IMG				{display:block; border:none; cursor:pointer; width:100%; /*width:100% !important; */ height:auto !important; max-width:none !important;}
button.toggle_form {
	display:none;
    width: 71%;
    color: #fff;
    border: none;
    padding: 4% 0 4% 4%;
    margin: 30px 0;
    font-size: 2em;
    background: #04095b url('../envelope.png') no-repeat  right;
    background-size: 22%;
    text-align: left;
    border-radius: 0 37px 37px 0;
}

@media screen and (min-width: 991px) {
    button.toggle_form              {display: none;}
    DIV#sliderCycle					{height:500px !important;}
}
@media screen and (max-width: 768px) { /* small screens */
    #hp-form     {display: none; background: rgba(140, 198, 62, 1);}
    .slider-line				{/*border-bottom:#304b82 3px solid;*/margin-bottom:0;}
    /*#sliderCycle IMG			{width:200% !important;}*/	
}

/***** output (animated title & text) /*****/
DIV.output					{overflow:hidden;display:inline-table;position:absolute;direction:rtl;text-align: right;background: rgba(246, 246, 246, 0.7);z-index:500;padding: .6%;}
/* title */
DIV.output H2				{width:100%;margin:0px;display:block;color: #8bc63e;padding: 0 20px;font-size: 3.7rem;line-height: 5rem;font-weight: 600;box-sizing:border-box;}
DIV.output H2 A				{display:block;color: #04084a;text-decoration:none;}
DIV.output H2 A:hover		{color:#04084a; text-decoration:underline;}
DIV.output H2 A:focus		{color:#04084a; text-decoration:underline;}

/* text */
DIV.output P					{width:100%;margin: 0px 0px 15px 0px;padding:0 40px 0px 40px;color: #071365;font-size: 2.8rem;box-sizing:border-box;line-height: 2.3rem;}
/* read more */
DIV.output A.ReadMore			{display:none !important;height:25px;background: #04095b;color:#fff;margin:auto;padding:0px 20px 0px 20px;font-size:1.5rem;line-height:23px;text-decoration:none;} /* left % = nicer animation */
DIV.output A.ReadMore SPAN		{display:none; /*font-weight:bold; font-size:1.3rem; line-height:23px;*/} /* Read More Arrow */
DIV.output A.ReadMore:hover		{background:#274f83; text-decoration:none;}
DIV.output A.ReadMore:focus		{background:#274f83; text-decoration:none;}

@media screen and (min-width: 769px) {
    DIV.output				{opacity:0; /* for load */}
	.mobile_search{
	display:none;
	}
}
@media screen and (max-width: 1280px) { 
    DIV.output H2	{
        font-size:3rem;
        line-height: 4rem;
    }
    DIV.output p	{
        font-size:2rem;
        padding: 10px 20px 0 20px;
    }
}
@media screen and (max-width: 768px) { /* small screens */
    DIV.output				{height: 140px !important;display:table;background:#dee6f2;border:0;width:100% !important;position:relative;/*right:0 !important; left:0 !important;*/}
    DIV.output H2			{width:100% !important; color:#333333; padding-top:10px; text-align:center;}
    DIV.output H2 A			{color:#333333;}
    DIV.output H2 A:hover	{color:#333333;}
    DIV.output P			{width:100% !important;color:#333333;font-size: 1.6rem;text-align: center;padding:10px 20px 0 20px;}
    A.ReadMore  {max-width:150px;text-align: center;margin: 10px auto !important;}
	#go-top					{left:50px;bottom:0;}
	.footer-line LI.FooterLinksItem:last-child{padding:0;}
	IMG.security {
		border-width: 1px;
		border-color: gray;
		float: right;
		margin-top: 4px;
	}
	.mobile_search{
	display:block;
	}
	.mobile_search table{
		margin:0 0 30px 0 !important;
		right: auto!important;
		left:auto !important;
	}
}
@media screen and (max-width: 480px) { /* small screens */
    DIV.output				{height:140px !important;}
    DIV.output H2			{font-size: 2.3rem;line-height:2.4rem;margin-bottom:-5px;}
    DIV.output H2::after 	{top:8px;}
		#wizsupportmenu {
		left: 7px!important;
		top: 0 !important;
		opacity: 0;
		filter: alpha(opacity=50);
		width: 86px !important;
		border: solid;
		height: 41px !important;
	}
}


/***** Arrows *****/
.sliderCycleContainer A.CycleArrow				{display:none;position:absolute; top:45%; z-index:999;}
.sliderCycleContainer #prevArrow				{right:20px;}
.sliderCycleContainer #nextArrow				{left:20px;}

.sliderCycleContainer .fa							{font-size:24px;line-height: 55px;background:rgba(255,255,255,0.4);color: rgb(3, 21, 91);border-radius: 0;}
.sliderCycleContainer .fa-chevron-right				{padding:6px 6px 3px 9px;}
.sliderCycleContainer .fa-chevron-left				{padding:6px 9px 3px 6px;}
.sliderCycleContainer A.CycleArrow.Disabled .fa		{color:rgba(1,71,130,0.4); cursor:default;}


/** circles **/
.sliderCycleContainer DIV.circlesContainer			{height:18px; position:absolute; left:10px; bottom:10px; z-index:999; /* no margin-bottom */}
.sliderCycleContainer UL#circles					{margin:0; padding:0px; direction:rtl; display:inline-table;}
.sliderCycleContainer #circles LI.cycleTab			{display:block; margin:0px 5px 0px 5px; float:left; list-style-type:none; list-style-image:none;}
.sliderCycleContainer #circles LI.cycleTab A				{width:12px; height:12px; display:block; background:#274f83; border:#fff 2px solid; border-radius:100%;}
.sliderCycleContainer #circles LI.cycleTab A.Disabled		{background:#274f83; border:#fff 2px solid; cursor:default; opacity:0.3;}
.sliderCycleContainer #circles LI.cycleTab A:hover			{border:#ff8c37 2px solid;}
.sliderCycleContainer #circles LI.cycleTab A:focus			{border:#ff8c37 2px solid;}
.sliderCycleContainer #circles LI.activeSlide A				{background:#ff8c37 !important; border:#fff 2px solid !important; cursor:default;}
.sliderCycleContainer #circles LI.activeSlide A:hover		{background:#ff8c37; border:#fff 2px solid;}
.sliderCycleContainer #circles LI.activeSlide A:focus		{background:#ff8c37; border:#fff 2px solid;}

/** tabs **/
.sliderCycleContainer DIV.tabsContainer			{width:100%; /* no height */ padding:0 1% 0 1%; position:absolute; text-align:center; left:0px; right:0px; z-index:999; box-sizing:border-box;}
.sliderCycleContainer UL#tabs					{width:100%; max-width:990px; margin:0 auto; padding:0px; direction:rtl; display:inline-table;}
/* optional - longer tabs area on bigger screens */
/*@media screen and (min-width: 1240px) {
.sliderCycleContainer DIV.tabsContainer		{padding:0 10% 0 10%;}
.sliderCycleContainer UL#tabs					{max-width:none;}
}*/
@media screen and (max-width: 768px) { /* small screens - more space between circles */
    .sliderCycleContainer DIV.tabsContainer		{display:table; background:#fff; width:100% !important; position:relative; top:0 !important; bottom:auto !important;}
    TABLE.rg-table TD,TABLE.rg-table TH{
    font-size: 80% !important;
}
DIV DIV.MoreArticlesContainer {
    margin: 10px 0px 63px 0px;
}
.scount.small .inputs {
    width: 275px;
}
.scount.small {
    width: 302px;
	margin-left: 0 !important;
}

}
.sliderCycleContainer #tabs LI.cycleTab						{display:inline-table; float:right; margin-top:5px; margin-bottom:5px; text-align:center; list-style:none;}
.sliderCycleContainer #tabs LI.cycleTab A.Tab				{background:#fdef92; color:#444444; text-decoration:none; padding:12px 10px 14px 10px; display:block;}
.sliderCycleContainer #tabs LI.cycleTab A.Disabled:hover	{background:#fdef92 !important; color:#444444 !important; text-decoration:none; cursor:default;} /* same as A.Tab */
.sliderCycleContainer #tabs LI.cycleTab A.Disabled:focus	{background:#fdef92 !important; color:#444444 !important; text-decoration:none; cursor:default;} /* same as A.Tab */
.sliderCycleContainer #tabs LI.cycleTab A.Tab:hover			{background:#ffd201; color:#000000; text-decoration:none;}
.sliderCycleContainer #tabs LI.cycleTab A.Tab:focus			{background:#ffd201; color:#000000; text-decoration:none;}
.sliderCycleContainer #tabs LI.activeSlide					{}
.sliderCycleContainer #tabs LI.activeSlide A.Tab			{background:#c50235 !important; color:#fff !important; text-decoration:none;}
.sliderCycleContainer #tabs LI.activeSlide A.Tab:hover		{background:#c50235 !important; color:#fff !important; text-decoration:none;}
.sliderCycleContainer #tabs LI.activeSlide A.Tab:focus		{background:#c50235; color:#fff; text-decoration:none;}

.sliderCycleContainer #tabs LI H2 	{margin:0; padding:0; display:block; font-weight:normal; font-size:2.1rem; line-height:2.3rem;}
.sliderCycleContainer #tabs LI P 	{margin:0; padding:0; display:none;}

/*** Example for centered circles ***//*
.sliderCycleContainer DIV.tabsContainer			{width:100%; height:18px; position:absolute; left:0px; bottom:10px; z-index:9999; padding:0; z-index:999; display:inline-table;}
.sliderCycleContainer UL#circles				{margin:0; padding:0px; direction:rtl; display:inline-table; clear:right; float:right; position:relative; right:50%;}
.sliderCycleContainer #circles LI.cycleTab		{display:block; margin:0px 5px 0px 5px; float:left; position:relative; left:50%; list-style-type:none; list-style-image:none;}
*/
TABLE.rg-table TD,TABLE.rg-table TH{
    text-align: right!important;
}
TABLE.rg-table TH {
    background: #efefef !important;
}
/** play / stop **/
.sliderCycleContainer DIV.play-stop		{display:none !important; /* remove this line for accessability */}
@media screen and (min-width: 991px) { /* play / stop for accessability over 990 */
    .sliderCycleContainer 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#cycle-play-stop				{width:24px; height:24px; display:table; position:relative; border-radius:6px;}
    A#cycle-play-stop.playing		{background:rgba(1,1,1,0.7) url('../PauseTicker.png') no-repeat center center;}
    A#cycle-play-stop.resting		{background:rgba(1,1,1,0.7) url('../StartTicker.png') no-repeat center center;}
}

@media screen and (min-width:768px) {
    A.logo IMG:hover,DIV.ArticlesGalleryContainer A.ReadMore:hover {
        -webkit-animation: squeeze 0.5s;
        animation: squeeze 0.5s;
    }

    @-webkit-keyframes squeeze{
        0%   { transform: scale(1, 1); }
        50%  { transform: scale(1.1, 0.9); }
        100% { transform: scale(1, 1); }
    }

    @keyframes squeeze{
        0%   { transform: scale(1, 1); }
        50%  { transform: scale(1.1, 0.9); }
        100% { transform: scale(1, 1); }
    }




