@charset "utf-8";
/* =====core structure================ */
.grid {
	float:right; /* ========== */
	height:auto;
	padding:0;
}
.grid .box {
	width:100%;
	height:auto;
	border:solid 1px #ccc;
	/* overflow:hidden; */
}
/* === 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 .fit_img img{
	/*width:100%;*/
}
/* ===== limits ================= */
@media (min-width: 801px) {
.limit_width, .grid .limit_width {
	width:95% !important;
	margin:auto;
	height:auto;
	max-width:1500px;
	min-width:1000px;
}
.grid .min_height {
	min-height:950px;
}
}
@media (max-width: 800px) {
.limit_width, .grid .limit_width {
	width:98% !important;
	margin:auto;
	height:auto;
	max-width:1280px;
	min-width:1px;
}
.grid .min_height {
	min-height:1px;
}
}
/* =============== */
.grid .block a, .block {display:block;}
/* ====== hide from phone ====== */
@media (min-width: 801px){.hide_from_phone, .hide_from_phone li {display:block;}}
@media (max-width: 800px){.hide_from_phone, .hide_from_phone li {display:none;}}
/* ====== hide from desktop ====== */
@media (min-width: 801px){.hide_from_desktop, .hide_from_desktop li {display:none;}}
@media (max-width: 800px){.hide_from_desktop, .hide_from_desktop li {display:block;}}
/* ====== hide from phone inline ====== */
@media (min-width: 801px){.hide_from_phone_inline {display:inline;}}
@media (max-width: 800px){.hide_from_phone_inline {display:none;}}
/* ===== paddings ================ */
@media (min-width: 801px) {
.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;}
.padding40 {padding:40px !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;}
.padding_vert35 {padding:35px 0 !important;}
.padding_vert40 {padding:40px 0 !important;}
.padding_vert45 {padding:45px 0 !important;}
.padding_vert50 {padding:50px 0 !important;}
}
@media (max-width: 800px) {
.padding3 {padding:3px !important;}
.padding5 {padding:5px !important;}
.padding10 {padding:5px !important;}
.padding15 {padding:5px !important;}
.padding20 {padding:5px !important;}
.padding25 {padding:5px !important;}
.padding30 {padding:5px !important;}
.padding40 {padding:5px !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;}
.padding_vert35 {padding:5px 0 !important;}
.padding_vert40 {padding:5px 0 !important;}
.padding_vert45 {padding:5px 0 !important;}
.padding_vert50 {padding:5px 0 !important;}
}
/* == */
.grid .padding_inner2, .padding_inner2{padding:2px!important;}
.grid .padding_inner3, .padding_inner3 {padding:3px!important;}
.grid .padding_inner5, .padding_inner5 {padding:5px!important;;}
.grid .padding_inner7, .padding_inner7 {padding:7px!important;;}
.grid .padding_inner10, .padding_inner10 {padding:10px!important;}
.grid .padding_inner15, .padding_inner15 {padding:15px!important;;}
.grid .padding_inner20, .padding_inner20 {padding:20px!important;;}

