/*** 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; min-height:100%; box-sizing:border-box;}
.wrapper			{width:98%; max-width:1326px; margin:0px auto; direction:rtl; text-align:right;}
#InnerPage .wrapper		{max-width:1600px;}
.full-size-row		{} /* all row sections */


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

/************************ Top line ************************/
.top-line				{display:none; height:51px; 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);}
.top-line .wrapper		{display:flex; flex-wrap:wrap; justify-content:flex-end;}
.top-line DIV.header-icons		{padding-top:7px;}
.top-line A.lang		{margin-top:8px;}
#phone480				{display:none; height:20px; padding:4px 10px 7px 10px; margin:7px 10px 0px 0px; box-sizing:border-box;}
#phone480				{display:none;}
#search768				{min-width:37px; display:table; padding-top:7px;}
#search480				{min-width:33px; display:none;}

@media screen and (max-width: 990px) {
	.wrapper	{width:95%;}
}

@media screen and (max-width: 900px) {
	.main-container		{padding-top:51px;}
	.top-line			{display:block; padding-left:65px;} /* make space for  main-bar open button **/
	#phone990				{display:inline-table;}
	#phone990 A.phone-new	{margin:6px 20px 0px 20px;}
}

@media screen and (max-width: 480px) {
	.main-container		{padding-top:40px;}
	.top-line			{height:40px; padding-left:46px;}
	.top-line DIV.header-icons		{padding:8px 0px 0px 0px;}
	.top-line A.lang	{margin-top:2px;}
	#phone990					{display:none;}
	#phone480					{display:inline-table;}
	#phone480 .fa-phone			{color:#000000; font-size:2.2rem;}
}

