@import url('https://fonts.googleapis.com/css?family=Assistant:400,600,700,800&subset=hebrew');

/****************************  Main Elements ***************************/
HTML					{font-size:62.5%; line-height:62.5%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}/* 62.5% so each 0.1 rem is 1px */
BODY					{text-align:center; color:#000000; height:100%; font-size:1.8rem; line-height:2.3rem; font-weight:600; font-family:'Assistant', arial, helvetica, sans-serif; margin:0; padding:0;}

H1, H2, H3, H4, H5, H6	{padding:0; margin:0;}
H1	{display:inline; font-size:2.5rem; line-height:3rem;}
H2	{display:inline; font-size:2.1rem; line-height:2.6rem;}
H3	{display:inline; font-size:1.8rem; line-height:2.3rem;}
H4	{display:inline; font-size:1.5rem; line-height:1.9rem;}
H5	{display:inline; font-size:1.3rem; line-height:1.7rem;}
H6	{display:inline; font-size:1.1rem; line-height:1.5rem;}
P						{padding:0; /* margin:0;*/ margin-top:0px; font-size:inherit;}
SMALL					{font-size:75%;}
UL						{font-size:inherit; margin:0; padding:5px 22px 5px 5px;}
LI						{margin:0; padding:0; font-size:inherit;}
UL LI					{list-style:circle url('_Pics/ListIconLevel1.png');}
OL LI					{padding:0 4px;}
TABLE					{font-size:inherit; line-height:inherit;}
TD						{font-size:inherit;}
HR						{border:0; border-top:#999999 1px solid; height:1px; width:100%; background-color:transparent;}
IMG						{border:0; padding:0; margin:0; -ms-interpolation-mode:bicubic;}

A						{text-decoration:underline; color:#fc5821; -webkit-tap-highlight-color:rgba(103,199,245,0.4);}
A:hover					{text-decoration:none; color:#c21449;}
A:active, A:focus		{}

.red					{color:red;}


/****************************** Form stuff ***********************************/
FORM						{display:inline; margin:0px;}
FIELDSET					{border:1px solid #cccccc; padding:.35rem .625rem .75rem; margin-bottom:20px; background-color:rgba(0,0,0,0.05);}
LEGEND						{border:1px solid #ddd; margin-bottom:10px; padding:5px 30px; font-weight:bold; white-space:normal; background-color:rgba(0,0,0,0.1);}
TEXTAREA					{border:#ccc 1px solid; overflow:auto; vertical-align:top; font-size:1.8rem; padding:4px 10px 4px 10px; margin:0; font-family:'assistant', arial, helvetica, sans-serif; box-sizing:border-box;}
SELECT						{height:40px; padding:0px 10px 0px 0px; margin:0; border:#ccc 1px solid; vertical-align:top; font-size:1.8rem; font-family:'Assistant', Arial, helvetica, sans-serif; box-sizing:border-box;}
INPUT						{line-height:normal; margin:0px; padding:0; vertical-align:top; font-size:1.8rem; font-family:'Assistant', Arial, helvetica, sans-serif;}
INPUT::-moz-focus-inner		{border:0; padding:0}
INPUT.input					{height:40px; line-height:21px; padding:0px 10px 0px 10px; background-color:#fff; color:#333; border:#ccc 1px solid; box-sizing:border-box;}
INPUT:-webkit-autofill		{-webkit-box-shadow:0 0 0px 1000px #fff inset; -webkit-text-fill-color:#333; padding:0px 10px 0px 10px; box-sizing:border-box;}
::-ms-clear					{display:none !important;}
INPUT[type="text"]			{vertical-align:top;}
INPUT[type="password"]		{vertical-align:top;}
INPUT[type="reset"]			{cursor:pointer; -webkit-appearance:button;}
INPUT[type="submit"]		{cursor:pointer; -webkit-appearance:button;}
INPUT[type="checkbox"]		{margin:0px 4px 0px 4px; padding:0; position:relative; top:2px; vertical-align:baseline; box-sizing:border-box;}
INPUT[type="radio"]			{margin:3px 4px 0px 4px; padding:0; box-sizing:border-box;}
INPUT[type="search"]									{-webkit-appearance:textfield; box-sizing:content-box;}
INPUT[type="search"]::-webkit-search-decoration			{-webkit-appearance:none}
INPUT[type="search"]::-webkit-search-cancel-button		{-webkit-appearance:none;}
INPUT[type="image"]			{display:block;}
INPUT[type="button"]		{cursor:pointer; -webkit-appearance:button;}
BUTTON						{line-height:normal; font-size:100%; margin:0; vertical-align:top; cursor:pointer; -webkit-appearance:button; font-family:'Assistant', Arial, Helvetica, sans-serif;}
BUTTON::-moz-focus-inner	{border:0; padding:0}

INPUT.button		{background:#fc5821; color:#fff; height:40px; border-style:none; font-size:2.3rem; padding:0px 20px 0px 20px; vertical-align:top; text-align:center; font-weight:600; border:#ccc 1px solid; cursor:pointer; font-family:'Assistant', Arial, Helvetica, sans-serif; box-sizing:border-box;}
INPUT.button:hover	{background:#c21449; color:#fff;}
A.button			{display:table; background-color:#fc5821; font-size:2rem; line-height:2.2rem; padding:9px 20px 9px 20px; color:#fff; text-align:center; border:#ccc 1px solid; margin-bottom:15px; text-decoration:none; box-sizing:border-box;}
A.button:hover		{background-color:#c21449; color:#fff;}

INPUT:focus, SELECT:focus, TEXTAREA:focus	{box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2); outline:none;}

/** placeholder **/
#frmBillingCheck *::-webkit-input-placeholder		{opacity:0;}
#frmBillingCheck *:-moz-placeholder				{opacity:0;} /* FF 4-18 */
#frmBillingCheck *::-moz-placeholder				{opacity:0;} /* FF 19+ */
#frmBillingCheck *:-ms-input-placeholder			{opacity:0;} /* IE 10+ */


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

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

/************************ Header line ************************/
.header-line			{background-color:#fff; position:relative; border-bottom:#f1f5f9 4px solid;}
DIV.header				{height:91px;}
A.logo					{display:table; width:222px; margin:10px 0px 9px 0px;}
A.logo IMG				{display:block; width:100%; height:auto;}


/************************ back links Line ************************/
.buttons-line			{background:#f2f2f2; padding:20px 0px 12px 0px;}
TABLE.back-buttons		{margin:auto;}
TABLE.back-buttons TD	{padding:5px;}
TABLE.back-buttons TD A			{display:table; padding:6px 10px 6px 10px; background:#fff; color:#c21449; border:#ddd 1px solid; line-height:115%; text-decoration:none;}
TABLE.back-buttons TD A:hover	{background:#ffd322; color:#c21449; text-decoration:none;}


/************************ Footer Line ************************/
.bottom-bar-line	{background:#fff; padding:13px 0px 25px 0px; border-top:#f2f2f2 8px solid;}
DIV.bottomBar 		{position:relative;}
#footer-right		{margin-top:-12px; text-align:right;}
#ssl				{font-size:1.5rem; line-height:1.7; margin-top:18px; box-sizing:border-box;}
#daronet			{margin-top:21px;}
#credits			{position:absolute; top:-3px; right:50%; margin-right:-76px;}
A.logo IMG			{display:block;}
A.Tav-nagish		{width:32px; display:table; float:left; margin:10px 10px 13px 10px;}
A.Tav-nagish IMG	{width:100%; height:auto; display:block;}

@media screen and (max-width: 580px) {
	DIV.bottomBar 	{text-align:center;}
	#ssl			{margin:20px auto 0px auto; float:none !important; padding:0; text-align:center;}
	#daronet		{display:inline-block; margin:10px; float:none !important;}
	A.Tav-nagish	{display:inline-block; margin:10px 10px 13px 10px; float:none !important;}
	#credits		{display:table; position:static; top:auto; right:auto; margin:10px auto 0px auto;}
}


/************************ Content line ************************/
.content-line			{background-color:#fff; padding-top:65px; padding-bottom:80px;}
@media screen and (min-width: 1400px) {
	.content-line		{padding-left:55px; box-sizing:border-box;}
}
#content-in				{background-color:#f3f5f8; display:table; width:100%; box-sizing:border-box;}
DIV.all-container		{padding:40px 3.5% 30px 3.5%; box-sizing:border-box;}

/******************* Accessibility declaration.asp **********************/
DIV.text-wrap 		{padding:35px 3.5% 35px 3.5%;}
DIV.text-wrap H2	{display:block; margin:0 0 15px 0;}
DIV.text-wrap H3	{display:block; margin:0 0 10px 0;}
DIV.text-wrap OL,
DIV.text-wrap UL	{margin-top:0px; margin-bottom:10px; padding-top:0;}

#list-snifs			{display:flex; justify-content:flex-start; flex-wrap:wrap; gap:30px;}
#list-snifs UL		{margin:-5px -7px -7px 0;}

/******************* BillingCheckForm.asp **********************/
#pay_main			{padding:40px 3.5% 30px 3.5%; box-sizing:border-box;}
#bill				{padding:40px 3.5% 30px 3.5%; box-sizing:border-box; text-align:center;}
#digital			{padding:40px 3.5% 30px 3.5%; box-sizing:border-box; text-align:center;}

#pay_main .form-msg			{font-size:1.5rem; line-height:115%; margin-bottom:15px;}
#pay_main .form-row			{margin-bottom:15px; position:relative;}
#pay_main .button-row		{margin:5px 0px 15px 0px;}
#pay_main LABEL				{display:inline-table; margin-bottom:6px; font-size:2rem; line-height:115%; color:#000;}
#pay_main INPUT.input		{width:100%;}
#pay_main .mark				{display:inline-table; margin-left:6px; /*position:absolute; top:0px; right:-10px; line-height:25px;*/}
#pay_main INPUT.button		{width:100%;}
#pay_main A.button-join		{width:100%; background-color:#e8ce00; color:#3d3a3a; margin-bottom:15px;}
#pay_main A.button-join:hover	{background-color:#c21449; color:#fff;}

DIV.bill-title			{margin-bottom:10px;}
DIV.bill-title H3		{color:#000; font-size:2rem; line-height:115%; font-weight:600;}
DIV.bill-img IMG		{display:block; width:100%; height:auto; box-shadow:0 1px 8px rgba(0,0,0,0.3);}

DIV.digital-title		{margin-bottom:10px;}
DIV.digital-title H3	{color:#000; font-size:2rem; line-height:115%; font-weight:600;}
A.button-digital		{width:100%; max-width:250px; margin:0px auto 0px auto;}

@media screen and (min-width: 1081px) {
	#pay_main			{width:24.5%; display:table-cell; vertical-align:top;}
	#bill				{width:52%; display:table-cell; vertical-align:top;}
	#digital			{width:23.5%; border-right:#fff 30px solid; display:table-cell; vertical-align:top;}
}

@media screen and (max-width: 1080px) and (min-width: 801px) {
	#pay_main			{width:40%; float:right;}
	#bill				{width:60%; float:left;}
	#digital			{width:100%; padding-top:30px; border-top:#fff 30px solid; display:table;}
}

@media screen and (max-width: 800px) and (min-width: 521px) {
	#pay_main			{width:100%;}
	#bill				{width:100%;}
	#digital			{width:100%; padding-top:30px; border-top:#fff 30px solid; display:table;}
	#pay_main .form-row						{width:45%;}
	#pay_main .form-row:nth-of-type(2n+1)	{float:right;}
	#pay_main .form-row:nth-of-type(2n)		{float:left;}
	#pay_main .button-row					{width:45%; float:right;}
	A.button-join							{width:45%; float:left; margin-top:5px;}
}

@media screen and (max-width: 520px) {
	#pay_main			{width:100%;}
	#bill				{width:100%;}
	#digital			{width:100%; padding-top:30px; border-top:#fff 30px solid; display:table;}
}


/******************* StandingOrders.asp **********************/
#keva	{}
#keva > DIV			{float:right; margin:0px 0px 0px 30px;}
#keva > DIV UL		{margin-bottom:30px;}
INPUT.button button-keva	{}
DIV.credit-msg		{font-weight:bold; color:#000; font-size:115%; line-height:115%; padding-right:6px;}
.credit-msg SPAN	{display:block;}
.credit-msg A		{display:block; color:#000; text-decoration:none;}
.credit-msg A:hover	{color:#000; text-decoration:underline;}

#snifim			{padding:40px 3.5% 30px 3.5%; box-sizing:border-box;}
DIV.snifim-title		{margin-bottom:10px;}
DIV.snifim-title H2		{color:#000; font-size:2rem; line-height:115%; font-weight:600;}
#brands					{padding-right:13px;}


/******************* BankStandingOrder.asp **********************/
#bank	{}

@media screen and (max-width: 480px) {
	#bank DIV.buttons		{text-align:center;}
	#bank DIV.buttons INPUT.button		{display:inline-block; margin:0px 5px 10px 5px;}
}


/******************* CreditCardStandingOrder.asp **********************/
#credit		{}

#credit .form-msg			{font-size:1.5rem; line-height:115%; margin-bottom:20px;}
#credit FORM				{width:100%; max-width:600px; display:table; position:relative;}
#credit .form-row			{margin-bottom:15px; position:relative;}
#credit .button-row			{margin-bottom:15px; padding-top:10px;}
#credit LABEL				{display:inline-table; margin-bottom:6px; font-size:2rem; line-height:115%; color:#000;}
#credit INPUT.input			{width:100%;}
#credit .mark				{display:inline-table; margin-left:6px; /*position:absolute; top:0px; right:-10px; line-height:25px;*/}
#credit INPUT.button		{width:80px;}

#credit #phone-row > DIV			{display:inline-table;}
#credit #phone-row > DIV:first-child		{width:calc(100% - 75px);}
#credit #phone-row SELECT			{width:70px; float:left;}
#credit #phone-row > DIV:last-child LABEL		{display:block;}
#credit #phone-row > DIV INPUT.input	{width:100%;}

#credit INPUT.button:first-child	{float:right;}
#credit INPUT.button:last-child		{float:left;}

@media screen and (min-width: 641px) {
	#credit .form-row						{width:45%;}
	#credit .form-row:nth-of-type(2n+1)		{float:right;}
	#credit .form-row:nth-of-type(2n)		{float:left;}
	#credit .button-row						{width:45%; position:absolute; left:0; bottom:0; margin:0px; padding:0px;}
}

@media screen and (max-width: 640px) {
	#credit .form-msg	{text-align:center;}
	#credit FORM		{width:90%; max-width:300px; margin:auto;}
}

/******************* SubmitSubscription.asp , Subscription1.asp , Subscription2.asp , VerificationEmail.asp **********************/
#subscription	{}
#subscription .description		{margin-bottom:30px; color:#000; font-size:2rem; line-height:115%; font-weight:600;}

#subscription FORM				{width:100%; max-width:250px; display:table;}
#subscription .form-msg			{font-size:1.5rem; line-height:115%; margin-bottom:15px;}
#subscription .form-row			{margin-bottom:15px; position:relative;}
#subscription .button-row		{margin:5px 0px 15px 0px;}
#subscription LABEL				{display:inline-table; margin-bottom:6px; font-size:2rem; line-height:115%; color:#000;}
#subscription INPUT.input		{width:100%;}
#subscription .mark				{display:inline-table; margin-left:6px; /*position:absolute; top:0px; right:-10px; line-height:25px;*/}
#subscription INPUT.button		{width:100%;}

#subscription #subs-msg			{margin-bottom:75px;}
#subscription .buttons			{display:table; text-align:center; margin:0px -5px 40px -5px;}
#subscription .buttons A.button		{display:inline-block; vertical-align:top; margin:0px 5px 10px 5px; font-size:1.8rem; padding:5px 20px 5px 20px;}

/******************* MsgDoublePayment.asp , MsgNotOKCreditStandingOrders.asp  , MsgOKCreditStandingOrders.asp , MsgOK.asp **********************/
#afterPay	{}
#afterPay #pay-msg				{margin-bottom:75px;}
#afterPay .buttons				{display:table; text-align:center; margin:0px -5px 40px -5px;}
#afterPay .buttons INPUT.button					{display:inline-block; vertical-align:top; margin:0px 5px 10px 5px; height:34px; font-size:1.8rem; padding-bottom:2px;}
#afterPay .buttons INPUT.button-join			{background-color:#e8ce00; color:#3d3a3a;}
#afterPay .buttons INPUT.button-join:hover		{background-color:#c21449; color:#fff;}

#new-digital			{font-size:2rem; line-height:135%;}
#new-digital A.button	{margin-top:10px;}


/******************* BillingCheckProcessing.asp **********************/
#pay_2			{padding:40px 3.5% 30px 3.5%; box-sizing:border-box;}
#digital_2		{padding:40px 3.5% 30px 3.5%; box-sizing:border-box; text-align:center;}

#pay_2 .total				{font-weight:800; margin-bottom:15px;}
#pay_2 .total SPAN			{display:inline-table; padding-right:15px;}
#pay_2 .fotm-title-msg		{width:100%; display:table; margin-bottom:15px;}
#pay_2 .form-msg			{font-size:1.5rem; line-height:115%; margin-bottom:15px;}
#pay_2 .form-row			{margin-bottom:15px; position:relative;}
#pay_2 .button-row			{margin:5px 0px 15px 0px;}
#pay_2 LABEL				{display:inline-table; margin-bottom:6px; font-size:2rem; line-height:115%; color:#000;}
#pay_2 INPUT.input			{width:100%;}
#pay_2 .mark				{display:inline-table; margin-left:6px; /*position:absolute; top:0px; right:-10px; line-height:25px;*/}
#pay_2 INPUT.button			{width:100%;}

#pay_2 #phone-row LABEL			{display:table; padding-right:10px;}
#pay_2 #phone-row .mark			{margin-left:0px; position:absolute; top:0px; right:0px;}
#pay_2 #phone-row SELECT		{width:70px; float:left;}
#pay_2 #phone-row INPUT.input	{width:calc(100% - 75px);}

DIV.digital-title		{margin-bottom:10px;}
DIV.digital-title H3	{color:#000; font-size:2rem; line-height:115%; font-weight:600;}
A.button-digital		{width:100%; max-width:250px; margin:0px auto 0px auto;}

@media screen and (min-width: 941px) {
	#pay_2			{display:table-cell; vertical-align:top;}
	#digital_2		{width:338px; border-right:#fff 30px solid; display:table-cell; vertical-align:top;}
	#pay_2 .form-row						{width:45%;}
	#pay_2 .form-row:nth-of-type(2n+1)		{float:right;}
	#pay_2 .form-row:nth-of-type(2n)		{float:left;}
	#pay_2 .button-row						{width:45%; float:right;}
}

@media screen and (max-width: 940px) and (min-width: 521px) {
	#pay_2			{width:100%;}
	#digital_2		{width:100%; padding-top:30px; border-top:#fff 30px solid; display:table;}
	#pay_2 .form-row						{width:45%;}
	#pay_2 .form-row:nth-of-type(2n+1)		{float:right;}
	#pay_2 .form-row:nth-of-type(2n)		{float:left;}
	#pay_2 .button-row						{width:45%; float:right;}
}

@media screen and (max-width: 520px) {
	#pay_2			{width:100%;}
	#digital_2		{width:100%; padding-top:30px; border-top:#fff 30px solid; display:table;}
}




/******************************* Page Title *****************************/
DIV.PageTitle	{color:#fc5821; font-weight:600; font-size:4rem; line-height:115%; margin:0px 0px 25px 0px;}
H1.PageTitle	{font-weight:600; font-size:100%; color:#fc5821;}


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



/******************************* Admin *****************************/
TD.admin-header			{height:1px; border-top:#fff 15px solid; background-color:#b50b32;}
TABLE.Bg				{margin-bottom:30px; direction:rtl; text-align:right;}
TABLE.Bg INPUT.button	{font-size:19px;}