.grid .padding_inner_vert3 {padding:3px 0;}
.grid .padding_inner_vert5 {padding:5px 0;}
.grid .padding_inner_vert7 {padding:7px 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_horz3 {padding:0 3px;}
.grid .padding_inner_horz5 {padding:0 5px;}
.grid .padding_inner_horz7 {padding:0 7px;}
.grid .padding_inner_horz10 {padding:0 10px;}
.grid .padding_inner_horz15 {padding:0 15px;}
.grid .padding_inner_horz20 {padding:0 20px;}
/* ====== special spacings ========= */
@media (min-width: 801px) {
.padding_top10 {padding:10px 0 0 0;}
.padding_right10 {padding:0 10px 0 0;}
.padding_bottom10 {padding:0 0 10px 0;}
.padding_left10 {padding:0 0 0 10px;}
}
/* ====== border ========= */
.grid .no_border, no_border {border:none!important;}
.grid .border_bottom, border_bottom {border-bottom:solid 1px!important;}

/* ======== div based ============== */
.grid .nav_link{border-right:solid 1px #ddd!important;}
.nav_link .selected:hover {
-webkit-animation-name:nav_hover;
animation-name: nav_hover;
-webkit-animation-duration: 1.0s;
animation-duration: 1.0s;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
}
@media (min-width: 801px) {
.nav_link a{
display:block;
line-height:40px;
white-space:nowrap;
}
}
@media (max-width: 800px) {
.nav_link a{
display:block;
line-height:40px;
border-left:none;
border-bottom:solid 1px;
}
}

/* ======= alignments ======== */
.grid .align_left_pers {text-align:left;}
.grid .align_right_pers {text-align:right;}
@media (min-width: 801px) {
.grid .align_left {text-align:left;}
.grid .align_center {text-align:center;}
.grid .align_right {text-align:right;}
.grid .align_justify {text-align:justify;}
}
@media (max-width: 800px) {
.grid .align_left {text-align:center;}
.grid .align_center {text-align:center;}
.grid .align_right {text-align:center;}
.grid .align_justify {text-align:justify;}
}
.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: 801px) {
.w1 {width:100%;}
.w2 {width:50%;}
.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:4%;}
.w30 {width:3.333333333%;}

/* == */
.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%;}
.ww875 {width:87.5%}
.ww90 {width:90%;}
.ww923 {width:92.3%;}
.ww95 {width:95%;}
.ww150 {width:150%;}
.ww200 {width:200%;}
.ww250 {width:250%;}
.ww300 {width:300%;}
.ww350 {width:350%;}
.wauto{width:auto;}
}
@media (max-width: 800px) {
.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, .ww875 , .ww90, .ww923, .ww95, .ww200, .ww150, .ww250, .ww300, .ww350 {width:100%;}
}
@media (max-width:800px) and (min-width:500px) {
.wlogo{width:20%;}
.grid .slogan{font-size:2.0em!important;}
}
@media (max-width:500px) and (min-width:1px) {
.wlogo{width:33.33333333%;}
.grid .slogan{font-size:1.5em!important;}
}
@media (max-width:1300px) and (min-width:800px) {
.wlogo{width:12%;}
.grid .slogan{font-size:2.0em!important;}

}
@media (max-width:1600px) and (min-width:1300px) {
.wlogo{width:11.111111111%;}
.grid .slogan{font-size:2.0em!important;}
}
@media (min-width:1600px) {
.wlogo{width:9.0909090%;}
.grid .slogan{font-size:2.5em!important;}
}
.ablock{display:block;}
.grid .box .hblock, .grid .hblock, .hblock{display:block!important;}
.grid .line_through, .line_through {text-decoration: line-through;}
/* ====== font sizes ==== */
.grid .font_size06, .grid .font_size06 input, .grid .font_size06 select, .grid .font_size06 textarea {font-size:0.6em;} .grid .font_size07, .grid .font_size07 input, .grid .font_size07 select, .grid .font_size07 textarea {font-size:0.7em;} .grid .font_size08, .grid .font_size08 input, .grid .font_size08 select, .grid .font_size08 textarea {font-size:0.8em;} .grid .font_size09, .grid .font_size09 input, .grid .font_size09 select, .grid .font_size09 textarea {font-size:0.9em;} .grid .font_size10, .grid .font_size10 input, .grid .font_size10 select, .grid .font_size10 textarea {font-size:1em;} .grid .font_size11, .grid .font_size11 input, .grid .font_size11 select, .grid .font_size11 textarea {font-size:1.1em;} .grid .font_size12, .grid .font_size12 input, .grid .font_size12 select, .grid .font_size12 textarea {font-size:1.2em;} .grid .font_size13, .grid .font_size13 input, .grid .font_size13 select, .grid .font_size13 textarea {font-size:1.3em;} .grid .font_size14, .grid .font_size14 input, .grid .font_size14 select, .grid .font_size14 textarea {font-size:1.4em;} .grid .font_size15, .grid .font_size15 input, .grid .font_size15 select, .grid .font_size15 textarea {font-size:1.5em;} .grid .font_size16, .grid .font_size16 input, .grid .font_size16 select, .grid .font_size16 textarea {font-size:1.6em;} .grid .font_size17, .grid .font_size17 input, .grid .font_size17 select, .grid .font_size17 textarea {font-size:1.7em;} .grid .font_size18, .grid .font_size18 input, .grid .font_size18 select, .grid .font_size18 textarea {font-size:1.8em;} .grid .font_size19, .grid .font_size19 input, .grid .font_size19 select, .grid .font_size19 textarea {font-size:1.9em;} .grid .font_size20, .grid .font_size20 input, .grid .font_size20 select, .grid .font_size20 textarea {font-size:2em;} .grid .font_size21, .grid .font_size21 input, .grid .font_size21 select, .grid .font_size21 textarea {font-size:2.1em;} .grid .font_size22, .grid .font_size22 input, .grid .font_size22 select, .grid .font_size22 textarea {font-size:2.2em;} .grid .font_size23, .grid .font_size23 input, .grid .font_size23 select, .grid .font_size23 textarea {font-size:2.3em;} .grid .font_size24, .grid .font_size24 input, .grid .font_size24 select, .grid .font_size24 textarea {font-size:2.4em;} .grid .font_size25, .grid .font_size25 input, .grid .font_size25 select, .grid .font_size25 textarea {font-size:2.5em;} .grid .font_size26, .grid .font_size26 input, .grid .font_size26 select, .grid .font_size26 textarea {font-size:2.6em;} .grid .font_size27, .grid .font_size27 input, .grid .font_size27 select, .grid .font_size27 textarea {font-size:2.7em;} .grid .font_size28, .grid .font_size28 input, .grid .font_size28 select, .grid .font_size28 textarea {font-size:2.8em;} .grid .font_size29, .grid .font_size29 input, .grid .font_size29 select, .grid .font_size29 textarea {font-size:2.9em;} .grid .font_size30, .grid .font_size30 input, .grid .font_size30 select, .grid .font_size30 textarea {font-size:3em;} .grid .font_size31, .grid .font_size31 input, .grid .font_size31 select, .grid .font_size31 textarea {font-size:3.1em;} .grid .font_size32, .grid .font_size32 input, .grid .font_size32 select, .grid .font_size32 textarea {font-size:3.2em;} .grid .font_size33, .grid .font_size33 input, .grid .font_size33 select, .grid .font_size33 textarea {font-size:3.3em;} .grid .font_size34, .grid .font_size34 input, .grid .font_size34 select, .grid .font_size34 textarea {font-size:3.4em;} .grid .font_size35, .grid .font_size35 input, .grid .font_size35 select, .grid .font_size35 textarea {font-size:3.5em;} .grid .font_size36, .grid .font_size36 input, .grid .font_size36 select, .grid .font_size36 textarea {font-size:3.6em;} .grid .font_size37, .grid .font_size37 input, .grid .font_size37 select, .grid .font_size37 textarea {font-size:3.7em;} .grid .font_size38, .grid .font_size38 input, .grid .font_size38 select, .grid .font_size38 textarea {font-size:3.8em;} .grid .font_size39, .grid .font_size39 input, .grid .font_size39 select, .grid .font_size39 textarea {font-size:3.9em;} .grid .font_size40, .grid .font_size40 input, .grid .font_size40 select, .grid .font_size40 textarea {font-size:4em;} .grid .font_size41, .grid .font_size41 input, .grid .font_size41 select, .grid .font_size41 textarea {font-size:4.1em;} .grid .font_size42, .grid .font_size42 input, .grid .font_size42 select, .grid .font_size42 textarea {font-size:4.2em;} .grid .font_size43, .grid .font_size43 input, .grid .font_size43 select, .grid .font_size43 textarea {font-size:4.3em;} .grid .font_size44, .grid .font_size44 input, .grid .font_size44 select, .grid .font_size44 textarea {font-size:4.4em;} .grid .font_size45, .grid .font_size45 input, .grid .font_size45 select, .grid .font_size45 textarea {font-size:4.5em;} .grid .font_size46, .grid .font_size46 input, .grid .font_size46 select, .grid .font_size46 textarea {font-size:4.6em;} .grid .font_size47, .grid .font_size47 input, .grid .font_size47 select, .grid .font_size47 textarea {font-size:4.7em;} .grid .font_size48, .grid .font_size48 input, .grid .font_size48 select, .grid .font_size48 textarea {font-size:4.8em;} .grid .font_size49, .grid .font_size49 input, .grid .font_size49 select, .grid .font_size49 textarea {font-size:4.9em;} .grid .font_size50, .grid .font_size50 input, .grid .font_size50 select, .grid .font_size50 textarea {font-size:5em;} .grid .font_size51, .grid .font_size51 input, .grid .font_size51 select, .grid .font_size51 textarea {font-size:5.1em;} .grid .font_size52, .grid .font_size52 input, .grid .font_size52 select, .grid .font_size52 textarea {font-size:5.2em;} .grid .font_size53, .grid .font_size53 input, .grid .font_size53 select, .grid .font_size53 textarea {font-size:5.3em;} .grid .font_size54, .grid .font_size54 input, .grid .font_size54 select, .grid .font_size54 textarea {font-size:5.4em;} .grid .font_size55, .grid .font_size55 input, .grid .font_size55 select, .grid .font_size55 textarea {font-size:5.5em;} .grid .font_size56, .grid .font_size56 input, .grid .font_size56 select, .grid .font_size56 textarea {font-size:5.6em;} .grid .font_size57, .grid .font_size57 input, .grid .font_size57 select, .grid .font_size57 textarea {font-size:5.7em;} .grid .font_size58, .grid .font_size58 input, .grid .font_size58 select, .grid .font_size58 textarea {font-size:5.8em;} .grid .font_size59, .grid .font_size59 input, .grid .font_size59 select, .grid .font_size59 textarea {font-size:5.9em;} .grid .font_size60, .grid .font_size60 input, .grid .font_size60 select, .grid .font_size60 textarea {font-size:6em;} .grid .font_size61, .grid .font_size61 input, .grid .font_size61 select, .grid .font_size61 textarea {font-size:6.1em;} .grid .font_size62, .grid .font_size62 input, .grid .font_size62 select, .grid .font_size62 textarea {font-size:6.2em;} .grid .font_size63, .grid .font_size63 input, .grid .font_size63 select, .grid .font_size63 textarea {font-size:6.3em;} .grid .font_size64, .grid .font_size64 input, .grid .font_size64 select, .grid .font_size64 textarea {font-size:6.4em;} .grid .font_size65, .grid .font_size65 input, .grid .font_size65 select, .grid .font_size65 textarea {font-size:6.5em;} .grid .font_size66, .grid .font_size66 input, .grid .font_size66 select, .grid .font_size66 textarea {font-size:6.6em;} .grid .font_size67, .grid .font_size67 input, .grid .font_size67 select, .grid .font_size67 textarea {font-size:6.7em;} .grid .font_size68, .grid .font_size68 input, .grid .font_size68 select, .grid .font_size68 textarea {font-size:6.8em;} .grid .font_size69, .grid .font_size69 input, .grid .font_size69 select, .grid .font_size69 textarea {font-size:6.9em;} .grid .font_size70, .grid .font_size70 input, .grid .font_size70 select, .grid .font_size70 textarea {font-size:7em;} .grid .font_size71, .grid .font_size71 input, .grid .font_size71 select, .grid .font_size71 textarea {font-size:7.1em;} .grid .font_size72, .grid .font_size72 input, .grid .font_size72 select, .grid .font_size72 textarea {font-size:7.2em;} .grid .font_size73, .grid .font_size73 input, .grid .font_size73 select, .grid .font_size73 textarea {font-size:7.3em;} .grid .font_size74, .grid .font_size74 input, .grid .font_size74 select, .grid .font_size74 textarea {font-size:7.4em;} .grid .font_size75, .grid .font_size75 input, .grid .font_size75 select, .grid .font_size75 textarea {font-size:7.5em;} .grid .font_size76, .grid .font_size76 input, .grid .font_size76 select, .grid .font_size76 textarea {font-size:7.6em;} .grid .font_size77, .grid .font_size77 input, .grid .font_size77 select, .grid .font_size77 textarea {font-size:7.7em;} .grid .font_size78, .grid .font_size78 input, .grid .font_size78 select, .grid .font_size78 textarea {font-size:7.8em;} .grid .font_size79, .grid .font_size79 input, .grid .font_size79 select, .grid .font_size79 textarea {font-size:7.9em;} .grid .font_size80, .grid .font_size80 input, .grid .font_size80 select, .grid .font_size80 textarea {font-size:8em;}
/* ======= heights ==== */
@media (min-width: 801px) {
.grid .h5, .h5{ height:5px;} .grid .h10, .h10{ height:10px;} .grid .h15, .h15{ height:15px;} .grid .h20, .h20{ height:20px;} .grid .h25, .h25{ height:25px;} .grid .h30, .h30{ height:30px;} .grid .h35, .h35{ height:35px;} .grid .h40, .h40{ height:40px;} .grid .h45, .h45{ height:45px;} .grid .h50, .h50{ height:50px;} .grid .h55, .h55{ height:55px;} .grid .h60, .h60{ height:60px;} .grid .h65, .h65{ height:65px;} .grid .h70, .h70{ height:70px;} .grid .h75, .h75{ height:75px;} .grid .h80, .h80{ height:80px;} .grid .h85, .h85{ height:85px;} .grid .h90, .h90{ height:90px;} .grid .h95, .h95{ height:95px;} .grid .h100, .h100{ height:100px;} .grid .h105, .h105{ height:105px;} .grid .h110, .h110{ height:110px;} .grid .h115, .h115{ height:115px;} .grid .h120, .h120{ height:120px;} .grid .h125, .h125{ height:125px;} .grid .h130, .h130{ height:130px;} .grid .h135, .h135{ height:135px;} .grid .h140, .h140{ height:140px;} .grid .h145, .h145{ height:145px;} .grid .h150, .h150{ height:150px;} .grid .h155, .h155{ height:155px;} .grid .h160, .h160{ height:160px;} .grid .h165, .h165{ height:165px;} .grid .h170, .h170{ height:170px;} .grid .h175, .h175{ height:175px;} .grid .h180, .h180{ height:180px;} .grid .h185, .h185{ height:185px;} .grid .h190, .h190{ height:190px;} .grid .h195, .h195{ height:195px;} .grid .h200, .h200{ height:200px;} .grid .h205, .h205{ height:205px;} .grid .h210, .h210{ height:210px;} .grid .h215, .h215{ height:215px;} .grid .h220, .h220{ height:220px;} .grid .h225, .h225{ height:225px;} .grid .h230, .h230{ height:230px;} .grid .h235, .h235{ height:235px;} .grid .h240, .h240{ height:240px;} .grid .h245, .h245{ height:245px;} .grid .h250, .h250{ height:250px;} .grid .h255, .h255{ height:255px;} .grid .h260, .h260{ height:260px;} .grid .h265, .h265{ height:265px;} .grid .h270, .h270{ height:270px;} .grid .h275, .h275{ height:275px;} .grid .h280, .h280{ height:280px;} .grid .h285, .h285{ height:285px;} .grid .h290, .h290{ height:290px;} .grid .h295, .h295{ height:295px;} .grid .h300, .h300{ height:300px;} .grid .h305, .h305{ height:305px;} .grid .h310, .h310{ height:310px;} .grid .h315, .h315{ height:315px;} .grid .h320, .h320{ height:320px;} .grid .h325, .h325{ height:325px;} .grid .h330, .h330{ height:330px;} .grid .h335, .h335{ height:335px;} .grid .h340, .h340{ height:340px;} .grid .h345, .h345{ height:345px;} .grid .h350, .h350{ height:350px;} .grid .h355, .h355{ height:355px;} .grid .h360, .h360{ height:360px;} .grid .h365, .h365{ height:365px;} .grid .h370, .h370{ height:370px;} .grid .h375, .h375{ height:375px;} .grid .h380, .h380{ height:380px;} .grid .h385, .h385{ height:385px;} .grid .h390, .h390{ height:390px;} .grid .h395, .h395{ height:395px;} .grid .h400, .h400{ height:400px;} .grid .h405, .h405{ height:405px;} .grid .h410, .h410{ height:410px;} .grid .h415, .h415{ height:415px;} .grid .h420, .h420{ height:420px;} .grid .h425, .h425{ height:425px;} .grid .h430, .h430{ height:430px;} .grid .h435, .h435{ height:435px;} .grid .h440, .h440{ height:440px;} .grid .h445, .h445{ height:445px;} .grid .h450, .h450{ height:450px;} .grid .h455, .h455{ height:455px;} .grid .h460, .h460{ height:460px;} .grid .h465, .h465{ height:465px;} .grid .h470, .h470{ height:470px;} .grid .h475, .h475{ height:475px;} .grid .h480, .h480{ height:480px;} .grid .h485, .h485{ height:485px;} .grid .h490, .h490{ height:490px;} .grid .h495, .h495{ height:495px;} .grid .h500, .h500{ height:500px;} .grid .h505, .h505{ height:505px;} .grid .h510, .h510{ height:510px;} .grid .h515, .h515{ height:515px;} .grid .h520, .h520{ height:520px;} .grid .h525, .h525{ height:525px;} .grid .h530, .h530{ height:530px;} .grid .h535, .h535{ height:535px;} .grid .h540, .h540{ height:540px;} .grid .h545, .h545{ height:545px;} .grid .h550, .h550{ height:550px;} .grid .h555, .h555{ height:555px;} .grid .h560, .h560{ height:560px;} .grid .h565, .h565{ height:565px;} .grid .h570, .h570{ height:570px;} .grid .h575, .h575{ height:575px;} .grid .h580, .h580{ height:580px;} .grid .h585, .h585{ height:585px;} .grid .h590, .h590{ height:590px;} .grid .h595, .h595{ height:595px;} .grid .h600, .h600{ height:600px;}
/* ==<p> margin== */
.grid .p0 p{ margin:0px;}
.grid .p5 p{ margin:5px;}
.grid .p8 p{ margin:8px;}
}
.grid .h5_pers, .h5_pers{ height:5px;} .grid .h10_pers, .h10_pers{ height:10px;} .grid .h15_pers, .h15_pers{ height:15px;} .grid .h20_pers, .h20_pers{ height:20px;} .grid .h25_pers, .h25_pers{ height:25px;} .grid .h30_pers, .h30_pers{ height:30px;} .grid .h35_pers, .h35_pers{ height:35px;} .grid .h40_pers, .h40_pers{ height:40px;} .grid .h45_pers, .h45_pers{ height:45px;} .grid .h50_pers, .h50_pers{ height:50px;} .grid .h55_pers, .h55_pers{ height:55px;} .grid .h60_pers, .h60_pers{ height:60px;} .grid .h65_pers, .h65_pers{ height:65px;} .grid .h70_pers, .h70_pers{ height:70px;} .grid .h75_pers, .h75_pers{ height:75px;} .grid .h80_pers, .h80_pers{ height:80px;} .grid .h85_pers, .h85_pers{ height:85px;} .grid .h90_pers, .h90_pers{ height:90px;} .grid .h95_pers, .h95_pers{ height:95px;} .grid .h100_pers, .h100_pers{ height:100px;} .grid .h105_pers, .h105_pers{ height:105px;} .grid .h110_pers, .h110_pers{ height:110px;} .grid .h115_pers, .h115_pers{ height:115px;} .grid .h120_pers, .h120_pers{ height:120px;} .grid .h125_pers, .h125_pers{ height:125px;} .grid .h130_pers, .h130_pers{ height:130px;} .grid .h135_pers, .h135_pers{ height:135px;} .grid .h140_pers, .h140_pers{ height:140px;} .grid .h145_pers, .h145_pers{ height:145px;} .grid .h150_pers, .h150_pers{ height:150px;} .grid .h155_pers, .h155_pers{ height:155px;} .grid .h160_pers, .h160_pers{ height:160px;} .grid .h165_pers, .h165_pers{ height:165px;} .grid .h170_pers, .h170_pers{ height:170px;} .grid .h175_pers, .h175_pers{ height:175px;} .grid .h180_pers, .h180_pers{ height:180px;} .grid .h185_pers, .h185_pers{ height:185px;} .grid .h190_pers, .h190_pers{ height:190px;} .grid .h195_pers, .h195_pers{ height:195px;} .grid .h200_pers, .h200_pers{ height:200px;} .grid .h205_pers, .h205_pers{ height:205px;} .grid .h210_pers, .h210_pers{ height:210px;} .grid .h215_pers, .h215_pers{ height:215px;} .grid .h220_pers, .h220_pers{ height:220px;} .grid .h225_pers, .h225_pers{ height:225px;} .grid .h230_pers, .h230_pers{ height:230px;} .grid .h235_pers, .h235_pers{ height:235px;} .grid .h240_pers, .h240_pers{ height:240px;} .grid .h245_pers, .h245_pers{ height:245px;} .grid .h250_pers, .h250_pers{ height:250px;} .grid .h255_pers, .h255_pers{ height:255px;} .grid .h260_pers, .h260_pers{ height:260px;} .grid .h265_pers, .h265_pers{ height:265px;} .grid .h270_pers, .h270_pers{ height:270px;} .grid .h275_pers, .h275_pers{ height:275px;} .grid .h280_pers, .h280_pers{ height:280px;} .grid .h285_pers, .h285_pers{ height:285px;} .grid .h290_pers, .h290_pers{ height:290px;} .grid .h295_pers, .h295_pers{ height:295px;} .grid .h300_pers, .h300_pers{ height:300px;} .grid .h305_pers, .h305_pers{ height:305px;} .grid .h310_pers, .h310_pers{ height:310px;} .grid .h315_pers, .h315_pers{ height:315px;} .grid .h320_pers, .h320_pers{ height:320px;} .grid .h325_pers, .h325_pers{ height:325px;} .grid .h330_pers, .h330_pers{ height:330px;} .grid .h335_pers, .h335_pers{ height:335px;} .grid .h340_pers, .h340_pers{ height:340px;} .grid .h345_pers, .h345_pers{ height:345px;} .grid .h350_pers, .h350_pers{ height:350px;} .grid .h355_pers, .h355_pers{ height:355px;} .grid .h360_pers, .h360_pers{ height:360px;} .grid .h365_pers, .h365_pers{ height:365px;} .grid .h370_pers, .h370_pers{ height:370px;} .grid .h375_pers, .h375_pers{ height:375px;} .grid .h380_pers, .h380_pers{ height:380px;} .grid .h385_pers, .h385_pers{ height:385px;} .grid .h390_pers, .h390_pers{ height:390px;} .grid .h395_pers, .h395_pers{ height:395px;} .grid .h400_pers, .h400_pers{ height:400px;}
/* ==== h_lh - height with line-height */
@media (min-width: 801px) {
.grid .h_lh5, .h_lh5 { height:5px; line-height:5px;} .grid .h_lh10, .h_lh10 { height:10px; line-height:10px;} .grid .h_lh15, .h_lh15 { height:15px; line-height:15px;} .grid .h_lh20, .h_lh20 { height:20px; line-height:20px;} .grid .h_lh25, .h_lh25 { height:25px; line-height:25px;} .grid .h_lh30, .h_lh30 { height:30px; line-height:30px;} .grid .h_lh35, .h_lh35 { height:35px; line-height:35px;} .grid .h_lh40, .h_lh40 { height:40px; line-height:40px;} .grid .h_lh45, .h_lh45 { height:45px; line-height:45px;} .grid .h_lh50, .h_lh50 { height:50px; line-height:50px;} .grid .h_lh55, .h_lh55 { height:55px; line-height:55px;} .grid .h_lh60, .h_lh60 { height:60px; line-height:60px;} .grid .h_lh65, .h_lh65 { height:65px; line-height:65px;} .grid .h_lh70, .h_lh70 { height:70px; line-height:70px;} .grid .h_lh75, .h_lh75 { height:75px; line-height:75px;} .grid .h_lh80, .h_lh80 { height:80px; line-height:80px;} .grid .h_lh85, .h_lh85 { height:85px; line-height:85px;} .grid .h_lh90, .h_lh90 { height:90px; line-height:90px;} .grid .h_lh95, .h_lh95 { height:95px; line-height:95px;} .grid .h_lh100, .h_lh100 { height:100px; line-height:100px;} .grid .h_lh105, .h_lh105 { height:105px; line-height:105px;} .grid .h_lh110, .h_lh110 { height:110px; line-height:110px;} .grid .h_lh115, .h_lh115 { height:115px; line-height:115px;} .grid .h_lh120, .h_lh120 { height:120px; line-height:120px;} .grid .h_lh125, .h_lh125 { height:125px; line-height:125px;} .grid .h_lh130, .h_lh130 { height:130px; line-height:130px;} .grid .h_lh135, .h_lh135 { height:135px; line-height:135px;} .grid .h_lh140, .h_lh140 { height:140px; line-height:140px;} .grid .h_lh145, .h_lh145 { height:145px; line-height:145px;} .grid .h_lh150, .h_lh150 { height:150px; line-height:150px;}
/* ====== line height ======= */
.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;}
}

