@charset "utf-8";
/* =====core structure================ */
.grid {
	float:right; /* ========== */
	height:auto;
	padding:0;
}
.grid .box {
	width:100%;
	height:auto;
	border:solid 1px #aaa;
	/* overflow:hidden; */
}
.grid .border1 {
border:solid 1px #ccc!important;
}
/* === float and no float ==== */
.no_float {
	float:none !important;
	clear:both !important;
	margin:auto !important;
}
.float_left {
	float:left !important;
}
/* ===== absolute and fixed ==== */
.abs {
	position:absolute;
}
.abs img{
	width:100%;
}
.fixed {
	position:fixed;
}
.fixed img{
	width:100%;
}
/* ===== limits ================= */
@media (min-width: 993px) {
.limit_width, .grid .limit_width {
	width:95% !important;
	margin:auto;
	height:auto;
	max-width:1480px;
	min-width:1000px;
}
.grid .min_height {
	min-height:800px;
}
.grid .min_height1 {
	min-height:1250px;
}
}
@media (max-width: 992px) {
.limit_width, .grid .limit_width {
	width:97% !important;
	margin:auto;
	height:auto;
	max-width:1280px;
	min-width:1px;
}
.grid .min_height {
	min-height:1px;
}
}
.grid .of_hidden, .of_hidden {overflow:hidden}
.grid .of_auto, .of_auto {overflow:auto}

/* ====== hide from phone ====== */
@media (min-width: 993px){.hide_from_phone {display:block;}}
@media (max-width: 992px){.hide_from_phone {display:none;}}
@media (min-width: 993px){.hfp {display:block;}}
@media (max-width: 992px){.hfp {display:none;}}
/* ====== hide from desktop ====== */
@media (min-width: 993px){.hide_from_desktop {display:none;}}
@media (max-width: 992px){.hide_from_desktop {display:block;}}
@media (min-width: 993px){.hfd {display:none;}}
@media (max-width: 992px){.hfd {display:block;}}
/* ====== hide from phone inline ====== */
@media (min-width: 993px){.hide_from_phone_inline {display:inline;}}
@media (max-width: 992px){.hide_from_phone_inline {display:none;}}
/* ===== paddings ================ */
@media (min-width: 993px) {
.padding3 {padding:3px !important;}
.padding5 {padding:5px !important;}
.padding10 {padding:10px !important;}
.padding15 {padding:15px !important;}
.padding20 {padding:20px !important;}
.padding25 {padding:25px !important;}
.padding30 {padding:30px !important;}
.padding_horz3 {padding:0 3px !important;}
.padding_horz5 {padding:0 5px !important;}
.padding_horz10 {padding:0 10px !important;}
.padding_horz15 {padding:0 15px !important;}
.padding_horz20 {padding:0 20px !important;}
.padding_horz25 {padding:0 25px !important;}
.padding_horz30 {padding:0 30px !important;}
.padding_vert3 {padding:3px 0 !important;}
.padding_vert5 {padding:5px 0 !important;}
.padding_vert10 {padding:10px 0 !important;}
.padding_vert15 {padding:15px 0 !important;}
.padding_vert20 {padding:20px 0 !important;}
.padding_vert25 {padding:25px 0 !important;}
.padding_vert30 {padding:30px 0 !important;}
}
@media (max-width: 992px) {
.padding3 {padding:3px !important;}
.padding5 {padding:5px !important;}
.padding10 {padding:10px !important;}
.padding15 {padding:15px !important;}
.padding20 {padding:20px !important;}
.padding25 {padding:25px !important;}
.padding30 {padding:30px !important;}
.padding_horz3 {padding:0 3px !important;}
.padding_horz5 {padding:0 5px !important;}
.padding_horz10 {padding:0 5px !important;}
.padding_horz15 {padding:0 5px !important;}
.padding_horz20 {padding:0 5px !important;}
.padding_horz25 {padding:0 5px !important;}
.padding_horz30 {padding:0 5px !important;}
.padding_vert3 {padding:5px 0 !important;}
.padding_vert5 {padding:5px 0 !important;}
.padding_vert10 {padding:5px 0 !important;}
.padding_vert15 {padding:5px 0 !important;}
.padding_vert20 {padding:5px 0 !important;}
.padding_vert25 {padding:5px 0 !important;}
.padding_vert30 {padding:5px 0 !important;}
}
/* == */
.grid .padding_inner1 {padding:1px;}
.grid .padding_inner2 {padding:2px;}
.grid .padding_inner3 {padding:3px;}
.grid .padding_inner5 {padding:5px;}
.grid .padding_inner10 {padding:10px;}
.grid .padding_inner15 {padding:15px;}
.grid .padding_inner20 {padding:20px;}

.grid .padding_inner_vert5 {padding:3px 0;}
.grid .padding_inner_vert5 {padding:5px 0;}
.grid .padding_inner_vert10 {padding:10px 0;}
.grid .padding_inner_vert15 {padding:15px 0;}
.grid .padding_inner_vert20 {padding:20px 0;}
.grid .padding_inner_vert25 {padding:25px 0;}


.grid .padding_inner_horz3 {padding:0 3px;}
.grid .padding_inner_horz5 {padding:0 5px;}
.grid .padding_inner_horz10 {padding:0 10px;}
.grid .padding_inner_horz15 {padding:0 15px;}
.grid .padding_inner_horz20 {padding:0 20px;}

