﻿
@font-face {    font-family: 'joker';    src: url('/_media/css/fonts/joker/jokerregularwebfont.eot');    src: url('/_media/css/fonts/joker/jokerregularwebfont?#iefix') format('embedded-opentype'),    url('/_media/css/fonts/joker/jokerregularwebfont.woff') format('woff'),    url('/_media/css/fonts/joker/jokerregularwebfont.ttf') format('truetype'),    url('/_media/css/fonts/joker/jokerregularwebfont.svg#jokerregular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'joker-bold';    src: url('/_media/css/fonts/joker/jokerboldwebfont.eot');    src: url('/_media/css/fonts/joker/jokerboldwebfont?#iefix') format('embedded-opentype'),    url('/_media/css/fonts/joker/jokerboldwebfont.woff') format('woff'),    url('/_media/css/fonts/joker/jokerboldwebfont.ttf') format('truetype'),    url('/_media/css/fonts/joker/jokerboldwebfont.svg#jokerbold') format('svg');    font-weight: normal;    font-style: normal;}
/*

@font-face {    font-family: 'joker';    src: url('https://www.htzone.co.il/_media/css/fonts/joker/jokerregularwebfont.eot');    src: url('https://www.htzone.co.il/_media/css/fonts/joker/jokerregularwebfont?#iefix') format('embedded-opentype'),    url('https://www.htzone.co.il/_media/css/fonts/joker/jokerregularwebfont.woff') format('woff'),    url('https://www.htzone.co.il/_media/css/fonts/joker/jokerregularwebfont.ttf') format('truetype'),    url('https://www.htzone.co.il/_media/css/fonts/joker/jokerregularwebfont.svg#jokerregular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'joker-bold';    src: url('https://www.htzone.co.il/_media/css/fonts/joker/jokerboldwebfont.eot');    src: url('https://www.htzone.co.il/_media/css/fonts/joker/jokerboldwebfont?#iefix') format('embedded-opentype'),    url('https://www.htzone.co.il/_media/css/fonts/joker/jokerboldwebfont.woff') format('woff'),    url('https://www.htzone.co.il/_media/css/fonts/joker/jokerboldwebfont.ttf') format('truetype'),    url('https://www.htzone.co.il/_media/css/fonts/joker/jokerboldwebfont.svg#jokerbold') format('svg');    font-weight: normal;    font-style: normal;}
*/
html{width:100%; height: 100%;box-sizing: border-box;}
* {margin: 0;padding:0px;}
html, body {}
body{margin: 0;font:normal 62.5%  joker, arial, sans-serif;color:#000000;direction:rtl;text-align:right;letter-spacing:-1px;}


*,
*:before,
*:after {
  box-sizing: inherit;
}

/******** reset ********/
H1,H2,H3,H4,H5,P,UL,LI,FORM,BR,LABLE,A,SPAN,TABLE,TR,TH,TD,DIV,SPAN,FIELDSET,IMG {margin:0;padding:0;font-size:100%;vertical-align: baseline;outline: 0;border:none;}
H1,H2,H3,H4,H5,INPUT,SELECT,LABEL,RADIO,TD {vertical-align:middle;border:none;} 
UL,LI{list-style-type:none;}
TABLE {border-collapse: collapse;border-spacing: 0;}
/*A:link, A:hover, A:focus, A:active, A:visited, A:active:visited {border:medium none;outline-width:0;margin: 0; padding: 0;color:#000000;direction:rtl;text-align:right;}*/
:focus {outline: 0;}
DIV.centerPage { display:block; direction:rtl; width:1000px; margin:0 auto}
header, nav, section, article, aside, footer, figure {display:block;}
img { max-width: 100%;display:block; }
input[type=text]::-ms-clear { display: none; }
form { min-height: 100%;display:inline; }


/* general */
.clear {float:none;clear:both;}
A {text-decoration:none;color:#837976;}
/* clear fix */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}  html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;}
.center {text-align:center;}
.L {float:left;} .R {float:right;} .rtl {direction:rtl;} .ltr {direction:ltr;} .align_R {text-align:right;} .align_L {text-align:left;}
.small_text {font-size:1.1em;} 
.normal_text {font-size:1.2em;line-height:1.4em;} 
.mid_text {font-size:1.3em;} 
.pointer {cursor:pointer;} .P {cursor:pointer} .B {font-weight:bold;} .margin_auto {margin:0 auto;}
A:active IMG,A:link IMG,A:visited IMG,A:visited:active IMG {border:none;}
A.linkText {color:#3d3c3b; text-decoration:none;}
A.linkText:hover {color:#3d3c3b; text-decoration:none;}  


/* reset */
P, H1, H2, H3, H4, H5, H6, UL, OL, LI {margin:0;padding:0;list-style-type:none;}
LABEL {border:0;padding:0;margin:0;}
A CITE {font-style:normal;}
input {color: #000000; direction: rtl; text-align: right;font-family:joker;}

/* accessibility */
.xxlarge {font-size:2.2em;font-family:arial;} .xlarge {font-size:1.8em ;font-family:arial;} .large {font-size:1.6em;font-family:arial;}
.normal {font:normal 1.4em arial;} .small {font-size:1.2em;line-height:1.4em;font-family:arial;} .xsmall {font-size:1.1em;font-family:arial;}
.xxsmall {font-size:1em;font-family:arial;} .default_size {font:normal 1em arial;} 

/* fixes */
.Ie6Fix {font-size:1px;} .UnVisible { visibility:hidden;} 


/* spaces */
.H10 {width:100%;height:10px;clear:both;line-height:10px;font-size:1px;} 
.H20 {width:100%;height:10px;clear:both;line-height:10px;font-size:1px;}
.H30 {width:100%;height:30px;clear:both;line-height:30px;font-size:1px;}
.pb20 {padding-bottom:20px;}


/* hide */
.hidden {display:none;}
.invisible {visibility:hidden;}
.hide {position:fixed;left:-5000px;}
.hideIE6 {text-indent:9999; position:absolute;}
.lnkNull {text-decoration:none;}

/*General*/

#header_close_overlay {height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 995;display:none;background:url(images/overlay.png) repeat 0px 80px;}
.InlineBlock { display: inline-block; zoom: 1; *display: inline; }
.BackGround { background-repeat: no-repeat; background-size: 100%; background-position: center; }
.DisplayBlock { display: block; }
.DisplayBlockImportant { display: block !important; }
.VerticalCentering {position:absolute;top: 50%;left: 50%;margin-top: -50px;margin-left: -25px;}
.TitleBig { font-size: 5.2em; font-family: bold; }
.TitleMedPink {font-size:2.0em; font-family: bold;color:#C0264B;}
.BorderBox { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ }
.DisplayInlineImportant { display: inline-block !important; zoom: 1; *display: inline; }
.DisplayInline { display: inline-block; zoom: 1; *display: inline; }
.DisplayTable { display: table;border-collapse:collapse; }
.DisplayTableSeperate { display: table;border-collapse:separate;border-spacing:0; }
.DisplayTableRow{ display:table-row;}
.DisplayTableCell{display:table-cell;vertical-align:top;}
.TableFixed { table-layout: fixed; }
.FullHeight { height: 100%; }
.FullWidth {width:100% !important;}
.FullWidthImportant { width: 100% !important; }
.PositionRelative {position:relative; }
.PositionAbsolute{position:absolute; }
.PositionAbsoluteDefault{position:absolute;top:0px;left:0px; }
.PositionAbsoluteDefaultRight{position:absolute;top:0px;right:0px; }
.PositionAbsoluteDefaultBottom{position:absolute;bottom:0px;left:0px; }
.PositionAbsoluteDefaultRightBottom{position:absolute;bottom:0px;right:0px; }
.DisplayBorderBox { box-sizing: border-box; }
.AbsoluteCenter {margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}
.TextAlignLeft { text-align: left; }
.VerticalMiddle { vertical-align: middle; }
.VerticalMiddleImportant { vertical-align: middle !important; }
.Unselectable {-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.MarginAuto { margin: 0px auto; }
.MarginAutoImportant{ margin: 0px auto !important; }
.TextCenter { text-align: center; }
.TextCenterImportant { text-align: center !important; }
.NoTransition { transition: none !important; transform: none !important; }
.DisplayNone {display:none !important; }
.NoFloat { float: none !important; }
.TextOverflow { overflow: hidden; text-overflow: ellipsis; }
.AbsoluteHorizintalCenter {margin: auto;position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.AbsoluteCenterAll { height: auto; left: 50%; line-height: 1em; margin: 0 auto; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.technique{}
.technique span {display: block;height: 0;overflow: hidden;width: 0;}
.ZIndex { z-index: 100; }
.BoxRadius { -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius: 10px; }
.BoxRadiusLess { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.BoxRadiusRight{-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.BoxRadiusLeft{-webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.BorderRadiusTop { -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.BorderRadiusBottom{-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.BorderRadiusCircle { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.BgDefault { background-color: #FFF; }
.DefaultFont { font-size: 1.4em; }
.ContentWidth { width: 72%; }
.NoPadding { padding: 0 !important; }
.NoMargin { margin: 0 !important; }
.BorderBottomDashed { border-bottom: 1px dashed #e1e1e1; }
.ShowCursor { cursor: pointer; }
.FixedTableLayout { table-layout: fixed; }
.BoldFont { font-family: joker-Bold;}


input:-webkit-input-placeholder { color:#b4b4b4;font-size:1.8em;font-family:joker; }
input:-moz-placeholder { color:#b4b4b4;font-size:1.8em;font-family:joker; } /* FF 4-18 */
input:-moz-placeholder { color:#b4b4b4;font-size:1.8em;font-family:joker; } /* FF 19+ */
input:-ms-input-placeholder { color:#b4b4b4;font-size:1.8em; font-family:joker;} /* IE 10+ */


input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.Opacity50 { -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); }
.Opacity60 { -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); filter: alpha(opacity=60); }
.Opacity70 { -moz-opacity: 0.70; -khtml-opacity: 0.70; opacity: 0.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); }
.Opacity80 { -moz-opacity: 0.70; -khtml-opacity: 0.80; opacity: 0.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); }
.Opacity90 { -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); filter: alpha(opacity=90); }

.SiteDefaultPadding { padding-top: 13px; }
.SiteDefaultPaddingBig{ padding-top:35px; }
.SiteDefaultPaddingBottom { padding-bottom: 13px; }
.SiteDefaultMargin {margin-top: 13px; }
.SiteDefaultMarginBottom {margin-bottom: 13px; }
.SiteDefaultMarginBig { margin-top: 30px; }
small { font-size:0.6em; }

/*H1*/


.Eng .R { float: left; }
.Eng .L { float: right; }


.Fr .R { float: left; }
.Fr .L { float: right; }

/* layout **/
.SiteWidth{margin:0 auto;/*max-width:70%;*/max-width:750px;width:96%;}



.UnderLine {text-decoration:underline;}
.DefaultFont { font-size: 1.5em;line-height:1.3em; }
br {display: block;margin:2px 0;}
h1 {font-size:1.8em;text-align:center;}
.aUnderLine { text-decoration: underline;}

.BoxRadius { -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius: 10px; }
.BoxRadiusLess { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.BoxRadiusRight{-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.BoxRadiusLeft{-webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.BorderRadiusTop { -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.BorderRadiusBottom{-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.DefaultBorder { border: 1px solid #cccccc; }
.DefaultFont { font-size: 1.5em; line-height: 1.6em; }
.DefaultFontBig { font-size: 1.7em; line-height: 1.7em; }

#header_close_overlay { background: url("images/overlay.png") repeat scroll 0 80px rgba(0, 0, 0, 0); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 995; }


.DefaultButton { background-color: #ffd2c0; padding:10px 25px; color: #fff; font-size:1.8em; font-family: joker Bold;border:none; }
.DefaultButton span{text-decoration: underline; }
.WishListButton{border:3px solid #cbdcdb;padding:10px 0px; color: #837976; font-size:1.6em;}
.BrownButton { background-color: #837976; border: medium none; color: #fff; font-size: 1.3em;  height: 38px;line-height:38px;padding:0 13px; text-align: center; }
.WhiteButtonWithBrownBorder{border:1px solid #837976; color: #837976; font-size: 1.8em; padding:10px 25px;text-align: center; }


.SmallSeparateLine { background: url(images/small_seperate_line.png) no-repeat top right; height: 5px; }

.FormDefault { }
.FormDefault input[type="text"]{height:38px;border:1px solid #a89b96;padding:3px 13px;font-family:joker;font-size:1.3em;color:#a0a0a0 ;}
.FormDefault input[type="password"]{height:38px;border:1px solid #a89b96;padding:3px 13px;font-family:joker;font-size:1.3em;color:#a0a0a0 ;}
.FormDefault input[type="email"]{height:38px;border:1px solid #a89b96;padding:3px 13px;font-family:joker;font-size:1.3em;color:#a0a0a0 ;}
.FormDefault select{height:38px;border:1px solid #a89b96;padding:3px 13px;font-family:joker;font-size:1.3em;color:#a0a0a0 ;}
.FormDefault textarea{height:165px;border:1px solid #a89b96;padding:3px 13px;font-family:joker;color:#a0a0a0;font-size:1.3em;}
.FormDefault .CheckBox:not(checked){display:none;}
.FormDefault .CheckBox:not(checked) + label span {display:inline-block;width:15px;height:15px;margin:-1px 4px 0 5px;vertical-align:middle;background:url(images/icon_checkbox.png) right top no-repeat;cursor:pointer;}
.FormDefault .CheckBox:checked + label span {background:url(images/icon_checkbox.png) right bottom no-repeat;}


.decorated{overflow: hidden;text-align: center;}
.decorated > span{position: relative;display: inline-block;font-size:1.8em;}
.decorated > span:before, .decorated > span:after{content: '';position: absolute;top: 50%;border-bottom:1px solid;margin: 0 20px;width:150%;}
.decorated > span:before{right: 100%;}
.decorated > span:after{left: 100%;}



.checkboxFive {width:25px;height:25px;margin: 23px 0 0 20px;position: relative;}
.checkboxFive label {cursor: pointer;position: absolute;width: 25px;height: 25px;top: 0;right: 0;background: #fff;border:2px solid #565656;}
.checkboxFive label:after {opacity: 0;content: '';position: absolute;width:25px;height:13px;background: transparent;top:-4px;left:3px;border: 3px solid #ec2978;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);ransform: rotate(-45deg);}
.checkboxFive label:hover::after {opacity: 0;}
.checkboxFive input[type=checkbox]:checked + label:after {opacity: 1;}

/*--------------Page HP---------------*/
.PageHP{padding:20px 0;}
.PageHP .LogoWrap{padding-bottom:20px;border-bottom:1px solid #000000;}
.PageHP .LogoWrap a{width:45%;display:block;}
.PageHP .Form{padding-top:15px;}
.PageHP h1{font-size:4.5em;color:#00b9ec;padding-top:15px;font-weight:bold;}
.PageHP .Title{font-size:4em;color:#000;padding:10px 4%;}
.PageHP .Text{font-size:2.4em;color:#000;padding:10px 4%;text-align:center;}
.PageHP h2{font-size:3.4em;color:#000;padding:20px 4%;text-align:center;margin-top:35px;border-top:1px solid #000;border-bottom:1px solid #000;}
.PageHP .IntrestTitleWrap{padding-top:68px;}
.PageHP .IntrestTitleWrap span{font-size:5em;color:#ec2978;border-bottom:1px solid #e1e1e1;padding-bottom:9px;}
.PageHP fieldset{padding:35px 20% 0 0;}
.PageHP fieldset .Row{padding-top:25px;height:25px;line-height:25px;vertical-align:middle;font-size:2.0em;margin-bottom:25px;}
.PageHP fieldset .Row  .Label{font-size:3em;}
.PageHP fieldset .Row .InputText{height:54px;line-height:40px;background-color:#fff;border:1px solid #000;font-size:2.8em;padding:5px;vertical-align:middle;width:100%;}
.PageHP fieldset .Row .Error{font-size:20px;color:red;padding:5px;display:block;}
.PageHP button { background-color: #ec2978; color: #fff; font-size:3.0em;padding:8px 40px;border:none;font-family:joker;}
.PageHP .Final {padding-top:20px}
.PageHP Footer {padding:35px 0;margin-top:70px;border-top:1px solid #000;}
.PageHP Footer span{font-size:2.4em;}
.PageHP Footer .Remove{padding:7px 14px;border:2px solid #000;font-size:2em;color:#000;margin-top:15px;}
div#over_img_content {    margin-top: -25%;    position: relative;}*{	box-sizing:border-box;}body.PageHP.SiteWidth {    background: #fff;    padding: 0 0 20px;    vertical-align: top;    min-height: 100%;}html {    background: #4c4c4c;}div#user_email {    display: block;    margin: auto;    width: fit-content;    max-width: 90%;    text-align: center;    font-size: 30px;    font-family: arial;    letter-spacing: 1px;    border: 2px solid #000;    padding: 20px;    box-sizing: border-box;    background: #fff;    clear: both;	text-overflow: ellipsis;    overflow: hidden;    text-align: left;    direction: ltr;}a#logo_abs {    position: absolute;    top: -20%;    right: 0;    width: 21%;    height: 15%;}