/* ====== line height ======= */
.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: 801px) {
.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 input[type=color] {
	width:100%;	
	margin:0;
	font-family: "Assistant", Arial, Helvetica, sans-serif;
	border:solid 1px #ccc;
	outline:none;
	padding:3px;
}
.grid .box select{
	width:100%;
	margin:0;
	padding:2px;
	font-family: "Assistant", Arial, Helvetica, sans-serif;
	border:solid 1px #ccc;
	outline:none;
}
.grid .box input[type=checkbox], .grid .box input[type=radio]{
width:25px;
height:25px;
} 
}
@media (max-width: 800px) {
.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%;
	margin:0;
	font-family: "Assistant", Arial, Helvetica, sans-serif;
	border:solid 1px #aaa;
	outline:none;
}
.grid .box input[type=checkbox], .grid .box input[type=radio]{
width:25px;
height:25px;
} 
}
textarea {resize:none}
/* === horizontal nav ==== */
@media (min-width: 801px) {
.nav_holder_show{ display:none; }
.nav_holder, .nav_holder a{display:block;}
}
@media (max-width: 800px) {
.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, .grid .box input[type=image]{
max-width:100%!important;
max-height:100%!important;
}
.grid .image img {
max-width:100%;
max-height:100%;
}
.grid .img_by_height img {
max-width:100%!important;
height:100%!important;
}
input[type=image] {
max-width:100%;
max-height:100%;
}
/* == img limits == */
.grid .fit_img5 img, .grid .fit_img5 input[type=image] {width:5%; height:auto; margin:auto;}
.grid .fit_img7 img, .grid .fit_img7 input[type=image] {width:7%; height:auto; margin:auto;}
.grid .fit_img8 img, .grid .fit_img8 input[type=image] {width:8%; height:auto; margin:auto;}
.grid .fit_img10 img, .grid .fit_img10 input[type=image] {width:10%; height:auto; margin:auto;}
.grid .fit_img15 img, .grid .fit_img15 input[type=image] {width:15%; height:auto; margin:auto;}
.grid .fit_img20 img, .grid .fit_img20 input[type=image] {width:20%; height:auto; margin:auto;}
.grid .fit_img25 img, .grid .fit_img25 input[type=image] {width:25%; height:auto; margin:auto;}
.grid .fit_img30 img, .grid .fit_img30 input[type=image] {width:30%; height:auto; margin:auto;}
.grid .fit_img35 img, .grid .fit_img35 input[type=image] {width:35%; height:auto; margin:auto;}
.grid .fit_img40 img, .grid .fit_img40 input[type=image] {width:40%; height:auto; margin:auto;}
.grid .fit_img45 img, .grid .fit_img45 input[type=image] {width:45%; height:auto; margin:auto;}
.grid .fit_img50 img, .grid .fit_img50 input[type=image] {width:50%; height:auto; margin:auto;}
.grid .fit_img55 img, .grid .fit_img55 input[type=image] {width:55%; height:auto; margin:auto;}
.grid .fit_img60 img, .grid .fit_img60 input[type=image] {width:60%; height:auto; margin:auto;}
.grid .fit_img65 img, .grid .fit_img65 input[type=image] {width:65%; height:auto; margin:auto;}
.grid .fit_img70 img, .grid .fit_img70 input[type=image] {width:70%; height:auto; margin:auto;}
.grid .fit_img75 img, .grid .fit_img75 input[type=image] {width:75%; height:auto; margin:auto;}
.grid .fit_img80 img, .grid .fit_img80 input[type=image] {width:80%; height:auto; margin:auto;}
.grid .fit_img85 img, .grid .fit_img85 input[type=image] {width:85%; height:auto; margin:auto;}
.grid .fit_img90 img, .grid .fit_img90 input[type=image] {width:90%; height:auto; margin:auto;}
.grid .fit_img95 img, .grid .fit_img95 input[type=image] {width:95%; height:auto; margin:auto;}
.grid .fit_img100 img, .grid .fit_img100 input[type=image] {width:100%; height:auto; margin:auto;}

/* ====== basic ======= */
html {height:100%;}
body {margin:0; direction:rtl; min-height:100%; font-family: "Assistant", Arial, Helvetica, sans-serif; overflow-x:hidden;background-color:#fff;}
@media screen and (max-width: 3260px) and (min-width: 1400px) {
body {font-size:98%;}
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
body {font-size:90%;}
}
@media screen and (max-width: 1199px) and (min-width: 1000px) {
body {font-size:80%;}
}
@media screen and (max-width: 999px) and (min-width: 801px) {
body {font-size:70%;}
}
@media (max-width: 800px) {
body {font-size:100%;}
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position:relative;
}
.no_wrap{white-space:nowrap!important;}
.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%;
	font-weight:normal;
}
h1 {font-weight:bold;}
.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;}
.grid .normal{font-weight:normal;}
a {
	text-decoration:none;
	color:#333;
}
a:hover {
	/* color:#000; */
}
.grid .display_none, .display_none{
	display:none;
}
img {
	vertical-align:middle;
	border:none;
}
.form_lr{
direction:ltr;
}
.grid .ltr, .ltr{
direction:ltr;
}
.grid .rtl, .rtl{
direction:rtl;
}

