@charset "utf-8";
/* =====core structure================ */
.grid {
	float:left; /* ========== */
	height:auto;
	padding:0;
}
.grid .box {
	width:100%;
	height:auto;
	border:solid 1px #ddd;
	/* 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:right !important;
}
/* ===== absolute and fixed ==== */
.abs {
	position:absolute;
}
.abs img{
	width:100%;
}
.fixed {
	position:fixed;
}
.fixed img{
	width:100%;
}
/* ===== limits ================= */
@media (min-width: 801px) {
.limit_width, .grid .limit_width {
	width:90% !important;
	margin:auto;
	height:auto;
	max-width:1480px;
	min-width:1000px;
}
.grid .min_height {
	min-height:750px;
}
}
@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 {display:block;}
/* ====== hide from phone ====== */
@media (min-width: 801px){.hide_from_phone {display:block;}}
@media (max-width: 800px){.hide_from_phone {display:none;}}
/* ====== hide from desktop ====== */
@media (min-width: 801px){.hide_from_desktop {display:none;}}
@media (max-width: 800px){.hide_from_desktop {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;}
.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: 800px) {
.padding3 {padding:3px !important;}
.padding5 {padding:5px !important;}
.padding10 {padding:5px !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_inner3 {padding:3px;}
.grid .padding_inner5 {padding:5px;}
.grid .padding_inner7 {padding:7px;}

.grid .padding_inner10 {padding:10px;}
.grid .padding_inner15 {padding:15px;}
.grid .padding_inner20 {padding:20px;}

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

/* ====== border ========= */
.grid .no_border, no_border {border:none!important;}
.grid .border_bottom, border_bottom {border-bottom:solid 1px!important;}
/* ====== nav h ========== */

.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: 801px) {
.nav_link a{
display:block;
white-space:nowrap;
border-right:dashed 1px;
}
.grid .nav_holder .grid .nav:first-child {border-left:solid 1px #fff;}
}
@media (max-width: 800px) {
.nav_link a{
display:block;
line-height:40px;
border-right: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!important;}
.nav_link_upper a{color:#fff!important;}

/* ======== separator ======== */
.grid .groove, .groove{
border-right:solid 1px rgba(255,255,255,0.3);
border-left:solid 1px rgba(0,0,0,0.3);
}
.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 ======== */
.grid .align_left_pers {text-align:right;}
.grid .align_right_pers {text-align:left;}
@media (min-width: 801px) {
.grid .align_left {text-align:right;}
.grid .align_center {text-align:center;}
.grid .align_right {text-align:left;}
}
@media (max-width: 800px) {
.grid .align_left {text-align:center;}
.grid .align_center {text-align:center;}
.grid .align_right {text-align:center;}
}
.grid .align_left_pers {text-align:right;}
.grid .align_center_pers {text-align:center;}
.grid .align_right_pers {text-align:left;}
/* ===== 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: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%;}
/* == */
.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: 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, .ww90, .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;}
}

/* ====== 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_size075{font-size:0.75em;} .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_size29 {font-size:2.9em;} .grid .font_size30 {font-size:3.0em;} .grid .font_size31 {font-size:3.1em;} .grid .font_size32 {font-size:3.2em;} .grid .font_size33 {font-size:3.3em;} .grid .font_size34 {font-size:3.4em;} .grid .font_size35 {font-size:3.5em;} .grid .font_size36 {font-size:3.6em;} .grid .font_size37 {font-size:3.7em;} .grid .font_size38 {font-size:3.8em;} .grid .font_size39 {font-size:3.9em;} .grid .font_size40 {font-size:4.0em;} .grid .font_size41 {font-size:4.1em;} .grid .font_size42 {font-size:4.2em;} .grid .font_size43 {font-size:4.3em;} .grid .font_size44 {font-size:4.4em;} .grid .font_size45 {font-size:4.5em;} .grid .font_size46 {font-size:4.6em;} .grid .font_size47 {font-size:4.7em;} .grid .font_size48 {font-size:4.8em;} .grid .font_size49 {font-size:4.9em;} .grid .font_size50 {font-size:5.0em;} .grid .font_size51 {font-size:5.1em;} .grid .font_size52 {font-size:5.2em;} .grid .font_size53 {font-size:5.3em;} .grid .font_size54 {font-size:5.4em;} .grid .font_size55 {font-size:5.5em;} .grid .font_size56 {font-size:5.6em;} .grid .font_size57 {font-size:5.7em;} .grid .font_size58 {font-size:5.8em;} .grid .font_size59 {font-size:5.9em;} .grid .font_size60 {font-size:6.0em;} .grid .font_size61 {font-size:6.1em;} .grid .font_size62 {font-size:6.2em;} .grid .font_size63 {font-size:6.3em;} .grid .font_size64 {font-size:6.4em;} .grid .font_size65 {font-size:6.5em;} .grid .font_size66 {font-size:6.6em;} .grid .font_size67 {font-size:6.7em;} .grid .font_size68 {font-size:6.8em;} .grid .font_size69 {font-size:6.9em;} .grid .font_size70 {font-size:7.0em;} .grid .font_size71 {font-size:7.1em;} .grid .font_size72 {font-size:7.2em;} .grid .font_size73 {font-size:7.3em;} .grid .font_size74 {font-size:7.4em;} .grid .font_size75 {font-size:7.5em;} .grid .font_size76 {font-size:7.6em;} .grid .font_size77 {font-size:7.7em;} .grid .font_size78 {font-size:7.8em;} .grid .font_size79 {font-size:7.9em;} .grid .font_size80 {font-size:8.0em;} .grid .font_size81 {font-size:8.1em;} .grid .font_size82 {font-size:8.2em;} .grid .font_size83 {font-size:8.3em;} .grid .font_size84 {font-size:8.4em;} .grid .font_size85 {font-size:8.5em;} .grid .font_size86 {font-size:8.6em;} .grid .font_size87 {font-size:8.7em;} .grid .font_size88 {font-size:8.8em;} .grid .font_size89 {font-size:8.9em;} .grid .font_size90 {font-size:9.0em;} .grid .font_size91 {font-size:9.1em;} .grid .font_size92 {font-size:9.2em;} .grid .font_size93 {font-size:9.3em;} .grid .font_size94 {font-size:9.4em;} .grid .font_size95 {font-size:9.5em;} .grid .font_size96 {font-size:9.6em;} .grid .font_size97 {font-size:9.7em;} .grid .font_size98 {font-size:9.8em;} .grid .font_size99 {font-size:9.9em;}

.grid .font_size06 input{font-size:0.6em;} .grid .font_size065 input{font-size:0.65em;} .grid .font_size07 input{font-size:0.7em;} .grid .font_size075 input{font-size:0.75em;} .grid .font_size08 input{font-size:0.8em;} .grid .font_size085 input{font-size:0.85em;} .grid .font_size09 input{font-size:0.9em;} .grid .font_size095 input{font-size:0.95em;} .grid .font_size10 input {font-size:1.0em;} .grid .font_size11 input {font-size:1.1em;} .grid .font_size12 input {font-size:1.2em;} .grid .font_size13 input {font-size:1.3em;} .grid .font_size14 input {font-size:1.4em;} .grid .font_size15 input {font-size:1.5em;} .grid .font_size16 input {font-size:1.6em;} .grid .font_size17 input {font-size:1.7em;} .grid .font_size18 input {font-size:1.8em;} .grid .font_size19 input {font-size:1.9em;} .grid .font_size20 input {font-size:2.0em;} .grid .font_size21 input {font-size:2.1em;} .grid .font_size22 input {font-size:2.2em;} .grid .font_size23 input {font-size:2.3em;} .grid .font_size24 input {font-size:2.4em;} .grid .font_size25 input {font-size:2.5em;} .grid .font_size26 input {font-size:2.6em;} .grid .font_size27 input {font-size:2.7em;} .grid .font_size28 input {font-size:2.8em;} .grid .font_size29 input {font-size:2.9em;} .grid .font_size30 input {font-size:3.0em;} .grid .font_size31 input {font-size:3.1em;} .grid .font_size32 input {font-size:3.2em;} .grid .font_size33 input {font-size:3.3em;} .grid .font_size34 input {font-size:3.4em;} .grid .font_size35 input {font-size:3.5em;} .grid .font_size36 input {font-size:3.6em;} .grid .font_size37 input {font-size:3.7em;} .grid .font_size38 input {font-size:3.8em;} .grid .font_size39 input {font-size:3.9em;}
.grid .font_size06 select{font-size:0.6em;} .grid .font_size065 select{font-size:0.65em;} .grid .font_size07 select{font-size:0.7em;} .grid .font_size075 select{font-size:0.75em;} .grid .font_size08 select{font-size:0.8em;} .grid .font_size085 select{font-size:0.85em;} .grid .font_size09 select{font-size:0.9em;} .grid .font_size095 select{font-size:0.95em;} .grid .font_size10 select {font-size:1.0em;} .grid .font_size11 select {font-size:1.1em;} .grid .font_size12 select {font-size:1.2em;} .grid .font_size13 select {font-size:1.3em;} .grid .font_size14 select {font-size:1.4em;} .grid .font_size15 select {font-size:1.5em;} .grid .font_size16 select {font-size:1.6em;} .grid .font_size17 select {font-size:1.7em;} .grid .font_size18 select {font-size:1.8em;} .grid .font_size19 select {font-size:1.9em;} .grid .font_size20 select {font-size:2.0em;} .grid .font_size21 select {font-size:2.1em;} .grid .font_size22 select {font-size:2.2em;} .grid .font_size23 select {font-size:2.3em;} .grid .font_size24 select {font-size:2.4em;} .grid .font_size25 select {font-size:2.5em;} .grid .font_size26 select {font-size:2.6em;} .grid .font_size27 select {font-size:2.7em;} .grid .font_size28 select {font-size:2.8em;} .grid .font_size29 select {font-size:2.9em;} .grid .font_size30 select {font-size:3.0em;} .grid .font_size31 select {font-size:3.1em;} .grid .font_size32 select {font-size:3.2em;} .grid .font_size33 select {font-size:3.3em;} .grid .font_size34 select {font-size:3.4em;} .grid .font_size35 select {font-size:3.5em;} .grid .font_size36 select {font-size:3.6em;} .grid .font_size37 select {font-size:3.7em;} .grid .font_size38 select {font-size:3.8em;} .grid .font_size39 select {font-size:3.9em;}
.grid .font_size06 textarea{font-size:0.6em;} .grid .font_size065 textarea{font-size:0.65em;} .grid .font_size07 textarea{font-size:0.7em;} .grid .font_size075 textarea{font-size:0.75em;} .grid .font_size08 textarea{font-size:0.8em;} .grid .font_size085 textarea{font-size:0.85em;} .grid .font_size09 textarea{font-size:0.9em;} .grid .font_size095 textarea{font-size:0.95em;} .grid .font_size10 textarea {font-size:1.0em;} .grid .font_size11 textarea {font-size:1.1em;} .grid .font_size12 textarea {font-size:1.2em;} .grid .font_size13 textarea {font-size:1.3em;} .grid .font_size14 textarea {font-size:1.4em;} .grid .font_size15 textarea {font-size:1.5em;} .grid .font_size16 textarea {font-size:1.6em;} .grid .font_size17 textarea {font-size:1.7em;} .grid .font_size18 textarea {font-size:1.8em;} .grid .font_size19 textarea {font-size:1.9em;} .grid .font_size20 textarea {font-size:2.0em;} .grid .font_size21 textarea {font-size:2.1em;} .grid .font_size22 textarea {font-size:2.2em;} .grid .font_size23 textarea {font-size:2.3em;} .grid .font_size24 textarea {font-size:2.4em;} .grid .font_size25 textarea {font-size:2.5em;} .grid .font_size26 textarea {font-size:2.6em;} .grid .font_size27 textarea {font-size:2.7em;} .grid .font_size28 textarea {font-size:2.8em;} .grid .font_size29 textarea {font-size:2.9em;} .grid .font_size30 textarea {font-size:3.0em;} .grid .font_size31 textarea {font-size:3.1em;} .grid .font_size32 textarea {font-size:3.2em;} .grid .font_size33 textarea {font-size:3.3em;} .grid .font_size34 textarea {font-size:3.4em;} .grid .font_size35 textarea {font-size:3.5em;} .grid .font_size36 textarea {font-size:3.6em;} .grid .font_size37 textarea {font-size:3.7em;} .grid .font_size38 textarea {font-size:3.8em;} .grid .font_size39 textarea {font-size:3.9em;}
/* ======= heights ==== */
@media (min-width: 801px) {
.grid .h20, .h20{ height:20px;}
.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 .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 .h500, .h500{ height:500px;}
.grid .p0 p{ margin:0px;}
.grid .p5 p{ margin:5px;}
.grid .p8 p{ margin:8px;}
}
@media (max-width: 800px) {
.grid .h30, .h30{ height:auto;}
.grid .h35, .h35{ height:auto;}
.grid .h40, .h40{ height:auto;}
.grid .h45, .h45{ 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 .h500, .h500{ 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;}

/* ==== h_lh - height with 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;}

/* ======= hl - height and line-height combined ===== */
.hl60{height:60px;line-height:60px;}
/* ====== 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=button], .grid .box input[type=password] {
	width:100%;	
	margin:0;
	padding:3px;
	font-family: "Assistant", Arial, Helvetica, sans-serif;
	border:solid 1px #ccc;
	outline:none;
}
.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:20px;
height:20px;
} 
}
@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=button], .grid .box input[type=password], .grid .box select {
	width:100%;
	margin:0;
	padding:5px;
	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 {
max-width:100%;
max-height:100%;
}
.grid .image img {
max-width:100%;
max-height:100%;
}
/* == img limits == */
.grid .fit_img5 img {width:5%; height:auto; margin:auto;}
.grid .fit_img10 img {width:10%; height:auto; margin:auto;}
.grid .fit_img15 img {width:15%; height:auto; margin:auto;}
.grid .fit_img20 img {width:20%; height:auto; margin:auto;}
.grid .fit_img25 img {width:25%; height:auto; margin:auto;}
.grid .fit_img30 img {width:30%; height:auto; margin:auto;}
.grid .fit_img35 img {width:35%; height:auto; margin:auto;}
.grid .fit_img40 img {width:40%; height:auto; margin:auto;}
.grid .fit_img45 img {width:45%; height:auto; margin:auto;}
.grid .fit_img50 img {width:50%; height:auto; margin:auto;}
.grid .fit_img55 img {width:55%; height:auto; margin:auto;}
.grid .fit_img60 img {width:60%; height:auto; margin:auto;}
.grid .fit_img65 img {width:65%; height:auto; margin:auto;}
.grid .fit_img70 img {width:70%; height:auto; margin:auto;}
.grid .fit_img75 img {width:75%; height:auto; margin:auto;}
.grid .fit_img80 img {width:80%; height:auto; margin:auto;}
.grid .fit_img85 img {width:85%; height:auto; margin:auto;}
.grid .fit_img90 img {width:90%; height:auto; margin:auto;}
.grid .fit_img95 img {width:95%; height:auto; margin:auto;}
.grid .fit_img100 img {width:100%; height:auto; margin:auto;}
/* ==== header logo animation ==== */
@keyframes header_logo_ani1 {
from {
width:35%; height:auto; margin:auto;
}
to {
width:25%; height:auto; margin:auto;
}
}
.grid .header_logo_down {
-webkit-animation-name:header_logo_ani1;
animation-name: header_logo_ani1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
/* ====== basic ======= */
html {height:100%;}
body {margin:0; direction:ltr; min-height:100%; font-family: "Assistant", Arial, Helvetica, sans-serif; overflow-x:hidden; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:30%; overflow-y:scroll;}
@media screen and (max-width: 3260px) and (min-width: 1400px) {
body {font-size:100%;}
}
@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;
}
.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;
}
/* ====search input === */

/* 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_home {
from {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-filter: invert(100%); /* Safari 6.0 - 9.0 */
filter: invert(100%);
}
}
.grid .effect a img:hover {
-webkit-animation-name:img_effect_home;
animation-name: img_effect_home;
-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;
}
}
@media (min-width: 801px) {
.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);
}
}
@media (max-width: 800px) {
.nav_holder_fixed {
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;
}
}
/* ================ */
.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;
}
/* ============= */
@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;
}
}


