/* -- generic -- */
html { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 16px; background-color:#F5F5F5; }
button, input, optgroup, select, textarea { font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 14px; }
*, *:before, *:after { box-sizing:inherit; -webkit-box-sizing:inherit; -moz-box-sizing:inherit; }
h1, h2 {text-transform: uppercase; }
a:link, a:visited { text-decoration: inherit; color: inherit; } a:hover { opacity:.75; } a:active { opacity:.5; }
body, html{ overflow-x: hidden;}
body { margin:0px; padding:0px; border: 0px solid #000; -webkit-text-size-adjust: 100%; background-color:#FAFAFA; }
#body {padding: 0; }
/* -- generic -- */
/* -- HGTWP tooltip -- */
.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border { border-top-color: #c80f1e; }
.tooltipster-sidetip.tooltipster-punk .tooltipster-box { border-bottom: 3px solid #c80f1e; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); }
.tooltipster-sidetip.tooltipster-punk .tooltipster-content { font-size: 14px; }
.tooltipster-sidetip.tooltipster-punk { z-index: 993 !important;}
.hgtwp_tooltip { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* -- HGTWP tooltip END -- */
/* -- HGTWP sortable_tab -- */
th.hgtwp_sortable_tab::after {
content: "\f0dc"; color: #adb8c0; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none;
font-size: 14px; margin-left: 3px; z-index: 1; }
th.hgtwp_sortable_tab.hgtwp_sortable_tab_active.hgtwp_sortable_tab_up::after{ content: "\f0de"; }
th.hgtwp_sortable_tab.hgtwp_sortable_tab_active.hgtwp_sortable_tab_dn::after{ content: "\f0dd"; }
/* -- HGTWP sortable_tab END -- */
/* -- HGTWP form elements -- */
/* input */
.hgtwp_inputs input , .hgtwp_inputs button, .hgtwp_inputs select, .hgtwp_inputs textarea {
border-radius: 3px; height: 25px; background-color: #e9ecee; border: 1px solid #adb8c0; padding: 0 5px;
-webkit-box-shadow: 0 1px 2px rgba(10,15,25,0.05); -moz-box-shadow: 0 1px 2px rgba(10,15,25,0.05); box-shadow: 0 1px 2px rgba(10,15,25,0.05);
}
.hgtwp_inputs input:disabled, .hgtwp_inputs button:disabled, .hgtwp_inputs select:disabled, .hgtwp_inputs textarea:disabled { border-color: #d9dee3; }
.hgtwp_inputs select option:disabled { color:#666; display: none; },
.hgtwp_inputs textarea { height: auto; resize: none; }
/* checkbox */
.hgtwp_inputs input[type="checkbox"] { display: none;}
.hgtwp_inputs input[type="checkbox"] + label {
border-radius: 3px; height: 20px; background-color: #e9ecee; border: 1px solid #adb8c0;
padding: 9px; display: inline-block; position: relative; margin-right: 5px;
box-shadow: 0 1px 2px rgba(10,15,25,0.05); -moz-box-shadow: 0 1px 2px rgba(10,15,25,0.05); -moz-box-shadow: 0 1px 2px rgba(10,15,25,0.05);
}
.hgtwp_inputs input[type="checkbox"]:checked + label:after { content: "\2714"; font-size: 14px; position: absolute; top: 0px; left: 3px; color: #c80f1e; }
/* number */
.hgtwp_inputs input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; }
.hgtwp_inputs input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; }
.hgtwp_inputs input[type=number] { -moz-appearance:textfield; }
/* button */
.hgtwp_inputs button, .hgtwp_inputs input[type="button"], .hgtwp_inputs input[type="submit"] {
padding: 5px 10px; height: 30px; font-variant: small-caps;
-webkit-box-shadow: 0 1px 2px rgba(10,15,25,0.05), inset 0px -15px 10px -10px rgba(10,15,25,0.2); -moz-box-shadow: 0 1px 2px rgba(10,15,25,0.05), inset 0px -15px 10px -10px rgba(10,15,25,0.2); box-shadow: 0 1px 2px rgba(10,15,25,0.05), inset 0px -15px 10px -10px rgba(10,15,25,0.2);
}
.hgtwp_inputs button:hover, .hgtwp_inputs input[type="button"]:hover, .hgtwp_inputs input[type="submit"]:hover { opacity:.75; } .hgtwp_inputs button:active, .hgtwp_inputs input[type="button"]:active { opacity:.5; }
/* radio */
.hgtwp_inputs input[type="radio"] { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.hgtwp_inputs input[type="radio"] + label {
float: left; display: inline-block; height: 25px; padding: 3px 10px;
font-weight: normal; text-align: center; text-shadow: none; font-variant: small-caps;
background-color: #e9ecee; border: 1px solid #adb8c0;
-webkit-box-shadow: 0 1px 2px rgba(10,15,25,0.05), inset 0px -15px 10px -12px rgba(10,15,25,0.2); -moz-box-shadow: 0 1px 2px rgba(10,15,25,0.05), inset 0px -15px 10px -12px rgba(10,15,25,0.2); box-shadow: 0 1px 2px rgba(10,15,25,0.05), inset 0px -15px 10px -12px rgba(10,15,25,0.2);
-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
}
.hgtwp_inputs input[type="radio"]:not(:checked) + label:hover { opacity: .75; }
.hgtwp_inputs input[type="radio"]:checked + label {
color: #C80F1E;
-webkit-box-shadow: 0 1px 2px rgba(10,15,25,0.05), inset 0px -15px 10px -12px rgba(10,15,25,0.2); -moz-box-shadow: 0 1px 2px rgba(10,15,25,0.05), inset 0px -15px 10px -12px rgba(10,15,25,0.2); box-shadow: 0 1px 2px rgba(10,15,25,0.05), inset 0px 15px 10px -12px rgba(10,15,25,0.2);
}
.hgtwp_inputs_radio_block { display: inline-block; overflow: hidden; white-space: nowrap; }
.hgtwp_inputs_radio_block input[type="radio"] + label { border-right-width: 0; }
.hgtwp_inputs_radio_block input[type="radio"] + label:first-of-type { border-radius: 3px 0 0 3px; }
.hgtwp_inputs_radio_block input[type="radio"] + label:last-of-type { border-radius: 0 3px 3px 0; border-right-width: 1px; }
/* captcha */
.hgtwp_captcha { border-radius: 5px; }
/* autocomplete */
.autocomplete-suggestions {
background-color: #FFF; padding: 5px 0; margin: 2px 0; font-size: 14px; overflow-y: scroll; border: 1px solid #adb8c0; border-radius: 3px;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.autocomplete-suggestion { padding: 0 5px; }
.autocomplete-suggestion.autocomplete-selected { background-color: #F5F5F5; }
/* -- HGTWP form elements END -- */
/* -- HGTWP text content -- */
.txt_container { text-align: left; font-size: 12px; padding: 15px 0; width: 100%; }
.txt_grid { width: 100%; }
@media screen and (min-width:1270px) { .txt_grid { max-width: 1200px; margin-left: calc( 50% - 600px ); } }
.txt { background: #fafcfd; border-radius: 3px; margin: 0 3px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}
.txt_head { padding:10px; text-transform: uppercase; font-size: 14px; color:#FFF; background-color: #C80F1E; border-radius: 3px 3px 0 0; }
.txt_head h1, .txt_head h2, .txt_head h3 { display: inline; margin: 0; font-size: 14px; font-weight: 400; }
@media screen and (max-width:1270px) { .txt_head { border-radius: 0; } }
.txt_head_lnk {font-size: 12px; text-align: left; border:1px solid #DDD; border-top:0; padding:5px 15px; border-radius: 3px 3px 0 0; background-color:#F5F5F5; border-top: 1px solid #DDD; }
@media screen and (max-width:1270px) { .txt_head_lnk { border-radius: 0; } }
.txt_head_sec { border-radius: 0; }
.txt_head_inter { border-radius: 0; background-color: #909090; padding: 5px 10px; text-transform: unset; }
.txt_content { font-size: 14px; text-align: left; border:1px solid #DDD;padding:10px; }
.txt_content_small { font-size: 12px; color: #666; }
.txt_content_gray { color: #666; }
.txt_foot {font-size: 14px; text-align: right; border:1px solid #DDD; border-top:0; padding:10px 15px; border-radius: 0 0 3px 3px; background-color:#F5F5F5; border-top: 1px solid #DDD; }
@media screen and (max-width:1270px) { .txt_foot { border-radius: 0; } }
.txt_head_lnk a, .txt_content a, .txt_foot a {color: #C80F1E; }
.txt_content h1, .txt_content h2, .txt_content h3, .txt_foot h1, .txt_foot h2, .txt_foot h3 { display: inline-block; margin: 0; }
/* foot_bar */
.foot_bar { background: #F5F5F5; text-align: center; width: 100%; border: 1px solid #DDD; padding: 10px; margin-bottom: 15px; }
.foot_bar a { color: #C80F1E; }
/* table */
.txt_table { font-size: 14px; text-align: justify; vertical-align:top; padding: 0px; /*max-height: 400px; overflow-x: auto;*/ }
.txt_table table { width: 100%; border-collapse: collapse; border-spacing: 0; text-align: left; border:1px solid #DDD; border-width: 0 1px;}
.txt_table table thead th { white-space: nowrap; padding:3px; position: relative; }
.txt_table table thead tr { background-color: #909090; color:#DDD; }
.txt_table table tbody tr:nth-child(even) { background-color: #EEE; }
.txt_table table tbody tr:hover { background-color: #E5E5E5; }
.txt_table table tbody td { padding:3px; vertical-align: top; border:1px solid #DDD; }
.txt_table table td.align_center, .txt_table table th.align_center { text-align: center }
.txt_table table td.align_right, .txt_table table th.align_right { text-align: right }
@media screen and (max-width:1269px) {
.txt_table table { border-width: 0; }
.txt_table table tbody td:first-of-type, .txt_table table thead th:first-of-type { padding-left:10px; border-left:0; }
.txt_table table tbody td:last-of-type, .txt_table table thead th:last-of-type { padding-right:10px; border-right:0; }
}
.txt_table a {color: #C80F1E; }
/* -- HGTWP text content END -- */
/* -- HGTWP popup -- */
#hgtwp_popup_cover { display:none; background-color: rgba(0,0,0,.75); position: fixed; z-index: 1000; top: 0px; left: 0px; width: 100%; height:100%; }
#hgtwp_popup_container { display:none; text-align: center; font-size: 14px; padding: 7px 2.5%; position: fixed; z-index: 1001; top: calc( 5vh - 17px ); left: 0px; width: 100%; }
#hgtwp_popup_element { display: inline-block; width: 100%; background-color: #F5F5F5; color: #C80F1E; box-shadow: 5px 5px 5px rgba(0,0,0,.5); border: 1px solid #C80F1E; border-radius: 3px; position: relative; }
#hgtwp_popup_container.hgtwp_popup_error #hgtwp_popup_element { border-color: #F06; }
#hgtwp_popup_container.hgtwp_popup_warn #hgtwp_popup_element { border-color: #DC0; }
#hgtwp_popup_container.hgtwp_popup_info #hgtwp_popup_element { border-color: #69F; }
#hgtwp_popup_container.hgtwp_popup_valid #hgtwp_popup_element { border-color: #3C3; }
@media screen and (min-width:1270px) { #hgtwp_popup_element {max-width: 1200px; } }
#hgtwp_popup_head {padding: 2px 10px; background-color: #C80F1E; color: #FFF; position: relative; height: 30px; line-height: 24px; text-align: left; text-transform: uppercase;}
#hgtwp_popup_container.hgtwp_popup_error #hgtwp_popup_head { background-color: #F06; }
#hgtwp_popup_container.hgtwp_popup_warn #hgtwp_popup_head { background-color: #DC0; }
#hgtwp_popup_container.hgtwp_popup_info #hgtwp_popup_head { background-color: #69F; }
#hgtwp_popup_container.hgtwp_popup_valid #hgtwp_popup_head { background-color: #3C3; }
#hgtwp_popup_container.hgtwp_popup_error #hgtwp_popup_head::before,
#hgtwp_popup_container.hgtwp_popup_warn #hgtwp_popup_head::before,
#hgtwp_popup_container.hgtwp_popup_info #hgtwp_popup_head::before,
#hgtwp_popup_container.hgtwp_popup_valid #hgtwp_popup_head::before { content:" "; width: 15px; height: 15px; margin: 5px 10px 0 0; display: inline-block; float: left; background-size: 15px; background-repeat: no-repeat; background-position: center; }
#hgtwp_popup_container.hgtwp_popup_error #hgtwp_popup_head::before { background-image: url(/web/v2lib/media_src/icon.msg_error.white.svg);}
#hgtwp_popup_container.hgtwp_popup_warn #hgtwp_popup_head::before { background-image: url(/web/v2lib/media_src/icon.msg_warn.white.svg);}
#hgtwp_popup_container.hgtwp_popup_info #hgtwp_popup_head::before { background-image: url(/web/v2lib/media_src/icon.msg_info.white.svg);}
#hgtwp_popup_container.hgtwp_popup_valid #hgtwp_popup_head::before { background-image: url(/web/v2lib/media_src/icon.msg_valid.white.svg);}
#hgtwp_popup_head img { width: 18px; height: 18px; position: absolute; right: 10px; top: 4px; padding:3px; }
#hgtwp_popup_content{ margin:0px; height: calc( 90vh - 35px ); text-align: center; color:#000; position: relative; }
#hgtwp_popup_content img { max-width: 100%; max-height:100%; display: inline-block; vertical-align: middle; }
#hgtwp_popup_content_helper { display: inline-block; height: 100%; vertical-align: middle; }
#hgtwp_popup_close { display:none; height: 0; overflow: hidden; }
#hgtwp_popup_close img { width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; background-color: #C80F1E; padding: 7px; border-radius: 5px; opacity: .5; }
#hgtwp_popup_container.hgtwp_popup_full_width { padding-left: 0px; padding-right: 0px; }
#hgtwp_popup_container.hgtwp_popup_full_width #hgtwp_popup_element { width: 100%; max-width: 100%; border-left: 0; border-right: 0; border-radius: 0; }
@media screen and (min-width:1270px) { #hgtwp_popup_container.hgtwp_popup_full_width #hgtwp_popup_element {max-width: 100%; } }
#hgtwp_popup_container.hgtwp_popup_full_height { padding-top: 0px; padding-bottom: 0px; height: 100vh; top: 0px;}
#hgtwp_popup_container.hgtwp_popup_full_height #hgtwp_popup_element { height: 100%; max-height: 100%; border-top: 0; border-bottom: 0; border-radius: 0; }
#hgtwp_popup_container.hgtwp_popup_full_height #hgtwp_popup_content{ height: calc( 100% - 30px ); }
#hgtwp_popup_container.hgtwp_popup_no_header #hgtwp_popup_head { display:none; }
#hgtwp_popup_container.hgtwp_popup_no_header #hgtwp_popup_close { display:block; }
#hgtwp_popup_container.hgtwp_popup_no_header.hgtwp_popup_full_height #hgtwp_popup_content{ height: 100%; }
#hgtwp_popup_content .hgtwp_inputs { padding: 5px 0 10px; text-align: center; width: calc( 100% - 20px ); position: absolute; bottom: 0;}
#hgtwp_popup_content .hgtwp_inputs button { margin: 5px; }
.hgtwp_popup {display:none;}
/* -- HGTWP popup END -- */
/* -- head -- */
#head {height: calc( 50px + 32px ); margin-bottom: 0px; }
@media screen and (max-width:680px) { #head {height: calc( 50px + 0px ); } }
/* -- head END -- */
/* -- menu_up -- */
#head_menu_up { background-color: #C80F1E; color: #FFF; text-align: left; font-size: 14px; text-transform: uppercase;
padding: 7px 2.5% 4px 2.5%; position: fixed; z-index: 992; top: 0px; left: 0px; width: 100%; height: 50px; border:0; border-bottom: 0px solid #FFF;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
}
#head_menu_up_content { display: inline-block; width: 100%; }
@media screen and (min-width:1270px) { #head_menu_up_content {max-width: 1200px; margin-left: calc( 50% - 600px ); } }
#head_menu_up a.head_menu_up_icon, #head_menu_up div.head_menu_up_icon {
display: inline-block; position: relative; height: 30px;
background-size: 30px 30px; background-position: top left; background-repeat: no-repeat; padding-left: 36px;
margin: 3px; line-height: 42px; text-align: left;
}
#head_menu_up div.head_menu_up_icon { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#head_menu_up a span.head_menu_up_icon_bubble, #head_menu_up div span.head_menu_up_icon_bubble {
display: inline-block; line-height: 7px; padding: 5px; position: absolute; height: 20px; min-width:25px; white-space: nowrap;
background-color: #FFF; color: #C80F1E; text-align:center;
border-radius: 10px; top: -7px; left: 23px; font-size: 10px; border: 2px solid #C80F1E;
}
#head_menu_up a span.head_menu_up_icon_bubble:empty, #head_menu_up div span.head_menu_up_icon_bubble:empty {display: none; }
/* menu */
#head #head_menu_up_menu {background-image: url(/web/v2lib/media_src/icon.menu.svg); }
#head.show_menu #head_menu_up_menu {background-image: url(/web/v2lib/media_src/icon.close.svg); }
#head_menu_up_menu{display: none !important; float: left; width: 45px; }
/* order */
#head_menu_up_order, #head_menu_up_user {float: right; width: 110px; }
/* flag */
#head_menu_up_flag {float: right; width: 30px; }
/* logo */
#head_menu_up a#head_menu_up_logo span.head_menu_up_icon_text { white-space: nowrap; }
#head_menu_up a#head_menu_up_logo.head_menu_up_icon { float: left; width: 230px; background-size: 57px 30px; background-position: 0px 3px; height: 33px; padding-left: 60px; text-transform: none; font-variant: petite-caps; font-size: 16px; }
@media screen and (max-width:870px) {
#head_menu_up_logo span { display:none; }
#head_menu_up_logo { width: 60px !important; }
}
@media screen and (max-width:550px) { #head_menu_up_logo {display: none !important; } }
@media screen and (max-width:680px) {
#head_menu_up_menu { display: inline-block !important; }
#head_menu_up a span.head_menu_up_icon_text, #head_menu_up div span.head_menu_up_icon_text {display: none; }
#head_menu_up_order, #head_menu_up_user {width: 45px; }
}
/* search BUG margin 15px */
#head_menu_up_form {height: 30px; overflow: hidden; margin: 3px 15px; padding: 0 0; line-height: 25px; position: relative; border-radius: 15px; border: 2px solid #fff; background-color: rgba(255,255,255,1); color: #C80F1E; }
@media screen and (max-width:550px) { #head_menu_up_form { margin: 3px !important; } }
#head_menu_up_form input {width: 100%; height: 26px; padding-right: 40px; padding-left: 5px; border: 0; color: #000; font-size: 16px; }
@media screen and (max-width:520px) { #head_menu_up_form input {font-size: 14px; } }
#head_menu_up_form button {
width: 40px; height: 30px; padding-right:10px; position: absolute; right: 0px; top: 0px;
border: 0px; border-left: 1px solid #CCC; background-color: #FFF; background-position: 4px 0; background-size: 24px 24px; background-repeat: no-repeat; opacity:.33;
}
#head_menu_up_form button:hover {opacity:1}
#head_menu_up_form button:active {opacity:.66}
/* head_menu_up_subnav */
#head_menu_up div.head_menu_up_icon:hover .subnav_up { display: block; } #head_menu_up div.head_menu_up_icon:active .subnav_up { display: block; }
#head_menu_up div.head_menu_up_icon:after { content:""; display:block; height: 5px; opacity: 0; position: absolute; width: 100%; right: 5px; top: 30px; }
#head_menu_up .subnav_up {
display: none; position: absolute; width: 225px; right: 5px; top: 35px; z-index: 993; margin: 0; padding: 5px 5px;
line-height: 16px; text-align: left; text-transform: none; list-style-type: none; background-color: #FFF; color:#000; border: 0px solid #C80F1E;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
}
#head_menu_up .subnav_up.visible { display: block; }
#head_menu_up .subnav_up li {float: none; padding: 5px; }
/* menu_up language */
#subnav_up_language ul { line-height: 16px; text-align: left; text-transform: none; list-style-type: none; padding:0; margin:0; }
#subnav_up_language li { margin: 5px 0; padding-left: 27px; padding-right: 0px; background-repeat: no-repeat; background-position: center left; background-size: 22px 13px; }
#subnav_up_language_container { display: none; }
.subnav_up_language_tip { margin: 5px; width: 225px; height: auto !important; }
.subnav_up_language_tip .tooltipster-box {
background: #FFF; border: 2px solid #E6E6E6; border-radius: 3px;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
}
.subnav_up_language_tip .tooltipster-content { color: #000; font-size: 14px; margin:0; padding: 10px; }
.subnav_up_language_tip.tooltipster-sidetip .tooltipster-arrow-background { -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); }
.subnav_up_language_tip.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #E6E6E6; }
.subnav_up_language_tip.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #FFF; }
/* -- menu_up END -- */
/* -- menu -- */
#head_menu { background-color: #FFF; color: #000; text-align: left; font-size: 14px; text-transform: uppercase;
padding: 7px 2.5% 5px; position: fixed; z-index: 991; top: 50px; left: 0px; width: 100%; border: 0px; border-bottom: 0px solid rgba(254, 43, 14,.5);
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
}
#head_menu_content { display: inline-block; width: 100%; }
@media screen and (min-width:840px) { #head_menu_content {max-width: 800px; margin-left: calc( 50% - 400px ); } }
#head_menu a {padding: 0 15px; }
#topnav {position: relative; list-style-type: none; margin: 0; padding: 0; padding-left: 70px; overflow: hidden; display: inline-block; line-height: 14px; }
@media screen and (max-width:850px) { #topnav { padding: 0; } }
@media screen and (max-width:750px) and (min-width:681px) { #topnav li a { font-size: 12px; } }
#topnav li {float: left; position: relative; }
#topnav li:not(:first-child):before {content: "|"; }
#topnav li a {display: inline-block; }
@media screen and (max-width:680px) {
#topnav li{display: none; }
#topnav li:not(:first-child):before {content: none; }
#head #head_menu {display: none; max-height: calc( 90% - 85px ); overflow: hidden; overflow-y: auto; }
#head.show_menu #head_menu {display: block; }
#head.show_menu #topnav {position: relative; }
#head.show_menu #topnav li {float: none; display: block; }
#head.show_menu #topnav li {padding:5px 0; }
#head.show_menu #topnav li a {display: block; text-align: left; }
}
/* bubble */
#head_menu a span.head_menu_icon_bubble { background-color: #000; color: #FFF; padding: 0 5px; border-radius: 10px; font-size: 14px; min-width: 25px; display: inline-block; text-align: center; line-height: 16px; }
#head_menu a span.head_menu_icon_bubble:empty {display: none; }
/* topnav_subnav */
#topnav .subnav_head {float: right; }
#topnav .subnav {
list-style-type: none; position: fixed; top: 85px; background-color: #FFF; color:#000; border: 0px solid #C80F1E; margin: 0; padding: 5px 0; display: none; text-transform: none;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
}
#topnav .subnav li {float: none; padding: 5px 0; }
#topnav .subnav li:before {content: none; }
#topnav .subnav.visible {display: inline-block; }
@media screen and (max-width:680px) {
#topnav .subnav_head {float: none; cursor: default; }
#topnav .subnav_head:hover, #topnav .subnav_head:active {color: #000; opacity:1; }
#topnav .subnav {
position: relative; top: 0px; background-color: rgba(0,0,0,.0); margin: 0; padding: 0px 10px; display: block; border: 0;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
#topnav .subnav.visible {display: block; }
}
/* catalog */
#subnav_catalog_container { display: none; }
#subnav_catalog { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.subnav_catalog_tip { margin: 5px; min-height: 410px; }
.subnav_catalog_tip .tooltipster-box {
background: #FFF; border: 2px solid #E6E6E6; border-radius: 3px;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
}
.subnav_catalog_tip .tooltipster-content { color: #000; font-size: 16px; }
.subnav_catalog_tip .tooltipster-content .l_head_1 { display: block; padding-bottom: 5px; font-weight: 600; color: #666; }
.subnav_catalog_tip .tooltipster-content .ls_head_1 { padding-bottom: 5px; }
.subnav_catalog_tip .tooltipster-content .ls_head_2 { font-size: 12px; }
.subnav_catalog_tip.tooltipster-sidetip .tooltipster-arrow-background { -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); }
.subnav_catalog_tip.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #E6E6E6; }
.subnav_catalog_tip.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #FFF }
.subnav_catalog_tip.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #E6E6E6; }
.subnav_catalog_tip.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #FFF; }
/* -- menu END -- */
/* -- menu_up user -- */
#subnav_up_user button, #subnav_up_user input[type="submit"] { padding-left: 25px; background-size: 18px; background-repeat: no-repeat; background-position: 2px; }
#subnav_up_user input[type="text"], #subnav_up_user input[type="password"], #subnav_up_user button, #subnav_up_user input[type="submit"], #subnav_up_user select { width: 200px; }
#subnav_up_user .hgtwp_inputs .hgtwp_inputs_radio_block { padding-left: 0; padding-top: 0px; text-align: center; }
#subnav_up_user .hgtwp_inputs .hgtwp_inputs_radio_block label { font-size: 12px; height: 20px; padding: 0 5px; }
#subnav_up_user a { color: #C80F1E; }
#subnav_up_user small { font-size: 12px; color: #666; }
#subnav_up_user h3, #subnav_up_user h4 { margin:0; }
#subnav_up_user ul { line-height: 16px; text-align: left; text-transform: none; list-style-type: none; padding:0; margin:0; }
#subnav_up_user li { margin: 5px 0; }
#subnav_up_user_container { display: none; }
.subnav_up_user_tip { margin: 5px; width: 225px; height: auto !important; max-height: calc( 100vh - 75px ); }
.subnav_up_user_tip .tooltipster-box {
background: #FFF; border: 2px solid #E6E6E6; border-radius: 3px;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
}
.subnav_up_user_tip .tooltipster-content { color: #000; font-size: 14px; margin:0; padding: 10px; }
.subnav_up_user_tip.tooltipster-sidetip .tooltipster-arrow-background { -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); }
.subnav_up_user_tip.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #E6E6E6; }
.subnav_up_user_tip.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #FFF; }
/* -- menu_up user END -- */
/* -- menu_up order -- */
#subnav_up_order button { padding-left: 25px; background-size: 18px; background-repeat: no-repeat; background-position: 2px; }
#subnav_up_order a { color: #C80F1E; }
#subnav_up_order small { font-size: 12px; color: #666; }
#subnav_up_order small.cr { color: #FFF; }
#subnav_up_order table {
border-collapse: collapse; border-spacing: 0; text-align:right; cursor: pointer;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
#subnav_up_order table tbody { border: 1px solid #DDD; }
#subnav_up_order table tbody:nth-child(odd) { background-color: #EEE; }
#subnav_up_order table tbody:hover { background-color: #E5E5E5; }
#subnav_up_order tr { }
#subnav_up_order td { padding: 3px; vertical-align: top; }
#subnav_up_order td small { font-size: 10px; }
#subnav_up_order td.wb { border:1px solid #DDD; }
#subnav_up_order td.al { text-align: left; font-size: 12px; }
#subnav_up_order td.ac { text-align: center; }
#subnav_up_order td.si { text-align: center;vertical-align: middle; max }
#subnav_up_order td img { max-width: 60px; max-height: 60px; }
#subnav_up_order span.fr { float: right; display: inline-block; margin-left: 5px; }
#subnav_up_order span.fr button { padding: 0 5px; height: auto; color: #C80F1E; }
#subnav_up_order span.cr {position: relative;display: block;}
#subnav_up_order span.cr::after { content: "\f071"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; color: #C80F1E; }
#subnav_up_order ul { line-height: 16px; text-align: left; text-transform: none; list-style-type: none; padding:0; margin:0; }
#subnav_up_order li { margin: 5px 0; }
#subnav_up_order li.se { color: #FFF; background-color: #C80F1E; padding:5px; text-align:left; border-radius: 3px; margin:0; }
#subnav_up_order_container { display: none; }
.subnav_up_order_tip { margin: 5px; width: 225px; height: auto !important; max-height: calc( 100vh - 75px ); }
.subnav_up_order_tip .tooltipster-box {
background: #FFF; border: 2px solid #E6E6E6; border-radius: 3px;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
}
.subnav_up_order_tip .tooltipster-content { color: #000; font-size: 14px; margin:0; padding: 10px; }
.subnav_up_order_tip.tooltipster-sidetip .tooltipster-arrow-background { -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25); }
.subnav_up_order_tip.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #E6E6E6; }
.subnav_up_order_tip.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #FFF; }
/* -- menu_up order END -- */
/* -- HGTWP msg -- */
#hgtwp_msg_container { text-align: left; font-size: 12px; padding: 0; width: 100%;
position: fixed; bottom: 0; z-index: 800; }
#@media screen and (max-width:680px) { #hgtwp_msg_container { top: 40px; } }
#hgtwp_msg_grid { width: calc( 100% - 20px ); margin-left:10px; padding: 0 0 5px 0; }
@media screen and (min-width:1270px) { #hgtwp_msg_grid { max-width: 1180px; margin-left: calc( 50% - 590px ); } }
#hgtwp_msg_grid:empty { display:none; }
.hgtwp_msg { display:block; background: #fafcfd; border-radius: 7px; margin: 7px 0;
-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5); box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);
}
.hgtwp_msg_head { padding:10px; text-transform: uppercase; font-size: 14px; color:#FFF; background-color: #909090; border-radius: 7px 7px 0 0; }
.hgtwp_msg_head_close { width: 18px; height: 18px; float: right; background-size: 12px; right: 10px; top: 4px; background-repeat: no-repeat; background-position: center; background-image: url(/web/v2lib/media_src/icon.close.min.w.svg);}
.hgtwp_msg.hgtwp_msg_error .hgtwp_msg_head { color:#FFF; background-color: #F06; }
.hgtwp_msg.hgtwp_msg_warn .hgtwp_msg_head { color:#FFF; background-color: #DC0; }
.hgtwp_msg.hgtwp_msg_info .hgtwp_msg_head { color:#FFF; background-color: #69F; }
.hgtwp_msg.hgtwp_msg_valid .hgtwp_msg_head { color:#FFF; background-color: #3C3; }
.hgtwp_msg .hgtwp_msg_head::before { content:" "; width: 15px; height: 15px; margin-right: 10px; display: inline-block; float: left; background-size: 15px; background-repeat: no-repeat; background-position: center; }
.hgtwp_msg.hgtwp_msg_error .hgtwp_msg_head::before { background-image: url(/web/v2lib/media_src/icon.msg_error.white.svg);}
.hgtwp_msg.hgtwp_msg_warn .hgtwp_msg_head::before { background-image: url(/web/v2lib/media_src/icon.msg_warn.white.svg);}
.hgtwp_msg.hgtwp_msg_info .hgtwp_msg_head::before { background-image: url(/web/v2lib/media_src/icon.msg_info.white.svg);}
.hgtwp_msg.hgtwp_msg_valid .hgtwp_msg_head::before { background-image: url(/web/v2lib/media_src/icon.msg_valid.white.svg);}
.hgtwp_msg_content { font-size: 14px; text-align: left; border:0px solid #909090; padding:10px; border-radius: 0 0 7px 7px; }
.hgtwp_msg_content a {color: #C80F1E; }
.hgtwp_msg_content_small { font-size: 12px; color: #666; }
.hgtwp_msg .hgtwp_inputs button, .hgtwp_msg .hgtwp_inputs input[type="button"] { padding: 2px 10px; height: auto; margin:3px 5px; }
.hgtwp_message {display:none;}
/* -- HGTWP msg END -- */
/* -- HGTWP posts_viewer -- */
/*
.hgtwp_posts_viewer { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
@media screen and (max-width:750px) { .hgtwp_posts_viewer { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }
*/
.hgtwp_posts_viewer { padding:0px; text-align:justify; }
.hgtwp_posts_viewer img, .hgtwp_posts_viewer table, .hgtwp_posts_viewer p, .hgtwp_posts_viewer div { padding:0 10px; }
.hgtwp_posts_viewer img { max-width: 100%; margin: 10px; padding: 3px; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); }
.hgtwp_posts_viewer table img { margin: 5px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.hgtwp_posts_viewer table { font-size: 12px; border: 1px solid #DDD; border-collapse: collapse; margin-left:auto; margin-right:auto; width: "auto"; max-width: 100% }
.hgtwp_posts_viewer table tbody tr:nth-child(even) { background-color: #EEE; }
.hgtwp_posts_viewer table tbody tr:hover { background-color: #E5E5E5; }
.hgtwp_posts_viewer table tbody tr:first-child, .hgtwp_posts_viewer table tr:first-child
{ background-color: #909090; color:#FFF; font-weight: normal; }
.hgtwp_posts_viewer table tr { }
.hgtwp_posts_viewer table td { vertical-align: middle; border:1px solid #DDD; padding:2px 3px !important; }
.hgtwp_posts_viewer table tbody tr:first-child td, .hgtwp_posts_viewer table tr:first-child td
{ border:0; }
.hgtwp_posts_viewer p, .hgtwp_posts_viewer ul, .hgtwp_posts_viewer ol, .hgtwp_posts_viewer h1, .hgtwp_posts_viewer h2, .hgtwp_posts_viewer h3, .hgtwp_posts_viewer h4, .hgtwp_posts_viewer h5, .hgtwp_posts_viewer h6
{ margin:0; }
.hgtwp_posts_viewer h1 { width: 100%; background-color: #C80F1E; color: #FFF; padding: 5px 10px; text-transform: uppercase; font-size: 14px; font-weight: unset; margin:3px 0; }
.hgtwp_posts_viewer h2 { width: 100%; background-color: #909090; color: #FFF; padding: 5px 10px; text-transform: uppercase; font-size: 14px; font-weight: unset; margin:3px 0; }
.hgtwp_posts_viewer h3 { width: 100%; background-color: #EEEEEE; padding: 5px 10px; text-transform: uppercase; font-size: 14px; font-weight: unset; border: 1px solid #DDD; border-width: 1px 0; margin:3px 0; }
.hgtwp_posts_viewer h4 { width: 100%; padding: 5px 10px; text-transform: uppercase; font-size: 14px; font-weight: unset; border: 1px solid #DDD; border-width: 1px 0; margin:3px 0; }
.hgtwp_posts_viewer h5 { padding: 0 10px; font-weight: unset; font-size: 12px; }
.hgtwp_posts_viewer h6 { padding: 0 10px; font-weight: unset; font-size: 12px; color:#666666; }
/* .hgtwp_posts_viewer h1 strong, .hgtwp_posts_viewer h2 strong, .hgtwp_posts_viewer h3 strong, .hgtwp_posts_viewer h4 strong, .hgtwp_posts_viewer h5 strong, .hgtwp_posts_viewer h6 strong {font-weight: unset;}*/
.hgtwp_posts_viewer p { text-indent: 25px; }
.hgtwp_posts_viewer div { text-indent: 0px; }
.hgtwp_posts_viewer table p, .hgtwp_posts_viewer table div { text-indent: 0; }
.hgtwp_posts_viewer table strong, .hgtwp_posts_viewer table p strong { font-weight: unset; }
.hgtwp_posts_viewer a {color: #C80F1E; }
.hgtwp_posts_viewer ul, .hgtwp_posts_viewer ol { padding-right:10px; }
.hgtwp_posts_viewer ul { list-style-type: " - "; }
.hgtwp_posts_viewer ul[style*="list-style-type: square"] { list-style-type: " \25A0 " !important; }
.hgtwp_posts_viewer ul[style*="list-style-type: disc"] { list-style-type: " \25CF " !important; }
.hgtwp_posts_viewer ul[style*="list-style-type: circle"] { list-style-type: " \25CB " !important; }
/* -- HGTWP posts_viewer END -- */
/* -- footer -- */
#footer{padding: 5px 2.5% 15px; margin:0; margin-top:5px; width: 100%; text-align:center; font-size: 12px; color: #666; background-color:#F5F5F5; border-top: 1px solid #DDD; }
#footer .footer_content a { line-height: 19px; }
#footer .footer_content:nth-child(1) { width: 160px; }
#footer .footer_content:nth-child(5) { width: 190px; }
#footer .footer_content{ display: inline-block; height:125px; padding: 5px 5px; margin: 5px 5px; text-align:center; vertical-align: top; }
#footer .footer_content:nth-child(3) { width: 130px; }
#footer .footer_content:nth-child(1) span.footer_title { margin-bottom: 40px; }
#footer .footer_space { display: inline-block; height: 125px; width: 0px; margin: 5px 0px; border:0px solid #DDD; border-left-width: 1px;}
@media screen and (max-width:815px) { #footer .footer_space:nth-child(4){ display: block; height:0px; width: 100%; border-top-width: 1px;} }
@media screen and (max-width:485px) {
#footer .footer_space:nth-child(2), #footer .footer_space:nth-child(6) { display: block; height:0px; width: 100%; border-top-width: 1px;}
#footer .footer_content:nth-child(1) span.footer_title { margin-bottom: 15px; }
#footer .footer_content { height: auto; }
#footer .footer_content:nth-child(3) svg { margin-top: 0 !important; }
}
#footer .footer_title { font-size: 12px; color: #AAA; display: block; text-align: left; margin-bottom:15px;}
#footer .footer_content_small { font-size: 12px; color: #AAA; }
#footer .footer_label { font-size: 14px; }
#footer .footer_subtitle { font-size: 10px; color: #b7b7b7; text-align:center; margin-top:5px; padding-top: 5px; border-top:1px solid #DDD; }
#footer .footer_subtitle span { display: inline-block; text-align: center; max-width: 800px; }
#footer_content_youtube_logo, #footer_content_instagram_logo, #footer_content_linkedin_logo, #footer_content_twitter_logo, #footer_content_tiktok_logo, #footer_content_facebook_logo, #footer_content_googleplay_logo, #footer_content_appstore_logo {
fill:#999999; stroke:#999999; width:30px; height:30px; display: inline-block;
}
#footer_content_youtube_logo:hover { fill:#DF2925; stroke:#DF2925; }
#footer_content_facebook_logo:hover { fill:#3B5998; stroke:#3B5998; }
#footer_content_instagram_logo:hover { fill:#c53360; stroke:#c53360; }
#footer_content_linkedin_logo:hover { fill:#0073b1; stroke:#0073b1; }
#footer_content_twitter_logo:hover { fill:#00ace8; stroke:#00ace8; }
#footer_content_tiktok_logo:hover { fill:#000000; stroke:#000000; }
#footer_content_googleplay_logo:hover, #footer_content_appstore_logo:hover { opacity:1 !important; }
#footer_content_anpc_sal_logo:hover, #footer_content_eceu_sol_logo:hover { opacity:1 !important; background-color: #ffffff !important; filter: grayscale(0) !important; }
/* -- footer END -- */