.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;
}
/* ====search input === */
.search_result{
background-color:#fff;overflow:auto;direction:ltr;max-height:500px;
}
/* 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);
}
}

/* ======= requested ========== 26/11/17 */
@keyframes img_effect_scale {
from {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
.grid .effect img:hover {
-webkit-animation-name:img_effect_scale;
animation-name: img_effect_scale;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
opacity:0.95;
}

.grid .effect1:hover {
border:solid 1px red;
}
.effect2{
-webkit-transition: width 0.5s;
 transition: width 0.5s;
}
.effect2:hover{
width:98%;
}
/* ============= */
.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;
}
}
@media (min-width: 801px) {
.nav_holder_fixed {
position:fixed;
top:0;
right:0;
z-index:1;
-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);
background-image:url(../images/symbol.svg)
}
}

/* ================ */
.fader_in_delayed {
-webkit-animation-name:ani_fade_in;
animation-name: ani_fade_in;
-webkit-animation-duration: 3.5s;
animation-duration: 3.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.fader_in {
-webkit-animation-name:ani_fade_in;
animation-name: ani_fade_in;
-webkit-animation-duration: 2.5s;
animation-duration: 2.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 imgs_wrap_ani {
from {
opacity:0;
width:120%;
}
to {
opacity:1;
width:100%;
}	
}
.imgs_wrap{
opacity:0;
-webkit-animation-name:imgs_wrap_ani;
animation-name: imgs_wrap_ani;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
/* ============= */
.arr_cell:active {
background-color:red;	
}
/* ============= */
@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;
}
/* ==================== */
.grid .next_hover:hover, .grid .next_hover a:hover{
-webkit-animation-name: next_hover;
animation-name: next_hover;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;	
}
/* ======================== */
@keyframes ani_header_bg {
from {background-image:url('../images/logo1.svg'); background-position:center center; background-repeat:no-repeat; background-size:50%;}
to {background-image:url('../images/logo1.svg'); background-position:center center; background-repeat:no-repeat; background-size:760%;}
}
.grid .bg_img{-webkit-animation-name: ani_header_bg;animation-name: ani_header_bg;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
/* ======== popups, messages and other ======== */
@media (min-width: 801px) {
.scrollup{
width:3.7%;height:auto;right:30px;bottom:50px;border:solid 1px #ccc;cursor:pointer;padding:3px 5px 2px 5px;
background-color:#ffffff;opacity:0.7;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
}
@media (max-width: 800px) {
.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: 801px) {
.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 3px 4px 0px rgba(0, 0, 0, 0.15);
}
.grid .shadow:hover, .shadow:hover{
/* box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);*/
}
.grid .shadow_white, .shadow_white{
box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.3);
}
.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: 800px) {
.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;
}
/* ========== 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;}


/* ====== overflow ====== */
.grid .overflow_hidden{
overflow:hidden;
}
.grid .overflow_auto{
overflow:auto;
}
.grid .overflow_scroll{
overflow:scroll;
}
.grid .overflow_auto_y{
overflow-y:auto;
}
/* ====== special borders ===== */
.grid .border_tb_dashed{border-top:dashed 1px!important;border-bottom:dashed 1px!important;}

/* ==================== */
@media (min-width: 801px) {
.grid .header_holder{
background-repeat:repeat-y;
background-position:center center;
}
.logo_eng{
display:block;
}
.symbol{
display:block;
}
}
@media (max-width: 800px) {
.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.5;}
.fullStar{ background-position:right -59px;}
.stars{overflow: hidden;}
.tmp_es{background-position:right -21px;}
.tmp_fs{background-position:right -40px;}
@media (max-width: 1280px) {
.star{
zoom:1.2;
}
}
/* =========nav v====== */
@media (max-width: 800px) {
.nav_sub_holder {display:none;}	
}
.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 #ddd;*/
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_white.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu a::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top:30%;
  background-image: url(../images/cd_gallery.svg);
  background-repeat: no-repeat;
  background-position:center center;
  background-size:contain;
  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;*/
  border-bottom:solid 1px #fff;
}
@media (min-width: 801px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 10px 45px 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: 800px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 5px 50px 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; }

}
@media (min-width: 801px) and (max-width: 1280px) {
.grid .star_display{opacity:0.7;zoom:0.7;}
.grid .seo_views_display{font-size:1.0em;}
}
@media (min-width: 1281px){
.grid .star_display{opacity:0.7;zoom:1.0;}
.grid .seo_views_display{font-size:1.2em;}
}
@media (max-width: 800px) {
.grid .star_display{opacity:0.7;zoom:1.0;}
.grid .seo_views_display{font-size:1.3em;}
}
.grid .hide_input_borders input[type=text], .grid .hide_input_borders input[type=email], .grid .hide_input_borders input[type=tel], .grid .hide_input_borders textarea {
border:none;
}

