/*** 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; /*overflow:hidden; XXX ==> make top bar small screens absilute cut */ min-height:100%; box-sizing:border-box;} /*padding-top = top-line-height + 10*/
.wrapper			{width:95%; max-width:1200px; margin:0px auto; direction:rtl; text-align:right;}
.full-size-row		{} /* all row sections */


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

/************************ Top line ************************/
/* searchJO in small screen (under 480) */
/* English button in small screen (under 480) */
.top-line				{display:none; /*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);*/}

/************************ Header line ************************/
/* logo in screens under 480 */
/* srarch in screens over 480 */
/* English button in screens over 480 */
.header-line				{position:absolute; text-align:center; top:0px; right:0px; left:0px; z-index:9;}
DIV.header					{}
A.logo990					{display:none; min-width:118px; max-width:118px; width:9.83%; /* % = logo img width divided by 990*/}
A.logo IMG, A.logo990 IMG	{display:block; width:100%; height:auto;}
DIV.header-oppAlign			{text-align:left;}

#search990		{display:table; float:left; margin: 35px 10px 0 0;}
#search480		{display:none;}

#english	{display:none !important;} /*#####*/
#english, #member, #events480		{float:left; display:table;margin: 35px 10px 0 0; box-sizing:border-box;}
A.english, A.member, A.events	{display:table;height: 30px; text-align:center;line-height: 30px; color:#CD181D; text-decoration:none;background: rgba(255,255,255,0.5);padding: 0 12px;border-radius: 20px;}
A.english:hover	,a.member:hover, A.events:hover		{background-color:#cd181d;}

A.member, A.events		{background: #cd181d; color:#fff; border:#fff 1px solid;}
A.member:hover, A.events:hover	{background: rgba(255,255,255,0.5); color:#CD181D;}

#events990		{display:table; float:left; margin:30px 10px -5px 0;}
#events480		{display:none;}
#events990 A	{display:table; height:40px; text-align:center; line-height:37px; color:#fff; background:#cd181d; padding:0 40px; font-size:2rem; border-radius:20px; border:#fff 1px solid; text-decoration:none; box-sizing:border-box;}
#events990 A:hover	{background:rgba(255,255,255,0.5); color:#CD181D;}

A.events, #events990 A	{box-shadow:0 0 0 0 rgba(255, 255, 255, 1); transform:scale(1); animation:pulse 2.4s infinite;}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

/************************ Top bar line ************************/
/* Top bar */
/* logo in screens over 480 */
.top-bar-line			{position:absolute; text-align:center; top:95px; right:0px; left:0px;z-index: 9999;}
.top-bar-line.stick		{position:fixed; top:0; left:0; right:0; float:none; margin:auto; z-index:9995;background-color: rgba(0, 0, 0, 0.8);box-shadow: 0 1px 8px rgba(0,0,0,0.2), inset 0 0 100px rgba(0,0,0,0.2); -webkit-transform:translateZ(0);}
.top-bar-line.stick DIV.top-bar		{float:none; margin:auto; top:auto; left:auto;}
DIV.top-bar				{position:relative; box-sizing:border-box;}
A.logo					{display:table; position:absolute; top:-90px; right:0px; min-width:255px; max-width:255px; width:9.83%; /* % = logo img width devided by 990*/}
A.logo {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
A.logo.move-up		{margin-top:-86px;}
.top-bar-line.stick A.logo {
    top: 0;
    max-width: 122px;
    min-width: 122px;
}
.top-bar-line.stick .top-bar {
    padding-right: 140px;
    max-width: 760px;
}

@media screen and (min-width: 991px) {
	DIV.top-bar NAV		{float:left; min-width:490px; background:rgba(0,0,0,0.5); padding-right:0px 20px; border-radius:22px;}
}

/************************ Footer Line ************************/
/*^ Freebox 1 (Footer) ^*/
#FreeBox_Section1	    {
    float: left;
    width: 43%;
}
#FreeBox_Section1 H3.FreeBoxTitle		{color: #FFFFFF;}
#FreeBox_Section1 H3.FreeBoxTitle A		{color:#FFFFFF;}
#FreeBox_Section1 DIV.FreeBoxBody 		{padding: 12px 0;color: #fff;}
#FreeBox_Section1  DIV.FreeBoxBody P    {margin:0px 0px 10px 0px;color: #fff;}
#FreeBox_Section1  DIV.FreeBoxBody P:last-child	{margin:0px;}
#FreeBox_Section1  DIV.FreeBoxBody A	{color: #FFFFFF; text-decoration:none;}
#FreeBox_Section1  DIV.FreeBoxBody A:hover	{color: #E6373C;}



/* bottom bar */
.footer-line		{background: #1b1a43;}
.bottom-bar-line	{background: #1b1a43; padding-bottom:12px; }
.bottomBar          {border-top: 1px solid #494869;}
#bottomBar			{width:100%; padding-left:200px; box-sizing:border-box;}
#daronet			{margin-right:-200px;}

DIV.footer-elements				{padding:30px 0px 0px 0px;/* text-align: center; */}
DIV.footer-form-container		{}
DIV.footer-form					{/*max-width:262px;*/}

.footer-line .footer-banners    {background: url(../footer-banners-bg.png) no-repeat bottom left;padding-top: 50px;min-height: 167px;}
.footer-banners .banner-footer  {float: left; margin: 24px 16px 0 5px;}
.footer-banners .banner-footer:hover img {opacity:0.5;} 
A.buy-tickets		{width:207px; height:42px; display:table; text-align:center; line-height:40px; font-size:20px; color:#ffffff; border:#ffffff 1px solid; margin:39px 0px 13px 0px; box-sizing:border-box; text-decoration:none;}
A.support-us		{width:207px; height:42px; display:table; text-align:center; line-height:40px; font-size:20px; color:#ffffff; border:#ffffff 1px solid; margin:0px 0px 13px 0px; box-sizing:border-box; text-decoration:none;}
A.buy-tickets:hover, A.support-us:hover		{background-color:#cd181d;}

@media screen and (min-width: 1200px) { /* 2 items - different width footer righit and left */
	.footer-line .footer-elements    	{width: 45.2% !important;}
	.footer-line .footer-banners		{width: 54.8% !important;}
}

A.Tav-nagish		{width:32px; float:right; display:table; margin:8px 10px;}
A.Tav-nagish IMG	{width:100%; height:auto; display:block;}
@media screen and (max-width: 480px) {
    A.Tav-nagish		{margin: 8px 10px 8px -42px;}
}

/****************** footer elements (left side) 3-2-1-1 pattern ******************/
@media screen and (min-width: 1200px) { /* 3 items */
    .footer-elements > DIV					{width: 50%;float: right;}
	.footer-elements > DIV:last-child		{margin-left: 0;}
}

@media screen and (max-width: 1199px) and (min-width: 991px) { /* 1 items + 2 items */
    .footer-elements > DIV									{}
	.footer-elements > DIV:nth-of-type(3n+1)		{float:left;}
	.footer-elements > DIV:nth-of-type(3n+2)		{float:right;}
	.footer-elements > DIV:nth-of-type(3n)			{width:100%; clear:both;}
}

@media screen and (max-width: 990px) and (min-width: 769px) { /* 3 items */
    .footer-elements > DIV							{width:31.3333333333333% !important; margin-left:13px; float:left;}
	.footer-elements > DIV:nth-of-type(3n+1)		{margin-left:0px;}
}

@media screen and (max-width: 768px) and (min-width: 481px) {
    .footer-elements > DIV									{}
	.footer-elements > DIV:nth-of-type(3n+1)		{display:inline-block;}
	.footer-elements > DIV:nth-of-type(3n+2)		{display:inline-block;}
	.footer-elements > DIV:nth-of-type(3n)			{width:100%;}
}

@media screen and (max-width: 480px) {
	.footer-elements > DIV							{width: 100%;}
}

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


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

/*** Hp gallery carousels ***/
#hp-gallery		{direction:rtl;}
#banners		{margin-bottom:10px; text-align:center;}

@media screen and (min-width: 991px) {
	#hp-gallery .Full_2-1-1-1 > DIV					{width:50% !important; box-sizing:border-box;}
	#hp-gallery .Full_2-1-1-1 >  #opera-hp			{padding-left:12px;}
	#hp-gallery .Full_2-1-1-1 >  #dance-hp			{padding-right:12px;}
	#hp-gallery .Full_2-1-1-1 >  #music-hp			{padding-left:12px;}
	#hp-gallery .Full_2-1-1-1 >  .Full_2-1-1-1		{padding-right:12px;}

	#hp-gallery .Full_2-1-1-1 .Full_2-1-1-1 > DIV				{width:50% !important; box-sizing:border-box;}
	#hp-gallery .Full_2-1-1-1 .Full_2-1-1-1 #children-hp		{padding-left:12px;}
	#hp-gallery #banners			{padding-top:40px;}
}

@media screen and (max-width: 480px) and (min-width: 301px) {
    #hp-gallery					{padding:0px 10% 0px 10%; box-sizing:border-box;}
}
    

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

/************************ Media line ************************/
/* media-cycle */
.media-line					{background-color: rgba(0,0,0,0.6);}
DIV.freebox-absolute		{width:100%; position:absolute; top:250px; right:0; left:0; z-index:998;}
DIV.calendar-absolute		{width:300px; position:absolute;top: 150px; left:2.5%; z-index:999;}
A.buy-tickets-top			{width:100%; display:table; background-color:#cd181d; color:#fff; font-size:133%; text-decoration:none; text-align:center; line-height:50px; margin-bottom:12px;}
A.buy-tickets-top:hover		{background:#932265; color:#ffffff; text-decoration:none;}

@media screen and (max-width: 780px) {
	DIV.freebox-absolute		{background-color:#008886; padding:30px 0px 30px 0px; position:static; top:auto; right:auto; left:auto;}
}

/************************ Content line ************************/
.content-line			{background-color:#ffffff; padding-top:30px; padding-bottom:30px;}

/* right side ==>		side bar | freebox 7 | banner 2 */
/* center-left ==>		page content */
DIV.side-area			{width:230px; margin-left:-265px; height:auto;}
DIV.center-side			{width:100%; padding-right:265px; height:auto; box-sizing:border-box;}


/************************ @media Query for stracture ************************/
@media screen and (min-width: 991px)	{
	DIV.header		{height:263px;}
}

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

@media screen and (max-width: 990px) {
	#banners {margin-top: 40px;}
	.top-bar-line			{top: auto;margin-top: 60px;}
	DIV.top-bar				{padding:0;}
	DIV.top-bar NAV			{padding-right:30px;}
	A.logo990				{display:table;}
	A.logo					{display:none;}
	DIV.header-oppAlign		{margin-left:40px;}
	#english,#member,#events480	{margin: 15px 10px 0px 0px;}
	#events990				{margin-top:10px;}
	#events990 A			{padding:0px 25px;}
	#search990				{margin:15px 0px 0px 0px;}
	.footer-line .footer-banners {padding-top:20px;}
	DIV.footer-elements		{/* padding-top:0px; */}
}

@media screen and (max-width: 990px) and (min-width: 769px) {
	A.buy-tickets			{margin:39px auto 13px auto;}
	A.support-us			{margin:0px auto 13px auto;}
}

@media screen and (max-width: 820px) {
	#search990		{display:none;}
	#search480		{display:table;}
	#events990		{display:none;}
	#events480		{display:table;}
}

@media screen and (max-width: 768px) {
	.conent-line				{padding-bottom:0px;}
	DIV.side-area				{width:100%; float:none !important; display:table; margin:0px;}
	DIV.center-side				{width:100%; float:none !important; padding:0px;}
	DIV.side-bar				{background-color:#cd181d; margin:0px -2.7% 0px -2.7%; box-sizing:border-box;}
	#opera DIV.side-bar			{background-color:#cd181d;}
	#dance DIV.side-bar			{background-color:#009ee8;}
	#music DIV.side-bar			{background-color:#83ba2b;}
	#children DIV.side-bar		{background-color:#f28801;}
	DIV.calendar-in				{margin: 0px -2.7% 20px -2.7%; box-sizing:border-box;background-color: rgba(0,0,0,0.6);} 
	IFRAME.Calendar				{margin-bottom:0px;}
	A.phone						{margin:0; left:0; top:12px; font-size:25px;}
	#newsletter					{width: 50%;}
}

@media screen and (max-width: 768px) and (min-width: 481px) {
	DIV.side-bar				{padding:30px 12.5% 10px 12.5%;}
	DIV.calendar-in				{padding:35px 12.5% 0px 12.5%;} 
	DIV.footer-form-container	{margin:auto;}
	DIV.footer-form				{margin:auto;}
	A.buy-tickets				{width:190px; margin:0px 13px 13px 0px;}
	A.support-us				{width:190px; margin:0px 13px 13px 0px;}
}

@media screen and (max-width: 580px) {
	DIV.header-oppAlign		{margin-left:50px;}
	#events480					{position:absolute; left:10px; top:50px;}
	#member					{position:absolute; left:125px; top:50px; font-size:85%;}
}

@media screen and (max-width: 480px) {
	.main-container				{}
	DIV.calendar-absolute		{position:static; top:auto; left:auto; margin:auto;}
	A.logo990					{min-width:100px;}
	#InnerPage A.logo990		{margin-top:-30px;}
	DIV.header					{height:auto;}
	.top-bar-line				{}
	DIV.top-bar					{padding:0;}
	DIV.side-bar				{padding:30px 5% 10px 5%;}
	DIV.calendar-in				{padding:35px 5% 0px 5%;} 
	#newsletter, #FreeBox_Section1	{display:block;width: 100%;float: none;}
	.footer-line .footer-banners {background:none;display: flex;direction: ltr;}
	.footer-banners .banner-footer {float:none;display: inline-flex;margin: 0; width:19.5%;}
	DIV.footer-form-container	{margin:auto;}
	DIV.footer-form				{margin:0px auto 25px auto;}
	A.buy-tickets				{margin:0px auto 13px auto;}
	A.support-us				{margin:0px auto 13px auto;}
	#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;}
}

/*******  Calendar  ********/
DIV#calendarDiv					{width:100%; text-align:center; position:relative; *z-index:999999;}
#InnerPage DIV#calendarDiv		{margin-bottom:20px;}
DIV#calendarInnerDiv			{}
DIV#calendarFrameContainerDiv	{}
DIV.EventsTitle					{background-color:#f56333; text-align:center; padding:6px 20px 6px 20px;}
DIV.EventsTitle H3				{color:#ffffff; font-weight:normal; font-size:140%; line-height:115%; display:inline;}

DIV#calendarOutputDiv			{position:absolute; left:0 !important; width:0px; /* get width by animation */ background-color:#ffffff; border:#ccc 3px solid; padding:5px; text-align:right; display:none; z-index:999999; box-sizing:border-box; -moz-box-sizing:border-box;}
DIV#calendarOutputDiv LABEL		{display:block; float:right; width:25%; padding:0 0 0 10px; box-sizing:border-box; -moz-box-sizing:border-box;}
DIV#calendarOutputDiv A			{display:block; float:right; width:75%; margin:0 0 4px 0; line-height:120%; text-decoration:none;}
DIV#calendarOutputDiv A:hover	{text-decoration:underline;}


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

DIV.ModuleText				{}

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

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

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

/***/

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

/***/

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


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

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

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

/***/

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

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

DIV.LoginInput					{display:table; margin:0px 0px 6px 0px; background:#ffffff; /*border-radius:5px;*/}
INPUT.login						{width:220px; height:30px; font-size:15px; 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.InputsContainer		{margin:0px 0px 10px 0px;}
#ContactJQ DIV.TxtAreaContainer		{margin:0px 0px 10px 0px;}
#ContactJQ DIV.ButtonContainer		{text-align:right;}

#ContactJQ INPUT.wizard			{width:100%; height:30px; color:#666666; background-color:#ffffff; font-size:15px; line-height:24px; padding:0px 10px 0px 10px; border:0;}
#ContactJQ TEXTAREA.wizard		{width:100%; height:60px; color:#666666; background-color:#ffffff; font-size:15px; padding:4px 10px 4px 10px; overflow:auto; border:0; resize:none;}
#ContactJQ SELECT.wizard		{width:100%; height:30px; color:#666666; background-color:#ffffff; font-size:15px; 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:13px;}

#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; }
TABLE.Search			{height: 30px;background: #fff;border-radius: 20px;}
TD.SearchInp			{}
TD.SearchBut			{}
TD.SearchSectionTitle	{/*color:#8C8C8C; font-size:11px; font-weight:bold;*/}
INPUT.Search			{width: 155px;height: 30px; font-size:1.5rem; background:transparent;color: #1B1A43; border-style:none;line-height: 30px;padding: 0px 12px; box-sizing:border-box;}
INPUT.SearchBut			{padding: 5px 10px;}
INPUT.SearchBut:hover	{opacity: 0.5;}

/******** SearchJQ ********/
/*** structure code ***/
#SearchJQ					{width: 40px;height: 40px;padding: 8px 4px 0px 12px;border-radius: 50%;margin: 10px 10px 0px 0px; box-sizing:border-box;background: #CD181D;}
#SearchJQ:hover				{background-color:#cd181d;}

#SearchJQ.icon-active			{/*box-shadow:inset 0 0 10px #fff;*/}
#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:18px; line-height:20px; color:#fff; margin-left:5px;}

A.SearchClose					{height:26px; display:block; position:absolute; top:7px; right:7px; color:#fff; 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:#fff; text-decoration:underline;}
A.SearchClose IMG				{border:none;}

/***/

/*** search code ***/
#SearchJQ DIV.SearchContainer	{display:none; width:80vw; position:absolute; margin:0; padding-top:20px; top:70px; left:7.5vw; right:0; background:rgba(0,0,0,0.7); border-bottom:#f2f2f2 1px solid; border-radius:10px; box-shadow: 0 4px 8px 0px rgba(255,255,255,0.4) , inset 0 10px 10px -10px rgba(255,255,255,0.5); z-index:9;}
#SearchJQ TABLE.Search			{margin:40px auto 20px auto;}

/***/

/******** @media Query ********/
@media screen and (max-width: 820px) {
	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:hover	{background-color:#274f83;}
A.TickerPlayer IMG		{display:block; border:0;}

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:#cd181d;} 
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;}

DIV.Horz_TickerBodyContainer	{width:100%; float:left; padding:4px 140px 4px 0px; box-sizing:border-box;}
DIV.Horz_TickerBody				{height:22px; position:relative; overflow:hidden; visibility:hidden;}
DIV.ScrollingItems				{position:absolute; white-space:nowrap; height:22px;}
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;}

H2.Horz_TickerHeadLine			{font-size:1.5rem; line-height:2rem; font-weight:bold; display:inline;}
H2.Horz_TickerHeadLine A		{text-decoration:none;} 
H2.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;}

/** social banners **/
DIV.banner-social-footer				{float:left; text-align:left; margin:39px 13px 13px 0px;}
DIV.banner-social-footer:last-child		{margin:39px 0px 13px 0px;}
DIV.banner-social-footer A				{display:table;}
DIV.banner-social-footer IMG			{background:transparent !important;}
DIV.banner-social-footer A:hover		{background-color:#cd181d;}

@media screen and (max-width: 768px) and (min-width: 481px) {
	DIV.banner-social-footer			{margin-top:0px !important;}
}

@media screen and (max-width: 480px) {
	DIV.banner-social-footer:nth-of-type(1)		{float:none; display:inline-table; margin:0px 5px 13px 5px;}
	DIV.banner-social-footer:nth-of-type(2)		{float:none; display:inline-table; margin:0px 5px 13px 5px;}
}

/** Hp left **/
DIV.banner-Hp			{width:100%; margin-bottom:18px; text-align:center; background: #cd181d; display:table;}
DIV.banner-Hp A			{width:100%;}
DIV.banner-Hp IMG		{width:100% !important; height:auto !important; display:block; 
-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
DIV.banner-Hp:hover img {opacity:0.5;} 	

@media screen and (max-width: 800px) { /* has class Full_1-3-3-2 */
	DIV.banner-Hp			{/*width:auto !important; float:none !important; display:inline-table; margin:0px 10px 20px 10px;*/}
}


/** Ip right **/
DIV.side-banner			{width:100%; margin-bottom:20px; text-align:center; border:#ddd 1px solid; box-sizing:border-box;}
DIV.side-banner IMG		{width:100% !important; height:auto !important; display:block;}


/******************************** Media ****************************/
#mediaCycle				{height:784px; /* <-- only for load */ overflow:hidden; position:relative; direction:ltr;} /* no width */
#InnerPage #mediaCycle	{height:314px;  /* <-- only for load */}
DIV.mediaCycleInner		{background:#fff url('../loading.gif') no-repeat 50% 50%; position:relative; z-index:3;} /* no padding, no side-margin */
#mediaCycle A			{}
#mediaCycle IMG			{display:block; border:0; position:absolute; top:0px; left:0px;}

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

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

@media screen and (max-width: 768px) and (min-width: 481px) {
	#mediaCycle #circles		{bottom:10px;}
	A.mediaArrow				{width:18px; height:18px; background-size:cover !important; top:20%;}
}

@media screen and (max-width: 480px) {
	#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;}
}


/******************************** 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 1 (Footer) ^*/
#FooterLinks_Section1		{}
DIV.FooterLinksContainer	{opacity:0; /* js show after loading */ margin:30px 0px 20px 0px;}
UL.FooterLinks				{width:100%; display:table; padding:0px; margin:0px;}

/* Footer Item */
LI.FooterLinksItem			{padding:0px 0px 0px 40px; margin-bottom:20px; list-style-type:none; list-style-image:none;}
LI.FooterFirst				{padding:0px 0px 0px 40px; display:inline-table;}
DIV.FooterLinksTitle		{padding:0px 0px 20px 0px;}

H4.FooterLinksTitle			{color:#ffffff; font-size:1.6rem; line-height:120%; font-weight:bold;}
A.FooterLinksTitle			{color:#ffffff; text-decoration:none;}
A.FooterLinksTitle:hover	{color:#ffffff; text-decoration:underline;}
DIV.FooterLinksBody			{color:#ffffff; font-size:90%; line-height:120%;}
DIV.FooterLinksBody P		{margin:0px 0px 10px 0px !important;}
DIV.FooterLinksBody A		{color:#ffffff; text-decoration:none;}
DIV.FooterLinksBody A:hover	{color:#ffffff; text-decoration:underline;}

/* footer mast have empty last (4'th) item from Admin -  to make place to newsletter and footer-logo in 481-769 screen */
LI.FooterLinksItem:last-child	{display:none;}

@media screen and (max-width: 990px) and (min-width: 769px) {
	LI.FooterLinksItem					{background-color:rgba(255,255,255,0.05); padding:20px; border-style:none; box-sizing:border-box;}
	LI.FooterLinksItem:nth-child(3n+1)	{}
	LI.FooterLinksItem:nth-child(4)		{}
}

@media screen and (max-width: 768px) and (min-width: 481px) {
	LI.FooterLinksItem					{background-color:rgba(255,255,255,0.05); padding:20px; border-style:none; box-sizing:border-box;}
	LI.FooterLinksItem:nth-child(2n+1)	{}
	LI.FooterLinksItem:last-child		{display:block;}
}

@media screen and (max-width: 480px) {
	LI.FooterLinksItem		{text-align:center; border-style:none; padding:0px;}
	DIV.FooterLinksItemInner::after	{content: " _________________________ "; color:#cd181d; border-bottom:#000 1px solid;}
}


/*^ Freebox 2 (Footer bottom left) ^*/
#FreeBox_Section2								{}
#FreeBox_Section2 DIV.FreeBoxContainer			{}
#FreeBox_Section2 DIV.FreeBoxInner				{}
#FreeBox_Section2 DIV.FreeBoxItemContainer		{}
#FreeBox_Section2 DIV.FreeBoxTitleContainer		{}
#FreeBox_Section2 DIV.FreeBoxTitle				{margin:0px 0px 10px 0px;}
#FreeBox_Section2 H3.FreeBoxTitle				{color:#fff; font-size:1.6rem; line-height:120%; font-weight:bold;}
#FreeBox_Section2 H3.FreeBoxTitle A				{color:#fff;}
#FreeBox_Section2 H3.FreeBoxTitle A:hover		{color:#fff;}
#FreeBox_Section2 DIV.FreeBoxBody				{color:#fff;}
#FreeBox_Section2 DIV.FreeBoxBody A				{color:#ffffff; text-decoration:none;}
#FreeBox_Section2 DIV.FreeBoxBody A:hover		{color:#ffffff; text-decoration:underline;}


/*^ Freebox 3 (Hp on media) ^*/
#FreeBox_Section3								{max-width:calc(100% - 360px);}
#FreeBox_Section3 DIV.FreeBoxContainer			{text-align:center;}
#FreeBox_Section3 DIV.FreeBoxInner				{}
#FreeBox_Section3 DIV.FreeBoxItemContainer		{}
#FreeBox_Section3 DIV.FreeBoxTitleContainer		{}
#FreeBox_Section3 DIV.FreeBoxTitle				{margin:0px 0px 10px 0px;}
#FreeBox_Section3 H3.FreeBoxTitle				{color:#fff; font-size:3.6rem; line-height:115%; font-weight:bold;}
#FreeBox_Section3 H3.FreeBoxTitle A				{color:#fff;}
#FreeBox_Section3 H3.FreeBoxTitle A:hover		{color:#fff;}
#FreeBox_Section3 DIV.FreeBoxBody				{color:#fff; font-size:3.1rem; line-height:130%;}
#FreeBox_Section3 DIV.FreeBoxBody A				{color:#ffffff; text-decoration:none;}
#FreeBox_Section3 DIV.FreeBoxBody A:hover		{color:#ffffff; text-decoration:underline;}

@media screen and (max-width: 980px) {
	#FreeBox_Section3 DIV.FreeBoxContainer	{text-align:right;}
	#FreeBox_Section3 H3.FreeBoxTitle		{font-size:3rem;}
	#FreeBox_Section3 DIV.FreeBoxBody		{font-size:2.4rem;}
}

@media screen and (max-width: 780px) {
	#FreeBox_Section3						{max-width:none;}
	#FreeBox_Section3 DIV.FreeBoxContainer	{text-align:center;}
}

@media screen and (max-width: 480px) {
	#FreeBox_Section3 H3.FreeBoxTitle		{font-size:2.4rem;}
	#FreeBox_Section3 DIV.FreeBoxBody		{font-size:2rem;}
}


/******************************** Quick Subscription ****************************/
TABLE.QuickSubscription			{width:100%; margin:0px 0px 30px 0px;}
TD.QuickSubscriptionMsg		 	/*Title*/{vertical-align:top; padding:0px 0px 20px 0px; color:#ffffff; font-size:1.6rem; line-height:120%; font-weight:bold;text-align: right;}
TD.QuickSubscriptionBody		{padding:0px 0px 0px 0px;}
TABLE.QuickSubscription TABLE.wizard	{width:100%;}
DIV.QS_InputsContainer			{margin:0px 0px 10px 0px;}
DIV.QS_FieldsLabel				{color:#ffffff;}
INPUT.QuickSubscription			{/*width:232px;*/ width:100%; height:30px; color:#0b1408; border:0; outline:none; background:#fff; font-size:1.5rem; line-height:28px; padding:0px 10px 0px 10px; box-sizing:border-box;}
INPUT.ButtonQuickSubscription	{width:100%; height:30px; /* background-color:#cd181d;*/}
TD.QuickSubscriptionBody HR		{display:none;}
.QuickSubscriptionBody span     {color: #E47477;}

@media screen and (min-width: 1200px) { /* 1 items */
	TABLE.QuickSubscription				{/* max-width:150px; */}
	DIV.QS_InputsContainer				{width:100%;}
}

@media screen and (max-width: 1199px) and (min-width: 991px) { /* 3 items */
	TD.QuickSubscriptionMsg						{text-align:right !important; padding:10px 10px 10px 0px;}/*Title*/
    DIV.QS_InputsContainer						{width:31.3333333333333% !important; margin-right:3%; float:right;}
	DIV.QS_InputsContainer:nth-of-type(3n+1)	{margin-right:0px;}
}

@media screen and (max-width: 990px) and (min-width: 769px) { /* 1 items */
	TABLE.QuickSubscription				{max-width:150px;}
	DIV.QS_InputsContainer				{width:100%;}
}

@media screen and (max-width: 768px) and (min-width: 481px) { /* 1 item - inside footer */
	TABLE.QuickSubscription				{max-width: 90%; margin:auto;}
	DIV.QS_InputsContainer				{width:100%;}
}

@media screen and (max-width: 480px) { /* 1 item */
	TABLE.QuickSubscription				{max-width: 95%; margin:25px auto 0px auto;}
	TD.QuickSubscriptionMsg		 		{padding:0px 10px 10px 0px;}/*Title*/
	DIV.QS_InputsContainer				{width:100%;}


}


/******************************** Navigation Title ****************************/
DIV.NavigationTitle					{background-color:#cd181d; width:100%; display:table; margin-bottom:10px; padding:4px 14px 5px 14px; box-sizing:border-box;}
H3.NavigationTitle					{color:#ffffff; font-weight:bold; font-size:2.5rem; line-height:2.8rem;}
#opera DIV.NavigationTitle			{background-color:#cd181d;}
#dance DIV.NavigationTitle			{background-color:#009ee8;}
#music DIV.NavigationTitle			{background-color:#83ba2b;}
#children DIV.NavigationTitle		{background-color:#f28801;}

@media screen and (max-width: 768px) {
	DIV.NavigationTitle.open		{border:#fff 1px solid; padding:7px 10px 7px 10px; background:#cd181d url('../x-closeV-white.png') no-repeat left 7px; cursor:pointer;}/* x-closeV-white.png */
	DIV.NavigationTitle.closed		{border:#fff 1px solid; padding:7px 10px 7px 10px; background:#cd181d url('../toMenu-vert-white.png') no-repeat left 7px; cursor:pointer;}/* toMenu-vert-white.png */
	#opera DIV.NavigationTitle		{background-color:#cd181d;}
	#dance DIV.NavigationTitle		{background-color:#009ee8;}
	#music DIV.NavigationTitle		{background-color:#83ba2b;}
	#children DIV.NavigationTitle	{background-color:#f28801;}
}


/******************************* DARONET *****************************/
TABLE.daronet		{direction:ltr; margin-top:14px;}
TD.daronet_link		{font-family:Arial; vertical-align:top;padding: 1px 5px; line-height:15px; white-space:nowrap;}
A.Daronet			{font-size:13px; font-weight:normal;color: #9fa0b1; text-decoration:none;}
A.Daronet:hover		{color: #f4f4f4; 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		{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;}

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

/***** output (animated title & text) /*****/
DIV.output					{overflow:hidden; display:inline-table; position:absolute; direction:rtl; text-align:center; background:rgba(255,255,255,0.6); z-index:500;}
/* title */
DIV.output H2				{width:100%; margin:0px; display:block; color:#ffffff; padding:10px 10px 0px 10px; font-size:2.5rem; line-height:2.8rem; font-weight:normal; box-sizing:border-box;}
DIV.output H2 A				{display:block; color:#000; text-decoration:none;}
DIV.output H2 A:hover		{color:#000; text-decoration:underline;}
DIV.output H2 A:focus		{color:#000; text-decoration:underline;}
DIV.output H2::after {content:" _____ "; color: transparent; position:relative; top:14px; border-top:#ff8c37 2px solid;}
/* text */
DIV.output P					{width:100%; margin:0px 0px 10px 0px; padding:0px 10px 0px 10px; color:#000; text-shadow:0px 0px 10px #ffffff; font-size:15px; box-sizing:border-box;}
/* read more */
DIV.output A.ReadMore			{width:60px; display:inline-table; height:25px; background:#ff8c37; color:#ffffff; margin:auto; padding:0px 10px 0px 10px; font-size:15px; 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 (max-width: 768px) { /* small screens */
	DIV.output				{height:160px !important; display:table; background:rgba(8,32,66,0.1); border:0; width:100% !important; position:relative; /*right:0 !important; left:0 !important;*/}
	DIV.output H2			{width:100% !important; color:#333333; padding-top:10px;}
	DIV.output H2 A			{color:#333333;}
	DIV.output H2 A:hover	{color:#333333;}
	DIV.output P			{width:100% !important; color:#333333;}
}
@media screen and (max-width: 480px) { /* small screens */
	DIV.output				{height:200px !important;}
	DIV.output H2			{font-size:2.1rem; line-height:2.4rem; margin-bottom:-5px;}
	DIV.output H2::after 	{top:8px;}
}


/***** Arrows *****/
.sliderCycleContainer A.CycleArrow			{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:#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:#ffffff; 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:#ffffff !important; text-decoration:none;}
.sliderCycleContainer #tabs LI.activeSlide A.Tab:hover		{background:#c50235 !important; color:#ffffff !important; text-decoration:none;}
.sliderCycleContainer #tabs LI.activeSlide A.Tab:focus		{background:#c50235; color:#ffffff; 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;}
*/