/************************ Header line ************************/
.header-line	{background-color:#f6f6f6;}
DIV.header		{height:116px; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
A.logo			{display:table; width:201px; margin:8px 0px 5px 30px;}
A.logo IMG		{display:block; width:100%; height:auto;}

IMG.duns		{display:block; margin:-17px 0px 0px 30px; height:64px; width:auto;}
IMG.bdi			{display:block; margin:-17px 0px 0px 36px; height:61px; width:auto;}

DIV.header-oppAlign		{display:flex; justify-content:flex-start; padding:37px 0px 0px 0px;}
DIV.header-sep			{width:2px; height:30px; background-color:#96979a; margin-top:3px;}
DIV.header-icons		{padding:0px 38px 0px 18px; font-size:0px;}
DIV.header-icons A		{display:inline-block; vertical-align:top; width:37px; height:37px; margin:0px 5px 0px 5px; background-size:cover !important;}
A.telegram				{background:url('../header-telegram.png') !important;}
A.mail					{background:url('../header-mail.png') !important;}
A.whatsapp				{background:url('../header-whatsapp.png') !important;}
A.phone					{background:url('../header-phone.png') !important;}
A.phone-new				{display:table; margin:-1px 20px 0px 20px; padding:2px 10px 2px 40px; font-size:2.2rem; line-height:31px; font-weight:bold; color:#61b32f; border:#61b32f 2px solid; border-radius:21px; direction:ltr; text-align:left; text-decoration:none; cursor:default; background:url('../header-phone-green.png') no-repeat left 9px center;}

#search990		{min-width:79px; display:table; padding:0px 21px 0px 21px; box-sizing:border-box;}
A.lang			{display:table; margin-right:16px; font-size:2rem; line-height:37px; font-weight:bold; color:#000; text-decoration:none;}

@media screen and (max-width: 1279px) {
	DIV.header-oppAlign			{padding-top:60px;}
}

@media screen and (max-width: 1660px) and (min-width: 991px) {
	A.logo	{margin-right:30px;} /* foe access but */
}

@media screen and (max-width: 900px) {
	DIV.header		{height:105px;}
	DIV.header-oppAlign			{padding-top:32px; justify-content:flex-end;}
	DIV.header-oppAlign *		{display:none;}
	DIV.header-oppAlign > IMG	{display:block;}
	IMG.duns		{height:54px; margin:0px 0px 0px 20px;}
	IMG.bdi			{height:52px; margin:0px 0px 0px 0px;}
	A.logo			{width:180px;}
	#search990		{display:none;}
	#search768		{display:table;}
}

@media screen and (max-width: 480px) {
	DIV.header			{height:90px;}
	A.logo				{width:150px;}
	IMG.duns			{height:44px;}
	IMG.bdi				{height:42px;}
	#search768			{display:none;}
	#search480			{display:table; margin-right:8px;}
	A.lang				{margin-right:8px;}
	DIV.header-icons A	{width:24px; height:24px;}
}

/************************ Info line ************************/
.info-line			{background-color:#fff;}

@media screen and (max-width: 1279px) {
	#InnerPage .info-line	{border-bottom:#ddd 2px solid;}
}

/************************ Top bar line ************************/
.top-bar-line		{background-color:#100736;}

@media screen and (min-width: 1280px) {  /* stick */
	.main-container.stick	{padding-top:45px;}
	.main-container.stick .top-bar-line	{position:fixed; left:0; top:0px; right:0; box-shadow:0 1px 8px rgba(0,0,0,0.3); z-index:9999;}
}

@media screen and (max-width: 1279px) {
	.top-bar-line	{background-color:#231561;}
	#top-bar		{max-width:990px !important; margin:0px auto 0px auto;}
}

/************************ Quick Links line ************************/
.links-line				{background-color:#454545; padding:30px 0px 40px 0px;}
DIV.links-title			{margin-bottom:30px;}
DIV.links-title:after	{content: ""; display:block; position:relative; width:66px; height:2px; top:8px; background-color:#fff; overflow:hidden;}
DIV.links-title H2		{display:inline; color:#ecf6f5; font-size:105%; font-weight:600;}
#links					{display:flex; justify-content:space-between;}
#links UL				{padding:0px 35px 0px 35px; margin:0px; border-right:#7d7d7d 1px solid;}
#links UL:first-child	{padding:0px 0px 0px 35px; border-right:0;}
#links UL.last			{padding:0px 35px 0px 0px;}
#links UL LI			{font-size:100%; line-height:115%; font-weight:600; margin-bottom:8px; list-style-type:none; list-style-image:none;}
#links UL LI A			{color:#ecf6f5; text-decoration:none;}
#links UL LI A:hover	{color:#ff3333; text-decoration:underline;}
.show-focus #links UL LI A:focus	{color:#000;}

@media screen and (max-width: 1230px) and (min-width: 481px) {
	#links					{justify-content:center;}
	DIV.links-title			{display:table; margin:0px auto 40px auto;}
	DIV.links-title:after	{display:table; margin:auto;}
}

/************************ Long Form line ************************/
.form-line		{background-color:#fff; padding:0px 0px 40px 0px;}
#InnerPage .form-line		{padding-top:60px;}
#form-long		{max-width:1280px !important;}

/************************ Social line ************************/
.social-line	{background-color:#fff; padding:0px 0px 40px 0px;}
.social-line .wrapper	{padding-top:28px; border-top:#ddd 1px solid;}
#social			{max-width:1280px; margin:0px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}

@media screen and (min-width: 991px) {
	#FreeBox_Section7	{width:calc(100% - 340px); max-width:800px;}
	#social-banners		{font-size:0px; margin-left:-14px;}
}

@media screen and (max-width: 990px) {
	#FreeBox_Section7	{margin:0px auto 30px auto;}
	#social-banners		{margin:0px auto 0px auto;}
}

/************************ Footer Line ************************/
.footer-line		{background:#525252; padding-top:20px;}
.bottom-bar-line	{background:#fff; padding:6px 0px 12px 0px;}
#bottomBar			{width:100%; padding-left:200px; box-sizing:border-box;}
#daronet			{margin-right:-200px;}

#go-top		{display:none !important;/*width:50px; height:50px; display:block; position:fixed; right:50%; margin-right:-25px; 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	{}

@media screen and (max-width: 768px) {
	.bottom-bar-line	{padding-bottom:60px;}
	#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;}
}


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

/************************ Slider line ************************/
/* slider-cycle | css is at page bottom */
.slider-line		{position:relative;}
.slider-form-line	{padding:30px 0px 10px 0px;}
#form-slider		{display:none;}

@media screen and (min-width: 1221px) {
	.slider-form-line	{width:280px; height:100%; position:absolute; top:15px; left:0px; z-index:999; padding:0px;}
}

@media screen and (max-width: 1220px) {
	#form-slider	{width:98%; margin:0px auto;}
}
@media screen and (max-width: 990px) {
	#form-slider	{width:95%;}
}

/************************ HomePage 3 freeboxes Line ************************/
.freebox-line		{background-color:#fff; padding:30px 0px 35px 0px;}

/************************ HomePage subjects line ************************/
.subjects-line		{background-color:#fff; padding:30px 0px 10px 0px;}

/************************ HomePage Mixed line ************************/
.mixed-line			{background-color:#fff; padding:30px 0px 30px 0px;}
#mixed				{display:flex; justify-content:space-between;}
#feebox-aritcles	{}
#videos				{}

DIV.hp-title		{margin-bottom:25px;}
DIV.hp-title H2		{color:#d7262c; font-weight:800; font-size:150%; line-height:115%;}

#freebox				{display:flex; justify-content:flex-start; background-color:#454545; margin-bottom:40px; padding:31px 20px 50px 20px;}
#FreeBox_Section6		{max-width:380px;}
DIV.freebox-images		{display:flex; justify-content:space-between; flex-direction:column; margin-left:33px;}
DIV.banner-freebox		{width:233px; padding-top:4px;}
IMG.logo-freebox		{margin:0px auto 7px auto;}

DIV.videos-wrap						{padding:10px 0px 0px 0px; box-shadow:0px 0px 20px rgba(0,0,0,0.3);}
#videos DIV.VideoArticle			{display:flex; justify-content:space-between; flex-direction:column; padding:20px 17px 28px 17px; border-bottom:#ccc 1px solid; box-sizing:border-box;}
#videos DIV.VideoArticleTitle		{margin-bottom:15px;}
#videos DIV.VideoArticleTitle H3	{font-size:110%; line-height:115%; font-weight:600;}
#videos DIV.iframe-container		{height:0px; padding-top:56.25%; position:relative;}
#videos DIV.iframe-container IFRAME	{width:100%; height:100%; position:absolute; top:0; right:0;}

@media screen and (min-width: 1025px) {
	#feebox-aritcles	{width:63%;}
	#videos				{width:31%;}
}

@media screen and (max-width: 1024px) {
	#mixed				{flex-direction:column;}
	#videos				{}
	DIV.videos-wrap		{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; box-shadow:none;}
	#videos DIV.VideoArticle	{width:48.5%; box-shadow:0px 0px 20px rgba(0,0,0,0.3); margin-bottom:30px; border:0;}
}

@media screen and (max-width: 640px) and (min-width: 441px) {
	DIV.freebox-images		{width:33%; margin-left:25px;}
	DIV.banner-freebox		{width:100%;}
	IMG.logo-freebox		{width:90%; height:auto;}
}

@media screen and (max-width: 580px) {
	#videos DIV.VideoArticle	{width:100%;}
}

@media screen and (max-width: 440px) {
	#freebox				{flex-direction:column; padding:25px 20px 30px 20px;}
	DIV.freebox-images		{display:block; margin:0px 0px 17px 0px;}
	DIV.banner-freebox		{float:right; width:180px; margin:0px;}
	IMG.logo-freebox		{float:left; width:100px; height:auto; margin:157px 0px 0px 0px;}
}

@media screen and (max-width: 360px) {
	DIV.banner-freebox	{width:150px;}
	IMG.logo-freebox	{width:100px; height:auto; margin-top:123px;}
}

/************************ HomePage Carousel line ************************/
.carousel-line		{background-color:#fff; padding:20px 0px 25px 0px;}


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

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

/************************ Content line ************************/
.content-line			{background-color:#fff;}
#content-in				{display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; padding-top:40px;}
DIV.side-area			{width:21%; height:auto; margin-bottom:20px;}
DIV.center-side			{width:75%; height:auto;}

@media screen and (min-width: 841px) {
	#content-in			{padding-top:95px;}
	DIV.side-area		{padding-top:70px;}
}

@media screen and (max-width: 1190px) {
	DIV.side-area		{width:24%;}
	DIV.center-side		{width:72%;}
}

@media screen and (max-width: 990px) {
	DIV.side-area		{width:26%;}
	DIV.center-side		{width:70%;}
}

@media screen and (max-width: 840px) {
	#content-in			{flex-direction:column;}
	DIV.side-area		{width:100%; order:2;}
	DIV.center-side		{width:100%; order:1;}
}




/******************************************************************************************************/
/*********************************** 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:#100736; font-size:1.5rem; line-height:2.1rem; font-weight:bold; text-decoration:none;}
A.item-top-line-open:hover			{color:#100736; 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-open:focus			{background-color:transparent !important;}

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


/*********************************** 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;}
INPUT.login						{width:220px; height:30px; font-size:1.5rem; line-height:28px; border-style:none; background:#fff; padding:0px 10px 0px 10px; border-radius:5px; box-sizing:border-box;}
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:#100736; font-weight:bold; text-decoration:none;}
DIV.loginForgot A:hover		{color:#100736; 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.7rem; 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			{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:#d5191a; 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.captcha-img		{padding-top:5px}

#ContactJQ DIV.divRequired					{height:0px; overflow:hidden; font-size:1.5rem; line-height:1.5rem;}
#ContactJQ DIV.divRequired A.red				{display:block; text-align:center; margin:0px -10px 0px -10px; padding:0px; text-decoration:none;}
#ContactJQ DIV.divRequired A.red:active,
#ContactJQ DIV.divRequired 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; position:relative; z-index:1;}
@media screen and (min-width: 481px) {
	DIV.Search		{height:37px; display:inline-flex;}
	DIV.SearchInp	{}
	DIV.SearchBut	{border-radius:50%; padding:1px; vertical-align:baseline; position:relative; cursor:pointer;}
	INPUT.Search {
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	INPUT.Search			{position:absolute; top:0px; left:0px; width:37px; height:37px; font-size:1.7rem; color:#000000; background-color:#000000; border:0; border-radius:19px; line-height:42px; padding:0px; z-index:-1; box-sizing:border-box;}
	INPUT.Search.is_active	{width:220px; padding:0px 20px 0px 20px; background-color:#fff; color:#515254; border:#369ce2 1px solid; box-shadow:none !important;}
	INPUT.SearchBut			{background-color:#000000 !important; width:35px; height:35px; padding:4px; border-radius:19px; box-sizing:border-box;}
	INPUT.SearchBut:hover	{}
	INPUT.SearchBut:focus	{box-shadow:none !important;}
}

/******** SearchJQ ********/
/*** structure code ***/
#SearchJQ						{margin-top:17px; padding:3px 6px 3px 6px; border-radius:3px; box-sizing:border-box;}

/*#SearchJQ.icon-active			{background-color:#369ce2; border:#fff 1px solid; padding:2px 5px 2px 5px;}*/
#SearchJQ A.SearchOpen			{display:inline-table; height:24px; text-align:right; text-decoration:none; /*padding-right:16px; background:url('../search_icon.png') no-repeat left top;*/}
A.SearchOpen .fa-search			{font-size:22px; line-height:24px; color:#07152a; margin-left:5px;}

A.SearchClose					{/* .item-top-line-close */}
A.SearchClose:hover				{}

/***/

/*** search code ***/
#SearchJQ DIV.SearchContainer	{display:none; position:absolute; top:40px; left:0; right:0; text-align:center; background:rgba(207,220,240,0.9); border-bottom:#ddd 1px solid; border-top:#bbb 1px solid; z-index:9;}
#SearchJQ DIV.Search			{display:inline-flex; margin:45px auto 25px auto;}

/***/

/******** @media Query ********/
@media screen and (max-width: 480px) {
	DIV.Search				{height:45px;}
	DIV.SearchInp			{}
	DIV.SearchBut			{vertical-align:baseline;}
	INPUT.Search			{width:240px; height:45px; font-size:1.7rem; color:#000000; border:#369ce2 1px solid; border-left-style:none; border-radius:0px 25px 25px 0px; line-height:44px; padding:0px 20px 0px 10px; box-sizing:border-box;}
	INPUT.SearchBut			{background-color:#369ce2 !important; padding:6px 9px 6px 9px; border:#369ce2 1px solid; border-right-style:none; border-radius:25px 0px 0px 25px;}
	A.SearchOpen .fa-search	{margin:0px;}
	#SearchJQ				{margin-top:5px;}
}


/******************************** 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:#d5191a; font-weight:normal; font-size:2.1rem; line-height:2.4rem;}
A.TickerPlayer			{padding:0px 2px 0px 2px; background-color:#d5191a; 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:#100736 !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:#000000; padding:0; margin:0px 0px 2px 0px; display:inline;}
H4.TickerHeadLine A			{text-decoration:none; color:#000000;} 
H4.TickerHeadLine A:hover	{text-decoration:underline; color:#830004;} 
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:58px; margin:0px auto; background-color:#ddd;}
DIV.Horz_TickerInner			{position:relative; color:#000; display:flex; padding:0px 30px 0px 30px;}

DIV.Horz_TickerTitle			{white-space:nowrap; padding:16px 0px 0px 40px; position:relative;}
H3.Horz_TickerTitle				{color:#000; font-weight:bold; display:block; padding:0px; margin:0px 0px 0px 30px; font-size:2.1rem; line-height:2.4rem;}
A.Horz_TickerPlayer				{background-color:#d5191a; padding:0px 2px 0px 2px; display:table; position:absolute; top:19px; left:23px; border-radius:3px; cursor:pointer;}
A.Horz_TickerPlayer IMG			{display:block; border:0;}
A.Horz_TickerPlayer:hover, A.Horz_TickerPlayer:active, A.Horz_TickerPlayer:focus	{background-color:#100736 !important;}

DIV.Horz_TickerBodyContainer	{width:100%; padding-top:16px;}
DIV.Horz_TickerBody				{height:2.2rem; position:relative; overflow:hidden; visibility:hidden;}
DIV.ScrollingItems				{position:absolute; white-space:nowrap; line-height:2.4rem;}
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:#666;}
P.Horz_TickerSep IMG.Last		{display:none;}

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

@media screen and (max-width: 540px) {
	DIV.Horz_TickerContainer		{height:auto;}
	DIV.Horz_TickerInner			{padding:0px 20px 0px 20px; flex-direction:column;}
	DIV.Horz_TickerTitle			{height:41px; box-sizing:border-box;}
	DIV.Horz_TickerBodyContainer	{padding-bottom:25px;}
	A.Horz_TickerPlayer				{left:0;}
}


/********************************* Banners *****************************/
.AllBanners IMG		{display:block; border:0;}

/** social banners **/
DIV.banner-social		{display:inline-block; margin:0px 14px 0px 14px;}
DIV.banner-social IMG	{}


/** banner-freebox **/
	DIV.banner-freebox		{/*css up*/}
	DIV.banner-freebox A	{cursor:default;}
	DIV.banner-freebox 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:#100736; border:#fff 2px solid; border-radius:100%;}
#mediaCycle #circles LI.cycleTab A:hover		{border:#d5191a 2px solid;}
#mediaCycle #circles LI.cycleTab A:focus		{border:#d5191a 2px solid;}
#mediaCycle #circles LI.activeSlide A			{background:#d5191a !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;}

@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 accessibility */}
@media screen and (min-width: 991px) { /* play / stop for accessibility over 990 */
	#mediaCycle DIV.play-stop		{display:table; padding:2px; background-color:rgba(255,255,255,0.8); border-radius:4px; position:absolute; left:10px; top:10px; z-index:999;}
	A#media-play-stop				{width:24px; height:24px; display:table; position:relative; border-radius:2px;}
	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:#000000;}
H3.FreeBoxTitle A				{color:#000000;}
H3.FreeBoxTitle A:hover			{}
DIV.FreeBoxBody					{}
DIV.FreeBoxBody P				{margin:0px 0px 10px 0px;}
DIV.FreeBoxBody P:last-child	{margin:0px;}


/*^ Freebox 10 (Footer) ^*/
#FooterLinks_Section10		{}
DIV.FooterLinksContainer	{margin:0px 0px 20px 0px;}
UL.FooterLinks				{width:100%; display:flex; justify-content:space-between; flex-direction:row; padding:0px; margin:0px;}

/* Footer Item */
LI.FooterLinksItem			{/*width:auto !important;*/ padding:0px 20px 0px 20px; margin-bottom:20px; border-right:#999 1px solid; list-style-type:none; list-style-image:none; /* width come from js [in asp] */}
LI.FooterLinksItem:first-child	{border-style:none;}
DIV.FooterLinksTitle		{padding:0px 0px 10px 0px;}
H4.FooterLinksTitle			{color:#bbb; font-size:1.8rem; line-height:115%; font-weight:bold;}
A.FooterLinksTitle			{color:#bbb; text-decoration:none;}
A.FooterLinksTitle:hover	{color:#fff; text-decoration:underline;}
.show-focus A.FooterLinksTitle:focus	{color:#000 !important;}
DIV.FooterLinksBody			{color:#000; font-size:1.5rem; line-height:1.6rem;}
DIV.FooterLinksBody P		{margin:0px 0px 10px 0px !important;}
DIV.FooterLinksBody A		{color:#999; text-decoration:none;}
DIV.FooterLinksBody A:hover	{color:#fff; text-decoration:underline;}
.show-focus DIV.FooterLinksBody A:focus,
.show-focus DIV.FooterLinksBody A:focus *	{color:#000 !important;}

@media screen and (min-width: 1041px) {
	UL.FooterLinks			{}
	LI.FooterLinksItem		{width:19% !important; box-sizing:border-box;}
}

@media screen and (max-width: 1040px) 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.1); 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.1); padding:20px; border-style:none; box-sizing:border-box;}
	LI.FooterLinksItem:last-child	{width:100% !important;}
}

@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:#888; border-bottom:#444 1px solid; font-family:arial, helvetica, sans-serif;}
	LI.FooterLinksItem P			{text-align:center;}
	DIV.FooterLinksTitle			{text-align:center;}
}


/*********** Hp center main 3 freeboxes ***********/
#freeboxes			{display:flex; flex-wrap:wrap; justify-content:space-between;}

@media screen and (min-width: 801px) {
	#FreeBox_Section1			{/*width:50%;*/ width:100%;}
	#FreeBox_Section2			{width:50%;} /* XXX CANCELLED !!!!!!!!!!!!! */
	#FreeBox_Section3			{width:100%;}
}

/**^  FreeBox 1 (Hp main center 3 - right) ^**/
#FreeBox_Section1 DIV.FreeBoxContainer			{width:100%; margin-bottom:40px;}
#FreeBox_Section1 DIV.FreeBoxInner				{padding-left:45px;}
#FreeBox_Section1 DIV.FreeBoxItemContainer		{}
/* title move up by js */
/*#FreeBox_Section1 DIV.FreeBoxTitle			{width:100%; margin-bottom:25px;}
#FreeBox_Section1 H3.FreeBoxTitle			{color:#d7262c; font-size:150%; line-height:115%; font-weight:800;}
#FreeBox_Section1 H3.FreeBoxTitle A			{color:#d7262c; text-decoration:none;}*/
#freeboxes > DIV.FreeBoxTitle				{width:100%; margin-bottom:25px;}
#freeboxes > DIV.FreeBoxTitle H3			{color:#d7262c; font-size:150%; line-height:115%; font-weight:800;}
#freeboxes > DIV.FreeBoxTitle H3 A			{color:#d7262c; text-decoration:none;}

#FreeBox_Section1 H3.FreeBoxTitle A:hover		{color:#d7262c; text-decoration:underline;}
#FreeBox_Section1 DIV.FreeBoxBody				{font-size:100%; line-height:135%;}

/**^  FreeBox 2 (Hp main center 3 - left) XXX CANCELLED !!!!!!!!!!!!! ^**/
#FreeBox_Section2 DIV.FreeBoxContainer			{width:100%; max-width:680px; margin-bottom:40px;}
#FreeBox_Section2 DIV.FreeBoxInner				{}
#FreeBox_Section2 DIV.FreeBoxItemContainer		{}
#FreeBox_Section2 DIV.FreeBoxTitle				{display:none;}
#FreeBox_Section2 H3.FreeBoxTitle				{}
#FreeBox_Section2 H3.FreeBoxTitle A				{}
#FreeBox_Section2 H3.FreeBoxTitle A:hover		{}
#FreeBox_Section2 DIV.FreeBoxBody				{font-size:140%; line-height:135%; color:#544949;}

/**^  FreeBox 3 (Hp main center 3 - bottom) ^**/
#FreeBox_Section3 DIV.FreeBoxContainer			{width:100%; max-width:1280px;}
#FreeBox_Section3 DIV.FreeBoxInner				{}
#FreeBox_Section3 DIV.FreeBoxItemContainer		{}
#FreeBox_Section3 DIV.FreeBoxTitle				{display:none;}
#FreeBox_Section3 H3.FreeBoxTitle				{}
#FreeBox_Section3 H3.FreeBoxTitle A				{}
#FreeBox_Section3 H3.FreeBoxTitle A:hover		{}
#FreeBox_Section3 DIV.FreeBoxBody				{font-size:100%; line-height:135%;}

/**********/


/**^  FreeBox 4 (info - top) ^**/
#FreeBox_Section4 DIV.FreeBoxContainer			{width:100%;}
#FreeBox_Section4 DIV.FreeBoxInner				{text-align:center; padding:11px 0px 12px 0px;}
#FreeBox_Section4 DIV.FreeBoxItemContainer		{}
#FreeBox_Section4 DIV.FreeBoxTitle				{display:none;}
#FreeBox_Section4 H3.FreeBoxTitle				{}
#FreeBox_Section4 H3.FreeBoxTitle A				{}
#FreeBox_Section4 H3.FreeBoxTitle A:hover		{}
#FreeBox_Section4 DIV.FreeBoxBody				{color:#000; font-size:1.5rem; line-height:125%; font-weight:600;}
#FreeBox_Section4 DIV.FreeBoxBody A				{color:#000; text-decoration:none;}
#FreeBox_Section4 DIV.FreeBoxBody A:hover		{color:#000; text-decoration:underline;}
#FreeBox_Section4 SPAN.group					{display:inline-block; vertical-align:top;}


/**^  FreeBox 6 (Hp contact info) ^**/
#FreeBox_Section6 DIV.FreeBoxContainer			{width:100%;}
#FreeBox_Section6 DIV.FreeBoxInner				{}
#FreeBox_Section6 DIV.FreeBoxItemContainer		{}
#FreeBox_Section6 DIV.FreeBoxTitle				{padding:0px 0px 10px 0px;}
#FreeBox_Section6 H3.FreeBoxTitle				{color:#fff; font-weight:800; font-size:145%; line-height:115%;}
#FreeBox_Section6 H3.FreeBoxTitle A				{color:#fff; text-decoration:none;}
#FreeBox_Section6 H3.FreeBoxTitle A:hover		{color:#fff; text-decoration:underline;}
#FreeBox_Section6 DIV.FreeBoxBody				{color:#fff; font-size:100%; line-height:115%;}
#FreeBox_Section6 DIV.FreeBoxBody A				{color:#fff; text-decoration:none;}
#FreeBox_Section6 DIV.FreeBoxBody A:hover		{color:#fff; text-decoration:underline;}
#FreeBox_Section6 DIV.FreeBoxBody A:focus		{color:#000;}
#FreeBox_Section6 DIV.FreeBoxBody P				{margin-bottom:6px !important;}


/**^  FreeBox 7 (in sosial line) ^**/
#FreeBox_Section7 DIV.FreeBoxContainer			{width:100%;}
#FreeBox_Section7 DIV.FreeBoxInner				{}
#FreeBox_Section7 DIV.FreeBoxItemContainer		{}
#FreeBox_Section7 DIV.FreeBoxTitle				{margin-bottom:8px;}
#FreeBox_Section7 H3.FreeBoxTitle				{color:#000; font-weight:800; font-size:115%; line-height:115%;}
#FreeBox_Section7 H3.FreeBoxTitle A				{color:#000; text-decoration:underline;}
#FreeBox_Section7 H3.FreeBoxTitle A:hover		{color:#000; text-decoration:none;}
#FreeBox_Section7 DIV.FreeBoxBody				{}


/**^  FreeBox 8 (Ip right) ^**/
#FreeBox_Section8 DIV.FreeBoxContainer			{width:100%;}
#FreeBox_Section8 DIV.FreeBoxInner				{}
#FreeBox_Section8 DIV.FreeBoxItemContainer		{background-color:#e0f2f1; padding:14px 20px 20px 20px; margin-bottom:25px;}
#FreeBox_Section8 DIV.FreeBoxTitle				{margin-bottom:8px;}
#FreeBox_Section8 H3.FreeBoxTitle				{color:#000; font-weight:800; font-size:115%; line-height:115%;}
#FreeBox_Section8 H3.FreeBoxTitle A				{color:#000; text-decoration:underline;}
#FreeBox_Section8 H3.FreeBoxTitle A:hover		{color:#000; text-decoration:none;}
#FreeBox_Section8 DIV.FreeBoxBody				{}


/**^  FreeBox 9 (Ip side tab --> goto right) ^**/
#side-freebox		{width:100%; direction:rtl; text-align:right;}
#FreeBox_Section9 DIV.FreeBoxContainer			{width:100%;}
#FreeBox_Section9 DIV.FreeBoxInner				{}
#FreeBox_Section9 DIV.FreeBoxItemContainer		{background-color:#e0f2f1; padding:14px 20px 20px 20px; margin-bottom:25px;}
#FreeBox_Section9 DIV.FreeBoxTitle				{margin-bottom:8px;}
#FreeBox_Section9 H3.FreeBoxTitle				{color:#000; font-weight:800; font-size:115%; line-height:115%;}
#FreeBox_Section9 H3.FreeBoxTitle A				{color:#000; text-decoration:underline;}
#FreeBox_Section9 H3.FreeBoxTitle A:hover		{color:#000; text-decoration:none;}
#FreeBox_Section9 DIV.FreeBoxBody				{}

/*@media screen and (min-width: 1901px) {
	#side-freebox		{width:280px; position:fixed; top:240px; left:0;}
}*/


/******* Pop Up *******/
#notice					{width:700px; max-width:90%; position:absolute; display:none; text-align:right; direction:rtl; box-shadow:2px 3px 8px #000; padding:0; border-radius:20px; z-index:999009;}
#notice A.closeX		{position:relative; right:6px; top:9px; display:inline-block; border:#fff 1px solid; box-shadow:2px 3px 8px #999; border-radius:50%;}
#notice A.closeX IMG	{display:block;}
#noticeBg				{width:100%; height:100%; position:fixed; top:0px; left:0px; bottom:0px; right:0px; background-color:rgba(0,0,0,0.8); z-index:999008;}

/**^  FreeBox 4 (pop up) ^**/
#FreeBox_Section11 DIV.FreeBoxContainer			{width:100%; display:table; height:auto; background:#fff; direction:rtl; margin-top:-30px; border-radius:20px;}
#FreeBox_Section11 DIV.FreeBoxInner				{padding:40px 7% 40px 7%;}
#FreeBox_Section11 DIV.FreeBoxItemContainer		{text-align:center;}
#FreeBox_Section11 DIV.FreeBoxTitle				{padding:0px 0px 15px 0px; }
#FreeBox_Section11 H3.FreeBoxTitle				{color:#333; font-size:3rem; line-height:115%; font-weight:bold;}
#FreeBox_Section11 H3.FreeBoxTitle A			{color:#333; text-decoration:none;}
#FreeBox_Section11 H3.FreeBoxTitle A:hover		{color:#000; text-decoration:underline;}
#FreeBox_Section11 DIV.FreeBoxBody				{color:#333; font-size:2rem; line-height:140%;}


/************************ Bottom Zor Kesher ( ContactUs.asp ) ************************/
#form-long 						{background-color:#e0f2f1; padding:20px 25px 20px 22px; box-sizing:border-box;}
#form-long DIV.ContactFrm		{width:100%; display:table; position:relative;}
#form-long DIV.ContactTitle		{padding-bottom:20px;}
#form-long DIV.ContactTitle H3	{display:inline; color:#000; font-weight:bold; font-size:150%; line-height:115%;}
#form-long DIV.ContactBody		{width:100%; display:table; box-sizing:border-box;}

#form-long DIV.inputs-container		{margin:0px 0px 15px 0px;}
#form-long DIV.textarea-container	{margin:0px 0px 15px 0px;}
#form-long DIV.checkbox-container	{margin:0px 0px 15px 0px;}
#form-long DIV.button-container		{text-align:right;}

#form-long INPUT.wizard			{width:100%; height:58px; color:#000; background-color:#fff; font-size:2rem; line-height:52px; padding:0px 13px 0px 13px; border:0; border-radius:5px;}
#form-long TEXTAREA.wizard		{width:100%; height:58px; color:#000; background-color:#fff; font-size:2rem; line-height:24px; padding:16px 13px 4px 13px; overflow:auto; border:0; resize:none; border-radius:5px;}
#form-long SELECT.wizard		{width:100%; height:58px; color:#000; background-color:#fff; font-size:2rem; line-height:24px; padding:6px 13px 6px 13px; border:0; border-radius:5px;}
#form-long INPUT.button			{width:100%; height:58px; background-color:#100736; border:0; padding:0; font-weight:bold; font-size:2.3rem; border-radius:5px;}
#form-long LABEL				{font-size:1.8rem;}
#form-long DIV.captcha-img		{padding-top:5px}

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

@media screen and (min-width: 1041px) {
	#form-long DIV.inputs-container		{float:right; width:20%; margin-left:1%;}
	#form-long DIV.textarea-container	{float:right; width:20%; margin-left:1%;}
	#form-long DIV.checkbox-container	{clear:both;}
	#form-long DIV.button-container		{width:16%; position:absolute; bottom:57px; left:0px;}
}

@media screen and (max-width: 1040px) {
	#form-long DIV.inputs-container		{float:right; width:38%; margin-left:2%;}
	#form-long DIV.textarea-container	{float:right; width:38%; margin-left:2%;}
	#form-long DIV.checkbox-container	{clear:both;}
	#form-long DIV.button-container		{width:20%; position:absolute; bottom:59px; left:0px;}
}

@media screen and (max-width: 720px) {
	#form-long 							{padding-left:5px; padding-bottom:30px;}
	#form-long DIV.inputs-container		{width:47%; margin-left:3%;}
	#form-long DIV.textarea-container	{width:47%; margin-left:3%;}
	#form-long DIV.button-container		{width:180px; position:static;}
}

@media screen and (max-width: 480px) {
	#form-long 							{padding-left:25px; padding-bottom:30px;}
	#form-long DIV.inputs-container		{width:100%; margin-left:0;}
	#form-long DIV.textarea-container	{width:100%; margin-left:0;}
}


/************************ Slider Zor Kesher ( ContactUs.asp ) ************************/
#form-slider 						{background-color:#e0f2f1; padding:20px 25px 20px 22px; box-sizing:border-box;}
#form-slider DIV.ContactFrm			{width:100%; display:table; position:relative;}
#form-slider DIV.ContactTitle		{padding-bottom:20px;}
#form-slider DIV.ContactTitle H3	{display:inline; color:#000; font-weight:bold; font-size:150%; line-height:115%;}
#form-slider DIV.ContactBody		{width:100%; display:table; box-sizing:border-box;}

#form-slider DIV.inputs-container		{margin:0px 0px 15px 0px;}
#form-slider DIV.textarea-container		{margin:0px 0px 15px 0px;}
#form-slider DIV.checkbox-container		{display:table; margin:0px 0px 15px auto; direction:rtl;}
#form-slider DIV.button-container		{text-align:right;}

#form-slider INPUT.wizard			{width:100%; height:58px; color:#000; background-color:#fff; font-size:2rem; line-height:52px; padding:0px 13px 0px 13px; border:0; border-radius:5px;}
#form-slider TEXTAREA.wizard		{width:100%; height:58px; color:#000; background-color:#fff; font-size:2rem; line-height:24px; padding:16px 13px 4px 13px; overflow:auto; border:0; resize:none; border-radius:5px;}
#form-slider SELECT.wizard			{width:100%; height:58px; color:#000; background-color:#fff; font-size:2rem; line-height:24px; padding:6px 13px 6px 13px; border:0; border-radius:5px;}
#form-slider INPUT.button			{width:100%; height:58px; background-color:#100736; border:0; padding:0; font-weight:bold; font-size:2.3rem; border-radius:5px;}
#form-slider LABEL					{font-size:1.6rem;}
#form-slider DIV.captcha-img		{padding-top:5px}

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

@media screen and (max-width: 1220px) and (min-width: 1041px) {
	#form-slider LABEL	{font-size:1.8rem;}
}

@media screen and (max-width: 1220px) and (min-width: 1041px) {
	#form-slider DIV.inputs-container		{float:right; width:20%; margin-left:1%;}
	#form-slider DIV.textarea-container		{float:right; width:20%; margin-left:1%;}
	#form-slider DIV.checkbox-container		{clear:both;}
	#form-slider DIV.button-container		{width:16%; position:absolute; bottom:59px; left:0px;}
}

@media screen and (max-width: 1040px) {
	#form-slider DIV.inputs-container		{float:right; width:38%; margin-left:2%;}
	#form-slider DIV.textarea-container		{float:right; width:38%; margin-left:2%;}
	#form-slider DIV.checkbox-container		{clear:both;}
	#form-slider DIV.button-container		{width:20%; position:absolute; bottom:59px; left:0px;}
}

@media screen and (max-width: 720px) {
	#form-slider 							{padding-left:5px; padding-bottom:30px;}
	#form-slider DIV.inputs-container		{width:47%; margin-left:3%;}
	#form-slider DIV.textarea-container		{width:47%; margin-left:3%;}
	#form-slider DIV.button-container		{width:180px; position:static;}
}

@media screen and (max-width: 480px) {
	#form-slider 							{padding-left:25px; padding-bottom:30px;}
	#form-slider DIV.inputs-container		{width:100%; margin-left:0;}
	#form-slider DIV.textarea-container		{width:100%; margin-left:0;}
}


/************************ Ip rigt Zor Kesher ( ContactUs.asp ) ************************/
.side-area DIV.ContactFrm		{width:100%; display:table; position:relative; background-color:#e0f2f1; padding:20px 25px 20px 22px; margin-bottom:25px; box-sizing:border-box;}
.side-area DIV.ContactTitle		{padding-bottom:20px;}
.side-area DIV.ContactTitle H3	{display:inline; color:#000; font-weight:bold; font-size:150%; line-height:115%;}
.side-area DIV.ContactBody		{width:100%; display:table; box-sizing:border-box;}

.side-area DIV.inputs-container		{margin:0px 0px 15px 0px;}
.side-area DIV.textarea-container	{margin:0px 0px 15px 0px;}
.side-area DIV.checkbox-container	{display:table; margin:0px 0px 15px auto; direction:rtl;}
.side-area DIV.button-container		{text-align:right;}

.side-area INPUT.wizard			{width:100%; height:58px; color:#000; background-color:#fff; font-size:2rem; line-height:52px; padding:0px 13px 0px 13px; border:0; border-radius:5px;}
.side-area TEXTAREA.wizard		{width:100%; height:120px; color:#000; background-color:#fff; font-size:2rem; line-height:24px; padding:16px 13px 4px 13px; overflow:auto; border:0; resize:none; border-radius:5px;}
.side-area SELECT.wizard		{width:100%; height:58px; color:#000; background-color:#fff; font-size:2rem; line-height:24px; padding:6px 13px 6px 13px; border:0; border-radius:5px;}
.side-area INPUT.button			{width:100%; height:58px; background-color:#100736; border:0; padding:0; font-weight:bold; font-size:2.3rem; border-radius:5px;}
.side-area LABEL				{font-size:1.6rem;}
.side-area DIV.captcha-img		{padding-top:5px}

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

@media screen and (max-width: 840px) {
	.side-area 							{padding-left:5px; padding-bottom:30px;}
	.side-area DIV.inputs-container		{float:right; width:47%; margin-left:3%;}
	.side-area DIV.textarea-container	{float:right; width:47%; margin-left:3%;}
	.side-area DIV.checkbox-container	{clear:both;}
	.side-area DIV.button-container		{width:180px;}
	.side-area TEXTAREA.wizard			{height:58px;}
}

@media screen and (max-width: 480px) {
	.side-area 							{padding-left:25px; padding-bottom:30px;}
	.side-area DIV.inputs-container		{width:100%; margin-left:0;}
	.side-area DIV.textarea-container	{width:100%; margin-left:0;}
}


/******************************** Side Tab ****************************/
/****** side tab form ********/
#side-contact-tab		{text-align:center; direction:rtl;}
#side-tab-box			{width:256px; position:fixed; left:-300px; z-index:10999; background-color:#e0f2f1; padding:13px 36px 20px 20px; box-shadow:0px 0px 20px rgba(0,0,0,0.3); box-sizing:border-box;}
#side-tab-box, #tab-icons-box A IMG, A.contact-tab-open {
	-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-box.open		{left:0;}

A.contact-tab-but			{}
A.contact-tab-but:hover		{}

A.contact-tab-open			{display:table; position:fixed; top:825px; left:0px; z-index:10998; background-color:#d7262c; color:#fff; padding:16px 19px 19px 14px; font-size:135%; line-height:115%; font-weight:bold; border-radius:0px 18px 18px 0px; text-decoration:none; box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
A.contact-tab-open:hover	{}

A.contact-tab-close	{width:38px; height:38px; display:block; position:absolute; top:-13px; right:-13px; background:url('../x-closeS.png') no-repeat center center / 100% !important;}
A.contact-tab-close:hover	{}

@media screen and (max-width: 990px) {
	A.contact-tab-open		{padding:11px 19px 14px 14px; font-size:115%;}
}
@media screen and (max-width: 480px) {
	A.contact-tab-open		{padding:6px 12px 8px 10px; font-size:105%;}
}

/** The icons **/
#side-contact-tab #tab-icons-box	{display:table; position:relative;}
#tab-icons-box DIV.tab-icons		{display:flex; justify-content:space-between;}
#tab-icons-box STRONG				{display:block; margin-bottom:15px; color:#000; font-weight:bold; font-size:140%; line-height:115%; text-decoration:none;}
#tab-icons-box A					{color:#000; font-weight:bold; font-size:1.4rem; line-height:115%; text-decoration:none;}
#tab-icons-box A:hover				{color:#000; text-decoration:underline;}
#tab-icons-box A IMG				{display:block; border:0; margin:0px auto 5px auto;}
#tab-icons-box A:hover IMG			{-webkit-transform: scale(0.9); transform: scale(0.9);}
#tab-icons-box A SPAN				{display:block; text-align:center;}

/** Position **/
#side-tab-box				{top:825px;}
A.contact-tab-open			{top:825px;}
.tab-up #side-tab-box		{top:65px !important;}
.tab-up A.contact-tab-open	{top:65px !important;}

@media screen and (max-width: 1640px) {
	#side-tab-box		{top:80vh;}
	A.contact-tab-open	{top:80vh;}
}


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


/******************************** Navigation Title ****************************/
DIV.NavigationTitle		{width:100%; background-color:#546e7a; padding:35px 20px 15px 20px; box-sizing:border-box;}
DIV.NavigationTitle:after	{content:""; width:65px; height:2px; background-color:#fff; display:block; margin-top:15px;}
H3.NavigationTitle		{color:#ecf6f5; font-weight:600; font-size:175%; line-height:115%;}

@media screen and (max-width: 841px) {
	DIV.NavigationTitle.open		{padding:7px 20px 7px 40px; background:#546e7a url('../x-closeV-white.png') no-repeat left 8px top 17px; cursor:pointer;}/* x-closeV.png */
	DIV.NavigationTitle.closed		{padding:7px 20px 7px 40px; background:#546e7a url('../toMenu-vert-white.png') no-repeat left 8px top 17px; cursor:pointer;}/* toMenu-vert.png */
}


/******************************* DARONET *****************************/
TABLE.daronet			{direction:ltr; margin-top:12px; font-size:13px;}
TD.daronet_link			{font-family:Arial; vertical-align:top; padding:3px 5px 0px 5px; line-height:13px; white-space:nowrap;}
A.Daronet				{display:table; font-size:13px; font-weight:normal; color:#999; text-decoration:none;}
TD.daronet_img			{}
TD.daronet_img IMG		{display:block;}
A.Daronet:hover			{color:#999; text-decoration:none;}


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

.dbsPages LI				{line-height:140%; font-size:90%; display:inline-table; vertical-align:middle; margin:3px; padding:0; 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	{display:table; text-decoration:none;}
.dbsPages LI A IMG			{width:18px; margin:5px 5px 0px 5px !important;}

SPAN.dbsPaging				{width:26px; display:block; white-space:nowrap; background-color:#eee; color:#000; border:#666 1px solid; padding:6px 6px 4px 6px; border-radius:2px;}
SPAN.dbsCurrentPage			{font-weight:bold; background-color:#666; color:#fff;}
.dbsPages LI A:hover SPAN.dbsPaging		{background-color:#666; color:#fff;}

/* [x-y] */
.dbsPages SPAN.paging		{font-size:2rem; line-height: 140%; display:inline-table; margin:3px; padding:3px 0px 3px 0px; font-weight:bold; vertical-align:bottom;}
.dbsPages SPAN.paging LI	{margin:0px 3px 0px 3px}
.dbsPages SPAN.paging A		{text-decoration:none;}
.dbsPages SPAN.paging A:hover	{text-decoration:underline !important;}
.dbsPages SPAN.paging A:focus	{}


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



/******************************************************************************************************************************/
/******************************************************* Media Cycle Slider ***************************************************/
.slider-line		{overflow:hidden; margin:0px auto 0px 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;}

@media screen and (max-width: 768px) { /* small screens */
	.slider-line				{border-bottom:#bbb 1px solid;}
	/*#sliderCycle IMG			{width:200% !important;}*/
}

/***** output (animated title & text) /*****/
DIV.output					{top:50% !important; margin-top:-130px !important; overflow:hidden; display:inline-table; position:absolute; direction:rtl; text-align:right; z-index:500;}
/* title */
DIV.output H2				{width:100%; display:block; color:#fff; margin:0px 0px 15px 0px; padding:0px; font-size:75px; line-height:105%; font-weight:bold; box-sizing:border-box;}
DIV.output H2 A				{display:block; color:#fff; text-decoration:none;}
DIV.output H2 A:hover		{color:#fff; text-decoration:underline;}
.show-focus DIV.output H2 A:focus		{color:#000; text-decoration:none;}
/* text */
DIV.output P					{width:100%; margin:0px 0px 25px 0px; padding:0px; color:#fff; text-shadow:0px 0px 10px #000; font-size:2.5rem; line-height:125%; box-sizing:border-box;}
/* read more */
DIV.output A.ReadMore			{display:table !important; height:54px; background:#d5191a; color:#fff; padding:0px 30px 0px 30px; font-size:2.5rem; line-height:54px; text-decoration:none;}
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:#100736; text-decoration:none;}
DIV.output A.ReadMore:focus		{background:#100736; text-decoration:none;}

@media screen and (min-width: 769px) {
	DIV.output				{opacity:0; /* for load */}
}
@media screen and (max-width: 1200px) and (min-width: 769px) {
	DIV.output				{height:220px !important; margin-top:-110px !important; right:4% !important;}
	DIV.output H2			{font-size:5vw;}
	DIV.output P			{font-size:2.2rem; margin-bottom:20px;}
	DIV.output A.ReadMore	{height:48px; line-height:48px;}
}

@media screen and (max-width: 768px) {
	DIV.output				{height:240px !important; display:table; background:#f6f6f6; border:0; width:100% !important; position:relative; top:0 !important; right:0; padding:0px 20px 0px 20px; margin:0 !important; box-sizing:border-box;}
	DIV.output H2			{width:100% !important; color:#000; padding-top:10px; font-size:42px;}
	DIV.output H2 A			{color:#000;}
	DIV.output H2 A:hover	{color:#000;}
	DIV.output P			{width:100% !important; color:#000; font-size:2.2rem; margin-bottom:20px; text-shadow:none;}
	DIV.output A.ReadMore	{height:48px; line-height:48px; font-size:2.2rem;}
}
@media screen and (max-width: 480px) {
	DIV.output				{height:220px !important;}
	DIV.output H2			{font-size:3.2rem; margin-bottom:8px;}
	DIV.output P			{font-size:1.9rem; margin-bottom:10px;}
	DIV.output A.ReadMore	{height:40px; line-height:40px; font-size:2rem;}
}

/***** Arrows *****/
.sliderCycleContainer A.CycleArrow				{display:none !important; /*position:absolute; top:45%; z-index:999;*/}
.sliderCycleContainer #prevArrow				{right:20px;}
.sliderCycleContainer #nextArrow				{left:20px;}

.sliderCycleContainer .fa							{font-size:24px; line-height:24px; background:rgba(255,255,255,0.4); color:rgba(1,71,130,1); border-radius:10px;}
.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:#100736; border:#fff 2px solid; border-radius:100%;}
.sliderCycleContainer #circles LI.cycleTab A:hover			{border:#d5191a 2px solid;}
.sliderCycleContainer #circles LI.cycleTab A:focus			{border:#d5191a 2px solid;}
.sliderCycleContainer #circles LI.activeSlide A				{background:#d5191a !important; border:#fff 2px solid !important; cursor:default;}
.sliderCycleContainer #circles LI.activeSlide A:hover		{}
.sliderCycleContainer #circles LI.activeSlide A:focus		{}
.sliderCycleContainer #circles LI.cycleTab A.Disabled		{cursor:default; opacity:0.3;}

@media screen and (min-width: 1221px) {
	.sliderCycleContainer DIV.circlesContainer		{right:10%; left:auto;}
}

/** 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;}
}
.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;}
*/

/** play / stop **/
.sliderCycleContainer DIV.play-stop		{/*display:none !important;*/ /* remove this line for accessability */}
@media screen and (min-width: 991px) { /* play / stop for accessibility over 990 */
	.sliderCycleContainer DIV.play-stop		{display:table; padding:2px; background-color:rgba(255,255,255,0.8); border-radius:4px; position:absolute; left:10px; top:10px; z-index:999;}
	A#cycle-play-stop				{width:24px; height:24px; display:table; position:relative; border-radius:2px;}
	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: 1221px) {
	.sliderCycleContainer DIV.play-stop		{right:10px; left:auto;}
}




/*************************************  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:#100736; animation-delay:0.5s;}
.loader-dot:nth-child(2)	{background-color:#100736; opacity:0.9; animation-delay:0.4s;}
.loader-dot:nth-child(3)	{background-color:#100736; opacity:0.8; animation-delay:0.3s;}
.loader-dot:nth-child(4)	{background-color:#100736; opacity:0.7; animation-delay:0.2s;}
.loader-dot:nth-child(5)	{background-color:#100736; opacity:0.6; animation-delay:0.1s;}
.loader-dot:nth-child(6)	{background-color:#100736; opacity:0.5; 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 ...";}
}