.grid .shadow1 {background:url(../images/shadow1.png) no-repeat; background-size:contain; background-position:center; margin-bottom:-60px;}
.grid .shadow2 {background:url(../images/shadow2.png) no-repeat; background-size:contain; background-position:center; margin-bottom:-60px;}
.grid .shadow3 {background:url(../images/shadow3.png) no-repeat; background-size:contain; background-position:center; margin-bottom:-60px;}
.grid .shadow4 {background:url(../images/shadow4.png) no-repeat; background-size:contain; background-position:center; margin-bottom:-60px;}
.grid .shadow5 {background:url(../images/shadow5.png) no-repeat; background-size:contain; background-position:center; margin-bottom:-60px;}
.grid .shadow5_white {background:url(../images/shadow5_white.png); background-repeat: no-repeat; background-size:contain; background-position:center; margin-bottom:-60px;}
.grid .shadow6 {background:url(../images/shadow6.png); background-repeat: no-repeat; background-size:contain; background-position:center; margin-bottom:-60px;}


.header_fixed {position:fixed;z-index:1000;top:0;}
.icon_user_seller {background-image:url(../images/user_seller.svg);background-size:contain; background-position:left center;background-repeat:no-repeat;}
.icon_user_buyer {background-image:url(../images/user_buyer.svg);background-size:contain; background-position:left center;background-repeat:no-repeat;}
.icon_user_agent {background-image:url(../images/user_agent.svg);background-size:contain; background-position:left center;background-repeat:no-repeat;}
.icon_user_seller_login {background-image:url(../images/user_seller_login.svg);background-size:contain; background-position:left center;background-repeat:no-repeat;}
.icon_user_buyer_login {background-image:url(../images/user_buyer_login.svg);background-size:contain; background-position:left center;background-repeat:no-repeat;}
.icon_user_agent_login {background-image:url(../images/user_agent_login.svg);background-size:contain; background-position:left center;background-repeat:no-repeat;}



