@charset "UTF-8";.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.animate{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}select.bs-select-hidden,.bootstrap-select>select.bs-select-hidden,select.selectpicker{display:none !important}.bootstrap-select{width:220px \0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:inline-flex;align-items:center;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:active{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active{color:rgba(255,255,255,0.5)}.bootstrap-select>select{position:absolute !important;bottom:0;left:50%;display:block !important;width:.5px !important;height:100% !important;padding:0 !important;opacity:0 !important;border:none;z-index:0 !important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block !important;width:100% !important;z-index:2 !important}.has-error .bootstrap-select .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.bootstrap-select.is-invalid .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto !important}.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:220px}.bootstrap-select>select.mobile-device:focus+.dropdown-toggle,.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333 !important;outline:5px auto -webkit-focus-ring-color !important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*="col-"]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*="col-"]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*="col-"]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*="col-"].dropdown-menu-right,.row .bootstrap-select[class*="col-"].dropdown-menu-right{float:right}.form-inline .bootstrap-select,.form-horizontal .bootstrap-select,.form-group .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle,.bootstrap-select.form-control-lg .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:none !important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0 !important;padding:0 !important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0 !important;float:left;opacity:0 !important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*="col-"] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:none !important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,0.5) !important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);pointer-events:none;opacity:.9;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{animation:300ms linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,0.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,0.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after{display:block}.bs-searchbox,.bs-actionsbox,.bs-donebutton{padding:4px 8px}.bs-actionsbox{width:100%;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}.form-select .bootstrap-select button{background:#fff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border:1px solid #e4e4e4;box-shadow:none !important;outline:none !important;font-size:16px;color:#6f6f6f;padding:10px 15px !important}.form-select .bootstrap-select button:focus,.form-select .bootstrap-select button:active{outline:none !important}.form-select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}.form-select .dropdown-menu{padding:0}.form-select .dropdown-menu li a{padding:7px 15px}.form-select .dropdown-menu li+li{border-top:1px solid #e4e4e4}.form-select .dropdown-item.active,.form-select .dropdown-item:active{background:#17479b !important;color:#fff !important}.form-select .dropdown-item:hover{background:#f0f4fb;color:#17479b}.form-select .dropdown-toggle:after{border-top:6px solid;border-right:6px solid transparent;border-bottom:0;border-left:6px solid transparent}/*! * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker{border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0;padding:4px}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.15);border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,.15)}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.new,.datepicker table tr td.old{color:#777}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eee;cursor:pointer}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td.highlighted{color:#000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0}.datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{color:#000;background-color:#afd9ee;border-color:#298fc2}.datepicker table tr td.highlighted:hover{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover{color:#000;background-color:#91cbe8;border-color:#298fc2}.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{background-color:#d9edf7;border-color:#85c5e5}.datepicker table tr td.highlighted.focused{background:#afd9ee}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#777}.datepicker table tr td.today{color:#000;background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focus,.datepicker table tr td.today:focus{color:#000;background-color:#ffc966;border-color:#b37400}.datepicker table tr td.today:hover{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active,.datepicker table tr td.today:active{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover{color:#000;background-color:#ffbc42;border-color:#b37400}.datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focused{background:#ffc966}.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{background:#ffdb99;color:#777}.datepicker table tr td.range{color:#000;background-color:#eee;border-color:#bbb;border-radius:0}.datepicker table tr td.range.focus,.datepicker table tr td.range:focus{color:#000;background-color:#d5d5d5;border-color:#7c7c7c}.datepicker table tr td.range:hover{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active,.datepicker table tr td.range:active{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover{color:#000;background-color:#c3c3c3;border-color:#7c7c7c}.datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{background-color:#eee;border-color:#bbb}.datepicker table tr td.range.focused{background:#d5d5d5}.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{background:#eee;color:#777}.datepicker table tr td.range.highlighted{color:#000;background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{color:#000;background-color:#c1d7e3;border-color:#4b88a6}.datepicker table tr td.range.highlighted:hover{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover{color:#000;background-color:#a8c8d8;border-color:#4b88a6}.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focused{background:#c1d7e3}.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{background:#e4eef3;color:#777}.datepicker table tr td.range.today{color:#000;background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{color:#000;background-color:#f4b747;border-color:#815608}.datepicker table tr td.range.today:hover{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover{color:#000;background-color:#f2aa25;border-color:#815608}.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{background:#f7ca77;color:#777}.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{color:#fff;background-color:#777;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{color:#fff;background-color:#5e5e5e;border-color:#161616}.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover{color:#fff;background-color:#4c4c4c;border-color:#161616}.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{background-color:#777;border-color:#555}.datepicker table tr td.active,.datepicker table tr td.active.highlighted{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#777}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-group.date .input-group-addon{cursor:pointer}.input-daterange{width:100%}.input-daterange input{text-align:center}.input-daterange input:first-child{border-radius:3px 0 0 3px}.input-daterange input:last-child{border-radius:0 3px 3px 0}.input-daterange .input-group-addon{width:auto;min-width:16px;padding:4px 5px;line-height:1.42857143;border-width:1px 0;margin-left:-5px;margin-right:-5px}.slick-loading .slick-list{background:#fff url('../images/ajax-loader.gif') center center no-repeat}.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none}.slick-prev:hover,.slick-next:hover,.slick-prev:focus,.slick-next:focus{outline:none;background:transparent;color:transparent}.slick-prev:hover:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25} .slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} @font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url('../fonts/slick.eot');src:url('../fonts/slick.eot?#iefix') format('embedded-opentype'),url('../fonts/slick.woff') format('woff'),url('../fonts/slick.ttf') format('truetype'),url('../fonts/slick.svg#slick') format('svg')}.slick-prev{left:-25px}[dir="rtl"] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir="rtl"] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir="rtl"] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir="rtl"] .slick-next:before{content:"←"}.slick-dotted .slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1} .slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-dots{position:absolute !important;bottom:110px;text-align-last:left;padding:0 0 0 20px !important;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;visibility:hidden}.slick-dots li{padding:0 !important;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:10px !important}.slick-dots li button{padding:0;margin:0;width:5px;height:5px;background:#fff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0}.slick-dots li button:before{display:none !important} @media screen and (max-width:1366px){.slick-dots{visibility:visible}.slick-dots .slick-active button{background:#ed1c24 !important}}/* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; background-color: #11459d; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ .modal .modal-dialog{max-width:800px !important} .modal .modal-content{border:1px solid #e4e4e4;box-shadow:0 0 20px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.05)} .modal .modal-header{border-color:#e4e4e4;padding:10px 15px 8px} .modal .modal-body .event-content img{width:100%} .modal .modal-footer{padding:10px 15px;border-color:#e4e4e4} .navbar{font-weight:normal; } .navbar .navbar-nav li{padding:0 25px 0 0;position:relative;z-index:10;font-size:14px;} .navbar .navbar-nav li:last-child{padding-right:0} .navbar .navbar-nav li:last-child .sub-nav{left:inherit;right:0} .navbar .navbar-nav li a{padding:35px 0 !important; color: #fff; } .navbar .navbar-nav li a:hover{color:#ed1c24} .navbar .navbar-nav li a.active{color:#ed1c24} .navbar .navbar-nav li.open>a{color:#ed1c24} .navbar .navbar-nav li.open .sub-nav{opacity:1;filter:alpha(opacity=1);visibility:visible;z-index:1;pointer-events:visible;top:100%} .navbar .navbar-nav li .sub-nav {list-style:none;margin:0;padding:0;width:240px;position:absolute;left:0;top:110%; background:#fff;-webkit-filter:drop-shadow(4px 4px 16px rgba(0,0,0,0.15));filter:drop-shadow(4px 4px 16px rgba(0,0,0,0.15)); -webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;opacity:0; filter:alpha(opacity=0);visibility:hidden;z-index:-1;pointer-events:none; text-transform: capitalize; font-weight: 400; } .navbar .navbar-nav li .sub-nav li{padding:0} .navbar .navbar-nav li .sub-nav li a{display:block;padding:8px 15px !important;text-decoration:none;border-bottom:1px solid #e4e4e4; color:#333;} .navbar .navbar-nav li .sub-nav li a:hover,.navbar .navbar-nav li .sub-nav li a.active{color:#17479b;border-bottom:1px solid #17479b} .navbar .navbar-nav li .sub-nav li.on-hover>a{color:#17479b;border-bottom:1px solid #17479b} .navbar .navbar-nav li .sub-nav li:last-child a{border:none} .navbar .navbar-nav li .sub-nav li ul{background:#fff;list-style:none;margin:0;padding:0;position:absolute;left:90%;top:0;width:205px;-webkit-filter:drop-shadow(4px 4px 16px rgba(0,0,0,0.15));filter:drop-shadow(4px 4px 16px rgba(0,0,0,0.15));-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;opacity:0;filter:alpha(opacity=0);visibility:hidden;z-index:-1;pointer-events:none} .navbar .navbar-nav li .sub-nav li.s-nav-open>a{color:#17479b;border-bottom:1px solid #17479b} .navbar .navbar-nav li .sub-nav li.s-nav-open ul{opacity:1;filter:alpha(opacity=1);visibility:visible;z-index:1;pointer-events:visible;left:100%}.navbar .mCSB_container_wrapper{margin-right:0;margin-bottom:0 !important}.navbar .mCSB_container_wrapper>.mCSB_container{padding-right:0;left:0 !important;padding-bottom:0 !important;width:100% !important}.navbar .mCSB_inside>.mCSB_container{margin-right:0}.navbar .mCSB_scrollTools{height:100vh !important}.navbar .mCSB_scrollTools.mCSB_scrollTools_horizontal{display:none !important}.wrap-nav{width:100%}.wrap-nav .close-nav{display:none}.head-nav{margin-bottom:50px;position:relative;min-height:30px}.head-nav .ico-nav{margin:0;position:absolute;right:0;top:0;display:none}.head-nav .ico-nav span{display:block;cursor:pointer}.head-nav ul{list-style:none;margin:0;padding:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.head-nav ul li{position:relative;line-height:1.1;padding-left:6px;margin-left:0;padding-right:6px;margin-bottom:15px}.head-nav ul li a{font-weight:500;font-size:14px;text-decoration:none}.head-nav ul li a.active{color:#17479b}.head-nav ul li .s-nav{position:absolute;left:0;top:110%;display:block;padding:10px 0 0 0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;z-index:-1;pointer-events:none}.head-nav ul li .s-nav ul{display:block;background:#fff;-webkit-box-shadow:4px 4px 16px rgba(0,0,0,0.15);box-shadow:4px 4px 16px rgba(0,0,0,0.15);min-width:205px}.head-nav ul li .s-nav ul li a{padding:10px 15px;display:block;border-bottom:1px solid #e4e4e4}.head-nav ul li .s-nav ul li a:hover,.head-nav ul li .s-nav ul li a.active{color:#17479b;border-bottom:1px solid #17479b}.head-nav ul li .s-nav ul li+li{padding:0;margin:0}.head-nav ul li .s-nav ul li+li:before{display:none}.head-nav ul li.s-head-nav-open>a{color:#17479b}.head-nav ul li.s-head-nav-open .s-nav{top:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1;visibility:visible;z-index:1;pointer-events:visible}.head-nav ul li:nth-child(1){padding-left:0}.head-nav ul li+li:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#6f6f6f} @media screen and (min-width:1000px) and (max-width:1330px){.navbar .navbar-nav li{font-size:10px;padding-right:8px !important} .navbar .navbar-nav li a{padding:10px 0 !important;color:#fff;} #Header .header-bot{padding:15px 0 !important}#Header .header-bot .wrap-head .head-action{right:0 !important;top:0 !important;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}#Header .header-bot .wrap-head .navbar .navbar-brand{top:-3px !important}#Header .header-bot .wrap-head .navbar .navbar-nav{padding-right:90px}} @media screen and (max-width:1660px){.navbar .navbar-nav li{padding-right:15px}} @media screen and (max-width:1000px){ .navbar-toggler{display:block !important;position:absolute;right:0;top:-6px;width:30px;height:30px;padding:0;margin:0;border:1px solid #17479b;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%}.navbar-toggler span{height:2px;width:14px;background:#17479b;display:block;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;margin:0 auto}.navbar-toggler span+span{margin-top:5px}.wrap-nav{position:fixed;right:0;top:0;background:#fff;width:320px;z-index:1000;border-left:1px solid #e4e4e4;-webkit-transform:translate(120%, 0);-ms-transform:translate(120%, 0);transform:translate(120%, 0);visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.wrap-nav .close-nav{position:absolute;left:-32px;top:0;margin:0;z-index:1000;display:block;background:#fff;padding:5px}.wrap-nav.wrap-nav-show{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);visibility:visible}.navbar-collapse{height:100vh}.navbar-collapse .navbar-nav{display:block;background:#fff;-webkit-filter:drop-shadow(4px 4px 16px rgba(0,0,0,0.15));filter:drop-shadow(4px 4px 16px rgba(0,0,0,0.15));padding-bottom:120px} .navbar-collapse .navbar-nav li{display:block;padding:0}.navbar-collapse .navbar-nav li a{border-bottom:1px solid #e4e4e4;padding:8px 15px !important} .navbar-collapse .navbar-nav li .sub-nav{display:none;position:static !important;z-index:1 !important;visibility:visible !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;filter:alpha(opacity=100) !important;-webkit-opacity:1 !important;-moz-opacity:1 !important;opacity:1 !important;pointer-events:visible !important;width:auto !important;-webkit-filter:none !important;filter:none !important} .navbar-collapse .navbar-nav li .sub-nav li a{padding-left:30px !important} .navbar-collapse .navbar-nav li .sub-nav li:last-child a{border-bottom:1px solid #e4e4e4} .navbar-collapse .navbar-nav li .sub-nav li:last-child a:hover{border-bottom:1px solid #17479b} .navbar-collapse .navbar-nav li .s-sub-nav{position:static !important;z-index:1 !important;visibility:visible !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;filter:alpha(opacity=100) !important;-webkit-opacity:1 !important;-moz-opacity:1 !important;opacity:1 !important;pointer-events:visible !important;width:auto !important;-webkit-filter:none !important;filter:none !important} .navbar-collapse .navbar-nav li .s-sub-nav li a{padding-left:50px !important} .navbar-collapse .navbar-nav li .s-sub-nav li:last-child a{border-bottom:1px solid #e4e4e4} .navbar-collapse .navbar-nav li.has-child>a{position:relative;display:block} .navbar-collapse .navbar-nav li.has-child>a:after{content:"";position:absolute;right:5px;top:3px;width:30px;height:30px;background:url('../images/icons/ico_arrow_down.svg') no-repeat center center;background-size:20px} .navbar-collapse .navbar-nav li.has-child.open>a:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .navbar-collapse .navbar-nav li.open .sub-nav{display:block}.navbar-collapse .mCSB_scrollTools{width:10px}.navbar-collapse .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}} @media screen and (max-width:1199px){.head-nav{margin-bottom:30px;margin-top:-40px;z-index:30}.head-nav .ico-nav{display:block;z-index:10;right:20px;top:20px}.head-nav .ico-nav span{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.head-nav .ico-nav.ico-nav-active span{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.head-nav ul{display:block;width:275px;padding:20px 60px 20px 25px;-webkit-box-shadow:-1px 0 10px rgba(0,0,0,0.25);box-shadow:-1px 0 10px rgba(0,0,0,0.25);background:#fff;position:absolute;right:0;top:0;display:none}.head-nav ul li a{display:block}.head-nav ul li.has-child>a{position:relative}.head-nav ul li.has-child>a:after{content:"";position:absolute;right:0;top:0;width:15px;height:15px;background:url('../images/icons/ico_arrow_down.svg') no-repeat center center;background-size:15px}.head-nav ul li .s-nav{display:none;position:static;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1;z-index:1;pointer-events:visible;visibility:visible;padding:15px 0 0 20px}.head-nav ul li .s-nav ul{position:static;-webkit-box-shadow:none;box-shadow:none;min-width:inherit;width:100%;padding:0}.head-nav ul li .s-nav ul li{padding:0}.head-nav ul li .s-nav ul li a{padding:0;border:none}.head-nav ul li .s-nav ul li+li{margin-top:15px}.head-nav ul li.s-head-nav-open>a:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.head-nav ul li.s-head-nav-open .s-nav{display:block}.head-nav ul li+li{margin:20px 0 0 0;padding:0}.head-nav ul li+li:before{display:none}.head-nav ul.open{display:block}} @media screen and (max-width:639px){.wrap-nav{width:280px}}#Mainvisual{position:relative}#Mainvisual ul{list-style:none;margin:0;padding:0;position:relative} #Mainvisual ul li{padding:0 0 20px 0;position:relative;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}#Mainvisual ul li:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}#Mainvisual ul li p{margin:0} #Mainvisual ul li .slide-box{ position:absolute;right:0; bottom:-50px;max-width:570px; color:#fff;z-index:1;visibility:hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0); -webkit-opacity:0;-moz-opacity:0;opacity:0; -webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;-webkit-transition-delay:.6s; -o-transition-delay:.6s;transition-delay:.6s} #Mainvisual ul li .slide-box .txt{padding:30px 60px 100px 60px} #Mainvisual ul li .slide-box .txt h2{font-size:26px;font-weight:700;position:relative;margin:0 0 30px 0;padding:0 0 30px 0} #Mainvisual ul li .slide-box .txt h2:after{content:"";position:absolute;left:0;bottom:0;background:#fff;height:3px;width:104px} #Mainvisual ul li .slide-box .txt p{text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:inherit;margin:0} #Mainvisual ul li .slide-box .more{position:absolute;right:0;bottom:0} #Mainvisual ul li .slide-box .more a{display:inline-block;color:#fff;text-align:center;padding:15px;text-decoration:none;text-transform:uppercase;min-width:210px} #Mainvisual ul li .slide-box .more a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8} #Mainvisual ul li.slick-active .slide-box{ bottom:0; visibility:visible; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1} #Mainvisual .slide-box{position:absolute;right:0;bottom:0;max-width:570px;color:#fff;z-index:1} #Mainvisual .slide-box .txt{padding:30px 60px 100px 60px} #Mainvisual .slide-box .txt .txt-head{position:relative;padding-bottom:30px;margin-bottom:30px} #Mainvisual .slide-box .txt .txt-head:after{content:"";position:absolute;left:0;bottom:0;background:#fff;height:3px;width:104px} #Mainvisual .slide-box .txt h2{font-size:26px;font-weight:700;position:relative;margin:0;padding:0;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:inherit} #Mainvisual .slide-box .txt p{text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:inherit;margin:0} #Mainvisual .slide-box .more{position:absolute;right:0;bottom:0;margin:0} #Mainvisual .slide-box .more a{display:inline-block;color:#fff;text-align:center;padding:15px;text-decoration:none;text-transform:uppercase;min-width:210px} #Mainvisual .slide-box .more a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8} #Mainvisual .slick-slide img{width:100%} #Mainvisual .head-banner-mobile{display:none}.down{margin-top:-29px}.down .ico-down{display:inline-block;position:relative;z-index:1;margin:0}.down .ico-down a{display:block}.down .ico-down a img{-moz-animation:down 2s infinite;-webkit-animation:down 2s infinite;animation:down 2s infinite}@-webkit-keyframes down{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes down{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}#Subvisual{position:relative}#Subvisual .visual-block .img{margin:0;height:440px}#Subvisual .visual-block .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover} #Subvisual .visual-block .lbl-page{position:absolute;right:0;bottom:0;min-width:450px;height:150px;/*background:#17479b;*/text-align:center;padding:0 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#Subvisual .visual-block .ttl-page{margin:0;font-size:54px;font-weight:700;color:#fff;text-align:left}@media screen and (min-width:1921px){#Mainvisual{margin-right:0 !important}#Mainvisual .slick-slide img{height:calc(100vh - 350px) !important;-o-object-fit:cover;object-fit:cover}#Subvisual{margin-right:0 !important}} @media screen and (min-width:1920px){#Mainvisual{margin-right:0 !important}#Subvisual{margin-right:0 !important}} @media screen and (max-width:1919px){#Mainvisual .slide-box{right:0 !important}#Subvisual .lbl-page{right:0 !important}} @media screen and (max-width:1550px){#Mainvisual .slide-box .txt{padding:30px 40px 90px 40px} #Mainvisual .slide-box .txt h2{font-size:42px}} @media screen and (max-width:1199px){#Subvisual .visual-block .img{height:380px} #Subvisual .visual-block .lbl-page{height:120px;min-width:380px} #Subvisual .visual-block .ttl-page{font-size:42px}} @media screen and (max-width:991px){#Mainvisual .slide-box{max-width:410px} #Mainvisual .slide-box .txt{padding:30px 30px 70px 30px} #Mainvisual .slide-box .txt .txt-head{margin-bottom:20px;padding-bottom:20px} #Mainvisual .slide-box .txt h2{font-size:30px} #Mainvisual .slide-box .more a{min-width:140px;padding:8px 15px}} @media screen and (max-width:767px){#Mainvisual .down{display:none} #Mainvisual .head-banner-mobile{display:block !important;padding:0} #Mainvisual .head-banner-mobile .container{max-width:100%;padding:0} #Mainvisual .head-banner-mobile .container .row{margin:0} #Mainvisual .head-banner-mobile .container .row .bnr-item{padding:0} #Mainvisual .head-banner-mobile .container .row [class*="col-"]{padding:0} #Subvisual .visual-block .img{height:300px} #Subvisual .visual-block .lbl-page{height:100px;min-width:240px} #Subvisual .visual-block .ttl-page{font-size:36px}} @media screen and (max-width:639px){#Mainvisual{margin-right:0 !important} #Mainvisual ul li .img{height:300px} #Mainvisual ul li .img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover} #Mainvisual .slide-box{max-width:240px} #Mainvisual .slide-box .txt{padding:20px 20px 60px 20px} #Mainvisual .slide-box .txt h2{font-size:22px} #Subvisual{margin-right:0 !important}}.box-list{margin-bottom:-30px}.box-list .box-item{margin-bottom:30px}.row-list{margin-bottom:-30px}.row-list .row-item{margin-bottom:30px}.row-list+.row-list{margin-top:30px}.btn.btn-blue{background:#17479b;color:#fff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;padding:15px 20px;display:inline-block;max-width:210px;width:100%;border:1px solid #17479b}.btn.btn-blue:hover{background:#fff;color:#17479b}.one-line{text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;white-space:inherit}.two-line{text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:inherit}.three-line{text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:inherit}.four-line{text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;white-space:inherit}.breadcrumb{padding:0;margin:0 0 30px 0;background:none}.breadcrumb .breadcrumb-item a{text-decoration:none}.breadcrumb .breadcrumb-item a:hover{color:#ed1c24}.breadcrumb .breadcrumb-item.active{color:#b6b6b6 !important}.breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:"-"}.pagination{margin-top:60px}.pagination .page-item a{border:1px solid transparent;color:#6f6f6f;padding:0;width:30px;height:30px;text-align:center;line-height:30px;background:none;font-size:14px;border-radius:0 !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-o-border-radius:0 !important}.pagination .page-item a span{display:block}.pagination .page-item a span img{position:relative;top:-1px}.pagination .page-item a:hover{border-color:#17479b;color:#17479b}.pagination .page-item.disabled{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}.pagination .page-item.disabled a{border:none}.pagination .page-item.active a{border-color:#17479b;color:#17479b;background:none}.pagination .page-item+.page-item{margin-left:20px}.section .info{color:#6f6f6f;margin:0;font-size:14px}.section .section-inner{padding-top:50px}.section-list .section-card .container{padding:0}.section-list .section-item+.section-item{margin-top:50px}.ttl-title{font-weight:500;font-size:36px;color:#17479b;text-transform:uppercase;margin:0}.ttl-title .lbl{width:24px;height:24px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;background:#ed1c24;display:inline-block;vertical-align:middle;color:#fff;font-size:9px;text-align:center;line-height:24px;position:relative;top:-3px}h3{font-size:28px;line-height:1.3}h4{font-size:24px;line-height:1.3}.section-card{margin-top:30px}.section-card .card-list{overflow:hidden;margin-top:-35px}.section-card .card-list .slick-list{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.section-card .card-list:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.section-card .card-list .row-list{margin:0;padding-top:45px}.section-card .card-list.card-list-page{margin-top:15px}.section-card .card-list.card-list-page .row{margin-bottom:-30px}.section-card .card-list.card-list-page .row [class*="col-"]{margin-bottom:30px}.section-card .slick-list{margin:0 -15px}.section-card .slick-track{padding:10px 0 20px;min-width:100%}.section-card .slick-track .slick-slide{max-width:inherit}.section-card .slick-prev{left:inherit;position:absolute;right:35px;top:16px;z-index:10;background:url('../images/icons/ico_prev.svg') no-repeat center center;background-size:10px}.section-card .slick-prev:before{content:""}.section-card .slick-next{position:absolute;right:0;top:16px;z-index:10;background:url('../images/icons/ico_next.svg') no-repeat center center;background-size:10px}.section-card .slick-next:before{content:""}.card-list .box-inner{border:1px solid #e4e4e4;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative;height:100%}.card-list .box-inner .new{position:absolute;left:10px;top:10px;margin:0}.card-list .box-inner a{position:absolute;left:0;top:0;width:100%;height:100%} .card-list .box-inner .img { margin: 0; max-height: 168px; height: 100%; overflow: hidden; } .card-list .box-inner .img img{width:100%;height:100%;min-height:168px;-o-object-fit:cover;object-fit:cover} .card-list .box-inner .img a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.card-list .box-inner .des{padding:20px}.card-list .box-inner .des .date{margin:0;color:#6f6f6f;font-size:14px;margin-bottom:10px} .card-list .box-inner .des .ttl-card{ text-align: justify; color: #114598;font-size:16px;margin-bottom:10px;text-transform:uppercase;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:inherit} .card-list .box-inner .des .ttl-card a{text-decoration:none} .card-list .box-inner .des .txt-des{text-align:justify;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:inherit}.card-list .box-inner .des .txt-des p{margin:0}.card-list .box-inner .des .txt-des p+p{margin-top:10px}.card-list .box-inner:hover{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.card-list .pagination{margin-top:20px !important}.social-share{margin-top:35px}.social-share ul{list-style:none;margin:0;padding:10px;display:inline-block;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.15);box-shadow:0 2px 2px rgba(0,0,0,0.15);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border:1px solid #f2f2f2;background:#fff}.social-share ul li{display:inline-block;vertical-align:middle;position:relative}.social-share ul li p{margin:0}.social-share ul li .lbl{display:inline-block;vertical-align:middle;padding-right:10px}.social-share ul li .action{display:inline-block;vertical-align:middle}.social-share ul li .action p{display:inline-block;vertical-align:middle}.social-share ul li .action .like-num{padding-left:10px}.social-share ul li .action a{display:inline-block}.social-share ul li .action a img{height:30px}.social-share ul li .action a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.social-share ul li ul{padding:0;border:none;-webkit-box-shadow:none;box-shadow:none}.social-share ul li ul li+li{padding:0 0 0 15px;margin:0}.social-share ul li ul li+li:before{display:none}.social-share ul li+li{padding-left:10px;margin-left:10px}.social-share ul li+li:before{content:"";position:absolute;left:0;top:50%;width:1px;height:20px;margin-top:-10px;background:#6f6f6f}.padding-0{padding:0 !important}.padding-5{padding:5px !important}.padding-10{padding:10px !important}.padding-0-left{padding-left:0 !important}.padding-5-left{padding-left:5px !important}.padding-10-left{padding-left:10px !important}.padding-15-left{padding-left:15px !important}.padding-20-left{padding-left:20px !important}.padding-30-left{padding-left:30px !important}.padding-0-right{padding-right:0 !important}.padding-5-right{padding-right:5px !important}.padding-10-right{padding-right:10px !important}.padding-20-right{padding-right:20px !important}.padding-30-right{padding-right:30px !important}.padding-0-top{padding-top:0 !important}.padding-3-top{padding-top:3px !important}.padding-5-top{padding-top:5px !important}.padding-10-top{padding-top:10px !important}.padding-15-top{padding-top:15px !important}.padding-20-top{padding-top:20px !important}.padding-0-bottom{padding-bottom:0 !important}.padding-5-bottom{padding-bottom:5px !important}.padding-10-bottom{padding-bottom:10px !important}.padding-15-bottom{padding-bottom:15px !important}.padding-20-bottom{padding-bottom:20px !important}.padding-30-bottom{padding-bottom:30px !important}.margin-0{margin:0 !important}.margin-5{margin:5px !important}.margin-10{margin:10px !important}.margin-0-top{margin-top:0 !important}.margin-5-top{margin-top:5px !important}.margin-10-top{margin-top:10px !important}.margin-15-top{margin-top:15px !important}.margin-20-top{margin-top:20px !important}.margin-25-top{margin-top:25px !important}.margin-30-top{margin-top:30px !important}.margin-0-bottom{margin-bottom:0 !important}.margin-5-bottom{margin-bottom:5px !important}.margin-10-bottom{margin-bottom:10px !important}.margin-15-bottom{margin-bottom:15px !important}.margin-20-bottom{margin-bottom:20px !important}.margin-25-bottom{margin-bottom:25px !important}.margin-30-bottom{margin-bottom:30px !important}.margin-0-left{margin-left:0 !important}.margin-5-left{margin-left:5px !important}.margin-10-left{margin-left:10px !important}.margin-15-left{margin-left:15px !important}.margin-20-left{margin-left:20px !important}.margin-0-right{margin-right:0 !important}.margin-5-right{margin-right:5px !important}.margin-10-right{margin-right:10px !important}.margin-15-right{margin-right:15px !important}.margin-20-right{margin-right:20px !important}input[type="text"],input[type="email"],input[type="tel"]{border:1px solid #e4e4e4;outline:none !important;box-shadow:none !important}input[type="text"].form-control:focus,input[type="email"].form-control:focus,input[type="tel"].form-control:focus{border-color:#17479b}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus{border-color:#17479b}textarea{border:1px solid #e4e4e4;outline:none !important;box-shadow:none !important;resize:none}textarea:focus{border-color:#17479b !important}input[type="text"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="tel"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999 !important}input[type="text"]:-moz-placeholder,input[type="email"]:-moz-placeholder,input[type="tel"]:-moz-placeholder,textarea:-moz-placeholder{color:#999 !important}input[type="text"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="tel"]::-moz-placeholder,textarea::-moz-placeholder{color:#999 !important}input[type="text"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="tel"]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999 !important}input[type="text"]::-ms-input-placeholder,input[type="email"]::-ms-input-placeholder,input[type="tel"]::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#999 !important}input[type="text"]::placeholder,input[type="email"]::placeholder,input[type="tel"]::placeholder,textarea::placeholder{color:#999 !important}.form-group .text-error{color:#ed1c24;margin:0;display:none}.form-group.has-error .text-error{display:block}.form-group.has-error input{border-color:#ed1c24 !important}.page-top{position:fixed;right:45px;bottom:-50px;width:30px;height:30px;cursor:pointer;z-index:100;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.page-top:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.page-top.show{visibility:visible;bottom:40px}.s-contact .form-contact{margin-top:50px}.s-contact .form-contact .form-group{margin-bottom:20px}.s-contact .form-contact .form-group input[type="text"],.s-contact .form-contact .form-group input[type="email"],.s-contact .form-contact .form-group input[type="tel"]{height:60px}.s-contact .form-contact .form-group textarea{height:150px;overflow:auto}.s-contact .form-contact .send{margin:0}.s-contact .head-s-contact .s-logo{margin-bottom:30px}.s-contact .head-s-contact p{margin:0}.s-contact .head-s-contact p span{font-weight:500;color:#17479b}.s-contact .head-s-contact p a{text-decoration:none}.s-contact .head-s-contact p a:hover{color:#17479b}.s-contact.s-contact-page{margin-top:30px}.s-contact.s-contact-page .form-contact{padding-top:30px}.subscrible{margin-top:80px}.subscrible .wrap-sub{background:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2);box-shadow:0 5px 15px rgba(0,0,0,0.2);padding:30px 15px}.subscrible .wrap-sub .ttl-title{margin:0 0 30px 0}.subscrible .wrap-sub .reg{margin:30px 0 0 0}.head-tab{padding-top:30px;margin-bottom:50px}.head-tab a{display:block;text-decoration:none;background:#f0f4fb;color:#17479b;padding:20px 30px;font-size:18px;height:100%;text-transform:uppercase;text-align:center}.head-tab a:hover,.head-tab a.active{background:#17479b;color:#fff}.input-group.date{position:relative}.input-group.date .form-control{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}.input-group.date .input-group-addon{border-top:6px solid;border-right:6px solid transparent;border-bottom:0;border-left:6px solid transparent;position:absolute;right:10px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;z-index:100}.collapse-block{border:1px solid #6f6f6f}.collapse-block .card{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border:none}.collapse-block .card .card-header{background:none;padding:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border:none}.collapse-block .card .card-header button{padding:15px 20px;text-decoration:none;color:#17479b;display:block;width:100%;text-align:left;border:none;position:relative;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0}.collapse-block .card .card-header button:hover{color:#333}.collapse-block .card .card-header button:after{content:"";position:absolute;right:15px;top:50%;background:url('../images/icons/ico_next_black.svg') no-repeat center center;width:8px;height:12px;-webkit-transform:translate(0, -50%) rotate(90deg);-ms-transform:translate(0, -50%) rotate(90deg);transform:translate(0, -50%) rotate(90deg)}.collapse-block .card .card-header.on-active button{background:#17479b;color:#fff}.collapse-block .card .card-header.on-active button:after{display:none}.collapse-block .card+.card{border-top:1px solid #6f6f6f}.collapse-block .card .card-body{padding:20px}.collapse-block .card .card-body .content-item .date{border-left:1px solid #6f6f6f;padding-left:10px}.collapse-block .card .card-body .content-item .detail{margin:0}.collapse-block .card .card-body .content-item .detail a{background:url(../images/icons/ico_arrow_detail.svg) no-repeat right center;display:inline-block;color:#17479b;text-transform:uppercase;padding:0 30px 0 0;text-decoration:none}.collapse-block .card .card-body .content-item .detail a:hover{padding-right:35px}.collapse-block .card .card-body .card-item-list+.card-item-list{margin-top:30px}.collapse-group{border:1px solid #6f6f6f}.collapse-group .collapse-item .ttl-item{padding:15px 20px;margin:0;cursor:pointer;color:#17479b;position:relative}.collapse-group .collapse-item .ttl-item:hover{color:#333}.collapse-group .collapse-item .ttl-item:after{content:"";position:absolute;right:15px;top:50%;background:url('../images/icons/ico_next_black.svg') no-repeat center center;width:8px;height:12px;-webkit-transform:translate(0, -50%) rotate(90deg);-ms-transform:translate(0, -50%) rotate(90deg);transform:translate(0, -50%) rotate(90deg)}.collapse-group .collapse-item .content-item{display:none}.collapse-group .collapse-item .content-item .content-item-inner{padding:20px}.collapse-group .collapse-item .content-item .date{border-left:1px solid #6f6f6f;padding-left:10px}.collapse-group .collapse-item .content-item .detail{margin:0}.collapse-group .collapse-item .content-item .detail a{background:url(../images/icons/ico_arrow_detail.svg) no-repeat right center;display:inline-block;color:#17479b;text-transform:uppercase;padding:0 30px 0 0;text-decoration:none}.collapse-group .collapse-item .content-item .detail a:hover{padding-right:35px}.collapse-group .collapse-item.on-active .ttl-item{background:#17479b;color:#fff}.collapse-group .collapse-item.on-active .ttl-item:after{display:none}.collapse-group .collapse-item.on-active .content-item{display:block}.collapse-group .collapse-item+.collapse-item{border-top:1px solid #6f6f6f}.modal.modal-event .modal-dialog{max-width:937px !important}.modal.modal-event .modal-content{padding-top:30px}.modal.modal-event .modal-content .close{position:absolute;right:5px;top:5px;width:20px;height:20px;display:block;border:none;background:url('../images/icons/ico_close_circle_1.svg') no-repeat center center;padding:0;text-shadow:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1;margin:0}.modal.modal-event .modal-content .close span{display:none}.modal.modal-event .modal-content .close:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.modal.modal-event .modal-header{text-align:center;border-color:#e4e4e4;display:block}.modal.modal-event .modal-header .modal-title{text-transform:uppercase;color:#17479b;font-size:18px;text-align:center}.modal.modal-event .event-content p{margin:0}.modal.modal-event .event-content p+p{margin-top:15px}.modal.modal-event .event-content .detail{margin:0}.modal.modal-event .event-content .detail a{background:url('../images/icons/ico_arrow_detail.svg') no-repeat right center;display:inline-block;color:#17479b;text-transform:uppercase;padding:0 30px 0 0;text-decoration:none}.modal.modal-event .event-content .detail a:hover{padding-right:35px}@media screen and (max-width:1199px){.card-list .box-inner .img{max-height:192px;min-height:192px}.card-list .box-inner .img img{min-height:192px}}@media screen and (max-width:991px){.card-list .box-inner .img{max-height:218px;min-height:218px}.card-list .box-inner .img img{min-height:218px}}@media screen and (max-width:767px){.ttl-title{font-size:25px}h3{font-size:20px}h4{font-size:16px}.s-contact .form-contact .send{text-align:right}.card-list .box-inner .img{max-height:159px;min-height:159px}.card-list .box-inner .img img{min-height:159px}.card-list.card-list-page .box-inner .img{max-height:inherit;min-height:inherit;height:auto;position:static !important}.subscrible .reg{text-align:right}.breadcrumb{margin-bottom:15px}.pagination{margin-top:40px}.pagination .page-item+.page-item{margin-left:15px}.social-share ul{list-style:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border:none;display:block}.social-share ul li{display:block}.social-share ul li .wrap{-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.15);box-shadow:0 2px 2px rgba(0,0,0,0.15);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border:1px solid #f2f2f2;padding:5px 10px;display:inline-block}.social-share ul li.box-print{display:none}.social-share ul li .action a img{height:23px}.social-share ul li .lbl{padding-top:2px}.social-share ul li .like-num{padding-top:2px}.social-share ul li ul{padding:0;border:none;-webkit-box-shadow:none;box-shadow:none}.social-share ul li ul li{-webkit-box-shadow:none;box-shadow:none;display:inline-block;vertical-align:middle;border:none;padding:0}.social-share ul li ul li+li{padding:0 0 0 15px !important;margin:0 !important}.social-share ul li ul li+li:before{display:none}.social-share ul li+li{padding:0;margin:15px 0 0 0;display:block}.social-share ul li+li:before{display:none}.section-list .section-item+.section-item{margin-top:30px}.section-list.list-border .section-item+.section-item{padding-top:40px}.collapse-block .card .card-body .content-item .date{border:none;padding-left:0}}@media screen and (max-width:639px){.card-list .box-inner .img{max-height:270px;min-height:270px;position:relative}.card-list .box-inner .img img{min-height:270px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.card-list.card-list-page .box-inner .img img{max-height:inherit;min-height:inherit;height:auto;position:static !important;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.pagination .page-item a{width:26px;height:26px;line-height:26px}.pagination .page-item+.page-item{margin-left:12px}.head-tab a{padding:20px;text-align:center}.head-tab .row-list{margin-bottom:-10px}.head-tab .row-list .row-item{margin-bottom:10px}.group-select .row-list{margin-bottom:-10px}.group-select .row-list .row-item{margin-bottom:10px}}@media screen and (max-width:575px){.collapse-group .collapse-item .content-item .date{border:none;padding-left:0}}html{height:100%} body{background:#fff;color:#000;font-family:'Roboto',sans-serif;font-size:16px;line-height:1.5;min-width:320px;min-height:100%;/*font-weight:300*/} body #backdrop{cursor:pointer;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:20;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;pointer-events:none;visibility:hidden} body #backdrop.open{pointer-events:visible;visibility:visible}* img{max-width:100%;height:auto}a{color:#333}a,button{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}a:active,button:active,a:focus,button:focus{outline:none !important;box-shadow:none !important}hr{margin:0;border-top:1px solid #e4e4e4}#Header .header-top{background:#f2f2f2;padding:5px 0;text-align:right}#Header .header-top ul{list-style:none;margin:0;padding:0;font-size:13px;font-weight:300}#Header .header-top ul li{display:inline-block;vertical-align:middle}#Header .header-top ul li a{text-decoration:none}#Header .header-top ul li a:hover{color:#ed1c24}#Header .header-top ul li+li{margin-left:30px;color:#ed1c24}#Header .header-top ul li+li a{color:#ed1c24}#Header .header-top ul li+li a:hover{color:#17479b}#Header .header-bot{padding:0 0;min-height:90px;position:relative}#Header .header-bot .container-fluid{margin:0 auto;max-width:1920px}#Header .header-bot .container{position:relative}#Header .header-bot .wrap-head{position:relative;z-index:102}#Header .header-bot .wrap-head .navbar-collapse{display:block !important}#Header .header-bot .wrap-head .navbar{padding:0}#Header .header-bot .wrap-head .navbar .navbar-nav{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} #Header .header-bot .wrap-head .navbar .navbar-brand{padding:0;position:absolute;left:-185px;top:23px;overflow:hidden;vertical-align:top} #Header .header-bot .wrap-head .navbar .navbar-brand:after{content:'';position:absolute;pointer-events:none;top:-110%;left:-210%;width:200%;height:200%;opacity:0;background:linear-gradient(to right, rgba(255,255,255,0.13) 0, rgba(255,255,255,0.13) 77%, rgba(255,255,255,0.5) 92%, rgba(255,255,255,0) 100%)} #Header .header-bot .wrap-head .navbar .navbar-brand:hover:after{opacity:1;top:-30%;left:-30%;transition-property:left,top,opacity;transition-duration:1s,1s,.15s;transition-timing-function:ease} #Header .header-bot .wrap-head .navbar .navbar-brand img{height:75px;width:auto; } #Header .header-bot .wrap-head .head-action{position:absolute;right:-185px;top:27px} #Header .header-bot .wrap-head .head-action ul{list-style:none;margin:0;padding:0;background:#17479b;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;-o-border-radius:18px;float:left;margin-right:15px} #Header .header-bot .wrap-head .head-action ul li{position:relative;width:36px;height:36px} #Header .header-bot .wrap-head .head-action ul li a{background:#fff;color:#17479b;width:36px;height:36px;border:1px solid #17479b;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;display:block;text-decoration:none;text-align:center;position:absolute;left:0;top:0;z-index:2;visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#Header .header-bot .wrap-head .head-action ul li a.active{position:absolute;left:0;top:0;visibility:visible;z-index:9}#Header .header-bot .wrap-head .head-action ul li a.active:before{display:none} #Header .header-bot .wrap-head .head-action ul li a:hover{background:#17479b;color:#fff} #Header .header-bot .wrap-head .head-action ul li.lang.current{width:36px;height:60px;background:#17479b;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;-o-border-radius:18px;overflow:hidden} #Header .header-bot .wrap-head .head-action ul li.lang.current a{color:#fff;top:25px;border:none;visibility:visible;background:#17479b;position:relative !important}#Header .header-bot .wrap-head .head-action ul li.lang.current a:before{display:none}#Header .header-bot .wrap-head .head-action ul li.lang.current a.active{position:absolute !important;top:0 !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1}#Header .header-bot .wrap-head .head-action ul li.lang.current a.active:before{display:block;content:"";height:1px;width:22px;background:#fff;position:absolute;left:50%;bottom:5px;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:10}#Header .header-bot .wrap-head .head-action ul li.mask-lang:before{content:"";width:100%;height:100%;z-index:11;position:absolute}#Header .header-bot .wrap-head .head-action ul.search{background:none;margin-right:0}#Header .header-bot .wrap-head .head-action ul.search span{color:#17479b;width:36px;height:36px;border:1px solid #17479b;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;display:block;text-decoration:none;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#Header .header-bot .wrap-head .head-action ul.search span:hover{background:#17479b}#Header .header-bot .wrap-head .head-action ul.search span:hover img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}#Header .header-bot .head-search{background:#fafafa;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:55px 0;position:absolute;left:0;top:120px;width:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;z-index:100}#Header .header-bot .head-search .form-search{text-align:center}#Header .header-bot .head-search .form-search p{margin:0}#Header .header-bot .head-search .form-search .search-field{display:inline-block;vertical-align:middle;max-width:180px;overflow:hidden;padding-right:10px}#Header .header-bot .head-search .form-search .search-field input{border:none;outline:none;background:none;box-shadow:none;font-size:36px;color:#17479b}#Header .header-bot .head-search .form-search .search-field input::-webkit-input-placeholder{color:#b6b6b6;font-size:36px;font-weight:300}#Header .header-bot .head-search .form-search .search-field input:-moz-placeholder{color:#b6b6b6;font-size:36px;font-weight:300}#Header .header-bot .head-search .form-search .search-field input::-moz-placeholder{color:#b6b6b6;font-size:36px;font-weight:300}#Header .header-bot .head-search .form-search .search-field input:-ms-input-placeholder{color:#b6b6b6;font-size:36px;font-weight:300}#Header .header-bot .head-search .form-search .search-field input::-ms-input-placeholder{color:#b6b6b6;font-size:36px;font-weight:300}#Header .header-bot .head-search .form-search .search-field input::placeholder{color:#b6b6b6;font-size:36px;font-weight:300}#Header .header-bot .head-search .form-search .clear{display:inline-block;vertical-align:middle;width:24px}#Header .header-bot .head-search .form-search .clear span{cursor:pointer;display:block}#Header .header-bot .head-search .form-search .clear img{width:100%}#Header .header-bot .head-search.head-search-open{top:90px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}#Header .side-fixed{position:fixed;right:30px;bottom:35%;z-index:99}#Header .social{text-align:center}#Header .social ul{list-style:none;margin:0;padding:0;width:24px;text-align:center;display:inline-block}#Header .social ul li a{display:block}#Header .social ul li a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}#Header .social ul li+li{padding-top:25px}#Header .head-contact{padding-top:120px}#Header .head-contact ul{list-style:none;margin:0;padding:0;width:60px}#Header .head-contact ul li a{display:block;-webkit-animation:phone-ring 2.5s infinite;-moz-animation:phone-ring 2.5s infinite;animation:phone-ring 2.5s infinite}#Header .head-contact ul li+li{padding-top:15px}#Header .head-contact ul li+li a{-webkit-animation:phone-ring 3.5s infinite;-moz-animation:phone-ring 3.5s infinite;animation:phone-ring 3.5s infinite}@-webkit-keyframes phone-ring{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@-moz-keyframes phone-ring{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}} @keyframes phone-ring{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}} #Content{padding:10px 0 0 0}#Content strong,#Content b{font-weight:bold}#Content .content-detail a{color:#17479b}#Content .content-detail a:hover{text-decoration:underline}#Content table strong,#Content table b{font-weight:bold}#Content table a{color:#17479b}#Content table a:hover{text-decoration:underline} #Footer{border-bottom:10px solid #17479b;background:#fafafa;padding:30px 0;margin-top:40px} #Footer a:hover{color:#ed1c24} #Footer .f-logo{margin:0} #Footer .f-logo a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8} #Footer .f-info h3{text-transform:uppercase;color:#17479b;font-size:18px;font-weight:500;margin:0 0 15px 0;line-height:1.3} #Footer .f-info h3 a{text-decoration:none;color:#ed1c24}#Footer .f-info h3 a:hover{text-decoration:underline} #Footer .f-info .f-txt p{margin:0;color:#6f6f6f;/*font-weight:300*/} #Footer .f-info .f-txt p a{color:#6f6f6f;text-decoration:none} #Footer .f-info .f-txt p a:hover{text-decoration:underline;color:#ed1c24} #Footer .f-info .f-txt p+p{margin-top:10px} @media screen and (max-width:1660px){#Header .header-bot .wrap-head .head-action{right:-125px} #Header .header-bot .wrap-head .navbar .navbar-brand{left:-125px}} @media screen and (max-width:1550px){#Header .header-bot .wrap-head .head-action{right:-105px} #Header .header-bot .wrap-head .navbar .navbar-brand{left:-105px}} @media screen and (max-width:1330px){body.stop-scroll{overflow-y:hidden} #Header .header-bot{padding:20px 0;min-height:60px} #Header .header-bot .wrap-head .navbar-collapse{display:block !important} #Header .header-bot .wrap-head .head-action{right:45px;top:-6px} #Header .header-bot .wrap-head .head-action ul li{width:30px;height:30px} #Header .header-bot .wrap-head .head-action ul li a{width:30px;height:30px;font-size:14px} #Header .header-bot .wrap-head .head-action ul li.lang.current{width:30px;height:55px} #Header .header-bot .wrap-head .head-action ul li.lang.current a.active:before{bottom:3px} #Header .header-bot .wrap-head .head-action ul.search span{width:30px;height:30px} #Header .header-bot .wrap-head .head-action ul.search span img{width:20px} #Header .header-bot .wrap-head .navbar .navbar-brand{left:0;top:-10px} #Header .header-bot .wrap-head .navbar .navbar-brand img{height:40px; } #Header .header-bot .head-search.head-search-open{top:60px} #Header .head-contact ul{width:40px}} @media screen and (max-width:1199px){ #Content { /*padding-top:40px*/ padding: 10px 0 0 0; } #Footer{padding:50px 0;margin-top:50px}} @media screen and (max-width:1024px){#Header .side-fixed{right:4px}} @media screen and (max-width:1023px){#Header .side-fixed{display:none}} @media screen and (max-width:767px){#Header .header-top .container{max-width:inherit} #Header .header-top ul li:first-child{display:none} #Header .header-bot .container{max-width:inherit;padding:0} #Header .side-fixed{display:none}#Footer .container{max-width:inherit} #Footer .f-info{margin-top:30px}#Footer .f-info .f-txt p{color:#6f6f6f} #Footer .f-info .f-txt p a{color:#6f6f6f}} @media screen and (max-width:575px){ #Header .header-bot .container{padding:0}}.head-banner{padding:0px;}.head-banner .bnr-item-inner{position:relative}.head-banner .bnr-item-inner p{margin:0}.head-banner .bnr-item-inner p img{width:100%;vertical-align:top;min-height:92px}.head-banner .bnr-item-inner a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.head-banner .bnr-item-inner .bnr-close{position:absolute;right:0;top:0;z-index:1}.head-banner .bnr-item-inner .bnr-close img{height:auto;min-height:inherit}.head-banner .bnr-item-inner .bnr-close span{cursor:pointer}.head-banner .bnr-item-inner .bnr-close span:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.service{position:relative;min-height:340px;margin-top:10px;padding:40px 0 0 0}.service:after{content:"";position:absolute;left:0;top:0;width:100%;height:410px;background:#f2f2f2;z-index:0}.service .box-txt{position:relative;z-index:1}.service .box-txt h1,.service .box-txt h2{font-size:36px;font-weight:500;color:#17479b;margin:0 0 10px 0}.service .box-txt .txt{font-weight:300}.service .box-txt .txt p{margin:0}.service .box-txt .txt p+p{margin-top:15px}.service .box-list{position:relative;z-index:1}.service .box-list .box-item .box-inner{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;padding:20px 20px;position:relative;overflow:hidden;height:100%;min-height:278px}.service .box-list .box-item .box-inner a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}.service .box-list .box-item .box-inner *{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.service .box-list .box-item .box-inner .icon{margin-bottom:42px;height:62px;position:relative;display:inline-block}.service .box-list .box-item .box-inner .icon img{height:62px;width:100%;position:static;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1}.service .box-list .box-item .box-inner .icon img+img{position:absolute;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;left:0;top:0}.service .box-list .box-item .box-inner h3{font-size:20px;color:#17479b;font-weight:500;margin:0;line-height:1.3}.service .box-list .box-item .box-inner .txt{margin-top:10px;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:inherit}.service .box-list .box-item .box-inner .txt p{margin:0}.service .box-list .box-item .box-inner .txt p+p{margin-top:15px}.service .box-list .box-item .box-inner:before{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;content:"";border:1px solid #e4e4e4;background:#fff;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;z-index:-1}.service .box-list .box-item .box-inner:hover:before{background:#17479b;border-color:#17479b}.service .box-list .box-item .box-inner:hover *{color:#fff}.service .box-list .box-item .box-inner:hover .icon img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0}.service .box-list .box-item .box-inner:hover .icon img+img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1}.ads{margin-top:30px}.ads .ads-list-item{position:relative}.ads .ads-list-item .ads-close{position:absolute;right:0;top:0;z-index:10;cursor:pointer}.ads .ads-list-item .ads-close img{vertical-align:top}.ads ul{list-style:none;margin:0;padding:0}.ads .bnr-ads{margin:0;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.ads .bnr-ads:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.ads .bnr-ads span{cursor:pointer;position:absolute;right:0;top:0}.ads .bnr-ads span img{vertical-align:top}.ads .slick-dots{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;bottom:15px;padding:0 !important;visibility:visible}.ads .slick-dots li{width:7px !important;height:7px;position:relative;top:.5px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.ads .slick-dots li button{width:5px !important;height:5px !important}.ads .slick-dots li.slick-active button{width:7px !important;height:7px !important;background:#fff !important}.s-contact{margin-top:60px}.s-contact .form-contact{padding-top:90px;margin-top:0}.s-contact .ttl-title{margin-bottom:-42px}.search-result #Header .header-bot .head-search{padding:40px 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;filter:alpha(opacity=100) !important;-webkit-opacity:1 !important;-moz-opacity:1 !important;opacity:1 !important;visibility:visible !important;top:90px !important}.search-result #Header .side-fixed{z-index:101}.search-result #Content{padding:190px 0 0 0} .site-map{overflow-x:auto} .site-map .img-sitemap{min-width:510px}.site-map .sitemap-nav{list-style:none;margin:0;padding:0}.site-map .sitemap-nav>li{overflow:hidden;display:flex}.site-map .sitemap-nav>li a{padding:0;width:28%;position:-webkit-sticky;position:sticky}.site-map .sitemap-nav>li>a{font-weight:bold}.site-map .sitemap-nav>li+li{border-top:2px solid #e4e4e4;padding:30px 0 0 0;margin-top:30px}.site-map .sitemap-nav>li .sub-nav{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-30px;width:100%}.site-map .sitemap-nav>li .sub-nav li{width:33.3%;padding-bottom:30px}.site-map .sitemap-nav>li .sub-nav li a{width:auto}.site-map .sitemap-nav>li .sub-nav ul{margin:0 0 0 30px;padding:15px 0 0 20px}.site-map .sitemap-nav>li .sub-nav ul li{padding:0;width:auto}.site-map .sitemap-nav>li .sub-nav ul li+li{padding-top:15px}@media screen and (max-width:1330px){.search-result #Header .header-bot .head-search{top:60px !important}}@media screen and (max-width:1199px){.service .box-txt h1,.service .box-txt h2{font-size:30px}.service .box-list .box-item .box-inner .icon{height:56px}.service .box-list .box-item .box-inner .icon img{height:56px}.service .box-list .box-item .box-inner h3{font-size:18px}}@media screen and (max-width:1024px){.site-map .sitemap-nav>li .sub-nav{padding-left:20px}.site-map .sitemap-nav>li .sub-nav li{width:50%}}@media screen and (max-width:991px){.service{padding-top:35px;margin-top:40px}.service .box-txt{margin-bottom:30px}.service .box-list .box-item .box-inner .icon{margin-bottom:60px;max-width:45px;height:45px}} @media screen and (max-width:767px){.head-banner{display:block;}.service:after{height:245px}.service .box-list .box-item .box-inner{min-height:145px}.service .box-list .box-item .box-inner .icon{margin-bottom:0;max-width:40px;height:40px;float:left}.service .box-list .box-item .box-inner h3{margin-left:60px}.service .box-list .box-item .box-inner .txt{margin-left:60px;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:inherit}.s-contact .ttl-title{margin:0 0 20px 0}.s-contact .form-contact{padding-top:0}.s-contact .order-1{-ms-flex-order:inherit;order:inherit}.search-result #Content{padding-top:170px} .site-map .sitemap-nav>li{display:block}.site-map .sitemap-nav>li>a{width:auto}.site-map .sitemap-nav>li .sub-nav{padding:20px 0 0 20px;display:block;margin-bottom:-15px}.site-map .sitemap-nav>li .sub-nav li{width:100%;padding-bottom:15px}.site-map .sitemap-nav>li+li{padding:20px 0 0 0;margin-top:20px}}.pagination{-ms-flex-wrap:wrap;flex-wrap:wrap}.pagination.primary-pagination{padding-top:20px;text-align:center}.pagination.primary-pagination ul{overflow:hidden;display:inline-block}.pagination.primary-pagination ul li{width:40px;height:40px;line-height:40px;float:left;overflow:hidden}.pagination.primary-pagination ul li a,.pagination.primary-pagination ul li span{background:#fff;width:40px;height:40px;line-height:40px;border:1px solid #e4e4e4}.pagination.primary-pagination ul li a span,.pagination.primary-pagination ul li span span{display:none}.pagination.primary-pagination ul li a:hover{font-weight:700}.pagination.primary-pagination ul li.active a,.pagination.primary-pagination ul li.active span{color:#fff;font-weight:500}.pagination.primary-pagination ul li+li{margin-left:-1px}@media screen and (max-width:479px){.pagination.primary-pagination ul{display:block;padding:0 1px 1px 0}.pagination.primary-pagination ul li{width:20%;margin:0 -1px -1px 0 !important;display:none}.pagination.primary-pagination ul li a,.pagination.primary-pagination ul li span{width:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}.pagination.primary-pagination ul li a span,.pagination.primary-pagination ul li span span{border:none;height:inherit;line-height:inherit;background:none;font-size:16px;display:inline-block;vertical-align:middle;width:auto}.pagination.primary-pagination ul li a i,.pagination.primary-pagination ul li span i{display:inline-block;vertical-align:middle}.pagination.primary-pagination ul li.prev{display:block;float:left;width:auto}.pagination.primary-pagination ul li.prev a,.pagination.primary-pagination ul li.prev span{padding:0 10px;position:relative;display:block}.pagination.primary-pagination ul li.prev a span,.pagination.primary-pagination ul li.prev span span{border:none;padding:0 0 0 10px}.pagination.primary-pagination ul li.prev a i,.pagination.primary-pagination ul li.prev span i{position:absolute;left:10px;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-top:1px}.pagination.primary-pagination ul li.next{display:block;float:right;width:auto}.pagination.primary-pagination ul li.next a,.pagination.primary-pagination ul li.next span{padding:0 10px;position:relative;display:block}.pagination.primary-pagination ul li.next a span,.pagination.primary-pagination ul li.next span span{border:none;padding:0 10px 0 0}.pagination.primary-pagination ul li.next a i,.pagination.primary-pagination ul li.next span i{position:absolute;right:5px;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-top:2px}}.table .tbl-title{background:#17479b !important;text-align:center;color:#fff !important;font-size:24px !important;font-weight:500 !important;padding:30px !important;border:1px solid #17479b !important}.table th{border:1px solid #fff}.table td{border:1px solid #6f6f6f;padding:15px}.table td b{font-weight:500;color:#17479b}.table td em{font-style:normal;color:#17479b;font-weight:300}.table td a{font-style:normal;color:#17479b;font-weight:300;text-decoration:none}.table td a:hover{text-decoration:underline}.table.tbl-break td{border:1px solid #6f6f6f;padding:15px}.table.tbl-break td .item a{color:#333}.table.tbl-break td .item a:hover{color:#17479b}.table.tbl-break td .item p{margin:0;font-size:14px}.table.tbl-break td .item .name{text-transform:uppercase;font-size:18px;font-weight:500;margin:0}.table.tbl-break td .item+.item{border-top:1px solid #6f6f6f}.table.tbl-list .tbl-title{padding:20px !important}.table.tbl-list thead th{border:1px solid #6f6f6f;background:#f0f4fb;font-weight:500;color:#17479b;text-align:center;vertical-align:middle}.table.tbl-list thead th.no{max-width:145px;min-width:59px;width:110px}.table.tbl-list thead th.sec{min-width:220px}.table.tbl-list thead th.thirt{max-width:360px;min-width:160px}.table.tbl-list tbody td{border:1px solid #6f6f6f;padding:15px}.table.tbl-list tbody td:first-child{color:#17479b;font-weight:500;text-align:center}.table.tbl-list tbody td .tbl-note{margin:0;text-align:left;color:#333;font-weight:300;padding:15px}.table.tbl-list tbody td .tbl-note p{margin:0}.table.tbl-list tbody td .tbl-note p+p{margin-top:15px}.table.tbl-list tbody td.no{max-width:145px;min-width:59px;width:110px}.table.tbl-list tbody td.sec{min-width:220px}.table.tbl-list tbody td.thirt{max-width:360px;min-width:160px}.table.tbl-col thead th{text-transform:uppercase;color:#fff;font-size:18px;background:#17479b;text-align:center;vertical-align:middle;font-weight:500;min-width:130px;border-width:1px !important;border-top:1px solid #17479b}.table.tbl-col thead th:first-child{border-left:1px solid #17479b !important}.table.tbl-col thead th:last-child{border-right:1px solid #17479b !important}@media screen and (max-width:767px){.table .tbl-title{padding:20px}.table.tbl-break{border-bottom:1px solid #6f6f6f}.table.tbl-break td{display:block;width:100%;border-bottom:none}}.popover{will-change:inherit !important;max-width:450px;border:none}.popover .popover-body{background:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-box-shadow:-1px 0 10px rgba(0,0,0,0.25);box-shadow:-1px 0 10px rgba(0,0,0,0.25);padding:10px;display:inline-block}.popover .popover-body .box-info .img{margin:0;float:left;max-width:220px}.popover .popover-body .box-info .img img{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px}.popover .popover-body .box-info .txt-info{padding:0 0 0 230px;font-size:14px}.popover .popover-body .box-info .txt-info p{margin:0}.popover .popover-body .box-info .txt-info .name{text-transform:uppercase;color:#17479b;font-weight:500;font-size:18px}.popover .popover-body .box-info .txt-info .pos{font-weight:500;margin-top:5px}.popover .popover-body .box-info .txt-info .addr{margin-top:5px}.popover .popover-body .box-info .txt-info .phone{margin-top:5px}.popover .popover-body .box-info .btn-more{display:none;margin:20px 0 0 0;text-align:right}.popover .popover-body .box-info .btn-more .btn.btn-blue{max-width:inherit;width:auto;display:inline-block;padding:3px 12px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;font-size:14px}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{border-color:transparent}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{border-color:transparent}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{border-color:transparent}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{border-color:transparent}.section-list{margin-top:10px} .section-list .section-item h3{margin:0 0 30px 0;font-size:28px;color:#17479b;}.section-list .section-item .section-item-inner .post-head{margin:0 0 30px 0}.section-list .section-item .section-item-inner .post-head .info{margin:0 0 5px 0;color:#6f6f6f}.section-list .section-item .section-item-inner .post-head .ttl-head{margin:0;text-transform:uppercase}.section-list .section-item .section-item-inner .des p{margin:0}.section-list .section-item .section-item-inner .des p+p{margin-top:15px}.section-list .section-item .section-item-inner .relate-news{margin:20px 0 0 0}.section-list .section-item .section-item-inner .relate-news ul{padding:0;margin:0 0 0 18px}.section-list .section-item .section-item-inner .relate-news ul li a{color:#17479b;font-weight:500}.section-list .section-item .section-item-inner .relate-news ul li+li{margin-top:10px}.section-list .section-item .section-item-inner .author{margin:20px 0 0 0;text-align:right}.section-list .section-item .section-item-inner .author p{margin:0}.section-list .section-item .section-item-inner .author p b{font-weight:500}.section-list .section-item .section-item-inner .img img{width:100%;height:auto}.section-list .section-item .section-item-inner .block-item-list{padding:60px 0 0 0}.section-list .section-item .section-item-inner .block-item-list .block-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.section-list .section-item .section-item-inner .block-item-list .block-item .img{margin:0;max-width:210px}.section-list .section-item .section-item-inner .block-item-list .block-item .txt{color:#17479b;padding-left:30px}.section-list .section-item .section-item-inner .block-item-list .block-item .txt p{margin:0}.section-list .section-item .section-item-inner .block-item-list .block-item .txt .s-txt{font-size:24px;text-transform:uppercase}.section-list .section-item .section-item-inner .block-item-list .block-item .txt .b-txt{font-size:64px;font-weight:700}.section-list .section-item .section-item-inner .block-item-list .block-item .txt .txt-des{color:#333}.section-list .section-item .section-item-inner .block-item-list .block-item+.block-item{margin-top:50px}.section-list .section-item .section-item-inner .business-list .item{text-align:center;color:#17479b}.section-list .section-item .section-item-inner .business-list .item .img{margin:0;text-align:center}.section-list .section-item .section-item-inner .business-list .item .img img{height:200px;width:auto}.section-list .section-item .section-item-inner .business-list .item .item-txt{margin:15px 0 0 0;font-size:24px}.section-list .section-item .section-item-inner .item-list .item{border:1px solid #e4e4e4;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.section-list .section-item .section-item-inner .item-list .item .img{float:left;width:572px;margin:0}.section-list .section-item .section-item-inner .item-list .item .img a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.section-list .section-item .section-item-inner .item-list .item .txt{padding:20px 20px 20px 602px}.section-list .section-item .section-item-inner .item-list .item .txt .date{color:#6f6f6f;margin:0 0 10px 0}.section-list .section-item .section-item-inner .item-list .item .txt .ttl-item{font-weight:700;margin:0;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:inherit}.section-list .section-item .section-item-inner .item-list .item .txt .txt-des{text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;white-space:inherit}.section-list .section-item .section-item-inner .item-list .item .txt .txt-des p{margin:0}.section-list .section-item .section-item-inner .item-list .item .txt .txt-des p+p{margin-top:15px}.section-list .section-item .section-item-inner .item-list .item .detail{margin:20px 0 0 0}.section-list .section-item .section-item-inner .item-list .item .detail a{background:url('../images/icons/ico_arrow_detail.svg') no-repeat right center;display:inline-block;color:#17479b;text-transform:uppercase;padding:0 30px 0 0;text-decoration:none}.section-list .section-item .section-item-inner .item-list .item .detail a:hover{padding-right:35px}.section-list .section-item .section-item-inner .item-list .item:hover{-webkit-box-shadow:0 4px 4px rgba(0,0,0,0.25);box-shadow:0 4px 4px rgba(0,0,0,0.25)}.section-list .section-item .section-item-inner .item-list .item+.item{margin-top:50px}.section-list .section-item .section-item-inner .content-detail p+p{margin-top:30px}.section-list .section-item .section-item-inner .content-detail p.note{margin-top:5px;font-size:14px}.section-list .section-item .section-item-inner .content-detail ul,.section-list .section-item .section-item-inner .content-detail ol{margin-top:30px}.section-list .section-item .section-item-inner .section-card{margin-top:0}.section-list .section-item .section-item-inner .member-list .item{border:1px solid #e4e4e4;height:100%}.section-list .section-item .section-item-inner .member-list .item .img{margin:0}.section-list .section-item .section-item-inner .member-list .item .img img{width:100%}.section-list .section-item .section-item-inner .member-list .item .info{padding:15px}.section-list .section-item .section-item-inner .member-list .item .info p{margin:0}.section-list .section-item .section-item-inner .member-list .item .info .name{font-weight:700}.section-list .section-item .section-item-inner .member-list .item .info .pos{font-weight:300}.section-list .section-item .section-item-inner .member-list+.member-list{margin-top:30px}.section-list .section-item .section-item-inner .member-map #info-box{background:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-box-shadow:-1px 0 10px rgba(0,0,0,0.25);box-shadow:-1px 0 10px rgba(0,0,0,0.25);padding:10px;display:inline-block;width:450px;position:absolute}.section-list .section-item .section-item-inner .member-map #info-box:after{content:"";width:42px;height:23px;background:url('../images/icons/ico_arrow_box_down.svg') no-repeat center top;position:absolute;left:50%;bottom:-14px;margin-left:-21px}.section-list .section-item .section-item-inner .member-map #info-box .img{margin:0;float:left;max-width:220px}.section-list .section-item .section-item-inner .member-map #info-box .img img{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px}.section-list .section-item .section-item-inner .member-map #info-box .txt-info{padding:10px 10px 10px 230px;font-size:14px}.section-list .section-item .section-item-inner .member-map #info-box .txt-info p{margin:0}.section-list .section-item .section-item-inner .member-map #info-box .txt-info .name{text-transform:uppercase;color:#17479b;font-weight:500;font-size:18px}.section-list .section-item .section-item-inner .member-map #info-box .txt-info .pos{font-weight:500;margin-top:5px}.section-list .section-item .section-item-inner .member-map #info-box .txt-info .addr{margin-top:5px}.section-list .section-item .section-item-inner .member-map #info-box .txt-info .phone{margin-top:5px}.section-list .section-item .section-item-inner .member-map .map-area .m-area{cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.section-list .section-item .section-item-inner .member-map .map-area .m-area:hover{fill:#c4c4c4}.section-list .section-item .section-item-inner .member-map .map-area .fill-color{fill:#ed1c24}.section-list .section-item .section-item-inner .member-map .map-area .fill-stroke{stroke:#ed1c24}.section-list .section-item .section-item-inner .member-map .map-area .no-event{pointer-events:none}.section-list .section-item .section-item-inner .member-reference{margin-top:50px;position:relative;overflow:hidden}.section-list .section-item .section-item-inner .member-reference .item-info{visibility:hidden;pointer-events:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;position:absolute;z-index:-2}.section-list .section-item .section-item-inner .member-reference .red{color:#ed1c24}.section-list .section-item .section-item-inner .member-reference .red a{color:#ed1c24 !important;font-weight:500}.history-list .item{border-bottom:1px solid #6f6f6f;padding:0 0 20px 0;margin:0 0 20px 0}.history-list .item h3,.history-list .item h4{margin:0;font-size:24px;text-transform:uppercase}.history-list .item h3 a,.history-list .item h4 a{color:#333;text-decoration:none}.history-list .item h3 a:hover,.history-list .item h4 a:hover{color:#17479b}.history-list .item .date{color:#6f6f6f;font-size:14px;margin:0}.history-list .filter input[type="text"],.history-list .filter input[type="date"],.history-list .filter input[type="tel"],.history-list .filter input[type="email"]{height:60px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0}.history-list .filter .btn-view{margin:0}.history-list .filter .btn-view button,.history-list .filter .btn-view a{height:60px;width:90px}@media screen and (max-width:1199px){.section-list .section-item .section-item-inner .item-list .item .img{width:380px}.section-list .section-item .section-item-inner .item-list .item .txt{padding-left:400px}.section-list .section-item .section-item-inner .member-map .map-area svg{height:500px}}@media screen and (max-width:991px){.section-list .section-item .section-item-inner .block-item-list .block-item .img{max-width:160px}.section-list .section-item .section-item-inner .block-item-list .block-item .txt .s-txt{font-size:18px}.section-list .section-item .section-item-inner .block-item-list .block-item .txt .b-txt{font-size:40px}} @media screen and (max-width:767px){.section-list .section-item h3{font-size:24px}.section-list .section-item .section-item-inner .block-item-list .block-item{display:block;text-align:center}.section-list .section-item .section-item-inner .block-item-list .block-item .img{max-width:155px;margin:0 auto}.section-list .section-item .section-item-inner .block-item-list .block-item .txt{padding:30px 0 0 0}.section-list .section-item .section-item-inner .block-item-list .block-item .txt .s-txt{font-size:14px}.section-list .section-item .section-item-inner .block-item-list .block-item .txt .b-txt{font-size:24px}.section-list .section-item .section-item-inner .block-item-list .block-item .txt .txt-des{font-size:12px}.section-list .section-item .section-item-inner .business-list .item .img img{height:160px}.section-list .section-item .section-item-inner .business-list .item .item-txt{font-size:18px}.section-list .section-item .section-item-inner .item-list .item{-webkit-box-shadow:0 4px 4px rgba(0,0,0,0.25);box-shadow:0 4px 4px rgba(0,0,0,0.25)}.section-list .section-item .section-item-inner .item-list .item .img{float:none;width:100%}.section-list .section-item .section-item-inner .item-list .item .txt{padding:20px}.section-list .section-item .section-item-inner .member-map .map-area svg{height:400px}.history-list .row-list{margin-bottom:-10px}.history-list .row-list .row-item{margin-bottom:10px}.history-list .item h3,.history-list .item h4{font-size:18px}.history-list .filter .btn-view{margin-top:10px}.history-list .filter .btn-view button,.history-list .filter .btn-view a{width:100%;max-width:inherit}}@media screen and (max-width:639px){.section-list .section-item .section-item-inner .member-map .map-area svg{height:200px}}.group-select{margin:0 0 30px 0}.library .box-inner{height:100%}.library .box-inner .img{margin:0}.library .box-inner .img a{display:block}.library .box-inner .img a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.library .box-inner .des{margin:20px 0 0 0}.library .box-inner .des p{font-weight:500;margin:0}.library .box-inner .des p+p{margin-top:15px}.library .library-slide{margin:0 0 30px 0}.library .library-slide .txt-des{font-weight:500;margin:30px 0 0 0}.library .library-slide .slick-slide{position:relative}.library .library-slide .slick-slide .txt-info{margin:0;position:absolute;left:0;bottom:0;width:100%;color:#fff;background:rgba(0,0,0,0.5);font-size:18px;padding:15px;font-weight:400}.library .library-slide.video-list video{-o-object-fit:cover;object-fit:cover}.library .library-slide.video-list .slider-thumb .slide p{position:relative}.library .library-slide.video-list .slider-thumb .slide p:before{content:"";position:absolute;left:50%;top:50%;background:url('../images/icons/ico_play.svg') no-repeat 0 0;background-size:25px;width:25px;height:25px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.library .slider-main .slide p{margin:0}.library .slider-main .slick-prev{width:30px;height:30px;left:-40px}.library .slider-main .slick-prev:before{content:"";background:url('../images/icons/ico_prev_black.svg') no-repeat center center;width:30px;height:30px;display:block}.library .slider-main .slick-arrow{z-index:100}.library .slider-main .slick-next{width:30px;height:30px;right:-40px}.library .slider-main .slick-next:before{content:"";background:url('../images/icons/ico_next_black.svg') no-repeat center center;width:30px;height:30px;display:block}.library .wrap-thumb{overflow:hidden;margin:30px 0 0 0}.library .slider-thumb{margin:0 -15px}.library .slider-thumb .slick-list{padding:0 !important}.library .slider-thumb .slide{padding:0 15px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-webkit-opacity:.7;-moz-opacity:.7;opacity:.7;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.library .slider-thumb .slide p{margin:0}.library .slider-thumb .slide img{border:1px solid transparent}.library .slider-thumb .slide.slick-current{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1}.library .slider-thumb .slide.slick-current img{border:1px solid #17479b}.library .slider-thumb .slide:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1}.library.video-list .box-inner .img{position:relative}.library.video-list .box-inner .img a{display:block;position:relative}.library.video-list .box-inner .img a:before{content:"";position:absolute;left:50%;top:50%;background:url('../images/icons/ico_play.svg') no-repeat 0 0;width:36px;height:36px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.related-library .box-inner{border:none}.related-library .box-inner .img a{position:static;display:block}.related-library .box-inner .img a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.related-library .box-inner .des{padding:20px 0 0 0}.related-library .box-inner .des p{font-weight:500}.related-library .box-inner:hover{-webkit-box-shadow:none;box-shadow:none}.related-library.related-video .box-inner .img{position:relative}.related-library.related-video .box-inner .img a{display:block;position:relative}.related-library.related-video .box-inner .img a:before{content:"";position:absolute;left:50%;top:50%;background:url('../images/icons/ico_play.svg') no-repeat 0 0;width:36px;height:36px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media screen and (max-width:991px){.library .slider-thumb{margin:0 -10px}.library .slider-thumb .slide{padding:0 10px}}@media screen and (max-width:767px){.library .library-slide.video-list video{height:350px}}@media screen and (max-width:639px){.library .slider-main .slick-prev{background:#fff;left:10px}.library .slider-main .slick-next{background:#fff;right:10px}.library .library-slide.video-list video{height:250px}}.service-list{position:relative}.service-list .box-item .box-inner{height:100%;background:#fff;border:1px solid #e4e4e4;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;min-height:330px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative}.service-list .box-item .box-inner .box-head{margin:20px;position:relative;z-index:1}.service-list .box-item .box-inner .box-head>a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.service-list .box-item .box-inner .box-head p{margin:0}.service-list .box-item .box-inner .box-head h2,.service-list .box-item .box-inner .box-head h3,.service-list .box-item .box-inner .box-head h4{font-size:20px}.service-list .box-item .box-inner .box-head .icon{width:60px;height:60px;position:relative;display:inline-block;vertical-align:middle}.service-list .box-item .box-inner .box-head .icon img{height:62px;width:100%;position:static;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1;vertical-align:top}.service-list .box-item .box-inner .box-head .icon img+img{position:absolute;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;left:0;top:0}.service-list .box-item .box-inner .box-head h2,.service-list .box-item .box-inner .box-head h3,.service-list .box-item .box-inner .box-head h4{display:inline-block;vertical-align:middle;width:calc(100% - 64px);margin:0;padding:0 0 0 15px}.service-list .box-item .box-inner .link-list{padding:0 20px 20px 20px}.service-list .box-item .box-inner .link-list ul{list-style:none;padding:0;margin:0}.service-list .box-item .box-inner .link-list ul li a{color:#b6b6b6 !important;text-decoration:none;text-transform:capitalize}.service-list .box-item .box-inner .link-list ul li a:hover{text-decoration:underline;color:#fff !important}.service-list .box-item .box-inner .link-list ul li+li{padding-top:10px}.service-list .box-item .box-inner:hover{background:#17479b;border:1px solid #17479b}.service-list .box-item .box-inner:hover *{color:#fff}.service-list .box-item .box-inner:hover .box-head .icon img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0}.service-list .box-item .box-inner:hover .box-head .icon img+img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1}.service-list:before{content:"";position:absolute;left:0;top:50%;width:100%;height:340px;background:#f2f2f2;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.service-page .head-block{margin-bottom:30px}.service-page .head-block .row-item-list input[type="text"],.service-page .head-block .row-item-list input[type="date"],.service-page .head-block .row-item-list input[type="tel"],.service-page .head-block .row-item-list input[type="email"]{height:60px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0}.service-page .head-block .row-item-list .search{margin:0}.service-page .head-block .row-item-list .search .btn{max-width:inherit;width:100%}.service-page .head-block .row-item-list .search .btn.btn-blue{padding:17px ​20px !important}.service-page .head-block .row-item-list .form-select .bootstrap-select button{padding:17px 15px !important;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0}.service-page .head-block .row-item-list+.row-item-list{margin-top:30px}.service-page .support-form h3{font-size:18px}.service-page .support-form input[type="text"],.service-page .support-form input[type="email"],.service-page .support-form input[type="tel"]{height:50px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0}.service-page .support-form textarea{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0}.service-page .support-form .row-list+.row-list{margin-top:15px}.service-page .support-form .capcha-form .wrap-capcha{position:relative;padding:0 210px 0 0}.service-page .support-form .capcha-form .wrap-capcha .cap-text{height:50px;background:#b6b6b6;text-align:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:195px;width:100%;position:absolute;right:0;top:0;pointer-events:none}.service-page .support-form .send{margin:0;text-align:right}.service-page .support-form .send .btn{padding:12px 20px !important;max-width:330px;text-transform:uppercase}.service-page .collapse-detail{border:1px solid #6f6f6f}.service-page .collapse-detail .title{background:#17479b;color:#fff;padding:15px 20px;margin:0}.service-page .collapse-detail .inner{height:100%;border-left:1px solid #6f6f6f;padding:0 0 0 15px}.service-page .collapse-detail .inner .date{color:#b6b6b6;margin:0}.service-page .collapse-detail .inner .author{margin:0 !important}.service-page .collapse-detail .head-detail p{margin:0}.service-page .collapse-detail .head-detail .des{padding:15px 20px}.service-page .collapse-detail .content-detail .content-detail-inner{padding:15px 20px}.service-page .collapse-detail .content-detail .content-detail-inner p{margin:0}.service-page .collapse-detail .content-detail .content-detail-inner p+p{margin-top:20px}.customer-center .title{color:#17479b;font-weight:700;font-size:24px}.customer-center .customer-center-info p{font-weight:400}@media screen and (max-width:767px){.service-list{position:relative}.service-list .box-item .box-inner{height:100%;background:#fff;border:1px solid #e4e4e4;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;min-height:280px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative}.service-list .box-item .box-inner .box-head{margin:20px;position:relative;z-index:1}.service-list .box-item .box-inner .box-head>a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.service-list .box-item .box-inner .box-head p{margin:0}.service-list .box-item .box-inner .box-head h2,.service-list .box-item .box-inner .box-head h3,.service-list .box-item .box-inner .box-head h4{font-size:16px}.service-list .box-item .box-inner .box-head .icon{width:37px;height:37px}.service-list .box-item .box-inner .box-head .icon img{height:37px}.service-list .box-item .box-inner .box-head h2,.service-list .box-item .box-inner .box-head h3,.service-list .box-item .box-inner .box-head h4{width:calc(100% - 42px);padding:0 0 0 10px}.service-list:before{height:70%}.service-page .head-block .row-list{margin-bottom:-10px}.service-page .head-block .row-list .row-item{margin-bottom:10px}.service-page .head-block .row-item-list .search-button{display:none}.service-page .head-block .row-item-list+.row-item-list{margin-top:20px}.service-page .head-block .search-mobile{display:block !important;margin-top:10px}.service-page .head-block .search-mobile .btn{width:100%;max-width:inherit}.service-page .support-form .capcha-form .wrap-capcha{padding-right:140px}.service-page .support-form .capcha-form .wrap-capcha .cap-text{max-width:125px}.service-page .collapse-detail .inner{border:none;padding-left:0}}@media screen and (max-width:575px){.service-list{position:relative}.service-list .box-item .box-inner{min-height:140px}.service-list .box-item .box-inner .link-list{padding-left:70px}.service-list .box-item .box-inner .link-list ul li a{text-transform:uppercase}.service-list:before{display:none}} #Footer{ background-image: url(../images/icons/bg_footer.svg); background-repeat: no-repeat; /*background-position: 0 86px;*/ } #popup_home .modal-body{ padding: 10px 64px 30px 64px; } #popup_home .modal-header { border-color: #e4e4e4; padding: 10px 15px 8px; border: none; } #popup_home .modal-body h3{ font-style: normal; font-weight: bold; font-size: 18px; line-height: 21px; text-align: center; text-transform: uppercase; color: #295FBC; border-bottom: 1px solid #D2D2D2; padding-bottom: 22px; } #popup_home .modal-body p{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; } #popup_home .close{ background: #17479B; width: 32px; height: 32px; padding: 0px; margin: 10px 10px 10px auto; border-radius: 100%; opacity: 1; color: #fff; font-size: 28px; } #popup_home .view_more a{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #17479B; border-radius: 4px; } .section-list .section-item .section-item-inner .business-list .item .img img { width: auto; height: 114px; } .section-list .section-item .section-item-inner .business-list .item .item-txt{ font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; text-align: center; color: #333333; } .service .box-list .box-item .box-inner .txtHome { margin-left: 60px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: inherit } /*===========*/ @keyframes animate-zoomm { 0% { transform: scale(0.5, 0.5); opacity: 0.5; } 100% { transform: scale(1, 1); opacity: 1; } } #tenten { padding-right: 40px; text-align: justify; font-size: 15px; } #tenten div { animation: animate-zoomm 1s; } /*==============*/ @keyframes mymove-l { from { left: -250px; } to { left: 0px; } } @keyframes mymove-r { from { right: 500px; } to { right: 0px; } } .animate-leftt { animation: mymove-l 2s; } .animate-rightt { animation: mymove-r 3s; } .boxHome .gioithieu { background-image: url(../images/GioiThieu/GT.jpg); width: 100%; padding: 2% !important; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-wrap: wrap; justify-content: flex-end; /* margin-top: 10px!important;*/ } #Content .head-banner .gioithieu :hover { /* animation-name: animate-zoomm; animation-delay: 0.1s; animation-duration: 0.6s; animation-timing-function: ease;*/ } /*====LinhVuc===*/ .vhCaption { max-width: 980px; margin: 0 auto; text-align: center; margin-bottom: 10px; } .vhActivity { display: flex; flex-wrap: wrap; background-color: #eff1f4; padding: 25px 0; } } .vhActivity .thumb { position: relative; } .vhActivity .colT { width: calc(100% - 465px); } .vhActivity .colT1 { width: calc(100% - 465px); float: left; margin-left: 120px; } .vhActivity .colD { width: 310px; text-align: justify; } .vhActivity .colD1 { width: 310px; text-align: justify; margin-left: 35px; } .vhActivity .decs { display: flex; flex-wrap: wrap; align-content: center; align-items: center; height: 100%; } .vhDecsCen { margin-left: -75px; } .vhDecsCen1 { margin-right: -75px; } .vhActivity .titleAc { margin: 20px 0; border-bottom: 1px solid #24408f; } .vhActivity .tendAc { margin-bottom: 20px; } .vhActivity .colI { width: 135px; } .vhActivity .vhsImg { height: 100%; width: 100%; color: #000000; position: relative; overflow: hidden; } .viewAll { background-color: #17479b; font-size: 12px; width: 100px; height: 30px; padding: 5px; } .viewAll a { color: #fff !important; padding-left: 15px; padding-top: 20px; } /*====Dự án===*/ .gripProject { display: flex; flex-wrap: wrap; margin-bottom: 30px; } .colGr { width: 50%; float: left; padding: 1px; border: 1px solid rgba(0,0,0,0.1); } .itemProject { position: relative; } .thumbZoom { overflow: hidden; } .itemProject .thumb a { display: block; position: relative; padding-top: 51.570%; overflow: hidden; } .itemProject .thumb a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .itemProject .decs { position: absolute; left: 0; bottom: 0; right: 0; padding: 0 25px; z-index: 2; pointer-events: none; } .itemProject .decs h3 { font-size: 20px; line-height: 30px; text-transform: uppercase; font-weight: 700; } .itemProject .decs h3 a { color: #fff!important; } /*==== Custom Right Side ===*/ #popup_home .modal-body { padding: 10px 64px 30px 64px; } #popup_home .modal-header { border-color: #e4e4e4; padding: 10px 15px 8px; border: none; } #popup_home .modal-body h3 { font-style: normal; font-weight: bold; font-size: 18px; line-height: 21px; text-align: center; text-transform: uppercase; color: #295FBC; border-bottom: 1px solid #D2D2D2; padding-bottom: 22px; } #popup_home .modal-body p { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; } #popup_home .close { background: #17479B; width: 32px; height: 32px; padding: 0px; margin: 10px 10px 10px auto; border-radius: 100%; opacity: 1; color: #fff; font-size: 28px; } #popup_home .view_more a { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #17479B; border-radius: 4px; } .section-list .section-item .section-item-inner .business-list .item .img img { width: auto; height: 114px; } .section-list .section-item .section-item-inner .business-list .item .item-txt { font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; text-align: center; color: #333333; } .img-icon-home:hover { background: #c6d8fb; cursor: pointer; } .img-icon-home { background: white; padding-bottom: 5px; border-radius: 10px; padding-right: 5px; box-shadow: 0px 1px 15.5px 0.5px rgba(0, 0, 0, 0.16); margin-left: 5px; } @media screen and (max-width: 767px) { .img-icon-home { background: white; width: 95%; } } @media (min-width: 1200px) { .rightside .modal-xl { max-width: 1140px !important; } } @media (min-width: 992px) { .rightside .modal-lg, #Header .modal-xl { max-width: 800px !important; } } @media screen and (max-width: 767px) { #GGG { display: none; } } #collapsibleNavId .navbar-nav { background-color: #11459d; background-position-x: left; padding-right: 30px; margin-left: 350px; text-transform: uppercase; font-weight: 600; } .wrap-nav-show .navbar-nav { background-color: #11459d; background-position-x: left; margin-left: 0px !important; text-transform: uppercase; font-weight: 600; } .nav-pad-logo { display: block; max-height: 50px; /* Adjust the max-height as necessary */ width: auto; margin-right: 10px; /* Add some space between the image and the nav items */ float: left; /* This will align it with your nav items */ }