/* ====== border ========= */
.grid .no_border, .no_border, .grid .nb, .nb {border:none!important;}
/* ====== nav h ========== */
.nav_link .selected {background-color:rgba(22,107,168,1.0);color:#fff;}

.nav_link .selected:hover {
-webkit-animation-name:nav_hover;
animation-name: nav_hover;
-webkit-animation-duration: 0.0s;
animation-duration: 0.0s;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
}
@media (min-width: 993px) {
.nav_link a{
display:block;
line-height:40px;
border-right:solid 1px;
}
.grid .nav_holder .grid .nav:first-child {border-right:solid 1px #fff;}
.grid .nav_shadow_top_light {box-shadow: 0px 20px 10px 0px rgba(255, 255, 255, 0.2) inset;}
.grid .nav_shadow_bottom_light {box-shadow: 0px -20px 1px 0px rgba(255, 255, 255, 0.2) inset;}
.grid .nav_shadow_top_dark {box-shadow: 0px 20px 1px 0px rgba(0, 0, 0, 0.1) inset;}
.grid .nav_shadow_bottom_dark {box-shadow: 0px -20px 1px 0px rgba(0, 0, 0, 0.1) inset;}
.grid .shadow_grad_top_white {box-shadow: 0px 20px 30px -5px rgba(255,255,255,0.6) inset;}
.grid .shadow_grad_top_white1 {box-shadow: 0px 30px 20px -7px rgba(255,255,255,0.8) inset;}
}
@media (max-width: 992px) {
.nav_link a{
display:block;
line-height:40px;
border-left:none;
border-bottom:solid 1px;
}
}
/* ====== nav v ========== */
.grid .nav_link_side:hover, .nav_link_side:hover{background-color:#eee;}
.grid .selected_side {color:#bb0000;}
.grid .nav_v ul{
list-style-type: none;
padding:0;
border:none;
width:100%;
margin:auto;
}
.grid .nav_v ul li ul{
list-style-type: none;
list-style-position:inside;
}
.grid .news_container ul {
	list-style-type: none;
	padding:10px!important;
}
/* ===== nav top ======== */
.nav_link_upper .selectedTop{display:block;color:#ffcc00;}
.nav_link_upper a{
color:#fff;
}
/* ====== editor links ========= */
.grid p a {
color:#187DC9;
text-decoration:underline;
font-weight:bold;	
}
/* ======== separator ======== */
.grid .groove, .groove{
border-right:solid 1px rgba(255,255,255,0.9)!important;
border-left:solid 1px rgba(0,0,0,0.1)!important;
}
.grid .groove_right, .groove_right{
border-right:solid 1px rgba(255,255,255,0.3);
}
.grid .groove_left, .groove_left{
border-left:solid 1px rgba(0,0,0,0.3);
}
/* ======= alignments ======== */
@media (min-width: 993px) {
.grid .align_left {text-align:left;}
.grid .align_center {text-align:center;}
.grid .align_right {text-align:right;}
}
@media (max-width: 992px) {
.grid .align_left {text-align:center;}
.grid .align_center {text-align:center;}
.grid .align_right {text-align:center;}
}
.grid .align_left_pers {text-align:left;}
.grid .align_center_pers {text-align:center;}
.grid .align_right_pers {text-align:right;}
/* ===== persistent measurments ====== */
.w2_pers {width:49.9%;}
.w3_pers {width:33.33333333%;}
.w4_pers {width:25%;}
.w5_pers {width:20%;}
.w6_pers {width:16.66666666666%;}
.w7_pers {width:14.285714285%;}
.w8_pers {width:12.5%;}
.w9_pers {width:11.111111111%;}
.w10_pers {width:10%;}
.w11_pers {width:9.0909090%;}
.w12_pers {width:8.333333333%;}
.w13_pers {width:7.692307692307%;}
.w14_pers {width:7.142857142857%;}
.w15_pers {width:6.666666666666%;}
.w16_pers {width:6.25%;}
.w17_pers {width:5.882352941176%;}
.w18_pers {width:5.555555555%;}
.w19_pers {width:5.263157894%;}
.w20_pers {width:5%;}

.ww15_pers {width:15%;}
.ww30_pers {width:30%;}
.ww35_pers {width:35%;}
.ww75_pers {width:75%;}
.ww66_pers {width:66.666666%;}
.ww60_pers {width:60%;}
.ww80_pers {width:80%;}
.ww10_pers {width:10%;}
.ww37_pers {width:37.5%;}
.ww40_pers {width:40%;}
.ww83_pers {width:83.33333333333%;}
.ww85_pers {width:85%;}
.ww90_pers {width:90%;}
.ww95_pers {width:95%;}
.ww150_pers {width:150%;}
.ww200_pers {width:200%;}
.ww250_pers {width:250%;}
/* ======= measurments ======== */
@media (min-width: 993px) {
.w1 {width:100%;}
.w2 {width:49.9%;}
.w3 {width:33.33333333%;}
.w4 {width:25%;}
.w5 {width:20%;}
.w6 {width:16.66666666666%;}
.w7 {width:14.285714285%;}
.w8 {width:12.5%;}
.w9 {width:11.111111111%;}
.w10 {width:10%;}
.w11 {width:9.0909090%;}
.w12 {width:8.333333333%;}
.w13 {width:7.692307692307%;}
.w14 {width:7.142857142857%;}
.w15 {width:6.666666666666%;}
.w16 {width:6.25%;}
.w17 {width:5.882352941176%;}
.w18 {width:5.555555555%;}
.w19 {width:5.263157894%;}
.w20 {width:5%;}
.w25 {width:5%;}
.w30 {width:3.33333333%;}

/* == */
.ww15 {width:15%;}
.ww30 {width:30%;}
.ww35 {width:35%;}
.ww75 {width:75%;}
.ww66 {width:66.666666%;}
.ww60 {width:60%;}
.ww80 {width:80%;}
.ww10 {width:10%;}
.ww37 {width:37.5%;}
.ww40 {width:40%;}
.ww83 {width:83.33333333333%;}
.ww85 {width:85%;}
.ww90 {width:90%;}
.ww95 {width:95%;}
.ww150 {width:150%;}
.ww200 {width:200%;}
.ww250 {width:250%;}
.ww300 {width:300%;}
.ww350 {width:350%;}
}
@media (max-width: 992px) {
.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12, .w13, .w14, .w15, .w16, .w17, .w18, .w19, .w20, .ww30, .ww35, .ww75, .ww66, .ww60, .ww80, .ww10, .ww15, .ww40, .ww37, .ww83, .ww85, .ww90, .ww95, .ww200, .ww150, .ww250, .ww300, .ww350 {width:100%;}
}
/* ====== font sizes ==== */
.grid .font_size06 {font-size:0.6em;}
.grid .font_size065 {font-size:0.65em;}
.grid .font_size07 {font-size:0.7em;}
.grid .font_size08 {font-size:0.8em;}
.grid .font_size085{font-size:0.85em;}
.grid .font_size09 {font-size:0.9em;}
.grid .font_size095{font-size:0.95em;}
.grid .font_size10 {font-size:1.0em;}
.grid .font_size11 {font-size:1.1em;}
.grid .font_size12 {font-size:1.2em;}
.grid .font_size13 {font-size:1.3em;}
.grid .font_size14 {font-size:1.4em;}
.grid .font_size15 {font-size:1.5em;}
.grid .font_size16 {font-size:1.6em;}
.grid .font_size17 {font-size:1.7em;}
.grid .font_size18 {font-size:1.8em;}
.grid .font_size19 {font-size:1.9em;}
.grid .font_size20 {font-size:2.0em;}
.grid .font_size21 {font-size:2.1em;}
.grid .font_size22 {font-size:2.2em;}
.grid .font_size23 {font-size:2.3em;}
.grid .font_size24 {font-size:2.4em;}
.grid .font_size25 {font-size:2.5em;}
.grid .font_size26 {font-size:2.6em;}
.grid .font_size27 {font-size:2.7em;}
.grid .font_size28 {font-size:2.8em;}
.grid .font_size30 {font-size:3.0em;}
.grid .font_size35 {font-size:3.5em;}
.grid .font_size40 {font-size:4.0em;}
.grid .font_sizevw10 {font-size:1.0vw;}
.grid .font_sizevw11 {font-size:1.1vw;}
.grid .font_sizevw12 {font-size:1.2vw;}
.grid .font_sizevw13 {font-size:1.3vw;}
.grid .font_sizevw14 {font-size:1.4vw;}
.grid .font_sizevw15 {font-size:1.5vw;}
.grid .font_sizevw16 {font-size:1.6vw;}

/* ======= heights ==== */
.grid .h35_pers, .h35_pers{ height:35px;}
@media (min-width: 993px) {
.grid .h20, .h20{ height:20px;}
.grid .h30, .h30{ height:30px;}
.grid .h35, .h35{ height:35px;}
.grid .h40, .h40{ height:40px;}
.grid .h50, .h50{ height:50px;}
.grid .h60, .h60{ height:60px;}
.grid .h70, .h70{ height:70px;}
.grid .h80, .h80{ height:80px;}
.grid .h90, .h90{ height:90px;}
.grid .h100, .h100{ height:100px;}
.grid .h110, .h110{ height:110px;}
.grid .h120, .h120{ height:120px;}
.grid .h130, .h130{ height:130px;}
.grid .h140, .h140{ height:140px;}
.grid .h150, .h150{ height:150px;}
.grid .h160, .h160{ height:160px;}
.grid .h170, .h170{ height:170px;}
.grid .h180, .h180{ height:180px;}
.grid .h190, .h190{ height:190px;}
.grid .h200, .h200{ height:200px;}
.grid .h210, .h210{ height:210px;}
.grid .h220, .h220{ height:220px;}
.grid .h230, .h230{ height:230px;}
.grid .h240, .h240{ height:240px;}
.grid .h250, .h250{ height:250px;}
.grid .h260, .h260{ height:260px;}
.grid .h270, .h270{ height:270px;}
.grid .h280, .h280{ height:280px;}
.grid .h290, .h290{ height:290px;}
.grid .h300, .h300{ height:300px;}
.grid .h310, .h310{ height:310px;}
.grid .h320, .h320{ height:320px;}
.grid .h330, .h330{ height:330px;}
.grid .h340, .h340{ height:340px;}
.grid .h350, .h350{ height:350px;}
.grid .h360, .h360{ height:360px;}
.grid .h370, .h370{ height:370px;}
.grid .h380, .h380{ height:380px;}
.grid .h390, .h390{ height:390px;}
.grid .h400, .h400{ height:400px;}
.grid .p0 p{ margin:0px;}
.grid .p5 p{ margin:5px;}
.grid .p8 p{ margin:8px 0px;}
}
@media (max-width: 992px) {
.grid .h30, .h30{ height:auto;}
.grid .h35, .h35{ height:auto;}
.grid .h40, .h40{ height:auto;}
.grid .h50, .h50{ height:auto;}
.grid .h60, .h60{ height:auto;}
.grid .h70, .h70{ height:auto;}
.grid .h80, .h80{ height:auto;}
.grid .h90, .h90{ height:auto;}
.grid .h100, .h100{ height:auto;}
.grid .h110, .h110{ height:auto;}
.grid .h120, .h120{ height:auto;}
.grid .h130, .h130{ height:auto;}
.grid .h140, .h140{ height:auto;}
.grid .h150, .h150{ height:auto;}
.grid .h160, .h160{ height:auto;}
.grid .h170, .h170{ height:auto;}
.grid .h180, .h180{ height:auto;}
.grid .h190, .h190{ height:auto;}
.grid .h200, .h200{ height:auto;}
.grid .h210, .h210{ height:auto;}
.grid .h220, .h220{ height:auto;}
.grid .h230, .h230{ height:auto;}
.grid .h240, .h240{ height:auto;}
.grid .h250, .h250{ height:auto;}
.grid .h260, .h260{ height:auto;}
.grid .h270, .h270{ height:auto;}
.grid .h280, .h280{ height:auto;}
.grid .h290, .h290{ height:auto;}
.grid .h300, .h300{ height:auto;}
.grid .h310, .h310{ height:auto;}
.grid .h320, .h320{ height:auto;}
.grid .h330, .h330{ height:auto;}
.grid .h340, .h340{ height:auto;}
.grid .h350, .h350{ height:auto;}
.grid .h360, .h360{ height:auto;}
.grid .h370, .h370{ height:auto;}
.grid .h380, .h380{ height:auto;}
.grid .h390, .h390{ height:auto;}
.grid .h400, .h400{ height:auto;}
}
.grid .h20_pers, .h20_pers{ height:20px;}
.grid .h30_pers, .h30_pers{ height:30px;}
.grid .h35_pers, .h35_pers{ height:35px;}
.grid .h40_pers, .h40_pers{ height:40px;}
.grid .h50_pers, .h50_pers{ height:50px;}
.grid .h60_pers, .h60_pers{ height:60px;}
.grid .h70_pers, .h70_pers{ height:70px;}
.grid .h80_pers, .h80_pers{ height:80px;}
.grid .h90_pers, .h90_pers{ height:90px;}
.grid .h100_pers, .h100_pers{ height:100px;}
.grid .h110_pers, .h110_pers{ height:110px;}
.grid .h120_pers, .h120_pers{ height:120px;}
.grid .h130_pers, .h130_pers{ height:130px;}
.grid .h140_pers, .h140_pers{ height:140px;}
.grid .h150_pers, .h150_pers{ height:150px;}
.grid .h160_pers, .h160_pers{ height:160px;}
.grid .h170_pers, .h170_pers{ height:170px;}
.grid .h180_pers, .h180_pers{ height:180px;}
.grid .h190_pers, .h190_pers{ height:190px;}
.grid .h200_pers, .h200_pers{ height:200px;}
.grid .h210_pers, .h210_pers{ height:210px;}
.grid .h220_pers, .h220_pers{ height:220px;}
.grid .h230_pers, .h230_pers{ height:230px;}
.grid .h240_pers, .h240_pers{ height:240px;}
.grid .h250_pers, .h250_pers{ height:250px;}
.grid .h260_pers, .h260_pers{ height:260px;}
.grid .h270_pers, .h270_pers{ height:270px;}
.grid .h280_pers, .h280_pers{ height:280px;}
.grid .h290_pers, .h290_pers{ height:290px;}
.grid .h300_pers, .h300_pers{ height:300px;}
.grid .h310_pers, .h310_pers{ height:310px;}
.grid .h320_pers, .h320_pers{ height:320px;}
.grid .h330_pers, .h330_pers{ height:330px;}
.grid .h340_pers, .h340_pers{ height:340px;}
.grid .h350_pers, .h350_pers{ height:350px;}
.grid .h360_pers, .h360_pers{ height:360px;}
.grid .h370_pers, .h370_pers{ height:370px;}
.grid .h380_pers, .h380_pers{ height:380px;}
.grid .h390_pers, .h390_pers{ height:390px;}
.grid .h400_pers, .h400_pers{ height:400px;}
.grid .p0 p{ margin:0px;}
.grid .p5 p{ margin:5px;}
.grid .p8 p{ margin:8px 0px;}
/* ================== */
/* ==== line-height */
@media (min-width: 993px) {
.grid .lh5, .lh5 { line-height:5px;} .grid .lh10, .lh10 { line-height:10px;} .grid .lh15, .lh15 { line-height:15px;} .grid .lh20, .lh20 { line-height:20px;} .grid .lh25, .lh25 { line-height:25px;} .grid .lh30, .lh30 { line-height:30px;} .grid .lh35, .lh35 { line-height:35px;} .grid .lh40, .lh40 { line-height:40px;} .grid .lh45, .lh45 { line-height:45px;} .grid .lh50, .lh50 { line-height:50px;} .grid .lh55, .lh55 { line-height:55px;} .grid .lh60, .lh60 { line-height:60px;} .grid .lh65, .lh65 { line-height:65px;} .grid .lh70, .lh70 { line-height:70px;} .grid .lh75, .lh75 { line-height:75px;} .grid .lh80, .lh80 { line-height:80px;} .grid .lh85, .lh85 { line-height:85px;} .grid .lh90, .lh90 { line-height:90px;} .grid .lh95, .lh95 { line-height:95px;} .grid .lh100, .lh100 { line-height:100px;} .grid .lh105, .lh105 { line-height:105px;} .grid .lh110, .lh110 { line-height:110px;} .grid .lh115, .lh115 { line-height:115px;} .grid .lh120, .lh120 { line-height:120px;} .grid .lh125, .lh125 { line-height:125px;} .grid .lh130, .lh130 { line-height:130px;} .grid .lh135, .lh135 { line-height:135px;} .grid .lh140, .lh140 { line-height:140px;} .grid .lh145, .lh145 { line-height:145px;} .grid .lh150, .lh150 { line-height:150px;}
}
.grid .lh5_pers, .lh5_pers { line-height:5px;} .grid .lh10_pers, .lh10_pers { line-height:10px;} .grid .lh15_pers, .lh15_pers { line-height:15px;} .grid .lh20_pers, .lh20_pers { line-height:20px;} .grid .lh25_pers, .lh25_pers { line-height:25px;} .grid .lh30_pers, .lh30_pers { line-height:30px;} .grid .lh35_pers, .lh35_pers { line-height:35px;} .grid .lh40_pers, .lh40_pers { line-height:40px;} .grid .lh45_pers, .lh45_pers { line-height:45px;} .grid .lh50_pers, .lh50_pers { line-height:50px;} .grid .lh55_pers, .lh55_pers { line-height:55px;} .grid .lh60_pers, .lh60_pers { line-height:60px;} .grid .lh65_pers, .lh65_pers { line-height:65px;} .grid .lh70_pers, .lh70_pers { line-height:70px;} .grid .lh75_pers, .lh75_pers { line-height:75px;} .grid .lh80_pers, .lh80_pers { line-height:80px;} .grid .lh85_pers, .lh85_pers { line-height:85px;} .grid .lh90_pers, .lh90_pers { line-height:90px;} .grid .lh95_pers, .lh95_pers { line-height:95px;} .grid .lh100_pers, .lh100_pers { line-height:100px;} .grid .lh105_pers, .lh105_pers { line-height:105px;} .grid .lh110_pers, .lh110_pers { line-height:110px;} .grid .lh115_pers, .lh115_pers { line-height:115px;} .grid .lh120_pers, .lh120_pers { line-height:120px;} .grid .lh125_pers, .lh125_pers { line-height:125px;} .grid .lh130_pers, .lh130_pers { line-height:130px;} .grid .lh135_pers, .lh135_pers { line-height:135px;} .grid .lh140_pers, .lh140_pers { line-height:140px;} .grid .lh145_pers, .lh145_pers { line-height:145px;} .grid .lh150_pers, .lh150_pers { line-height:150px;}
/* ====== forms ======= */
@media (min-width: 993px) {
.grid .box input[type=text], .grid .box input[type=email], .grid .box input[type=number], .grid .box input[type=date], .grid .box input[type=tel], .grid .box textarea, .grid .box input[type=submit], .grid .box input[type=button], .grid .box input[type=password], .grid .box select {
	width:100%;
	font-size:1.1em;
	margin:0;
	padding:5px;
	font-family: Open Sans Hebrew, Arial, Helvetica, sans-serif;
	border:solid 1px #aaa;
	outline:none;
}
.grid .box input[type=checkbox], .grid .box input[type=radio]{
width:20px;
height:20px;
} 
}
@media (max-width: 992px) {
.grid .box input[type=text], .grid .box input[type=email], .grid .box input[type=number], .grid .box input[type=tel], .grid .box textarea, .grid .box input[type=submit], .grid .box input[type=button], .grid .box input[type=password], .grid .box select {
	width:100%;
	font-size:1.3em;
	margin:0;
	padding:5px;
	font-family: Open Sans Hebrew, Arial, Helvetica, sans-serif;
	border:solid 1px #aaa;
	outline:none;
}
.grid .box input[type=checkbox], .grid .box input[type=radio]{
width:25px;
height:25px;
} 
}

/* === horizontal nav ==== */
@media (min-width: 993px) {
.nav_holder_show{ display:none; }
.nav_holder, .nav_holder a{display:block;}
}
@media (max-width: 992px) {
.nav_holder_show{ display:block; }
.nav_holder{ display:none; }
}
/* ====== images ======= */
/* 
image will adjust to box at all situations
if box height is auto - image is 100% width.
Allow limit in this case 
*/
.grid .box img {
max-width:100%;
max-height:100%;
}
.grid .image img {
max-width:100%;
max-height:100%;
}
/* == img limits == */
.grid .fit_img100 img {width:100%; height:auto; margin:auto;}
.grid .fit_img90 img { width:90%; height:auto; margin:auto;}
.grid .fit_img80 img { width:80%; height:auto; margin:auto;}
.grid .fit_img70 img {
width:70%;
height:auto;
margin:auto;
}
.grid .fit_img60 img {
width:60%;
height:auto;
margin:auto;
}
.grid .fit_img50 img {
width:50%;
height:auto;
margin:auto;
}
.grid .fit_img40 img {
width:40%;
height:auto;
margin:auto;
}
.grid .fit_img30 img {
width:30%;
height:auto;
margin:auto;
}
.grid .fit_img25 img {
width:25%;
height:auto;
margin:auto;
}
.grid .fit_img20 img {
width:20%;
height:auto;
margin:auto;
}
.grid .fit_img15 img {
width:15%;
height:auto;
margin:auto;
}
.grid .fit_img10 img {
width:10%;
height:auto;
margin:auto;
}
.grid .fit_img5 img {
width:5%;
height:auto;
margin:auto;
}
/* ====== basic ======= */
html {height:100%;}
body {
	margin:0;
	direction:rtl;
	min-height:100%;
	font-family: Open Sans Hebrew, Arial, Helvetica, sans-serif;
	color: #000;
	font-size:16px;
	overflow-x:auto;/* ==== hide this === */
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	background-size:50%;
	overflow-y:scroll;
}
@media screen and (max-width: 3260px) and (min-width: 1400px) {
body {font-size:16px;}
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
body {font-size:16px;}
}
@media screen and (max-width: 1199px) and (min-width: 1000px) {
body {font-size:16px;}
}
@media screen and (max-width: 999px) and (min-width: 993px) {
body {font-size:16px;}
}
@media (max-width: 992px) {
body {font-size:16px;}
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position:relative;
}
.clearfix:after, .grid .clearfix:after {
	content: " "; /* Older browser do not support empty content */
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
h1, h2, h3, h4, h5 {
	display:inline;
	line-height:normal;
	font-size:100%;
}
.grid .bold{font-weight:bold;}
.grid .bold300{font-weight:300;}
.grid .bold400{font-weight:400;}
.grid .bold700{font-weight:700;}
.grid .bold800{font-weight:800;}
a {
	text-decoration:none;
	color:#333;
}
a:hover {
	/* color:#000; */
}
.grid .display_none, .display_none{
	display:none;
}
img {
	vertical-align:middle;
	border:none;
}
.grid .box .block, .grid .block, .block, .grid .block a{display:block;}
.grid .tp_shadow4{
background-image:url(../images/assets/shadow4.png);
background-repeat:no-repeat;
background-position:top center;
}
.jq_holder_wide{z-index:1;background-image:url(../images/jq_bg.jpg);background-size:100%;}

.form_lr{
direction:ltr;
}
.ajax_spinner {
	display:none;
}
.grid .content{
background-repeat:repeat;
background-position:center center;
}
.grid .video iframe{
border:solid 1px;
width:100%;
height:100%;
padding:0;
}
.grid .bg_img{
background-image:url(../images/tb.png);
background-repeat:repeat;
background-position:top;
background-size: auto 100%;
}
.grid .add, .grid .subtract {
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
user-select:none;
}
.grid .add:active, .grid .subtract:active {
background-color:#ddd;
}
/* cursors */
.not_allowed{cursor: not-allowed;}
.pointer{cursor:pointer;}
/* ======== animations ====== */
@keyframes img_scale {
from {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-ms-transform: scale(1.01);
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
}
.grid .box a img:hover {
-webkit-animation-name:img_scale;
animation-name: img_scale;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity:0.95;
}
/* ============= */
.grid .scale:hover{
-webkit-animation-name:img_scale;
animation-name: img_scale;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
/* ============= */
@keyframes nav_slide {
from {
top: -50px;
}
to {
top: 0px;
}
}
.nav_holder_fixed {
position:fixed;
top:0;
right:0;
z-index:10000;
-webkit-animation-name:nav_slide;
animation-name: nav_slide;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
/* ================ */
.fader_in {
-webkit-animation-name:ani_fade_in;
animation-name: ani_fade_in;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes ani_fade_in {
from {
opacity:0.0;
}
to {
opacity:1.0;
}
}
/* =========== */
@keyframes opacity_up {
from {
opacity:0.0;
top:-40px;
left:10px;
}
to {
opacity:0.7;
top:10px;
left:10px;
}
}

.box_gallery:hover .abs .magnify_img   {
-webkit-animation-name:opacity_up;
animation-name: opacity_up;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
/* ============= */

/* ============= */
@keyframes nav_upper_hover {
from {
box-shadow: 0px 20px 10px 0px rgba(255, 255, 255, 0.0) inset;
}
to {
box-shadow: 0px 20px 10px 0px rgba(255, 255, 255, 0.3) inset;
}
}

@keyframes nav_hover {
from {
background-color:#ffffff;
}
to {
background-color:rgba(22,107,168,0.1);
}
}
.nav_link a:hover {
-webkit-animation-name:nav_hover;
animation-name: nav_hover;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.nav_link_upper:hover {
-webkit-animation-name:nav_upper_hover;
animation-name: nav_upper_hover;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

/* ============= */
@keyframes accessibility_move {
from {
right:-160px;
top:340px;
}
to {
right:200px;
top:340px;
}
}
.accessibility_open{
-webkit-animation-name: accessibility_move;
animation-name: accessibility_move;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
/* ======== popups, messages and other ======== */
@media (min-width: 993px) {
.scrollup{
width:3%;height:auto;right:30px;bottom:80px; border-radius:10px; cursor:pointer;padding:3px 5px 2px 5px;
background-color:#ffffff;opacity:0.6;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
}
@media (max-width: 992px) {
.scrollup{
width:12%;height:auto;right:20px;bottom:-2px;border:solid 1px #ccc;cursor:pointer;padding:3px 5px 2px 5px;
background-color:#ffffff;opacity:1.0;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
z-index: 1000;
}
}
.fixed_msg {
position:fixed!important;
right:0px;
bottom:-50px;
width:100%;
height:auto;
display:none;
}
@media (min-width: 993px) {
.fixed_button_design {
-ms-transform: rotate(270deg); /* IE 9 */
-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
transform: rotate(270deg);
display:block;
left:-70px;
top:350px;
z-index:1000;
box-shadow: -3px 3px 10px 0px rgba(0, 0, 0, 0.4);
}
.fixed_button_design:hover {
box-shadow: -3px 3px 10px 0px rgba(0, 0, 0, 0.7);
}
}
.accessibility{
right:-160px;
top:100px;
width:200px;
height:auto;
z-index:2000;
box-shadow: -3px 3px 10px 0px rgba(0, 0, 0, 0.4);
}
.grid .shadow, .shadow{
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.grid .shadow_white, .shadow_white{
box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
}
.grid .shadow_inner_top {
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2) inset;
}
.grid .shadow_inner_bottom {
box-shadow: 0px -15px 25px -10px rgba(0, 0, 0, 0.20) inset;
}
.grid .shadow_text{
text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
}
.grid .shadow_inner_bottom_white{
box-shadow: 0px -10px 25px -10px rgba(255, 255, 255, 0.7) inset;
}
@media (max-width: 992px) {
.header_mini {
display:none!important;
}
}
.tp_caption_prv {
z-index:6;width:12%;height:auto;text-align:center;padding:5px;
}
/* ========== add cart buttons ================ */
.add_cart_wrap a{
display:block;
color:#fff;
}
.grid .add_cart_wrap .grid .box:hover {
opacity:0.9;
}
.add_cart_true{
display:block;
color:#ffcc00!important;
font-weight:;
}
/* ========== video iframe ==================== */
.video_iframe {
width:100%;
height:100%;
border:none;
}
/* ====== round icon ========== */
.grid .box .round_link{
display:block;
border-radius:13px;
width:26px;
height:26px;
line-height:26px;
float:left;
}
.grid .box .round_link_text{
display:block;
float:left;
padding:0 5px;
line-height:26px;
}
/* ========== radii ========= */
.grid .radius3, .radius3{border-radius:3px;}
.grid .radius5, .radius5{border-radius:5px;}
.grid .radius7, .radius7{border-radius:7px;}
.grid .radius10, .radius10{border-radius:10px;}
.grid .radius15, .radius15{border-radius:15px;}
.grid .radius20, .radius20{border-radius:20px;}

.grid .radius3_r, .radius3_r{border-radius:3px 0;}
.grid .radius5_r, .radius5_r{border-radius:5px 0;}
.grid .radius7_r, .radius7_r{border-radius:7px 0;}

.grid .radius10_l, .radius10_l{border-radius:10px 0 0 10px;}
.grid .radius10_r, .radius10_r{border-radius:0 10px 10px 0;}

.grid .radius15_l, .radius15_l{border-radius:15px 0 0 15px;}
.grid .radius15_r, .radius15_r{border-radius:0 15px 15px 0;}
/* ====== overflow ====== */
.grid .overflow_hidden{
overflow:hidden;
}
/* ========== fonts not finalized============== */
@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('../images/fonts/opensanshebrew-light-webfont.eot');
    src: url('../images/fonts/opensanshebrew-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/opensanshebrew-light-webfont.ttf') format('truetype'),
         url('../images/fonts/opensanshebrew-light-webfont.svg#open_sans_hebrewlight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('../images/fonts/opensanshebrew-lightitalic-webfont.eot');
    src: url('../images/fonts/opensanshebrew-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/opensanshebrew-lightitalic-webfont.ttf') format('truetype'),
         url('../images/fonts/opensanshebrew-lightitalic-webfont.svg#open_sans_hebrewlight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('../images/fonts/opensanshebrew-regular-webfont.eot');
    src: url('../images/fonts/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/opensanshebrew-regular-webfont.ttf') format('truetype'),
         url('../images/fonts/opensanshebrew-regular-webfont.svg#open_sans_hebrewregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('../images/fonts/opensanshebrew-italic-webfont.eot');
    src: url('../images/fonts/opensanshebrew-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/opensanshebrew-italic-webfont.ttf') format('truetype'),
         url('../images/fonts/opensanshebrew-italic-webfont.svg#open_sans_hebrewitalic') format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('../images/fonts/opensanshebrew-bold-webfont.eot');
    src: url('../images/fonts/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/opensanshebrew-bold-webfont.ttf') format('truetype'),
         url('../images/fonts/opensanshebrew-bold-webfont.svg#open_sans_hebrewbold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('../images/fonts/opensanshebrew-bolditalic-webfont.eot');
    src: url('../images/fonts/opensanshebrew-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/opensanshebrew-bolditalic-webfont.ttf') format('truetype'),
         url('../images/fonts/opensanshebrew-bolditalic-webfont.svg#open_sans_hebrewbold_italic') format('svg');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('../images/fonts/opensanshebrew-extrabold-webfont.eot');
    src: url('../images/fonts/opensanshebrew-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/opensanshebrew-extrabold-webfont.ttf') format('truetype'),
         url('../images/fonts/opensanshebrew-extrabold-webfont.svg#open_sans_hebrewextra_bold') format('svg');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('../images/fonts/opensanshebrew-extrabolditalic-webfont.eot');
    src: url('../images/fonts/opensanshebrew-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/opensanshebrew-extrabolditalic-webfont.ttf') format('truetype'),
         url('../images/fonts/opensanshebrew-extrabolditalic-webfont.svg#open_sans_hebrewXBdIt') format('svg');
    font-weight: 800;
    font-style: italic;
}
@media (min-width: 993px) {
.grid .header_holder{
background-repeat:repeat-y;
background-position:center center;
}
.logo_eng{
display:block;
}
.symbol{
display:block;
}
}
@media (max-width: 992px) {
.grid .header_holder{
box-shadow: 0px -35px 65px -30px rgba(0, 0, 0,0.3) inset;
background-image:none;
}
.logo_eng{
display:none;
}
.symbol{
display:none;
}
}
.grid .form_disabled input[type=text], .grid .form_disabled input[type=email], .grid .form_disabled input[type=tel], .grid .form_disabled textarea {
border:none!important;
}
/* ======== rating =========== */
.star{ background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABQCAYAAAAZQFV3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABOFJREFUeNrsmEFoHFUYx9/MdHfTJRKzUhBaFiL1YghZCFQUIV6UQJuLWCgr8eKpIoiFSqsHQYrmYj14KHqxKAl6MbA5eCgKRVAMBhpCwIJQCETRQzTsNtnO7s74+17fbGc3M7OzZhUsHfjzdvd97/++973vff99Y/m+rwb5WL0Idz60h2nckTc8Nw2hncLmAnhtIB7i3VGan8VD8Dhebh+U8FOaX8Bh4EB48R8TQlai+QnkgMTxD/AYpFt9EULk0EyBD8Dn4BPT9TZ4CrwD6Wos4V+XrUdpXzQk4tUEkAFXwNUu+1fAWWO7anADLDLJTkCYpf0K3DQe3Ui5oUI6B8ShlyBstZfMMiXoX4MV8GZKQgnJcXA6nKPtGJoE/gZ8Cy6mIJPwnIJsL3ZTIB2h+U6WANZjyE6Aj8Cz3WT7TooJ7HUwneDdc+BaFFnc0SuCzQTCTWOT+iwfN6cjWJ6clo9NzOS5Bcb6IZTZj5pU+syEYNV8XzA2Y6lOCptyhGbDeDFPnJa6TlGZ5rxJ/nxkSRPCACR5EUyHf4sCNjOgENVn/ecVe+CEy8vLWgJmZ2fd1IRra2vxSbe5eYlmu1gsXo6zmZycTKcpkEn6vC61kM+FQYiUeDdvauP5Ay0ZjyIlgKVv9bVkiBwQVJRX2YwWkKLxrhxB+qYSPaxUKrESANHVrh2PlQAzqSbskAA6UkkA5B0SICvRSzb5ddrMWu4jh8umSLwckLVjSKClWJ6SwsrM76fwLpCAM4x1I9OGjhrN8+AkAyYSyGTDnhEHjCPxeYhBagmIIvtXJOBQkgSY5Z01/76umAy4lbpiG5IqzQuG6Alz9LLmf+IP5hh+AfmxnoSQdUgAg5a6JuuQgMiSFi7fJHkR9JQAbGbA/SoBi4uLWgLK5XIqCdBpkyQBZne3sTm4BGxsbLQlgM+DkYBsNjucyWQKaSXATvCuZFnWHIQqlxMVUOeMx/0RMsgBWgIgcyBVgqwwIwH0JUvAwsJChwQwuOQ4jrJtO/CsfQBc11We56lWqyXfOySALNgJdlmuWzNSB/P5vBKyyJnxMjxBs9mc2tvbEye+DN1l7uYhuaZvAXg1LaQyOOkRL3d3d8XLishHOEd1DMfHx7UEYLjCrCop2aXP2Mht4QxjoyWADi0BxGddZm80GjpWYSL5TfpkYnHAOBK/yxhoCZAl1et1PbharWrUajX9m/SJBESRJUlAr6fvW0CvZyyxOIQPN4kbnv1mlwQERGPhMbHli/Q5Yv5lSdDnSYelrlLWIQGRJS1cvjk1RdBTArCZAferBPT7IkjvcuP7t3pKADaxEpB5+r10FXv3x3kKqqUlgM+DkQB76OFhKzdycAnAo5KynTlraFTZQ4/gqH3ursd9EjLIAVoC7KGCAxFWNqSjWgLoS5aAfS+C7EzJcrLKOjSkrNwoFu0ToPz6n8pv3dFQXjPyRdA9CbDsk/ZDx5SQxWiAsg4X7vE361NedQsn/P0SELwIgmzaHiZMtpMcKK+pWlUuVF6j0v0iSMcw/+QFLQF+y13xbv/GpF4CWUt5tV+FTEsAY6MlgA4tASxlnaUo362yLGLlh2Lo1iCjj4nFAeNI/H9sDHbYxesEfcK//XvSoq9Fkf0/JCDqDWfV3I+TJGCLne19CzAvgtoS8OBF0APC6OdvAQYAj2xzC/IfXBsAAAAASUVORK5CYII='); background-position:right -2px; display:block; width:20px; height:16px; line-height:16px; float:right; cursor: pointer; zoom:1;}
.fullStar{ background-position:right -59px;}
.stars{overflow: hidden;}
.tmp_es{background-position:right -21px;}
.tmp_fs{background-position:right -40px;}
/* =========nav v====== */
.cd-accordion-menu ul {
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
  z-index:100;
}

.cd-accordion-menu label, .cd-accordion-menu a {
  display: block; 
  font-size:1.1em;
}
.cd-accordion-menu a {
border-bottom:solid 1px rgba(0,0,0,0.1);
background:#fff;
color:#000;
padding: 10px 30px 10px 5px; /* ======= */
}

.cd-accordion-menu label::before{
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
}

.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(../images/cd_level.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu a::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
  background-image: url(../images/cd_gallery.svg);
  background-repeat: no-repeat;
  background-position:bottom;
  padding:0;
}

.cd-accordion-menu ul li label::after{
  background-image: url(../images/cd_level.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label {
  padding: 10px 10px 10px 5px; /* ======= */
  box-shadow: 0px -35px 65px -30px rgba(0,0,0,0.04) inset;
}
@media (min-width: 993px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 10px 30px 10px 5px; /* ======= */
  }
  
  .cd-accordion-menu li ul li ul li label, .cd-accordion-menu li ul li ul li a {
    padding: 10px 40px 10px 5px; /* ======= */
  }
  .cd-accordion-menu li ul li ul li ul li label, .cd-accordion-menu li ul li ul li ul li a {
    padding: 10px 60px 10px 5px; /* ======= */
  } 
  .cd-accordion-menu label::before {
    right: 0px; /* ======= */
  }
  .cd-accordion-menu ul li label::before {
    right: 20px; /* ======= */
  }
  .cd-accordion-menu ul li ul li label::before {
    right: 40px; /* ======= */
  } 
  .cd-accordion-menu ul li ul li ul li label::before {
    right: 60px; /* ======= */
  } 
   .cd-accordion-menu li ul li ul li label {
	padding-right:60px;   
   }
}
@media (max-width: 992px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 15px 30px 15px 5px; /* ======= */
	font-size:1.2em;
	font-weight:normal;
  }
   .cd-accordion-menu label::before {
    right: 0px; /* ======= */
  }
}

.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label::before {
  /* arrow icon */
  right: 10px; /* ====== */
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(90deg); /* ====== */
  -moz-transform: translateY(-50%) rotate(90deg); /* ====== */
  -ms-transform: translateY(-50%) rotate(90deg); /* ====== */
  -o-transform: translateY(-50%) rotate(90deg); /* ====== */
  transform: translateY(-50%) rotate(90deg); /* ====== */
}
/* ====== distributors ========= */
.nav_distributors .cd-accordion-menu  a::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
  background-image: none;
  background-repeat: no-repeat;
  background-position:bottom;
  padding:0;
}
.grid .nav_distributors ul{
list-style-type: none;
padding:0;
border:none;
width:100%;
margin:auto;
}
.grid .nav_distributors ul li label::before {
  background-image: url(../images/cd_level_white.svg);
  background-repeat: no-repeat;
}
.grid .nav_distributors ul li ul li label::before {
  background-image: url(../images/cd_level.svg);
  background-repeat: no-repeat;
}
.grid .my_marquee1 ul {
 padding:10px;
}
.grid .my_marquee1 ul li {
	list-style-type: none;
}
/* ================ */
@keyframes msg_enter_move {
from {
top:-250px;
opacity:0;
}
to {
top:50px;
opacity:1;
}
}
.msg_enter{
-webkit-animation-name: msg_enter_move;
animation-name: msg_enter_move;
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
/* ========animation===== */
@-webkit-keyframes rotate_me {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}
@-moz-keyframes rotate_me {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}
@keyframes rotate_me {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}

.grid .new img{
-webkit-animation: rotate_me 4s;
-webkit-animation-iteration-count: 1;

-moz-animation: rotate_me 4s;
-moz-animation-iteration-count: 1;

animation: rotate_me 4s;
animation-iteration-count: 1;
}
/* =============== */
.deal_popup_close {
position:absolute;
top:-10px;
right:10px;
z-index:10000;
background-color:#000;
color:#fff;
width:30px;
height:30px;
border-radius:15px;
text-align:center;
line-height:30px;
font-weight:bold;
cursor:pointer;
} 

/* ========loader========== */
.grid .loader {
  border: 10px dotted;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 3s ease-in-out infinite;
  animation: spin 3s ease-in-out infinite;
  margin:auto;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.grid .loader_text {
-webkit-animation: fade_txt 3s ease-in-out infinite;
  animation: fade_txt 3s ease-in-out infinite;
}

@-webkit-keyframes fade_txt {
  0% {opacity:0.2; }
  50% {opacity:1; }
  100% {opacity:0.2; }
}

@keyframes fade_txt {
  0% {opacity:0.2; }
  50% {opacity:1; }
    100% {opacity:0.2; }

}
.circle{
border-radius:50%;
}
@media (min-width: 993px) and (max-width: 1280px) {
.grid .star_display{opacity:0.7;zoom:0.7;}
.grid .seo_views_display{font-size:0.9em;}
}
@media (min-width: 1281px){
.grid .star_display{opacity:0.7;zoom:1.0;}
.grid .seo_views_display{font-size:1.3em;}
}
@media (max-width: 992px) {
.grid .star_display{opacity:0.7;zoom:1.0;}
.grid .seo_views_display{font-size:1.3em;}
}
/* =========== bar chart ============== */
.barchart_holder div{bottom:0px;}
@media (max-width: 992px) {
.grid .chart_wrapper{font-size:0.8em;}
}
@media (max-width: 992px) {
.grid .box .rotate90{
margin-top:-30px;
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}
.grid .box .rotate90a{
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}
}
@media (min-width: 993px) {
.grid .box .rotate90{
margin-top:-30px!important;
font-size:0.8em!important;
text-align:center!important;
}
}
.grid .statistics{
background-image:url(../images/bldg.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.grid .statistics::before {
  content: " ";
  display:block;
  background-color:#ffffff;
  opacity: 0.8;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:100%;
  height:100%;
  position: absolute;
}
.wait {top:0;right:0;height:100%;width:100%;background-color:rgba(0,0,0,0.3);z-index:1000;background-image:url('../images/loader.svg');background-repeat:no-repeat;background-position:center center;}
.grid .opacity01 {opacity:0.1;}
.grid .opacity02 {opacity:0.2;}
.grid .opacity03 {opacity:0.3;}
.grid .opacity04 {opacity:0.4;}
.grid .opacity05 {opacity:0.5;}
.grid .opacity06 {opacity:0.6;}
.grid .opacity07 {opacity:0.7;}
.grid .opacity08 {opacity:0.8;}
.grid .opacity09 {opacity:0.9;}
.grid .opacity10 {opacity:1.0;}

.grid .nowrap, .nowrap { white-space: nowrap;}

@keyframes rotate_me {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}
.grid .countdown img{
	animation: rotate_me 4s infinite;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.grid .flex1 {display:flex; align-items:flex-end;}
.grid .bg {background-image:url(../images/box.svg); background-repeat:no-repeat;background-size:cover;}
.grid .bg1 {background-image:url(../images/box1.svg); background-repeat:no-repeat;background-size:cover;}
.grid .bg3 {background-image:url(../images/box3.svg); background-repeat:no-repeat;background-size:cover;}
.grid .bg_kricha {background-image:url(../images/box_kricha.svg); background-repeat:no-repeat;background-size:cover;}
.grid .bg_carton {background-image:url(../images/box_carton.svg); background-repeat:no-repeat;background-size:cover;}
.grid .bg_dfus1 {background-image:url(../images/box_dfus1.svg); background-repeat:no-repeat;background-size:cover;}
.grid .bg_dfus2 {background-image:url(../images/box_dfus2.svg); background-repeat:no-repeat;background-size:cover;}

.grid .label_rotate {margin-top:-100px;transform:rotate(90deg);white-space:nowrap;text-align:right}
@media (max-width: 992px) {
.grid .label_rotate {margin-top:-75px;transform:rotate(90deg);white-space:nowrap;text-align:right}
}
@media (max-width: 600px) {
.grid .label_rotate {margin-top:-55px;transform:rotate(90deg);white-space:nowrap;text-align:right}
}
@media (min-width: 993px) {
.grid .stats_title_bg1 {background-image:url(../images/logo_muller.jpg);background-repeat:no-repeat; background-position:top left; background-size:contain;}
.grid .stats_title_bg2 {background-image:url(../images/logo_bobst1.jpg);background-repeat:no-repeat; background-position:top left; background-size:contain;}
.grid .stats_title_bg3 {background-image:url(../images/logo_heidelberg1.jpg);background-repeat:no-repeat; background-position:top left; background-size:contain;}
}
.small_font{font-size:0.5em;}
.grid .bg_sys {background-image:url(../images/radial.jpg);background-repeat:no-repeat;background-size:cover;}
.grid .bg_dot {background-image:url(../images/dot.png);}
.grid .border_right{border-right:solid 1px #444!important;border-top:none!important;border-left:none!important;border-bottom:none!important;}
.grid .border_left{border-left:solid 1px #444!important;border-top:none!important;border-right:none!important;border-bottom:none!important;}
.grid .border_custom1{border-bottom:dashed 1px rgba(255,255,255,0.5)!important;border-left:dashed 1px rgba(255,255,255,0.5)!important;}
.grid .border_custom2{border-left:dashed 1px rgba(255,255,255,0.5)!important;}
.grid .border_custom3{border-bottom:dashed 1px rgba(255,255,255,0.5)!important;}
label{cursor:pointer;}

.grid .box .brdr, .grid .brdr, .brdr {border:solid 1px #aaa;}
	.grid .box .brdrt, .grid .brdrt, .brdrt {border-top:solid 1px #aaa;}
	.grid .box .brdrr, .grid .brdrr, .brdrr {border-right:solid 1px #aaa!important;}
	.grid .box .brdrb, .grid .brdrb, .brdrb {border-bottom:solid 1px #aaa!important;}
	.grid .box .brdrl, .grid .brdrl, .brdrl {border-left:solid 1px #aaa;}