.icon_user_black {background-image:url(../images/add_user_black.svg);background-size:14%; background-position:5px center;background-repeat:no-repeat;}
.icon_envelope  {background-image:url(../images/envelope.svg);background-size:14%; background-position:5px center;background-repeat:no-repeat;}
.icon_user_s {background-image:url(../images/add_user.svg);background-size:45%; background-position:center center;background-repeat:no-repeat;}
.icon_user_s1 {background-image:url(../images/add_user1.svg);background-size:45%; background-position:center center;background-repeat:no-repeat;}
.icon_envelope_s  {background-image:url(../images/envelope.svg);background-size:45%; background-position:center center;background-repeat:no-repeat;}

@media (min-width: 801px) {
.grid .overflow_auto, .grid .of_auto {overflow:auto;}
.grid .overflow_hidden, .grid .of_hidden {overflow:hidden;}
.grid .overflow_scroll, .grid .of_scroll {overflow-y:scroll;}
}

.grid .hider {display:none;}
.wait {top:0;right:0;height:100%;width:100%;background-color:rgba(0,0,0,0.5);z-index:1000;background-image:url('../images/loader.svg');background-repeat:no-repeat;background-position:center center;}

::-webkit-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}
::-ms-placeholder{color:#aaa;}
::placeholder {color:#aaa;}
@media (min-width: 801px) {
.center_ltr{text-align:center; direction:ltr;}
}
@media (max-width: 800px) {
.center_ltr{text-align:right; direction:ltr;}
}

.login {display:none;}
.sug_holder{display:none;}
.grid .form_person_holder input{padding:3px;}
.grid .background_none, .grid .bg_none {background:none;}
.grid .no_border_form input {border:none!important;}

.grid .opacity00{opacity:0.0;} .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;}

@keyframes ani_header {
from {
background-position:0px bottom;
}
to {
background-position:1000px center;
}
}
.grid .bg_move {
background-image:url(../images/h.png);
background-position:bottom;
background-repeat:repeat;
-webkit-animation-name: ani_header;
animation-name: ani_header;
-webkit-animation-duration: 46s;
animation-duration: 46s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-delay:0;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
.grid .bg_move_rev {
background-image:url(../images/h.png);
background-position:bottom;
background-repeat:repeat;
-webkit-animation-name: ani_header;
animation-name: ani_header;
-webkit-animation-duration: 36s;
animation-duration: 36s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-delay:0;
animation-direction: reverse;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
.grid .maxh230 {max-height:230px; overflow:hidden;}

@keyframes ani_home_gallery {
from {
opacity:0.0;
}
to {
opacity:0.85;
}
}

.grid .home_cell:hover > .abs {
animation-name: ani_home_gallery;
animation-duration: 1s;
animation-iteration-count:1;
animation-fill-mode: forwards;

-webkit-animation-name: ani_home_gallery;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode: forwards;
}
.grid .overlay a:hover > img{
opacity:1.0;
}
.zindex10{z-index:10;}
/* =======scrollbar======= */
@media (min-width: 801px) {
body::-webkit-scrollbar {
    width: 0.9em;
}
}
@media (max-width: 800px) {
body::-webkit-scrollbar {
    width: 0.5em;
}
}
body::-webkit-scrollbar-track {
  background-color: #555;
}
 
body::-webkit-scrollbar-thumb{
  background-color: #ddd;
  background-image:url(../images/drag.gif);
  
}
body::-webkit-scrollbar-button{
 background-color: #000;
}
body::-webkit-scrollbar-button:vertical:increment {
    background-image: url(../images/dd_down_white.svg);
	background-size:90%;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	height:20px;
}
body::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(../images/dd_up_white.svg);
	background-size:90%;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	height:20px;
}
/* ==== */
.abs::-webkit-scrollbar,  .myscroll::-webkit-scrollbar{
    width: 0.5em;
}
.abs::-webkit-scrollbar-track, .myscroll::-webkit-scrollbar-track {
  background-color: #DDDDDD;
}
.abs::-webkit-scrollbar-thumb, .myscroll::-webkit-scrollbar-thumb {
  background-color: #333333;
}
.abs::-webkit-scrollbar-button, .myscroll::-webkit-scrollbar-button{
 background-color: #DDDDDD;
 height:1px;
}

.m_pages::-webkit-scrollbar {
    width: 0.4em;
}
.m_pages::-webkit-scrollbar-track {
  background-color: #DDDDDD;
}
.m_pages::-webkit-scrollbar-thumb {
  background-color: #555555;
}
.m_pages::-webkit-scrollbar-button{
 background-color: #DDDDDD;
 height:1px;
}

body::-webkit-scrollbar {
    width: 0.5em;
}
body::-webkit-scrollbar-track {
  background-color: #000;
}
body::-webkit-scrollbar-thumb {
  background-color: #ddd;
}
body::-webkit-scrollbar-button{
 background-color: #000;
 height:1px;
}

.header_mini {display:none;}
.overlay_dark {background-color:rgba(0,0,0,0.7);width:100%;height:100%;top:0px;left:0px;z-index:1;display:none;}

@keyframes overlay_fade_in {
from {
opacity:0.2;
height:20%;
}
to {
opacity:0.9;
height:100%;
}
}
.box_gallery:hover > .j_overlay {
-webkit-animation-name:overlay_fade_in;
animation-name: overlay_fade_in;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.grid .box .border_white {border:solid 2px #fff;}
.content_short_hide {display:none;}
.grid .border_red img{border:solid 2px red;}
.grid .border_tb_white{border-top:solid 1px #fff; border-bottom:solid 1px #fff;border-right:none;border-left:none; }
.grid .border_tb_black{border-top:solid 1px #333; border-bottom:solid 1px #333;border-right:none;border-left:none; }
.grid .wrap{background-repeat:no-repeat;background-size:cover;background-position:top center;}

.grid .color_bg_black01{background-color:rgba(0,0,0,0.1);} 
.grid .color_bg_black02{background-color:rgba(0,0,0,0.2);} 
.grid .color_bg_black03{background-color:rgba(0,0,0,0.3);} 
.grid .color_bg_black04{background-color:rgba(0,0,0,0.4);} 
.grid .color_bg_black05{background-color:rgba(0,0,0,0.5);} 
.grid .color_bg_black06{background-color:rgba(0,0,0,0.6);} 


@keyframes arrow_fade_in {
from {
opacity:0.5;
}
to {
opacity:0.9;
}
}
.grid .arrow_wrap:hover .arrow{
-webkit-animation-name:arrow_fade_in;
animation-name: arrow_fade_in;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes arrow_bg {
from {
background-color:rgba(0,0,0,0.0);
}
to {
background-color:rgba(0,0,0,0.15);
}
}
.grid .arrow_wrap:hover {
-webkit-animation-name:arrow_bg;
animation-name: arrow_bg;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

.act:hover{color:#ffcc00;}
@media (min-width: 801px) {
.margin_left{margin-left:80px!important;}
}

.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 .tooltip {
    position: relative;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
	white-space:nowrap!important;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 130%;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.6);
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #000;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext1 {
    visibility: hidden;
    width: auto;
	white-space:nowrap!important;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 100;
    top: -50px;
    right: 20%;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.6);
}
.tooltip:hover .tooltiptext1 {
    visibility: visible;
}
.tafnit {transform: rotate(-90deg)}
/*svg {width:100%;}*/