/* * * ------------------------------------------------------ * DobokCSS * ------------------------------------------------------ * * page: https://dobokcss.github.io * author: Estefanio N Santos */ :root { --prm: #40535b; --scn: #c00; --hv_prm: #323f44; --hv_scn: #7c0202; --wht: #fff; --blk: #000 } html, body { height: 100% } body{ color: #222; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; display: flex; flex-direction: column } .fx_content{flex: 1} h1, h2, h3{margin-bottom: 15px} h1{font-size: 2.5em} h2{font-size: 2em} h3{font-size: 1.5em} fieldset{ border: 1px solid #ccc } legend{ padding: 0 5px } .fold{ width: 100%; float: left; padding-top: 10px; padding-bottom: 75px } .tagline{ color: #999 } .ds_block{display: block} .ds_none{display: none} .ds_iblock{display: inline-block} .ds_initial{display: initial} .bd, .bt.bd{border: 1px solid transparent} .bt.bd_prm, .bd_prm, .ld.ld_prm { color: var(--prm); border-color: var(--prm) } .bt.bd_scn, .bd_scn, .ld.ld_scn { color: var(--scn); border-color: var(--scn) } .bt.bd_lgt, .bd_lgt, .ld.ld_lgt { color: #666; border-color: #f6f6f6 } .bt.bd_ntl, .bd_ntl, .ld.ld_ntl { color: #666; border-color: #ccc } .rd_circle{ -webkit-border-radius: 500%; -moz-border-radius: 500%; border-radius: 500% } .rd{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .rd_polaroid{ background-color:#FFF; border:1px solid rgba(0,0,0,0.2); box-shadow:0 1px 3px rgba(0,0,0,0.1); padding:4px } input, select, textarea{ color: #333; background: #fff; border: 1px solid #ccc; padding: 8px 0 } input, select{ min-height: 26px } .bt, input.bt, button.bt{ width: auto; min-height: 45px; display: inline-block; text-align: center; vertical-align: middle; border: 0 none; cursor: pointer } .bt, input, select, textarea, button{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .bt{ color: #222; background: transparent; padding: 10px 15px 0 15px } .bt:hover{background: #d6d6d6} div.bt, span.bt, a.bt { padding-top: 14px; padding-left: 37px; padding-right: 37px } input.bt, button.bt{ padding: 7px 35px } input:focus, select:focus, textarea:focus { border-color: var(--prm); transition: 0.8s } .bt_prm, .bg_prm{color: var(--wht); background: var(--prm)} .bt_scn, .bg_scn{color: var(--wht); background: var(--scn)} .bt_lgt, .bg_lgt{color: #000; background: #f6f6f6} .bt_ntl, .bg_ntl, .bg{color: #000; background: #ccc} .bt_prm:hover{color: var(--wht); background: var(--hv_prm)} .bt_scn:hover{color: var(--wht); background: var(--hv_scn)} .bt_lgt:hover{color: #000; background: #d6d6d6} .bt_ntl:hover{color: #000; background: #afafaf} .bg_hv_prm:hover, .bt_hv_prm:hover{color: var(--wht); background: var(--prm)} .bg_hv_scn:hover, .bt_hv_scn:hover{color: var(--wht); background: var(--scn)} .bg_hv_lgt:hover, .bt_hv_lgt:hover{color: #000; background: #f6f6f6} .bg_hv_ntl:hover, .bt_hv_ntl:hover{color: #000; background: #ccc} .bg_hv{ transition: box-shadow .15s ease } .bg_hv:hover{ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .08) } .bg_alpha, .bg_hv_alpha:hover { background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4) } .bg_raw{background-color: transparent} .cr_pn{cursor: pointer} .cr_mv{cursor: move} .cr_hl{cursor: help} .cr_nl{cursor: not-allowed} .row, .row_b_none { margin-left: -1.55%; margin-bottom: 0.775% } .row:before, .row:after {display: table; content: ""} .row:after {clear: both} .pa { display: flex; list-style: none; padding: 0; margin: 20px 0; justify-content: center; gap: 6px } .pa li { margin: 0 } .pa a { display: inline-block; padding: 12px 24px; background: #f8f9fa; border: 1px solid #ddd; border-radius: 6px; text-decoration: none; color: #333; font-size: 14px; transition: background 0.2s ease, border-color 0.2s ease } .pa.sm a { padding: 8px 16px } .pa.lg a { padding: 20px 45px } .pa a:hover { background: #e9ecef; border-color: #bbb } .pa a.active { background: #ccc; color: #000; border-color: #ccc; font-weight: bold; cursor: default } .pa.pa_ac_prm a.active, .pa.pa_ac_scn a.active { color: var(--wht)} .pa.pa_ac_prm a.active { background: var(--prm); border-color: var(--prm) } .pa.pa_ac_scn a.active { background: var(--scn); border-color: var(--scn) } .pa a:disabled { pointer-events: none; opacity: 0.5 } .lt_breadcrumb li::before{ content: '> '} .lt_breadcrumb li:first-child::before { content: '' } .lt_breadcrumb li{ padding: 0 5px 0; display: inline; float: left } .lt_breadcrumb a { color: #09c } .lt_breadcrumb a:hover { color: #09a } .gr{ float: left; text-align: left; margin-left: 1.55%; min-height: 1.55%; line-height: 20px } .gr_field input, .gr_field select, .gr_field textarea, .gr_input input, .gr_select select, .gr_textarea textarea , .gr_button button, .gr_button input[type="submit"], .gr_button input[type="button"] { width: 100%; float: left } .gr_1{ width: 6.78%} .gr_2{ width: 15.11%} .gr_3{ width: 23.44%} .gr_4{ width: 31.77%} .gr_5{ width: 40.1%} .gr_6{ width: 48.43%} .gr_7{ width: 56.76%} .gr_8{ width: 65.09%} .gr_9{ width: 73.42%} .gr_10{width: 81.75%} .gr_11{width: 90.08%} .gr_12, .container { width: 96% } .gr_lg_static{ width: 890px } .gr_md_static{ width: 719px } .gr_sm_static{ width: 500px } .container .gr_12{ width: 100%; margin-left: 0; margin-bottom: 0.775% } .row .gr_12{ width: 98.45%; margin-left: 1.55%; margin-bottom: 0 } .container { margin-left: 2%; margin-right: 2% } .container:before, .container:after { display: table; content: ""} .container:after {clear: both} img, object, embed, video, iframe, iframe[style] { max-width: 100%; height: auto } .radiohd{ width: 100%; height: 0; position: relative; padding-bottom: 56.25%; float: left; margin-bottom: 30px } .radio_element{ position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .aspect_ratio { position: relative; width: 100%; height: 0; padding-bottom: 51% } .aspect_ratio iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .scale_none{ max-width: none !important } .tx_prm , .lk_prm, .tx_hv_prm:hover {color: var(--prm)} .tx_scn , .lk_scn, .tx_hv_scn:hover {color: var(--scn)} .tx_lgt , .lk_lgt, .tx_hv_lgt:hover {color: #f6f6f6} .tx_ntl , .lk_ntl, .tx_hv_ntl:hover {color: #ccc} .lk_prm:hover{ color: var(--hv_prm)} .lk_scn:hover{ color: var(--hv_scn)} .lk_lgt:hover{ color: #d6d6d6} .lk_ntl:hover{ color: #000} .lk_hv_prm:hover { color: var(--prm) } .lk_hv_scn:hover { color: var(--scn) } .lk_hv_lgt:hover { color: #f6f6f6} .lk_hv_ntl:hover { color: #ccc} .lk_prm.lt_y a, .lk_prm.lt_x a { color: var(--prm) } .lk_scn.lt_y a, .lk_scn.lt_x a { color: var(--scn) } .lk_lgt.lt_y a, .lk_lgt.lt_x a { color: #f6f6f6 } .lk_ntl.lt_y a, .lk_ntl.lt_x a { color: #ccc } .lt_y.lt_mt_1 li { padding-top: 10px } .lt_y.lt_mb_1 li { padding-bottom: 10px } .lt_y.lt_pt_1 li { margin-top: 10px } .lt_y.lt_pb_1 li { margin-bottom: 10px } .lk_prm.lt_y a:hover, .lk_prm.lt_x a:hover, .lk_hv_prm.lt_y a:hover, .lk_hv_prm.lt_x a:hover { color: var(--hv_prm) } .lk_scn.lt_y a:hover, .lk_scn.lt_x a:hover, .lk_hv_scn.lt_y a:hover, .lk_hv_scn.lt_x a:hover { color: var(--hv_scn) } .lk_lgt.lt_y a:hover, .lk_lgt.lt_x a:hover, .lk_hv_lgt.lt_y a:hover, .lk_hv_lgt.lt_x a:hover { color: #d6d6d6} .lk_ntl.lt_y a:hover, .lk_ntl.lt_x a:hover, .lk_hv_ntl.lt_y a:hover, .lk_hv_ntl.lt_x a:hover { color: #000 } .tx_c { text-align: center} .tx_l { text-align: left} .tx_r { text-align: right } .tx_j { text-align: justify} .tx_lc{text-transform: lowercase} .tx_uc{text-transform: uppercase} .tx_cp{text-transform: capitalize} .tx_mr{font-size: 0.625em } .tx_sm{font-size: 0.75em } .tx_md{font-size: 1em} .tx_lg{ font-size: 1.25em} .tx_xlg{font-size: 2.25em} .tx_b{ font-weight: bold} .tx_i{font-style: italic} .tx_u{text-decoration: underline} .tx_d_no{text-decoration: none} .tx_o{text-decoration: overline} .fl_c{ float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important } .fl_l{ float: left !important} .fl_r{ float: right !important} .fl_n{ float: none !important} .mm_0{ margin: 0 } .mt_0{ margin-top: 0 } .ml_0{ margin-left: 0 } .mb_0{ margin-bottom: 0} .mr_0{ margin-right: 0 } .mx_0{ margin-left: 0; margin-right: 0 } .my_0{ margin-top: 0; margin-bottom: 0 } .mm_1{ margin: 4px } .mt_1{ margin-top: 4px } .ml_1{ margin-left: 4px } .mb_1{ margin-bottom: 4px} .mr_1{ margin-right: 4px } .mx_1{ margin-left: 4px; margin-right: 4px } .my_1{ margin-top: 4px; margin-bottom: 4px } .mm_2{ margin: 8px } .mt_2{ margin-top: 8px } .ml_2{ margin-left: 8px } .mb_2{ margin-bottom: 8px} .mr_2{ margin-right: 8px } .mx_2{ margin-left: 8px; margin-right: 8px } .my_2{ margin-top: 8px; margin-bottom: 8px } .mm_3{ margin: 16px } .mt_3{ margin-top: 16px } .ml_3{ margin-left: 16px } .mb_3{ margin-bottom: 16px} .mr_3{ margin-right: 16px } .mx_3{ margin-left: 16px; margin-right: 16px } .my_3{ margin-top: 16px; margin-bottom: 16px } .mm_4{ margin: 32px } .mt_4{ margin-top: 32px } .ml_4{ margin-left: 32px } .mb_4{ margin-bottom: 32px} .mr_4{ margin-right: 32px } .mx_4{ margin-left: 32px; margin-right: 32px } .my_4{ margin-top: 32px; margin-bottom: 32px } .mm_5{ margin: 64px } .mt_5{ margin-top: 64px } .ml_5{ margin-left: 64px } .mb_5{ margin-bottom: 64px } .mr_5{ margin-right: 64px } .mx_5{ margin-left: 64px ; margin-right: 64px } .my_5{ margin-top: 64px ; margin-bottom: 64px } .mm_6{ margin: 128px } .mt_6{ margin-top: 128px } .ml_6{ margin-left: 128px } .mb_6{ margin-bottom: 128px } .mr_6{ margin-right: 128px } .mx_6{ margin-left: 128px ; margin-right: 128px } .my_6{ margin-top: 128px ; margin-bottom: 128px } .mm_7{ margin: 256px } .mt_7{ margin-top: 256px } .ml_7{ margin-left: 256px } .mb_7{ margin-bottom: 256px } .mr_7{ margin-right: 256px } .mx_7{ margin-left: 256px ; margin-right: 256px } .my_7{ margin-top: 256px ; margin-bottom: 256px } .mm_8{ margin: 512px } .mt_8{ margin-top: 512px } .ml_8{ margin-left: 512px } .mb_8{ margin-bottom: 512px } .mr_8{ margin-right: 512px } .mx_8{ margin-left: 512px ; margin-right: 512px } .my_8{ margin-top: 512px ; margin-bottom: 512px } .pp_0{ padding: 0 } .pt_0{ padding-top: 0 } .pl_0{ padding-left: 0 } .pb_0{ padding-bottom: 0} .pr_0{ padding-right: 0 } .px_0{ padding-left: 0; padding-right: 0 } .py_0{ padding-top: 0; padding-bottom: 0 } .pp_1{ padding: 4px } .pt_1{ padding-top: 4px } .pl_1{ padding-left: 4px } .pb_1{ padding-bottom: 4px} .pr_1{ padding-right: 4px } .px_1{ padding-left: 4px; padding-right: 4px } .py_1{ padding-top: 4px; padding-bottom: 4px } .pp_2{ padding: 8px } .pt_2{ padding-top: 8px } .pl_2{ padding-left: 8px } .pb_2{ padding-bottom: 8px} .pr_2{ padding-right: 8px } .px_2{ padding-left: 8px; padding-right: 8px } .py_2{ padding-top: 8px; padding-bottom: 8px } .pp_3{ padding: 16px } .pt_3{ padding-top: 16px } .pl_3{ padding-left: 16px } .pb_3{ padding-bottom: 16px} .pr_3{ padding-right: 16px } .px_3{ padding-left: 16px; padding-right: 16px } .py_3{ padding-top: 16px; padding-bottom: 16px } .pp_4{ padding: 32px } .pt_4{ padding-top: 32px } .pl_4{ padding-left: 32px } .pb_4{ padding-bottom: 32px} .pr_4{ padding-right: 32px } .px_4{ padding-left: 32px; padding-right: 32px } .py_4{ padding-top: 32px; padding-bottom: 32px } .pp_5{ padding: 64px } .pt_5{ padding-top: 64px } .pl_5{ padding-left: 64px } .pb_5{ padding-bottom: 64px } .pr_5{ padding-right: 64px } .px_5{ padding-left: 64px; padding-right: 64px } .py_5{ padding-top: 64px; padding-bottom: 64px } .pp_6{ padding: 128px } .pt_6{ padding-top: 128px } .pl_6{ padding-left: 128px } .pb_6{ padding-bottom: 128px } .pr_6{ padding-right: 128px } .px_6{ padding-left: 128px; padding-right: 128px } .py_6{ padding-top: 128px; padding-bottom: 128px } .pp_7{ padding: 256px } .pt_7{ padding-top: 256px } .pl_7{ padding-left: 256px } .pb_7{ padding-bottom: 256px } .pr_7{ padding-right: 256px } .px_7{ padding-left: 256px; padding-right: 256px } .py_7{ padding-top: 256px; padding-bottom: 256px } .pp_8{ padding: 512px } .pt_8{ padding-top: 512px } .pl_8{ padding-left: 512px } .pb_8{ padding-bottom: 512px } .pr_8{ padding-right: 512px } .px_8{ padding-left: 512px; padding-right: 512px } .py_8{ padding-top: 512px; padding-bottom: 512px } .y_0{height: 0} .y_1{min-height: 4px} .y_2{min-height: 8px} .y_3{min-height: 16px} .y_4{min-height: 32px} .y_5{min-height: 64px} .y_6{min-height: 128px} .y_7{min-height: 256px} .y_8{min-height: 512px} .x_100{ width: 100% !important; margin-left: 0; margin-right: 0; padding: 0; float: left; clear: both } .x_a{ width: auto !important } .x_75 {width: 75%} .x_50 {width: 50%} .x_25 {width: 25%} .y_100{height: 100%} .y_75 {min-height: 75%} .y_50 {min-height: 50%} .y_25 {min-height: 25%} .vw_100{width: 100vw} .vh_100{height: 100vh} .tb, .tb_hv, .tb_border, .tb_striped{margin:2px; border-collapse:collapse} .tb th,.tb_hv th, .tb_border th, .tb_striped th{ color:#444; background:#fff; text-align:left; font-weight:bold; padding:10px 5px } .tb td, .tb_hv td, .tb_border td, .tb_striped td{ color:#444; background:#fff; padding:10px 5px } .tb_tr_hv td{background:#edeaea} .tb_tr_off td{background:#fff} .tb_border th{ color: #444; background: #fff; text-align: left; font-weight: bold; padding: 10px 5px } .tb_border td{ color: #444; background: #fff; padding: 10px 5px } .tb_border th, .tb_border td{ border: 1px solid #ededed } .tb_striped tbody >tr:nth-child(2n+1) >td, .tb_fill tr td, .tb_tr_on td, .tb_hv tr:hover td { background:#ededed} .tb_fill{margin:2px; border-collapse:collapse} .tb_fill th{ color: #444; background: #fff; font-weight: bold; text-align: left; padding: 10px 5px } .tb_fill td{ color: #444; background: #fff; padding: 10px 5px; border-bottom: 10px solid #fff } .tb_fill tr{margin-bottom: 10px} .tb_prm tr td, .tb_hv_prm tr:hover td{ background: var(--prm) } .tb_scn tr td, .tb_hv_scn tr:hover td{ background: var(--scn) } .tb_lgt tr td, .tb_hv_lgt tr:hover td{ background: #f6f6f6 } .tb_ntl tr td, .tb_hv_ntl tr:hover td{ background: #ccc } .tb_prm tr td, .tb_hv_prm tr:hover td, .tb_scn tr td, .tb_hv_scn tr:hover td{ color: #ccc } .lt_x li, .lt_x dd{ float: left; display: inline; padding: 0 5px 0 0 } .lt_y li, .lt_y dd{padding:0 0 5px 0} .lt_y.lt_dropdown li ul, .lt_x.lt_dropdown li ul{ display: none; position: absolute; z-index: 500 } .lt_y.lt_dropdown ul li, .lt_x.lt_dropdown ul li{ width: 100%; top: auto; left: 0; right: auto; text-align: left; opacity: 1; padding: 0; position: relative } .lt_y.lt_dropdown li:hover ul, .lt_x.lt_dropdown li:hover ul{ display: block } .lt_y.lt_dropdown ul a, .lt_x.lt_dropdown ul a{ display: block; padding: 5px 10px; } input[id="mn_x_bt"]{ display: none } label[for="mn_x_bt"]{ width: 60px; text-align: center; display: none; padding: 5px 15px; font-size: 30px; cursor: pointer } label[for="mn_x_bt"]:hover{ background: rgba(50, 50, 50, 0.12) } .mn_x, .mn_x ul, .mn_x ul li, .mn_x ul li a, .mn_x .mn_bt { list-style: none; line-height: 1; display: block; position: relative; margin: 0; padding: 0; border: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mn_x:after, .mn_x > ul:after { height: 0; line-height: 0; content: "."; clear: both; visibility: hidden; display: block } .mn_x .mn_bt { display: none } .mn_x { width: auto; background: #fff } .mn_x.fl_r > ul > li { float: right } .mn_x > ul > li { float: left; display: inline-block } .mn_x.fl_c > ul { float: none; text-align: center } .mn_x.fl_c > ul > li { float: none } .mn_x.fl_c ul ul { text-align: left } .mn_x > ul > li.text, .mn_x > ul > li > a { padding: 18px 25px 21px 25px; border-right: 1px solid rgba(80, 80, 80, 0.12); text-decoration: none; font-size: 14px; color: #444; letter-spacing: 1px } .mn_x > ul > li:hover > a, .mn_x > ul > li > a:hover, .mn_x > ul > li.active > a { color: #000; background: #ccc } .mn_x > ul > li.has_sub > a { padding-right: 45px } .mn_x > ul > li.has_sub > a::after { width: 0; height: 0; top: 22px; right: 17px; content: ""; border: 6px solid transparent; border-top-color: #ccc; position: absolute } .mn_x > ul > li.has_sub.active > a::after, .mn_x > ul > li.has_sub:hover > a { border-top-color: #000 } .mn_x ul ul { position: absolute; z-index: 1000; left: -9999px; top: 60px; padding-top: 6px; font-size: 14px; opacity: 0; -webkit-transition: top 0.4s ease, opacity 0.4s ease-in; -moz-transition: top 0.4s ease, opacity 0.4s ease-in; -ms-transition: top 0.4s ease, opacity 0.4s ease-in; -o-transition: top 0.4s ease, opacity 0.4s ease-in; transition: top 0.4s ease, opacity 0.4s ease-in } .mn_x.fl_r ul ul { text-align: right } .mn_x > ul > li > ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #fff; top: -4px; left: 20px } .mn_x.fl_r > ul > li > ul::after { left: auto; right: 20px } .mn_x ul ul ul::after { top: 11px; left: -4px; content: ""; width: 0; height: 0; border: 5px solid transparent; border-right-color: #fff; position: absolute } .mn_x.fl_r ul ul ul::after { left: auto; right: -4px; border-right-color: transparent; border-left-color: #fff } .mn_x > ul > li > ul { top: 120px } .mn_x > ul > li:hover > ul { top: 52px; left: 0; opacity: 1 } .mn_x.fl_r > ul > li:hover > ul { left: auto; right: 0 } .mn_x ul ul ul { padding-top: 0; padding-left: 6px } .mn_x.fl_r ul ul ul { padding-right: 6px } .mn_x ul ul > li:hover > ul { left: 280px; top: 0; opacity: 1 } .mn_x.fl_r ul ul > li:hover > ul { left: auto; right: 100%; opacity: 1 } .mn_x ul ul li a { width: 280px; color: #777; background: #f8f8f8; text-decoration: none; padding: 11px 25px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1) } .mn_x ul ul li:hover > a, .mn_x ul ul li.active > a { color: #2C3E50 } .mn_x ul ul li:first_child > a { border-top-left-radius: 3px; border-top-right-radius: 3px } .mn_x ul ul li:last_child > a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .mn_x > ul > li > ul::after { position: absolute; display: block } .mn_x ul ul li.has_sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #777777; right: 17px; top: 14px } .mn_x.fl_r ul ul li.has_sub > a::after { border-left-color: transparent; border-right-color: #777; right: auto; left: 17px } .mn_x ul ul li.has_sub.active > a::after, .mn_x ul ul li.has_sub:hover > a::after { border-left-color: #2C3E50 } .mn_x.fl_r ul ul li.has_sub.active > a::after, .mn_x.fl_r ul ul li.has_sub:hover > a::after { border-right-color: #2C3E50; border-left-color: transparent } .mn_x.mn_prm { background: var(--prm) } .mn_x.mn_prm > ul > li.text, .mn_x.mn_prm > ul > li > a { color: #ccc } .mn_x.mn_prm > ul > li:hover > a, .mn_x.mn_prm > ul > li.active > a { color: #fff; background: var(--hv_prm) } .mn_x.mn_prm > ul > li.has_sub > a::after, .mn_x.mn_prm > ul > li.has_sub > a { border-top-color: #666 } .mn_x.mn_prm > ul > li.has_sub.active > a::after, .mn_x.mn_prm > ul > li.has_sub:hover > a { border-top-color: #fff } .mn_x.mn_scn { background: var(--scn) } .mn_x.mn_scn > ul > li.text, .mn_x.mn_scn > ul > li > a { color: #ccc } .mn_x.mn_scn > ul > li:hover > a, .mn_x.mn_scn > ul > li.active > a { color: #fff; background: var(--hv_scn) } .mn_x.mn_scn > ul > li.has_sub > a::after, .mn_x.mn_scn > ul > li.has_sub > a { border-top-color: #666 } .mn_x.mn_scn > ul > li.has_sub.active > a::after, .mn_x.mn_scn > ul > li.has_sub:hover > a { border-top-color: #fff } .mn_x.mn_ntl { background: #ccc } .mn_x.mn_ntl > ul > li.text, .mn_x.mn_ntl > ul > li > a { color: #444 } .mn_x.mn_ntl > ul > li:hover > a, .mn_x.mn_ntl > ul > li.active > a { color: #000; background: #afafaf} .mn_x.mn_ntl > ul > li.has_sub > a::after, .mn_x.mn_ntl > ul > li.has_sub > a { border-top-color: #666 } .mn_x.mn_ntl > ul > li.has_sub.active > a::after, .mn_x.mn_ntl > ul > li.has_sub:hover > a { border-top-color: #fff } .mn_x.mn_lgt { background: #f6f6f6 } .mn_x.mn_lgt > ul > li.text, .mn_x.mn_lgt > ul > li > a { color: #444 } .mn_x.mn_lgt > ul > li:hover > a, .mn_x.mn_lgt > ul > li.active > a { color: #000; background: #d6d6d6) } .mn_x.mn_lgt > ul > li.has_sub > a::after, .mn_x.mn_lgt > ul > li.has_sub > a { border-top-color: #666 } .mn_x.mn_lgt > ul > li.has_sub.active > a::after, .mn_x.mn_lgt > ul > li.has_sub:hover > a { border-top-color: #fff } .mn_x.mn_hv_prm > ul > li:hover > a, .mn_x.mn_hv_prm > ul > li.active > a , .mn_x.mn_scn.mn_hv_prm > ul > li:hover > a, .mn_x.mn_scn.mn_hv_prm > ul > li.active > a , .mn_x.mn_ntl.mn_hv_prm > ul > li:hover > a, .mn_x.mn_ntl.mn_hv_prm > ul > li.active > a , .mn_x.mn_lgt.mn_hv_prm > ul > li:hover > a, .mn_x.mn_lgt.mn_hv_prm > ul > li.active > a { color: #fff; background: var(--prm) } .mn_x.mn_hv_scn > ul > li:hover > a, .mn_x.mn_hv_scn > ul > li.active > a , .mn_x.mn_prm.mn_hv_scn > ul > li:hover > a, .mn_x.mn_prm.mn_hv_scn > ul > li.active > a , .mn_x.mn_ntl.mn_hv_scn > ul > li:hover > a, .mn_x.mn_ntl.mn_hv_scn > ul > li.active > a , .mn_x.mn_lgt.mn_hv_scn > ul > li:hover > a, .mn_x.mn_lgt.mn_hv_scn > ul > li.active > a { color: #fff; background: var(--scn) } .mn_x.mn_hv_lgt > ul > li:hover > a, .mn_x.mn_hv_lgt > ul > li.active > a , .mn_x.mn_prm.mn_hv_lgt > ul > li:hover > a, .mn_x.mn_prm.mn_hv_lgt > ul > li.active > a , .mn_x.mn_ntl.mn_hv_lgt > ul > li:hover > a, .mn_x.mn_ntl.mn_hv_lgt > ul > li.active > a , .mn_x.mn_scn.mn_hv_lgt > ul > li:hover > a, .mn_x.mn_scn.mn_hv_lgt > ul > li.active > a { color: #000; background: #f6f6f6 } .mn_x.mn_hv_ntl > ul > li:hover > a, .mn_x.mn_hv_ntl > ul > li.active > a , .mn_x.mn_prm.mn_hv_ntl > ul > li:hover > a, .mn_x.mn_prm.mn_hv_ntl > ul > li.active > a , .mn_x.mn_scn.mn_hv_ntl > ul > li:hover > a, .mn_x.mn_scn.mn_hv_ntl > ul > li.active > a , .mn_x.mn_lgt.mn_hv_ntl > ul > li:hover > a, .mn_x.mn_lgt.mn_hv_ntl > ul > li.active > a { color: #000; background: #ccc } .mn_y{ width: 100% } .mn_y ul{margin: 0; padding:0} .mn_y li{list-style-type: none} .mn_y a, .mn_y label{ width: 100%; color: #444; font-size: 14px; font-weight: bold; background: #fff; padding: 15px 20px; text-decoration: none; border-bottom: 1px solid rgba(0,0,0, .2); display: block } .mn_y label{cursor: pointer} .mn_y a:hover, .mn_y label:hover{ background: #ccc } .mn_y ul a, .mn_y ul label { font-weight: normal; background: #e5e5e5 } .mn_y ul a, .mn_y ul label{ background: #e5e5e5; border-left: 5px solid transparent } .mn_y ul a:hover, .mn_y ul label:hover { background: #e5e5e5; border-left: 5px solid #666 } .mn_y ul { height: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out } .mn_y input[type=checkbox]:checked + label + ul { max-height: 1000px } .mn_y label::after { display: block; content: ""; width: 5px; height: 5px; top: 11.5px; right: 20px; z-index: 10; float: right; border-top: 2px solid rgba(0,0,0, .5); border-left: 2px solid rgba(0,0,0, .5); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg) } .mn_y.mn_ntl a, .mn_y.mn_ntl label{ color: #444; background: #ccc } .mn_y.mn_ntl a:hover, .mn_y.mn_ntl label:hover{ background: #afafaf} .mn_y.mn_prm a, .mn_y.mn_prm label{ color: #fff; background: var(--prm) } .mn_y.mn_prm a:hover, .mn_y.mn_prm label:hover{ background: var(--hv_prm) } .mn_y.mn_scn a, .mn_y.mn_scn label{ color: #fff; background: var(--scn) } .mn_y.mn_scn a:hover, .mn_y.mn_scn label:hover{ background: var(--hv_scn) } .mn_y.mn_ntl ul a, .mn_y.mn_ntl ul label , .mn_y.mn_prm ul a, .mn_y.mn_prm ul label , .mn_y.mn_scn ul a, .mn_y.mn_scn ul label, .mn_y.mn_ntl ul a:hover, .mn_y.mn_ntl ul label:hover , .mn_y.mn_prm ul a:hover, .mn_y.mn_prm ul label:hover , .mn_y.mn_scn ul a:hover, .mn_y.mn_scn ul label:hover { color: #444; background: #e5e5e5 } .modal_content { width: 100%; float: left; z-index: 1500; position: absolute } .modal{ width: 100%; height: 100vh; top:0; left:0; z-index: 1000; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4); position: fixed; overflow:auto } .ld { border: 5px solid #ccc; border-bottom-color: transparent !important; border-radius: 50%; box-sizing: border-box; animation: ld 1s linear infinite; color: transparent; display: inline-block; } .ld_sm { width: 15px; height: 15px; border-width: 2px } .ld_md { width: 25px; height: 25px; border-width: 3px } .ld_lg { width: 48px; height: 48px; } @keyframes ld { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 930px) { .gr_lg_static { width: 96%; } } @media (max-width: 759px) { .gr_md_static { width: 96%; } } @media (max-width: 540px) { .gr_sm_static { width: 96%; } } @media (min-width: 1221px) { .container, .gr_12{ width: 1196px} .container { margin-left: auto; margin-right: auto } } @media only screen and (max-width: 890px) { label[for="mn_x_bt"]{ display: block } #mn_x_bt:checked ~ .mn_x > ul { display: block } .mn_x > ul { display: none; border-top: 1px solid rgba(0, 0, 0, 0.1) } .mn_sidebar li > ul > li:last-child > ul > li:last-child > a { border-bottom: 0 } .mn_x.fl_r > ul { float: none } .mn_x.fl_c > ul { text-align: left } .mn_x > ul > li, .mn_x.fl_r > ul > li { float: none; display: block } .mn_x > ul > li > a { padding: 18px 25px 18px 25px; border-right: 0 } .mn_x > ul > li:hover > a, .mn_x > ul > li.active > a { color: #fff; background: #C1BFBF } .mn_x .mn_bt { display: block; text-decoration: none; font-size: 14px; color: #444; padding: 18px 25px 18px 25px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer } .mn_x ul ul, .mn_x ul li:hover > ul, .mn_x > ul > li > ul, .mn_x ul ul ul, .mn_x ul ul li:hover > ul, .mn_x.fl_r ul ul, .mn_x.fl_r ul li:hover > ul, .mn_x.fl_r > ul > li > ul, .mn_x.fl_r ul ul ul, .mn_x.fl_r ul ul li:hover > ul { width: 100%; top: auto; left: 0; right: auto; opacity: 1; text-align: left; padding: 0; position: relative } .mn_x ul ul li { width: 100% } .mn_x ul ul li a { width: 100%; box-shadow: none; padding-left: 35px } .mn_x ul ul ul li a { padding-left: 45px } .mn_x ul ul li:first_child > a, .mn_x ul ul li:last_child > a { border-radius: 0 } .mn_x .mn_bt::after { width: 22px; height: 3px; top: 18px; right: 25px; content: ''; border-top: 2px solid transparent; border-bottom: 2px solid transparent; display: block; position: absolute } .mn_x .mn_bt::before { width: 22px; height: 3px; top: 28px; right: 25px; display: block; content: ''; position: absolute; border-top: 2px solid transparent } .mn_x .mn_bt, .mn_x .mn_bt::after , .mn_x .mn_bt::before { color: #000; border-color: #000 } .mn_x .mn_bt:hover{ color: #fff; background: #C1BFBF} .mn_x .mn_bt:hover::after, .mn_x .mn_bt:hover::before { border-color: #fff } .mn_x > ul > li.has_sub > a::after, .mn_x ul ul li.has_sub > a::after { display: none } .mn_x.mn_prm .mn_bt, .mn_x.mn_prm .mn_bt::after , .mn_x.mn_prm .mn_bt::before { color: #ccc; border-color: #ccc } .mn_x.mn_prm .mn_bt:hover{ color: #fff; background: var(--hv_prm) } .mn_x.mn_scn .mn_bt, .mn_x.mn_scn .mn_bt::after , .mn_x.mn_scn .mn_bt::before { color: #ccc; border-color: #ccc } .mn_x.mn_scn .mn_bt:hover{ color: #fff; background: var(--hv_scn) } .mn_x.mn_ntl .mn_bt, .mn_x.mn_ntl .mn_bt::after , .mn_x.mn_ntl .mn_bt::before { color: #444; border-color: #444 } .mn_x.mn_ntl .mn_bt:hover{ color: #000; background: #afafaf } .mn_x.mn_lgt .mn_bt, .mn_x.mn_lgt .mn_bt::after , .mn_x.mn_lgt .mn_bt::before { color: #444; border-color: #444 } .mn_x.mn_lgt .mn_bt:hover{ color: #000; background: #d6d6d6 } .tb_fluid thead { display: none } .tb_fluid tr { display: block; margin-top: 5px; padding-bottom: 15px } .tb_fluid td { display: block; text-align: right; font-size: 13px; margin-bottom:3px; min-height: 14px } .tb_fluid td:before { content: attr(colname); float: left; font-weight: bold } .ds_lg_block{display: block} .ds_lg_none{display: none} .ds_lg_iblock{display: inline-block} .ds_lg_initial{display: initial} .row_fluid { width: 100%; float: left; margin-left: 0; margin-bottom: 0 } .gr{margin-bottom: 0.775%} .gr_lg_3 { width: 23.44% } .gr_lg_4 { width: 31.77% } .gr_lg_6 { width: 48.45% } .gr_lg_8 { width: 65.09% } .gr_lg_12 { width: 100%; float: left; clear: both } .row_fluid .gr_lg_12 { width: 98.45%; float: left; clear: both } .mm_lg_0{ margin: 0 } .mt_lg_0{ margin-top: 0 } .ml_lg_0{ margin-left: 0 } .mb_lg_0{ margin-bottom: 0} .mr_lg_0{ margin-right: 0 } .mx_lg_0{ margin-left: 0; margin-right: 0 } .my_lg_0{ margin-top: 0; margin-bottom: 0 } .mm_lg_1{ margin: 4px } .mt_lg_1{ margin-top: 4px } .ml_lg_1{ margin-left: 4px } .mb_lg_1{ margin-bottom: 4px} .mr_lg_1{ margin-right: 4px } .mx_lg_1{ margin-left: 4px; margin-right: 4px } .my_lg_1{ margin-top: 4px; margin-bottom: 4px } .mm_lg_2{ margin: 8px } .mt_lg_2{ margin-top: 8px } .ml_lg_2{ margin-left: 8px } .mb_lg_2{ margin-bottom: 8px} .mr_lg_2{ margin-right: 8px } .mx_lg_2{ margin-left: 8px; margin-right: 8px } .my_lg_2{ margin-top: 8px; margin-bottom: 8px } .mm_lg_3{ margin: 16px } .mt_lg_3{ margin-top: 16px } .ml_lg_3{ margin-left: 16px } .mb_lg_3{ margin-bottom: 16px} .mr_lg_3{ margin-right: 16px } .mx_lg_3{ margin-left: 16px; margin-right: 16px } .my_lg_3{ margin-top: 16px; margin-bottom: 16px } .mm_lg_4{ margin: 32px } .mt_lg_4{ margin-top: 32px } .ml_lg_4{ margin-left: 32px } .mb_lg_4{ margin-bottom: 32px} .mr_lg_4{ margin-right: 32px } .mx_lg_4{ margin-left: 32px; margin-right: 32px } .my_lg_4{ margin-top: 32px; margin-bottom: 32px } .mm_lg_5{ margin: 64px } .mt_lg_5{ margin-top: 64px } .ml_lg_5{ margin-left: 64px } .mb_lg_5{ margin-bottom: 64px } .mr_lg_5{ margin-right: 64px } .mx_lg_5{ margin-left: 64px ; margin-right: 64px } .my_lg_5{ margin-top: 64px ; margin-bottom: 64px } .mm_lg_6{ margin: 128px } .mt_lg_6{ margin-top: 128px } .ml_lg_6{ margin-left: 128px } .mb_lg_6{ margin-bottom: 128px } .mr_lg_6{ margin-right: 128px } .mx_lg_6{ margin-left: 128px ; margin-right: 128px } .my_lg_6{ margin-top: 128px ; margin-bottom: 128px } .mm_lg_7{ margin: 256px } .mt_lg_7{ margin-top: 256px } .ml_lg_7{ margin-left: 256px } .mb_lg_7{ margin-bottom: 256px } .mr_lg_7{ margin-right: 256px } .mx_lg_7{ margin-left: 256px ; margin-right: 256px } .my_lg_7{ margin-top: 256px ; margin-bottom: 256px } .mm_lg_8{ margin: 512px } .mt_lg_8{ margin-top: 512px } .ml_lg_8{ margin-left: 512px } .mb_lg_8{ margin-bottom: 512px } .mr_lg_8{ margin-right: 512px } .mx_lg_8{ margin-left: 512px ; margin-right: 512px } .my_lg_8{ margin-top: 512px ; margin-bottom: 512px } .pp_lg_0{ padding: 0 } .pt_lg_0{ padding-top: 0 } .pl_lg_0{ padding-left: 0 } .pb_lg_0{ padding-bottom: 0} .pr_lg_0{ padding-right: 0 } .px_lg_0{ padding-left: 0; padding-right: 0 } .py_lg_0{ padding-top: 0; padding-bottom: 0 } .pp_lg_1{ padding: 4px } .pt_lg_1{ padding-top: 4px } .pl_lg_1{ padding-left: 4px } .pb_lg_1{ padding-bottom: 4px} .pr_lg_1{ padding-right: 4px } .px_lg_1{ padding-left: 4px; padding-right: 4px } .py_lg_1{ padding-top: 4px; padding-bottom: 4px } .pp_lg_2{ padding: 8px } .pt_lg_2{ padding-top: 8px } .pl_lg_2{ padding-left: 8px } .pb_lg_2{ padding-bottom: 8px} .pr_lg_2{ padding-right: 8px } .px_lg_2{ padding-left: 8px; padding-right: 8px } .py_lg_2{ padding-top: 8px; padding-bottom: 8px } .pp_lg_3{ padding: 16px } .pt_lg_3{ padding-top: 16px } .pl_lg_3{ padding-left: 16px } .pb_lg_3{ padding-bottom: 16px} .pr_lg_3{ padding-right: 16px } .px_lg_3{ padding-left: 16px; padding-right: 16px } .py_lg_3{ padding-top: 16px; padding-bottom: 16px } .pp_lg_4{ padding: 32px } .pt_lg_4{ padding-top: 32px } .pl_lg_4{ padding-left: 32px } .pb_lg_4{ padding-bottom: 32px} .pr_lg_4{ padding-right: 32px } .px_lg_4{ padding-left: 32px; padding-right: 32px } .py_lg_4{ padding-top: 32px; padding-bottom: 32px } .pp_lg_5{ padding: 64px } .pt_lg_5{ padding-top: 64px } .pl_lg_5{ padding-left: 64px } .pb_lg_5{ padding-bottom: 64px } .pr_lg_5{ padding-right: 64px } .px_lg_5{ padding-left: 64px; padding-right: 64px } .py_lg_5{ padding-top: 64px; padding-bottom: 64px } .pp_lg_6{ padding: 128px } .pt_lg_6{ padding-top: 128px } .pl_lg_6{ padding-left: 128px } .pb_lg_6{ padding-bottom: 128px } .pr_lg_6{ padding-right: 128px } .px_lg_6{ padding-left: 128px; padding-right: 128px } .py_lg_6{ padding-top: 128px; padding-bottom: 128px } .pp_lg_7{ padding: 256px } .pt_lg_7{ padding-top: 256px } .pl_lg_7{ padding-left: 256px } .pb_lg_7{ padding-bottom: 256px } .pr_lg_7{ padding-right: 256px } .px_lg_7{ padding-left: 256px; padding-right: 256px } .py_lg_7{ padding-top: 256px; padding-bottom: 256px } .pp_lg_8{ padding: 512px } .pt_lg_8{ padding-top: 512px } .pl_lg_8{ padding-left: 512px } .pb_lg_8{ padding-bottom: 512px } .pr_lg_8{ padding-right: 512px } .px_lg_8{ padding-left: 512px; padding-right: 512px } .py_lg_8{ padding-top: 512px; padding-bottom: 512px } .y_lg_0{height: 0} .y_lg_1{min-height: 4px} .y_lg_2{min-height: 8px} .y_lg_3{min-height: 16px} .y_lg_4{min-height: 32px} .y_lg_5{min-height: 64px} .y_lg_6{min-height: 128px} .y_lg_7{min-height: 256px} .y_lg_8{min-height: 512px} .x_lg_100{ width: 100% !important; margin-left: 0; margin-right: 0; padding: 0; float: left; clear: both } .x_lg_75 {width: 75%} .x_lg_50 {width: 50%} .x_lg_25 {width: 25%} .y_lg_100{height: 100%} .y_lg_75 {min-height: 75%} .y_lg_50 {min-height: 50%} .y_lg_25 {min-height: 25%} .tx_lg_c{text-align: center !important} .tx_lg_l{text-align: left !important} .tx_lg_r{text-align: right !important} .tx_lg_j{text-align: justify !important} .tx_lg_lc{text-transform: lowercase !important} .tx_lg_uc{text-transform: uppercase !important} .tx_lg_cp{text-transform: capitalize !important} .tx_lg_mr{font-size: 0.625em } .tx_lg_sm{font-size: 0.75em } .tx_lg_md{font-size: 1em} .tx_lg_lg{ font-size: 1.25em} .tx_lg_xlg{font-size: 2.25em} .tx_lg_b{ font-weight: bold} .tx_lg_i{font-style: italic} .tx_lg_b_no{ font-weight: normal} .tx_lg_i_no{font-style: normal} .tx_lg_u{text-decoration: underline} .tx_lg_d_no{text-decoration: none} .tx_lg_o{text-decoration: overline} .tx_lg_prm, .lk_lg_prm{color: var(--prm)} .tx_lg_scn, .lk_lg_scn{color: var(--scn)} .tx_lg_lgt, .lk_lg_lgt{color: #f6f6f6} .tx_lg_ntl, .lk_lg_ntl{color: #ccc} .tx_lg_hv_prm:hover, .lk_lg_prm:hover{color: var(--prm) } .tx_lg_hv_scn:hover, .lk_lg_scn:hover{color: var(--hv_scn) } .tx_lg_hv_lgt:hover, .lk_lg_lgt:hover{color: #d6d6d6} .tx_lg_hv_ntl:hover, .lk_lg_ntl:hover{color: #000} } @media only screen and (max-width: 500px) { .ds_sm_block{display: block} .ds_sm_none{display: none} .ds_sm_iblock{display: inline-block} .ds_sm_initial{display: initial} .gr_sm_3 { width: 23.44% } .gr_sm_4 { width: 31.77% } .gr_sm_6 { width: 48.45% } .gr_sm_8 { width: 65.09% } .gr_sm_12 { width: 100%; float: left; clear: both } .row_fluid .gr_sm_12 { width: 98.45%; float: left; clear: both } .mm_sm_0{ margin: 0 } .mt_sm_0{ margin-top: 0 } .ml_sm_0{ margin-left: 0 } .mb_sm_0{ margin-bottom: 0} .mr_sm_0{ margin-right: 0 } .mx_sm_0{ margin-left: 0; margin-right: 0 } .my_sm_0{ margin-top: 0; margin-bottom: 0 } .mm_sm_1{ margin: 4px } .mt_sm_1{ margin-top: 4px } .ml_sm_1{ margin-left: 4px } .mb_sm_1{ margin-bottom: 4px} .mr_sm_1{ margin-right: 4px } .mx_sm_1{ margin-left: 4px; margin-right: 4px } .my_sm_1{ margin-top: 4px; margin-bottom: 4px } .mm_sm_2{ margin: 8px } .mt_sm_2{ margin-top: 8px } .ml_sm_2{ margin-left: 8px } .mb_sm_2{ margin-bottom: 8px} .mr_sm_2{ margin-right: 8px } .mx_sm_2{ margin-left: 8px; margin-right: 8px } .my_sm_2{ margin-top: 8px; margin-bottom: 8px } .mm_sm_3{ margin: 16px } .mt_sm_3{ margin-top: 16px } .ml_sm_3{ margin-left: 16px } .mb_sm_3{ margin-bottom: 16px} .mr_sm_3{ margin-right: 16px } .mx_sm_3{ margin-left: 16px; margin-right: 16px } .my_sm_3{ margin-top: 16px; margin-bottom: 16px } .mm_sm_4{ margin: 32px } .mt_sm_4{ margin-top: 32px } .ml_sm_4{ margin-left: 32px } .mb_sm_4{ margin-bottom: 32px} .mr_sm_4{ margin-right: 32px } .mx_sm_4{ margin-left: 32px; margin-right: 32px } .my_sm_4{ margin-top: 32px; margin-bottom: 32px } .mm_sm_5{ margin: 64px } .mt_sm_5{ margin-top: 64px } .ml_sm_5{ margin-left: 64px } .mb_sm_5{ margin-bottom: 64px } .mr_sm_5{ margin-right: 64px } .mx_sm_5{ margin-left: 64px ; margin-right: 64px } .my_sm_5{ margin-top: 64px ; margin-bottom: 64px } .mm_sm_6{ margin: 128px } .mt_sm_6{ margin-top: 128px } .ml_sm_6{ margin-left: 128px } .mb_sm_6{ margin-bottom: 128px } .mr_sm_6{ margin-right: 128px } .mx_sm_6{ margin-left: 128px ; margin-right: 128px } .my_sm_6{ margin-top: 128px ; margin-bottom: 128px } .mm_sm_7{ margin: 256px } .mt_sm_7{ margin-top: 256px } .ml_sm_7{ margin-left: 256px } .mb_sm_7{ margin-bottom: 256px } .mr_sm_7{ margin-right: 256px } .mx_sm_7{ margin-left: 256px ; margin-right: 256px } .my_sm_7{ margin-top: 256px ; margin-bottom: 256px } .mm_sm_8{ margin: 512px } .mt_sm_8{ margin-top: 512px } .ml_sm_8{ margin-left: 512px } .mb_sm_8{ margin-bottom: 512px } .mr_sm_8{ margin-right: 512px } .mx_sm_8{ margin-left: 512px ; margin-right: 512px } .my_sm_8{ margin-top: 512px ; margin-bottom: 512px } .pp_sm_0{ padding: 0 } .pt_sm_0{ padding-top: 0 } .pl_sm_0{ padding-left: 0 } .pb_sm_0{ padding-bottom: 0} .pr_sm_0{ padding-right: 0 } .px_sm_0{ padding-left: 0; padding-right: 0 } .py_sm_0{ padding-top: 0; padding-bottom: 0 } .pp_sm_1{ padding: 4px } .pt_sm_1{ padding-top: 4px } .pl_sm_1{ padding-left: 4px } .pb_sm_1{ padding-bottom: 4px} .pr_sm_1{ padding-right: 4px } .px_sm_1{ padding-left: 4px; padding-right: 4px } .py_sm_1{ padding-top: 4px; padding-bottom: 4px } .pp_sm_2{ padding: 8px } .pt_sm_2{ padding-top: 8px } .pl_sm_2{ padding-left: 8px } .pb_sm_2{ padding-bottom: 8px} .pr_sm_2{ padding-right: 8px } .px_sm_2{ padding-left: 8px; padding-right: 8px } .py_sm_2{ padding-top: 8px; padding-bottom: 8px } .pp_sm_3{ padding: 16px } .pt_sm_3{ padding-top: 16px } .pl_sm_3{ padding-left: 16px } .pb_sm_3{ padding-bottom: 16px} .pr_sm_3{ padding-right: 16px } .px_sm_3{ padding-left: 16px; padding-right: 16px } .py_sm_3{ padding-top: 16px; padding-bottom: 16px } .pp_sm_4{ padding: 32px } .pt_sm_4{ padding-top: 32px } .pl_sm_4{ padding-left: 32px } .pb_sm_4{ padding-bottom: 32px} .pr_sm_4{ padding-right: 32px } .px_sm_4{ padding-left: 32px; padding-right: 32px } .py_sm_4{ padding-top: 32px; padding-bottom: 32px } .pp_sm_5{ padding: 64px } .pt_sm_5{ padding-top: 64px } .pl_sm_5{ padding-left: 64px } .pb_sm_5{ padding-bottom: 64px } .pr_sm_5{ padding-right: 64px } .px_sm_5{ padding-left: 64px; padding-right: 64px } .py_sm_5{ padding-top: 64px; padding-bottom: 64px } .pp_sm_6{ padding: 128px } .pt_sm_6{ padding-top: 128px } .pl_sm_6{ padding-left: 128px } .pb_sm_6{ padding-bottom: 128px } .pr_sm_6{ padding-right: 128px } .px_sm_6{ padding-left: 128px; padding-right: 128px } .py_sm_6{ padding-top: 128px; padding-bottom: 128px } .pp_sm_7{ padding: 256px } .pt_sm_7{ padding-top: 256px } .pl_sm_7{ padding-left: 256px } .pb_sm_7{ padding-bottom: 256px } .pr_sm_7{ padding-right: 256px } .px_sm_7{ padding-left: 256px; padding-right: 256px } .py_sm_7{ padding-top: 256px; padding-bottom: 256px } .pp_sm_8{ padding: 512px } .pt_sm_8{ padding-top: 512px } .pl_sm_8{ padding-left: 512px } .pb_sm_8{ padding-bottom: 512px } .pr_sm_8{ padding-right: 512px } .px_sm_8{ padding-left: 512px; padding-right: 512px } .py_sm_8{ padding-top: 512px; padding-bottom: 512px } .y_sm_0{height: 0} .y_sm_1{min-height: 4px} .y_sm_2{min-height: 8px} .y_sm_3{min-height: 16px} .y_sm_4{min-height: 32px} .y_sm_5{min-height: 64px} .y_sm_6{min-height: 128px} .y_sm_7{min-height: 256px} .y_sm_8{min-height: 512px} .x_sm_100{ width: 100% !important; margin-left: 0; margin-right: 0; padding: 0; float: left; clear: both } .x_sm_75 {width: 75%} .x_sm_50 {width: 50%} .x_sm_25 {width: 25%} .y_sm_100{height: 100%} .y_sm_75 {min-height: 75%} .y_sm_50 {min-height: 50%} .y_sm_25 {min-height: 25%} .tx_sm_c{text-align: center !important} .tx_sm_l{text-align: left !important} .tx_sm_r{text-align: right !important} .tx_sm_j{text-align: justify !important} .tx_sm_lc{text-transform: lowercase !important} .tx_sm_uc{text-transform: uppercase !important} .tx_sm_cp{text-transform: capitalize !important} .tx_sm_mr{font-size: 0.625em } .tx_sm_sm{font-size: 0.75em } .tx_sm_md{font-size: 1em} .tx_sm_lg{ font-size: 1.25em} .tx_sm_xlg{font-size: 2.25em} .tx_sm_b{ font-weight: bold} .tx_sm_i{font-style: italic} .tx_sm_b_no{ font-weight: normal} .tx_sm_i_no{font-style: normal} .tx_sm_u{text-decoration: underline} .tx_sm_d_no{text-decoration: none} .tx_sm_o{text-decoration: overline} .tx_sm_prm, .lk_sm_prm{color: var(--prm)} .tx_sm_scn, .lk_sm_scn{color:var(--scn)} .tx_sm_lgt, .lk_sm_lgt{color: #f6f6f6} .tx_sm_ntl, .lk_sm_ntl{color: #ccc} .tx_sm_hv_prm:hover, .lk_sm_prm:hover{color: var(--prm)} .tx_sm_hv_scn:hover, .lk_sm_scn:hover{color: var(--hv_scn)} .tx_sm_hv_lgt:hover, .lk_sm_lgt:hover{color: #d6d6d6} .tx_sm_hv_ntl:hover, .lk_sm_ntl:hover{color: #000} } @media only screen and (max-width: 719px) { .ds_md_block{display: block} .ds_md_none{display: none} .ds_md_iblock{display: inline-block} .ds_md_initial{display: initial} .gr_md_3 { width: 23.44% } .gr_md_4 { width: 31.77% } .gr_md_6 { width: 48.45% } .gr_md_8 { width: 65.09% } .gr_md_12 { width: 100%; float: left; clear: both } .row_fluid .gr_md_12 { width: 98.45%; float: left; clear: both } .mm_md_0{ margin: 0 } .mt_md_0{ margin-top: 0 } .ml_md_0{ margin-left: 0 } .mb_md_0{ margin-bottom: 0} .mr_md_0{ margin-right: 0 } .mx_md_0{ margin-left: 0; margin-right: 0 } .my_md_0{ margin-top: 0; margin-bottom: 0 } .mm_md_1{ margin: 4px } .mt_md_1{ margin-top: 4px } .ml_md_1{ margin-left: 4px } .mb_md_1{ margin-bottom: 4px} .mr_md_1{ margin-right: 4px } .mx_md_1{ margin-left: 4px; margin-right: 4px } .my_md_1{ margin-top: 4px; margin-bottom: 4px } .mm_md_2{ margin: 8px } .mt_md_2{ margin-top: 8px } .ml_md_2{ margin-left: 8px } .mb_md_2{ margin-bottom: 8px} .mr_md_2{ margin-right: 8px } .mx_md_2{ margin-left: 8px; margin-right: 8px } .my_md_2{ margin-top: 8px; margin-bottom: 8px } .mm_md_3{ margin: 16px } .mt_md_3{ margin-top: 16px } .ml_md_3{ margin-left: 16px } .mb_md_3{ margin-bottom: 16px} .mr_md_3{ margin-right: 16px } .mx_md_3{ margin-left: 16px; margin-right: 16px } .my_md_3{ margin-top: 16px; margin-bottom: 16px } .mm_md_4{ margin: 32px } .mt_md_4{ margin-top: 32px } .ml_md_4{ margin-left: 32px } .mb_md_4{ margin-bottom: 32px} .mr_md_4{ margin-right: 32px } .mx_md_4{ margin-left: 32px; margin-right: 32px } .my_md_4{ margin-top: 32px; margin-bottom: 32px } .mm_md_5{ margin: 64px } .mt_md_5{ margin-top: 64px } .ml_md_5{ margin-left: 64px } .mb_md_5{ margin-bottom: 64px } .mr_md_5{ margin-right: 64px } .mx_md_5{ margin-left: 64px ; margin-right: 64px } .my_md_5{ margin-top: 64px ; margin-bottom: 64px } .mm_md_6{ margin: 128px } .mt_md_6{ margin-top: 128px } .ml_md_6{ margin-left: 128px } .mb_md_6{ margin-bottom: 128px } .mr_md_6{ margin-right: 128px } .mx_md_6{ margin-left: 128px ; margin-right: 128px } .my_md_6{ margin-top: 128px ; margin-bottom: 128px } .mm_md_7{ margin: 256px } .mt_md_7{ margin-top: 256px } .ml_md_7{ margin-left: 256px } .mb_md_7{ margin-bottom: 256px } .mr_md_7{ margin-right: 256px } .mx_md_7{ margin-left: 256px ; margin-right: 256px } .my_md_7{ margin-top: 256px ; margin-bottom: 256px } .mm_md_8{ margin: 512px } .mt_md_8{ margin-top: 512px } .ml_md_8{ margin-left: 512px } .mb_md_8{ margin-bottom: 512px } .mr_md_8{ margin-right: 512px } .mx_md_8{ margin-left: 512px ; margin-right: 512px } .my_md_8{ margin-top: 512px ; margin-bottom: 512px } .pp_md_0{ padding: 0 } .pt_md_0{ padding-top: 0 } .pl_md_0{ padding-left: 0 } .pb_md_0{ padding-bottom: 0} .pr_md_0{ padding-right: 0 } .px_md_0{ padding-left: 0; padding-right: 0 } .py_md_0{ padding-top: 0; padding-bottom: 0 } .pp_md_1{ padding: 4px } .pt_md_1{ padding-top: 4px } .pl_md_1{ padding-left: 4px } .pb_md_1{ padding-bottom: 4px} .pr_md_1{ padding-right: 4px } .px_md_1{ padding-left: 4px; padding-right: 4px } .py_md_1{ padding-top: 4px; padding-bottom: 4px } .pp_md_2{ padding: 8px } .pt_md_2{ padding-top: 8px } .pl_md_2{ padding-left: 8px } .pb_md_2{ padding-bottom: 8px} .pr_md_2{ padding-right: 8px } .px_md_2{ padding-left: 8px; padding-right: 8px } .py_md_2{ padding-top: 8px; padding-bottom: 8px } .pp_md_3{ padding: 16px } .pt_md_3{ padding-top: 16px } .pl_md_3{ padding-left: 16px } .pb_md_3{ padding-bottom: 16px} .pr_md_3{ padding-right: 16px } .px_md_3{ padding-left: 16px; padding-right: 16px } .py_md_3{ padding-top: 16px; padding-bottom: 16px } .pp_md_4{ padding: 32px } .pt_md_4{ padding-top: 32px } .pl_md_4{ padding-left: 32px } .pb_md_4{ padding-bottom: 32px} .pr_md_4{ padding-right: 32px } .px_md_4{ padding-left: 32px; padding-right: 32px } .py_md_4{ padding-top: 32px; padding-bottom: 32px } .pp_md_5{ padding: 64px } .pt_md_5{ padding-top: 64px } .pl_md_5{ padding-left: 64px } .pb_md_5{ padding-bottom: 64px } .pr_md_5{ padding-right: 64px } .px_md_5{ padding-left: 64px; padding-right: 64px } .py_md_5{ padding-top: 64px; padding-bottom: 64px } .pp_md_6{ padding: 128px } .pt_md_6{ padding-top: 128px } .pl_md_6{ padding-left: 128px } .pb_md_6{ padding-bottom: 128px } .pr_md_6{ padding-right: 128px } .px_md_6{ padding-left: 128px; padding-right: 128px } .py_md_6{ padding-top: 128px; padding-bottom: 128px } .pp_md_7{ padding: 256px } .pt_md_7{ padding-top: 256px } .pl_md_7{ padding-left: 256px } .pb_md_7{ padding-bottom: 256px } .pr_md_7{ padding-right: 256px } .px_md_7{ padding-left: 256px; padding-right: 256px } .py_md_7{ padding-top: 256px; padding-bottom: 256px } .pp_md_8{ padding: 512px } .pt_md_8{ padding-top: 512px } .pl_md_8{ padding-left: 512px } .pb_md_8{ padding-bottom: 512px } .pr_md_8{ padding-right: 512px } .px_md_8{ padding-left: 512px; padding-right: 512px } .py_md_8{ padding-top: 512px; padding-bottom: 512px } .y_md_0{height: 0} .y_md_1{min-height: 4px} .y_md_2{min-height: 8px} .y_md_3{min-height: 16px} .y_md_4{min-height: 32px} .y_md_5{min-height: 64px} .y_md_6{min-height: 128px} .y_md_7{min-height: 256px} .y_md_8{min-height: 512px} .x_md_100{ width: 100% !important; margin-left: 0; margin-right: 0; padding: 0; float: left; clear: both } .x_md_75 {width: 75%} .x_md_50 {width: 50%} .x_md_25 {width: 25%} .y_md_100{height: 100%} .y_md_75 {min-height: 75%} .y_md_50 {min-height: 50%} .y_md_25 {min-height: 25%} .tx_md_c{text-align: center !important} .tx_md_l{text-align: left !important} .tx_md_r{text-align: right !important} .tx_md_j{text-align: justify !important} .tx_md_lc{text-transform: lowercase !important} .tx_md_uc{text-transform: uppercase !important} .tx_md_cp{text-transform: capitalize !important} .tx_md_mr{font-size: 0.625em } .tx_md_sm{font-size: 0.75em } .tx_md_md{font-size: 1em} .tx_md_lg{ font-size: 1.25em} .tx_md_xlg{font-size: 2.25em} .tx_md_prm, .lk_md_prm{color: var(--prm)} .tx_md_scn, .lk_md_scn{color: var(--scn)} .tx_md_lgt, .lk_md_lgt{color: #f6f6f6} .tx_md_ntl, .lk_md_ntl{color: #ccc} .tx_md_hv_prm:hover, .lk_md_prm:hover{color: var(--prm)} .tx_md_hv_scn:hover, .lk_md_scn:hover{color: var(--hv_scn)} .tx_md_hv_lgt:hover, .lk_md_lgt:hover{color: #d6d6d6} .tx_md_hv_ntl:hover, .lk_md_ntl:hover{color: #000} }