@font-face {

		font-family: 'joker';

		src: url('joker/jokerregularwebfont.eot');

		src: url('joker/jokerregularwebfont?#iefix') format('embedded-opentype'),

		url('joker/jokerregularwebfont.woff') format('woff'),

		url('joker/jokerregularwebfont.ttf') format('truetype'),

		url('joker/jokerregularwebfont.svg#jokerregular') format('svg');

		font-weight: normal;

		font-style: normal;

	}

	@font-face {

		font-family: 'joker-bold';

		src: url('joker/jokerboldwebfont.eot');

		src: url('joker/jokerboldwebfont?#iefix') format('embedded-opentype'),

		url('joker/jokerboldwebfont.woff') format('woff'),

		url('joker/jokerboldwebfont.ttf') format('truetype'),

		url('joker/jokerboldwebfont.svg#jokerbold') format('svg');

		font-weight: normal;

		font-style: normal;

	}


/******** reset ********/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,button {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}


html{width:100%;height:100%; -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */}
* { margin: 0; padding: 0px; }
* {box-sizing: border-box;}
*::before, *::after {box-sizing: border-box;}
body{margin: 0; padding: 0;font:normal 62.5%  joker, arial, sans-serif;color:#293230;direction:rtl;text-align:right;height: 100%;width:100%;background-color:#f9f9f9;}




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;font-family:joker;} 
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;}
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; }


article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary
 { /* 1 */
  display: block;
}

canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}


progress {vertical-align: baseline;}

template, /* 1 */
[hidden] {
  display: none;
}