.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, .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;
}
/* ==================== */
.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/logo_ani.svg'); background-position:center -100px; background-repeat:no-repeat; background-size:10%;}
to {background-image:url('../images/logo_ani.svg'); background-position:right -100px; background-repeat:no-repeat; background-size:300%;}
}
.grid .bg_img{-webkit-animation-name: ani_header_bg;animation-name: ani_header_bg;-webkit-animation-duration: 5s;animation-duration: 5s;-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
/* ======== popups, messages and other ======== */
@media (min-width: 801px) {
.scrollup{
width:3.7%;height:auto;left: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;left: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;
left: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.2);
}
.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;
}
@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;}
/* ====== overflow ====== */
.grid .overflow_hidden{
overflow:hidden;
}
.grid .overflow_auto{
overflow:auto;
}
.grid .overflow_scroll{
overflow:scroll;
}
.grid .overflow_auto_y{
overflow-y:auto;
}

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

/* ======================= */
@media (min-width: 801px) {
.grid .nav_link .dd{
display:none!important;
}
.grid .nav_link:hover .dd{
display:block!important;
}
.dd ul{
list-style-type: none;
list-style-type: none;
padding:0;
border:none;
width:100%;
margin:auto;
padding:5px;
border:none!important;
}
.dd ul a{
display:block;
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_white.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu a::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top:30%;
  background-image: url(../images/cd_gallery.svg);
  background-repeat: no-repeat;
  background-position:center center;
  padding:0;
  opacity:0.6;
}

.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: 801px) {
  .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: 800px) {
  .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: 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;}

.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.3);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;}