a {background-color: transparent; /* 1 */-webkit-text-decoration-skip: objects; /* 2 */}
a:active,
a:hover {outline-width: 0;}
abbr[title] {border-bottom: none; /* 1 */text-decoration: underline; /* 2 */text-decoration: underline dotted; /* 2 */}
b,
strong {font-weight: inherit;}
b,
strong {font-weight: bolder;}
dfn {font-style: italic;}
mark {background-color: #ff0;color: #000;}
small {font-size: 80%;}
sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg:not(:root) {overflow: hidden;}

code,
kbd,
pre,
samp {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
hr {box-sizing: content-box; /* 1 */height: 0; /* 1 */overflow: visible; /* 2 */}
button,
input,
select,
textarea {font: inherit; /* 1 */margin: 0; /* 2 */}
optgroup {font-weight: bold;}
button,
input { /* 1 */overflow: visible;}
button,
select { /* 1 */text-transform: none;}
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {-webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding:0px;margin:0px;}
legend {box-sizing: border-box; /* 1 */color: inherit; /* 2 */display: table; /* 1 */max-width: 100%; /* 1 */padding: 0; /* 3 */white-space: normal; /* 1 */}
textarea {overflow: auto;}
[type="checkbox"],
[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-input-placeholder {color: inherit;opacity: 0.54;}
::-webkit-file-upload-button {-webkit-appearance: button; /* 1 */font: inherit; /* 2 */}



/* general */
.clear {float:none;clear:both;}
A {text-decoration:none;color:#000000;}
/* clear fix */


.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}


.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:arial !important;border:1px solid #000;padding:5px;}
select {color: #000000; direction: rtl; text-align: right;font-family:joker;border:1px solid #000;padding:5px;}

/* 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; }
.DisplayTableLTR { display: table;border-collapse:collapse;direction:ltr;}
.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; }
.TextAlignRight{ text-align: right; }
.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:auto; left: 0; bottom:auto; right: 0;}
.AbsoluteVertical {position:absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.AbsoluteCenterAll { height: auto; left: 50%; line-height: 1em; margin: 0 auto; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.CenterAutoHeightText{position: relative;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-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;}
.BgDefault { background-color: #FFF; }
.ContentWidth { width: 72%; }
.NoPadding { padding: 0 !important; }
.NoMargin { margin: 0 !important; }
.BorderBottomDashed { border-bottom: 1px dashed #e1e1e1; }
.ShowCursor { cursor: pointer; }
.FixedTableLayout { table-layout: fixed; }
.Width90 { width: 90%; }
.Width60 { width:60%; }
.DirRtl{direction:rtl;}
.DirLtr{direction:ltr;}
.NoBottomBorder{border-bottom:none !important;}
.NoWrap{white-space:nowrap;}

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+ */


input[type="submit"] { -webkit-appearance: none; }

::-webkit-input-placeholder {color:#aaaaaa;font-family:joker;opacity: 1 !important;vertical-align:top;}
:-moz-placeholder { /* Firefox 18- */color:#aaaaaa;font-family:joker;opacity: 1 !important;vertical-align:top;}
::-moz-placeholder {  /* Firefox 19+ */color:#aaaaaa;font-family:joker;opacity: 1 !important;vertical-align:top;}
:-ms-input-placeholder {color:#aaaaaa;font-family:joker;opacity: 1 !important;vertical-align:top;}

.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); }
.Opacity100 { -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100)  !important; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100)  !important; filter: alpha(opacity=100)  !important; }

.SiteDefaultPadding { padding-top: 13px; }
.SiteDefaultPaddingMed{ padding-top:30px; }
.SiteDefaultPaddingBig{ padding-top:55px; }
.SiteDefaultPaddingBottom { padding-bottom: 13px; }
.SiteDefaultPaddingBottomMed { padding-bottom: 30px; }
.SiteDefaultPaddingBottomBig { padding-bottom:55px; }
.SiteDefaultPaddingRight { padding-right: 13px; }
.SiteDefaultMargin {margin-top: 13px; }
.SiteDefaultMarginBottom {margin-bottom: 13px; }
.SiteDefaultMarginBig { margin-top: 30px; }
.SiteDefaultMarginBigger {margin-top:55px; }
.SiteDefaultMarginMed{margin-top:30px; }
.SiteDefaultMarginMedBottom{margin-bottom:30px; }

small { font-size:0.6em; }



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


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


/* layout **/

.SiteWidth{margin:0px auto;}



.Square{position: relative;width:100%;overflow: hidden;}
.Square{content: "";display: block;padding-top: 100%;}
.SquareContent{position:  absolute;top: 0;left: 0;bottom: 0;right: 0;}


.UnderLine {text-decoration:underline;}
br {display: block;margin:2px 0;}
.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;}
.InputText{ height: 24px;font-size: 1.4em;line-height:24px;vertical-align:middle;border:1px solid #191919;font-family:Arial;}
.DefaultBorder { border: 1px solid #cccccc; }
.DefaultFontSmall{font-size: 1.6em;line-height:1.4em; }
.DefaultFont { font-size:1.8em;line-height:1.3em; }
.DefaultFontMinLineHeight {font-size:2.2em;line-height:0.8em; }
.DefaultFontImportant { font-size: 1.8em !important;line-height:1.1em !important; }
.DefaultFontBig { font-size:2.2em; line-height: 1.7em; }
.BoldFont { /*font-family: joker Bold;*/font-weight:bold; }
.DefaultFontSmallest{font-size: 1.2em;line-height:1.4em; }
.Circle{border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;}

/*H1*/

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


/*buttons and forms*/

.DefaultForm {}
.DefaultForm  .DefaultButton { background-color: #ffb901;color: #fff; font-size:1.8em; font-family: joker Bold;border:none;height:30px;line-height:30px;padding:0 10px; }
.DefaultForm  input[type="text"]{ background-color: #fff;border:1px solid #acacac;height:30px;line-height:30px;padding:5px;font-size:1.8em;}
.DefaultForm  select{ background-color: #fff;border:1px solid #acacac;height:30px;line-height:30px;font-size:1.8em;vertical-align:middle;}
.DefaultForm  label{height:30px;line-height:30px;font-size:1.8em;vertical-align:middle;}

/*Layout*/
.PageContent{padding-top:144px;min-height:700px;}
/*
.ColContent{width:66%;margin-left:4%;}
.ColSale{width:30%;}
*/
.ColContent{width:50%;margin-left:4%;}
.ColSale{width:46%;}
.ColContentForVideo{width:30%;margin-left:4%;}
.ColSaleForVideo{width:66%;}
.WhiteBackGround{background-color:#fff;padding:22px 0;border-bottom:1px solid #e4e4e4;}
.ChrdalBackgound{background-color:#f9f9f9;padding:22px 0;border-bottom:1px solid #e4e4e4;}
.ChrdalBackgound:first-child{padding:0 0 22px 0;}

/*Colors*/

.ColorGreen{color:#4bbfa5;}


/*Hover effects*/

/* Overline From Center */
.hvr-overline-from-center,
.ButtonGreen {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before,
.ButtonGreen:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background-color:#0E997A;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;  
}

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before, 
.ButtonGreen:hover:before, .ButtonGreen:focus:before, .ButtonGreen:active:before,
.ButtonBlue:hover:before, .ButtonBlue:focus:before, .ButtonBlue:active:before
 {
  left: 0;
  right: 0;
}



/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: top;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top:-5px;
  background: #ffb901;
  height:4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


/*buttons*/

.ButtonDefaultWithOutForm{padding:5px 30px;color:#fff;}
.ButtonMoreItems { font-size:2.2em; background-color: #f9f9f9;text-align: center; padding:8px 20px; border: 1px solid #4bbfa5;color:#4bbfa5;margin-top:8px;}
.ButtonGreen{background-color:#4bbfa5;}
.ButtonBlue{background-color:#4b65bf;}
.hvr-overline-from-center:before,
.ButtonBlue:before {background-color:#9bade6;}
.ButtonYellow{background-color:#ffb901;}
.hvr-overline-from-center:before,
.ButtonYellow:before {background-color:#ffd464;}
.ButtonPink{background-color:#a54bbf;}
.hvr-overline-from-center:before,
.ButtonPink:before {background-color:#DBA5EB;}



.FormRequired:focus {border: 1px solid #4bbfa5;outline: none;}
.InputError{border: 1px solid red !important;}
.BuyNowFloat{padding:5px 0;background-color:rgba(75,191,165,0.8);font-size:2.0em;font-weight:bold;position:fixed;bottom:0px;right:2%;color:#3c3c3c;z-index:9999999999;width:96%;text-align:center;}



/*====dont show over in more items box, because the square is too small======



.MoreItemsBox .ItemList .ColProperties:hover > .Over{display:block !important;}
.MoreItemsBox .ItemList .ColProperties:hover > h2{display:block;}
.MoreItemsBox .ItemList .ColProperties:hover > h3{display:block;}
.MoreItemsBox .ItemList h3{padding:5px;}*/

@keyframes grow {
  0% {display: none;background-color:rgba(94,94,94,0);}
  1% {display: block;background-color:rgba(94,94,94,0);}
  100% {background-color:rgba(94,94,94,0.8);}
}

@-webkit-keyframes grow {
  0% {display: none;background-color:rgba(94,94,94,0);}
  1% {display: block;background-color:rgba(94,94,94,0);}
  100% {background-color:rgba(94,94,94,0.86);}
}



h1{font-size:4.2em;line-height:1.2em;border-top:2px solid #4bbfa5;border-bottom:2px solid #4bbfa5;padding:10px 0;}
.section{min-height:700px;background-color:#fff;padding:40px;width:80%;margin:50px auto;}

.OrderBy{color:blue;cursor:pointer;}
.OrderByActive{color:grey;cursor:none;}


.Pageing:hover{font-weight:bold;}

/*==========Page Admin Main========================*/

.PageAdminMain ul{padding-top:40px;}
.PageAdminMain ul li{padding-bottom:20px;}
.PageAdminMain ul li a{color:#000;}
.PageAdminMain ul li a:hover{font-weight:bold;}

/*==========Page Admin Resturant========================*/
.PageAdminResturant .DisplayTable{border:1px solid #000;}
.PageAdminResturant .DisplayTable .DisplayTableRow{border-bottom:1px solid #000;}
.PageAdminResturant .DisplayTable .DisplayTableCell{padding:10px 20px;}
.PageAdminResturant .DisplayTable .DisplayTableCell a{text-decoration:underline;}
.PageAdminResturant .SinunWrap{background-color:#ffffda;padding:20px;}
.PageAdminResturant .SinunWrap  h2{font-size:1.5em;}
.PageAdminResturant .SinunWrap select{line-height:34px;height:34px;vertical-align:middle;}
.PageAdminResturant .ChangeStatusWrap{background-color:#fadfda;padding:20px;}
.PageAdminResturant .FormFields .R{width:30%;margin-left:3%;}
.PageAdminResturant .FormFields input,
.PageAdminResturant .FormFields select{width:100%;vertical-align:middle;}
.PageAdminResturant .CompanyLogo{width:10%;}
/*==========Page Resturant Manager========================*/
.PageRestaurantManager {background-color:#dbdbdb;color:#56565a;	}
.PageRestaurantManager  .Header{height:108px;background-color:rgba(109,109,109,0.8);}
.PageRestaurantManager  .Header .Logo{margin:20px 30px 0 0;}
.PageRestaurantManager  .Header .ArrowBack{margin:35px 0 0 2%;display:none;}
.PageRestaurantManager .section{background-color:transparent;}
.PageRestaurantManager .section .CompanyLogo{width:10%;}
.PageRestaurantManager .section h1{border:none;padding:20px 0;font-size:4.5em;}
.PageRestaurantManager .section .Padding{padding-top:24px;}
.PageRestaurantManager .section p.Text{font-size:3.0em;}
.PageRestaurantManager .section p.TextBigger{font-size:3.3em;}
.PageRestaurantManager .section .Red{color:#bb000d;}
.PageRestaurantManager .section .CardsImage{width:36.884%;margin-top:15%;}
.PageRestaurantManager .section .InputText{height:50px;background-color:#fff;border:1px solid #6d6e71;width:75%;font-size:3.0em;padding:5px 10px;	}
.PageRestaurantManager .section .InsertCode{width:60%;margin:0 auto;}
.PageRestaurantManager .section .FailureMessage,
.PageRestaurantManager .section .FailureMessageStartDate,
.PageRestaurantManager .section .FailureMessageExperation,
.PageRestaurantManager .section .FailureMessageOtherStore{width:60%;margin:0 auto;display:none;}
.PageRestaurantManager .section .InsertCode p{text-align:right;}
.PageRestaurantManager .section .InputButton{height:50px;background-color:#6dcff6;color:#fff;font-size:3.3em;width:22%;text-align:center;margin-right:3%;}
.PageRestaurantManager .section .ButtonToUseGreen{background-color:#28903d;color:#fff;font-size:3.3em;wtext-align:center;padding:5px 35px;}
.PageRestaurantManager .section .ButtonToUseRed{background-color:#c61c11;margin-right:2%;}
.PageRestaurantManager .section .Error{font-size:2.5em;color:#bb000d;border:none !important;text-align:right;display:none;}
.PageRestaurantManager .section .SuccessMessage,
.PageRestaurantManager .section .WantToUse,
.PageRestaurantManager .section .FoundCode{display:none;}