@import url("../fonts/sfuitext/stylesheet.css");
@import url("../fonts/sunsetserial/stylesheet.css");
@import url("../fonts/opensans/stylesheet.css");
@import url("../fonts/eczar/stylesheet.css");
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   vertical-align: baseline;
   background: transparent
}

body {
   line-height: 1
}

textarea {
   overflow: auto;
   margin: 0
}

input {
   border: 0 solid #fff;
   margin: 0;
   padding: 0
}

ol,
ul {
   list-style: none
}

blockquote,
q {
   quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
   content: "";
   content: none
}

:focus {
   outline: 0
}

ins {
   text-decoration: none
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

a {
   color: #29308e;
   text-decoration: none;
   outline: none
}

a:hover {
   cursor: pointer;
   color: #333
}

input,
select,
textarea {
   font-size: 12px;
   font-family: 'SF UI Text', arial, tahoma, times new roman;
   border: none;
   border: 1px solid #d8d8d8;
   margin: 0;
   color: #666
}

strong {
   font-weight: 700
}

em {
   font-style: italic
}

del {
   text-decoration: line-through
}

th {
   font-weight: 400
}

.left {
   float: left
}

.left,
.right {
   display: inline
}

.right {
   float: right
}

.italic {
   font-style: italic
}

.bold {
   font-weight: 700
}

.clear {
   clear: both;
   padding: 0;
   margin: 0
}

.after_clear:after,
.before_clear:before {
   content: '';
   display: block;
   clear: both
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 400
}

h2 {
   font-size: 28px
}

h3 {
   font-size: 24px;
   font-size: 18px
}

h5 {
   font-size: 16px
}

.select2-container {
   box-sizing: border-box;
   display: inline-block;
   margin: 0;
   position: relative;
   vertical-align: middle
}

.select2-container .select2-selection--single {
   box-sizing: border-box;
   cursor: pointer;
   display: block;
   height: 28px;
   user-select: none;
   -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
   display: block;
   padding-left: 8px;
   padding-right: 20px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
   position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
   padding-right: 8px;
   padding-left: 20px
}

.select2-container .select2-selection--multiple {
   box-sizing: border-box;
   cursor: pointer;
   display: block;
   min-height: 32px;
   user-select: none;
   -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
   display: inline-block;
   overflow: hidden;
   padding-left: 8px;
   text-overflow: ellipsis;
   white-space: nowrap
}

.select2-container .select2-search--inline {
   float: left
}

.select2-container .select2-search--inline .select2-search__field {
   box-sizing: border-box;
   border: none;
   font-size: 100%;
   margin-top: 5px;
   padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
   -webkit-appearance: none
}

.select2-dropdown {
   background-color: #fff;
   border: 1px solid #aaa;
   border-radius: 4px;
   box-sizing: border-box;
   display: block;
   position: absolute;
   left: -100000px;
   width: 100%;
   z-index: 1051
}

.select2-results {
   display: block
}

.select2-results__options {
   list-style: none;
   margin: 0;
   padding: 0
}

.select2-results__option {
   padding: 6px;
   user-select: none;
   -webkit-user-select: none
}

.select2-results__option[aria-selected] {
   cursor: pointer
}

.select2-container--open .select2-dropdown {
   left: 0
}

.select2-container--open .select2-dropdown--above {
   border-bottom: none;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
   border-top: none;
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.select2-search--dropdown {
   display: block;
   padding: 4px
}

.select2-search--dropdown .select2-search__field {
   padding: 4px;
   width: 100%;
   box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
   -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
   display: none
}

.select2-close-mask {
   border: 0;
   margin: 0;
   padding: 0;
   display: block;
   position: fixed;
   left: 0;
   top: 0;
   min-height: 100%;
   min-width: 100%;
   height: auto;
   width: auto;
   opacity: 0;
   z-index: 99;
   background-color: #fff;
   filter: alpha(opacity=0)
}

.select2-hidden-accessible {
   border: 0!important;
   clip: rect(0 0 0 0)!important;
   height: 1px!important;
   margin: -1px!important;
   overflow: hidden!important;
   padding: 0!important;
   position: absolute!important;
   width: 1px!important
}

.select2-container--default .select2-selection--single {
   background-color: #fff;
   border: 1px solid #aaa;
   border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
   color: #444;
   line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
   cursor: pointer;
   float: right;
   font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
   color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 26px;
   position: absolute;
   top: 1px;
   right: 1px;
   width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
   border-color: #888 transparent transparent;
   border-style: solid;
   border-width: 5px 4px 0;
   height: 0;
   left: 50%;
   margin-left: -4px;
   margin-top: -2px;
   position: absolute;
   top: 50%;
   width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
   float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
   left: 1px;
   right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
   background-color: #eee;
   cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
   display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent #888;
   border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
   background-color: #fff;
   border: 1px solid #aaa;
   border-radius: 4px;
   cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
   box-sizing: border-box;
   list-style: none;
   margin: 0;
   padding: 0 5px;
   width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
   list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
   color: #999;
   margin-top: 5px;
   float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
   cursor: pointer;
   float: right;
   font-weight: 700;
   margin-top: 5px;
   margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
   background-color: #e4e4e4;
   border: 1px solid #aaa;
   border-radius: 4px;
   cursor: default;
   float: left;
   margin-right: 5px;
   margin-top: 5px;
   padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
   color: #999;
   cursor: pointer;
   display: inline-block;
   font-weight: 700;
   margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
   color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
   float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
   margin-left: 5px;
   margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
   margin-left: 2px;
   margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
   border: 1px solid #000;
   outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
   background-color: #eee;
   cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
   display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
   border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
   background: transparent;
   border: none;
   outline: 0;
   box-shadow: none;
   -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
   max-height: 200px;
   overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
   padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
   color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
   background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
   padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
   padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -1em;
   padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -2em;
   padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -3em;
   padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -4em;
   padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
   margin-left: -5em;
   padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #5897fb;
   color: #fff
}

.select2-container--default .select2-results__group {
   cursor: default;
   display: block;
   padding: 6px
}

.select2-container--classic .select2-selection--single {
   background-color: #f7f7f7;
   border: 1px solid #aaa;
   border-radius: 4px;
   outline: 0;
   background-image: -webkit-linear-gradient(top, #fff 50%, #eee);
   background-image: linear-gradient(180deg, #fff 50%, #eee);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
   border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
   color: #444;
   line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
   cursor: pointer;
   float: right;
   font-weight: 700;
   margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
   color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
   background-color: #ddd;
   border: none;
   border-left: 1px solid #aaa;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   height: 26px;
   position: absolute;
   top: 1px;
   right: 1px;
   width: 20px;
   background-image: -webkit-linear-gradient(top, #eee 50%, #ccc);
   background-image: linear-gradient(180deg, #eee 50%, #ccc);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
   border-color: #888 transparent transparent;
   border-style: solid;
   border-width: 5px 4px 0;
   height: 0;
   left: 50%;
   margin-left: -4px;
   margin-top: -2px;
   position: absolute;
   top: 50%;
   width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
   float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
   border: none;
   border-right: 1px solid #aaa;
   border-radius: 0;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
   left: 1px;
   right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
   border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
   background: transparent;
   border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent #888;
   border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
   border-top: none;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   background-image: -webkit-linear-gradient(top, #fff, #eee 50%);
   background-image: linear-gradient(180deg, #fff 0, #eee 50%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
   border-bottom: none;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   background-image: -webkit-linear-gradient(top, #eee 50%, #fff);
   background-image: linear-gradient(180deg, #eee 50%, #fff);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
   background-color: #fff;
   border: 1px solid #aaa;
   border-radius: 4px;
   cursor: text;
   outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
   border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
   list-style: none;
   margin: 0;
   padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
   display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
   background-color: #e4e4e4;
   border: 1px solid #aaa;
   border-radius: 4px;
   cursor: default;
   float: left;
   margin-right: 5px;
   margin-top: 5px;
   padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
   color: #888;
   cursor: pointer;
   display: inline-block;
   font-weight: 700;
   margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
   color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
   float: right;
   margin-left: 5px;
   margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
   margin-left: 2px;
   margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
   border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
   border-top: none;
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
   border-bottom: none;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
   border: 1px solid #aaa;
   outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
   outline: 0;
   box-shadow: none
}

.select2-container--classic .select2-dropdown {
   background-color: #fff;
   border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
   border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
   border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
   max-height: 200px;
   overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
   padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
   color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
   background-color: #3875d7;
   color: #fff
}

.select2-container--classic .select2-results__group {
   cursor: default;
   display: block;
   padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
   border-color: #5897fb
}

.mCustomScrollbar {
   -ms-touch-action: pinch-zoom;
   touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
   -ms-touch-action: auto;
   touch-action: auto
}

.mCustomScrollBox {
   position: relative;
   overflow: hidden;
   height: 100%;
   max-width: 100%;
   outline: none;
   direction: ltr
}

.mCSB_container {
   overflow: hidden;
   width: auto;
   height: auto
}

.mCSB_inside>.mCSB_container {
   margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
   margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
   margin-right: 0;
   margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
   margin-left: 0
}

.mCSB_scrollTools {
   position: absolute;
   width: 16px;
   height: auto;
   left: auto;
   top: 0;
   right: 0;
   bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
   right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
   right: auto;
   left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
   left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
   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;
   border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
   cursor: pointer;
   width: 100%;
   height: 30px;
   z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   position: relative;
   width: 4px;
   height: 100%;
   margin: 0 auto;
   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
}

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

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
   display: block;
   position: absolute;
   height: 20px;
   width: 100%;
   overflow: hidden;
   margin: 0 auto;
   cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
   bottom: 0
}

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

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   width: auto;
   height: 16px;
   top: auto;
   right: 0;
   bottom: 0;
   left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   bottom: -26px
}

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

.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;
   box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
   bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
   bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   left: 20px
}

.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 {
   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;
   margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
   margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   -webkit-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_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.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;
   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
}

.mCSB_scrollTools {
   opacity: .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)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.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, .4);
   filter: "alpha(opacity=40)";
   -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .75);
   filter: "alpha(opacity=75)";
   -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .85);
   filter: "alpha(opacity=85)";
   -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .9);
   filter: "alpha(opacity=90)";
   -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
   background-repeat: no-repeat;
   opacity: .4;
   filter: "alpha(opacity=40)";
   -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
   background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
   background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
   background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
   opacity: .75;
   filter: "alpha(opacity=75)";
   -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
   opacity: .9;
   filter: "alpha(opacity=90)";
   -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: rgba(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
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
   width: 4px;
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .1);
   border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 4px;
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .75);
   border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%;
   height: 4px;
   margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .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
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, .1);
   border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .75);
   border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(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
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
   width: 4px;
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .1);
   border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 6px;
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .75);
   border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%;
   height: 4px;
   margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-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: hsla(0, 0%, 100%, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .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
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, .1);
   border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .75);
   border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(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
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   width: 100%;
   height: 2px;
   margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(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
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
   height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 14px;
   margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
   width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   height: 14px;
   margin: 1px 0
}

.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,
.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 {
   width: 16px;
   height: 16px;
   margin: -1px 0
}

.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,
.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 {
   width: 4px
}

.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,
.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 {
   height: 16px;
   width: 16px;
   margin: 0 -1px
}

.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,
.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 {
   height: 4px;
   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
}

.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, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(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, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(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
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
   width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   background-color: transparent;
   background-position: 50%
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
   background-repeat: repeat-y;
   opacity: .3;
   filter: "alpha(opacity=30)";
   -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.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
}

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

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-repeat: repeat-y;
   background-image: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, .5)), color-stop(100%, hsla(0, 0%, 100%, 0)));
   background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
   background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   background-repeat: repeat-x;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, .5)), color-stop(100%, hsla(0, 0%, 100%, 0)));
   background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
   background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
   height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
   width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
   opacity: 1;
   filter: "alpha(opacity=30)";
   -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
   border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
   width: 8px;
   background-color: #000;
   background-color: rgba(0, 0, 0, .2);
   box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px hsla(0, 0%, 100%, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%;
   height: 8px;
   margin: 4px 0;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px hsla(0, 0%, 100%, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.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
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, .1);
   box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   box-shadow: inset 0 1px 1px rgba(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
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
   opacity: 1;
   filter: "alpha(opacity=30)";
   -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
   border-radius: 7px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   border-radius: 5px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
   right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
   box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
   bottom: 1px;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4);
   width: 12px;
   margin: 2px;
   position: absolute;
   height: auto;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.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, .05);
   box-shadow: inset 1px 1px 16px rgba(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
}

.mCS-3d-thick-dark.mCSB_scrollTools {
   box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
   box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
   background-color: #fff;
   background-color: rgba(0, 0, 0, .05);
   box-shadow: inset 1px 1px 16px rgba(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
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
   right: 0;
   margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
   bottom: 0;
   margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
   left: 0;
   right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
   background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
   height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
   width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .2);
   filter: "alpha(opacity=20)";
   -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .5);
   filter: "alpha(opacity=50)";
   -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .2);
   filter: "alpha(opacity=20)";
   -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .5);
   filter: "alpha(opacity=50)";
   -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
   width: 6px;
   background-color: #000;
   background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%;
   height: 6px;
   margin: 5px 0
}

.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,
.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 {
   width: 12px
}

.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,
.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 {
   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
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(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
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
   width: 12px;
   background-color: #000;
   background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
   width: 100%;
   height: 12px;
   margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
   background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
   background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
   background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
   background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
   background-color: transparent;
   border-color: #fff;
   border: 1px solid hsla(0, 0%, 100%, .2);
   box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
   border-color: #000;
   border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
   background-color: #000;
   background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #000;
   background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
   background-color: #fff;
   background-color: hsla(0, 0%, 100%, .9)
}

.slick-slider {
   box-sizing: border-box;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
   position: relative;
   display: block
}

.slick-list {
   overflow: hidden;
   margin: 0;
   padding: 0
}

.slick-list:focus {
   outline: none
}

.slick-list.dragging {
   cursor: pointer;
   cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
}

.slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: block;
   margin-left: auto;
   margin-right: auto
}

.slick-track:after,
.slick-track:before {
   display: table;
   content: ''
}

.slick-track:after {
   clear: both
}

.slick-loading .slick-track {
   visibility: hidden
}

.slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px
}

[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
}

body {
   color: #333;
   font-size: 14px;
   font-family: SF UI Text;
   position: relative;
   overflow-x: hidden;
   text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

figure {
   margin: 0;
   padding: 0
}

figure img {
   vertical-align: middle
}

img {
   border: 0;
   max-width: 100%;
   height: auto
}

p {
   margin: 1px 0 15px;
   line-height: 20px
}


select,
textarea {
   font-size: 12px;
   border: none;
   border: 1px solid #d8d8d8;
   margin: 0;
   color: #666;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none
}

input{
font-size: 12px;
border: none;
border: 1px solid #d8d8d8;
margin: 0;
color: #666;
}

button,
input,
select,
textarea {
   font-family: SF UI Text
}

input[type=checkbox],
input[type=radio] {
   border: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   opacity: 0;
   margin: 0
}

h1 {
   font-size: 32px
}

h2 {
   font-size: 58px
}

h2,
h3 {
   font-family: Sunset-Serial;
   font-weight: 700
}

h3 {
   font-size: 39px
}

h4 {
   font-size: 25px;
   line-height: 36px
}

h4,
h5 {
   font-family: Sunset-Serial;
   font-weight: 700
}

h5 {
   font-size: 16px;
   line-height: 1.3
}

h6 {
   font-size: 14px
}

.after_clear:after,
.wrapper:after,
section:after {
   clear: both;
   display: block;
   content: " "
}

.flex-list {
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap
}

section {
   position: relative
}

.wrap-mid,
.wrap-small,
.wrapper {
   margin: 0 auto;
   word-wrap: break-word;
   position: relative;
   z-index: 7
}

.wrapper {
   width: 1170px
}

.wrap-mid {
   width: 970px
}

.wrap-mid.result {
   min-height: 665px
}

.wrap-small {
   width: 770px
}

.std-content h5 {
   color: #ff6f61;
   margin-bottom: 10px;
   line-height: 24px
}

.std-content p {
   font-size: 16px;
   line-height: 28px;
   color: #7c7968
}

.std-content ol li,
.std-content ul li {
   font-size: 16px;
   line-height: 30px;
   color: #7c7968
}

.std-content ul {
   margin: 0 0 30px
}

.std-content ul li {
   margin: 0;
   padding: 0 0 0 30px;
   position: relative
}

.std-content ul li:before {
   content: "";
   position: absolute;
   top: 11px;
   left: 3px;
   width: 5px;
   height: 5px;
   background: #7ca557;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%
}

.std-content ol {
   margin: 0 0 30px;
   counter-reset: a
}

.std-content ol li {
   margin: 0;
   padding: 0 0 0 30px;
   counter-increment: a;
   position: relative
}

.std-content ol li:before {
   content: counter(a) ".";
   position: absolute;
   top: 0;
   left: 0
}

.std-content table {
   width: 100%
}

.std-content table td,
.std-content table th {
   color: #7c7968;
   text-align: center;
   background: #fafafa;
   padding: 20px 17px;
   font-size: 14px;
   line-height: 18px
}

.std-content table td:first-child,
.std-content table th:first-child {
   border-radius: 10px 0 0 10px;
   -webkit-border-radius: 10px 0 0 10px;
   -moz-border-radius: 10px 0 0 10px;
   -ms-border-radius: 10px 0 0 10px;
   -o-border-radius: 10px 0 0 10px
}

.std-content table td:last-child,
.std-content table th:last-child {
   border-radius: 0 10px 10px 0;
   -webkit-border-radius: 0 10px 10px 0;
   -moz-border-radius: 0 10px 10px 0;
   -ms-border-radius: 0 10px 10px 0;
   -o-border-radius: 0 10px 10px 0
}

.std-content table thead tr td,
.std-content table thead tr th {
   background: #7ca557;
   color: #fff;
   padding: 22px 17px;
   font-weight: 600
}

.std-content table thead tr td span,
.std-content table thead tr th span {
   display: block;
   font-weight: 500;
   font-style: italic;
   font-size: 13px
}

.std-content table tbody td:first-child,
.std-content table tbody th:first-child,
.std-content table tfoot td:first-child,
.std-content table tfoot th:first-child {
   text-align: left
}

.std-content table tbody td:last-child,
.std-content table tbody th:last-child,
.std-content table tfoot td:last-child,
.std-content table tfoot th:last-child {
   text-align: right
}

.std-content table tbody tr,
.std-content table tfoot tr {
   border-top: 5px solid #fff
}

.std-content table tfoot tr td,
.std-content table tfoot tr th {
   background: #b7b4a2;
   color: #fff;
   font-weight: 600
}

.std-content.pnomarg p {
   margin-bottom: 0
}

.std-content.hgreen h4,
.std-content.hgreen h5 {
   color: #7ca557;
   font-family: SF UI Text
}

.std-content.hgreen h5 {
   font-size: 20px;
   line-height: 1.3
}

header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 1000;
   background: #fff;
   box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05);
   -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05);
   -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05);
   -ms-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05);
   -o-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05)
}

header .head-top {
   text-align: center;
   padding: 26px 0;
   position: relative;
   overflow: hidden
}

header .head-top:after,
header .head-top:before {
   content: "";
   position: absolute
}

header .head-top:before {
   background: url(../images/bg-left-head.png) no-repeat 50%;
   width: 395px;
   height: 390px;
   left: 80px;
   top: -175px
}

header .head-top:after {
   background: url(../images/bg-right-head.png) no-repeat 50%;
   width: 248px;
   height: 232px;
   right: 130px;
   top: 0
}

header .head-bottom {
   background: #f9fafa
}

header .head-bottom .burger-button {
   display: none;
   cursor: pointer
}

header .head-bottom ul {
   float: left
}

header .head-bottom ul>li {
   display: inline-block;
   margin-right: 40px;
   text-transform: uppercase;
   position: relative
}

header .head-bottom ul>li a {
   color: #7c7968;
   display: inline-block
}

header .head-bottom ul>li>a {
   line-height: 60px
}

header .head-bottom ul>li>ul {
   position: absolute;
   top: 80%;
   left: 50%;
   z-index: 10;
   width: 220px;
   margin-left: -110px;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
   padding-top: 20px;
   opacity: 0;
   visibility: hidden;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

header .head-bottom ul>li>ul:before {
   content: "";
   position: absolute;
   top: 3px;
   left: 50%;
   z-index: -1;
   margin-left: -11px;
   border-left: 11px solid transparent;
   border-right: 11px solid transparent;
   border-bottom: 19px solid #fff
}

header .head-bottom ul>li>ul:after {
   content: "";
   position: absolute;
   top: 20px;
   left: 0;
   right: 0;
   bottom: 0;
   background: #fff;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
   z-index: -2;
   box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
   -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
   -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
   -ms-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
   -o-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22)
}

header .head-bottom ul>li>ul>li {
   border-bottom: 1px solid hsla(0, 0%, 89%, .8);
   display: block;
   margin-right: 0;
   text-transform: none
}

header .head-bottom ul>li>ul>li>a {
   line-height: 1.3;
   display: block;
   padding: 18px 20px
}

header .head-bottom ul>li>ul>li:hover {
   background: #698d48
}

header .head-bottom ul>li>ul>li:hover a {
   color: #fff
}

header .head-bottom ul>li>ul>li:first-child {
   border-radius: 8px 8px 0 0;
   -webkit-border-radius: 8px 8px 0 0;
   -moz-border-radius: 8px 8px 0 0;
   -ms-border-radius: 8px 8px 0 0;
   -o-border-radius: 8px 8px 0 0
}

header .head-bottom ul>li>ul>li:last-child {
   border-bottom: none;
   border-radius: 0 0 8px 8px;
   -webkit-border-radius: 0 0 8px 8px;
   -moz-border-radius: 0 0 8px 8px;
   -ms-border-radius: 0 0 8px 8px;
   -o-border-radius: 0 0 8px 8px
}

header .head-bottom ul>li:hover>a {
   color: #1f5b29
}

header .head-bottom ul>li:hover>ul {
   opacity: 1;
   visibility: visible;
   top: 100%
}

header .head-bottom ul>li.active>a {
   color: #1f5b29;
   font-weight: 700
}

header .head-bottom ul>li:last-child {
   margin-right: 0
}

header .head-bottom ul>li.bottom-mobile {
   display: none
}

header .head-bottom .lang-head,
header .head-bottom .search-head,
header .head-bottom .shopnow {
   display: inline-block;
   vertical-align: top
}

header .head-bottom .lang-head {
   padding: 0 17px;
   text-transform: uppercase;
   border-left: 1px solid hsla(51, 9%, 45%, .15);
   border-right: 1px solid hsla(51, 9%, 45%, .15);
   line-height: 60px
}

header .head-bottom .lang-head a {
   color: #7c7968
}

header .head-bottom .lang-head a:hover {
   color: #1f5b29
}

header .head-bottom .lang-head a.active {
   color: #1f5b29;
   font-weight: 700
}

header .head-bottom .search-head {
   position: relative
}

header .head-bottom .search-head .btn-search {
   display: inline-block;
   width: 60px;
   height: 60px;
   background: url(../images/material/ic-search.svg) no-repeat 50%;
   cursor: pointer;
   vertical-align: top
}

header .head-bottom .search-head .drop-search {
   padding-top: 20px;
   display: none;
   position: absolute;
   top: 100%;
   right: 0
}

header .head-bottom .search-head .drop-search:before {
   content: "";
   z-index: -1;
   border-left: 11px solid transparent;
   border-right: 11px solid transparent;
   border-bottom: 19px solid #fff;
   z-index: 1;
   position: absolute;
   top: 2px;
   right: 20px
}

header .head-bottom .search-head .drop-search input {
   border: none;
   background: #fff;
   font-size: 14px;
   height: 50px;
   width: 300px;
   padding: 0 20px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
   -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
   -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
   -ms-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
   -o-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22)
}

header .head-bottom .head-right {
   float: right
}

footer {
   display: table;
   align-content: stretch;
   background: #7c7968;
   width: 100%;
   font-family: Open Sans
}

footer a {
   color: #fff
}

footer nav a {
   display: inline-block;
   vertical-align: middle;
   margin-right: 60px;
   text-transform: uppercase;
   font-weight: 700
}

footer nav a:last-child {
   margin-right: 0
}

footer .left-foot,
footer .right-foot {
   display: table-cell;
   vertical-align: middle
}

footer .left-foot {
   padding: 33px 103px 24px;
   color: #fff;
   display: flex;
   justify-content: space-between;
   align-items: center
}

footer .left-foot .copyright {
   font-size: 13px;
   line-height: 25px
}

footer .right-foot {
   background: rgba(41, 41, 41, .33);
   text-align: center
}

footer .right-foot a {
   display: inline-block;
   vertical-align: middle;
   margin-right: 60px;
   text-transform: uppercase;
   font-weight: 700
}

footer .right-foot a:last-child {
   margin-right: 0
}

.btn-shopnow {
   display: inline-block;
   line-height: 60px;
   padding: 0 35px 0 72px;
   color: #fff;
   text-transform: uppercase;
   background: #b2161b;
   position: relative;
   z-index: 1
}

.btn-shopnow:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 33px;
   width: 30px;
   height: 30px;
   background: url(../images/ic-shownow.svg) no-repeat 50%;
   margin-top: -18px
}

.btn-shopnow:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #9e090e;
   opacity: 0;
   transform: scale(.6);
   -webkit-transform: scale(.6);
   -moz-transform: scale(.6);
   -ms-transform: scale(.6);
   -o-transform: scale(.6);
   z-index: -1;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.btn-shopnow:hover {
   color: #fff
}

.btn-shopnow:hover:after {
   opacity: 1;
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1)
}

.btn-rounded {
   display: inline-block;
   line-height: 60px;
   height: 60px;
   text-transform: uppercase;
   padding: 0 40px;
   background: #b93236;
   color: #fff;
   border-radius: 60px;
   -webkit-border-radius: 60px;
   -moz-border-radius: 60px;
   -ms-border-radius: 60px;
   -o-border-radius: 60px;
   font-size: 19px;
   font-weight: 700;
   letter-spacing: .6px;
   position: relative;
   border: 2px solid transparent
}

.btn-rounded,
.btn-rounded:before {
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.btn-rounded:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #fff;
   z-index: -1;
   border-radius: 60px;
   -webkit-border-radius: 60px;
   -moz-border-radius: 60px;
   -ms-border-radius: 60px;
   -o-border-radius: 60px;
   border: 2px solid #b93236;
   transform: scale(.8);
   -webkit-transform: scale(.8);
   -moz-transform: scale(.8);
   -ms-transform: scale(.8);
   -o-transform: scale(.8);
   opacity: 0
}

.btn-rounded.btn-mid {
   line-height: 50px;
   height: 50px;
   font-size: 16px
}

.btn-rounded:hover {
   color: #fff;
   background: transparent;
   color: #b93236
}

.btn-rounded:hover:before {
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   opacity: 1
}

.btn-submit {
   display: inline-block;
   height: 40px;
   line-height: 40px;
   padding: 0 40px;
   background: #1f5b29;
   color: #fff;
   border: none;
   font-size: 14px;
   border-radius: 10px;
   cursor: pointer;
   position: relative;
   z-index: 1;
}

.btn-submit,
.btn-submit:before {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px
}

.btn-submit:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #143a1b;
   border-radius: 10px;
   z-index: -1;
   opacity: 0;
   transform: scale(.6);
   -webkit-transform: scale(.6);
   -moz-transform: scale(.6);
   -ms-transform: scale(.6);
   -o-transform: scale(.6);
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.btn-submit:hover {
   color: #fff
}

.btn-submit:hover:before {
   opacity: 1;
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1)
}

.link-inline {
   display: inline-block;
   font-weight: 700;
   letter-spacing: 3px;
   font-size: 16px;
   line-height: 24px;
   color: #8db766;
   position: relative;
   text-transform: uppercase
}

.link-inline:before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   height: 2px;
   background: #8db766;
   width: 0;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.link-inline:hover {
   color: #8db766
}

.link-inline:hover:before {
   width: 100%
}

.link-inline.nocapital {
   text-transform: inherit;
   letter-spacing: 0
}

.link-inline.red {
   color: #b2161b
}

.link-inline.red:before {
   background: #b2161b
}

.link-arrow {
   display: inline-block;
   font-size: 13px;
   font-weight: 600;
   color: #698d48;
   text-transform: uppercase;
   letter-spacing: 1px;
   position: relative;
   padding-right: 47px;
   line-height: 30px;
   z-index: 1;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.link-arrow:before {
   right: 0;
   background: #8db766;
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
   z-index: -1
}

.link-arrow:after,
.link-arrow:before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   height: 30px;
   width: 30px;
   margin: auto;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.link-arrow:after {
   right: 12px;
   background: url(../images/material/arr-link-right.svg) no-repeat 50%
}

.link-arrow:hover {
   padding-left: 15px;
   color: #fff
}

.link-arrow:hover:before {
   width: 100%
}

.link-arrow:hover:after {
   right: 10px
}

.gra-green,
.homecontent .in-homecontent>section.facilities-home {
   background: #1f5b29;
   background: -webkit-gradient(left top, left bottom, color-stop(0, #1f5b29), color-stop(100%, #2c7438));
   background: -webkit-linear-gradient(top, #1f5b29, #2c7438);
   background: linear-gradient(180deg, #1f5b29 0, #2c7438);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f5b29', endColorstr='#2c7438', GradientType=0)
}

.gra-transblack,
.slider-facilities .list figure:before {
   background: transparent;
   background: -webkit-gradient(left top, left bottom, color-stop(0, transparent), color-stop(34%, rgba(0, 0, 0, .42)), color-stop(100%, #000));
   background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .42) 34%, #000);
   background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .42) 34%, #000);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0)
}

.box-link-facilities .wrapper .lg-link figure:before,
.gra-blackwhite {
   background: rgba(41, 41, 41, 0);
   background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(41, 41, 41, 0)), color-stop(84%, #292929), color-stop(100%, #292929));
   background: -webkit-linear-gradient(top, rgba(41, 41, 41, 0), #292929 84%, #292929);
   background: linear-gradient(180deg, rgba(41, 41, 41, 0) 0, #292929 84%, #292929);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#292929', GradientType=0)
}

.gra-fullblackwhite,
.homecontent .in-homecontent>section.magazine-home .left-magazine figure:before {
   background: transparent;
   background: -webkit-gradient(left top, left bottom, color-stop(0, transparent), color-stop(100%, #000));
   background: -webkit-linear-gradient(top, transparent, #000);
   background: linear-gradient(180deg, transparent 0, #000);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0)
}

.sc-top {
   margin-top: 160px
}

.side-title {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   margin-bottom: 28px
}

.side-title>h3 {
   margin-bottom: 0;
   width: 75%
}

.thumb-img {
   display: flex;
   justify-content: space-between
}

.thumb-img .list {
   display: block;
   background: #fff;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   width: 280px
}

.thumb-img .list figure {
   position: relative;
   overflow: hidden;
   border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   -ms-border-radius: 10px 10px 0 0;
   -o-border-radius: 10px 10px 0 0
}

.thumb-img .list figure:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: rgba(0, 0, 0, .5);
   opacity: 0;
   z-index: 1
}

.thumb-img .list figure:before,
.thumb-img .list figure img {
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.thumb-img .list figure img {
   width: 100%
}

.thumb-img .list figcaption {
   padding: 20px 30px;
   font-size: 16px;
   color: #4d4c44
}

.thumb-img .list figcaption p {
   margin-bottom: 0
}

.thumb-img .list:hover figure:before {
   opacity: 1
}

.thumb-img .list:hover figure img {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   filter: blur(3px);
   -webkit-filter: blur(2px)
}

.side-thumb,
.side-thumb .ls-thumb {
   display: flex;
   justify-content: space-between
}

.side-thumb .ls-thumb,
.side-thumb .ls-thumb figure {
   width: 48%
}

.side-thumb .ls-thumb figure img {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -webkit-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -moz-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -ms-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -o-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   width: 100%
}

.side-thumb .ls-thumb figcaption {
   width: 47%;
   padding-top: 5px
}

.side-thumb .ls-thumb figcaption span {
   display: block;
   font-size: 13px;
   color: #a3a3a3;
   font-weight: 600;
   margin-bottom: 13px
}

.side-thumb .ls-thumb figcaption p {
   font-size: 16px;
   line-height: 30px;
   color: #555;
   margin-bottom: 11px
}

.side-thumb.fullwidth {
   display: block;
   justify-content: inherit;
   margin-bottom: 80px
}

.side-thumb.fullwidth .ls-thumb {
   width: 100%;
   margin-bottom: 38px;
   align-items: center
}

.side-thumb.fullwidth .ls-thumb figure {
   width: 370px
}

.side-thumb.fullwidth .ls-thumb figcaption {
   width: 570px
}

.side-thumb.fullwidth .ls-thumb figcaption span {
   color: #698d48;
   font-size: 13px;
   font-weight: 500
}

.side-thumb.fullwidth .ls-thumb figcaption h5 {
   font-size: 18px;
   line-height: 28px;
   font-family: SF UI Text;
   margin-bottom: 5px
}

.side-thumb.fullwidth .ls-thumb figcaption p {
   font-size: 14px;
   line-height: 24px;
   color: #7c7968
}

.bg-bot-img {
   z-index: -1;
   width: 100%;
   height: 55px;
   left: 0;
   bottom: 0;
   position: absolute
}

.bg-bot-img:before {
   content: "";
   position: absolute;
   bottom: -76px;
   left: -52px;
   width: 270px;
   height: 235px;
   background: url(../images/bg-left-bottom.png) no-repeat 100% 0
}

.bg-bot-img:after {
   content: "";
   position: absolute;
   bottom: -151px;
   right: -45px;
   width: 386px;
   height: 366px;
   background: url(../images/bg-right-bottom.png) no-repeat 0 0
}

.bg-brush {
   background: url(../images/paper_fibers.png) repeat 0 0
}

.banner {
   position: relative;
   box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -webkit-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -moz-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -ms-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -o-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06)
}

.banner figure {
   position: relative;
   overflow: hidden
}

.banner figure:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   opacity: .6;
   background: #292929;
   background: -webkit-gradient(left top, right top, color-stop(0, #292929), color-stop(100%, rgba(41, 41, 41, 0)));
   background: -webkit-linear-gradient(left, #292929, rgba(41, 41, 41, 0));
   background: linear-gradient(90deg, #292929 0, rgba(41, 41, 41, 0));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#292929', GradientType=1)
}

.banner figure img {
   width: 100%
}

.banner figcaption {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   width: 990px;
   margin: 0 auto;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   color: #fff
}

.banner figcaption h2 {
   font-size: 39px;
   line-height: 1.2
}

.banner figcaption .breadcrumbs {
   margin-bottom: 10px
}

.breadcrumbs li {
   display: inline-block;
   font-size: 12px;
   font-weight: 600;
   margin-right: 38px;
   position: relative
}

.breadcrumbs li:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 100%;
   margin-left: 10px;
   height: 1px;
   background: #b7b4a2;
   width: 20px
}

.breadcrumbs li a {
   color: #fff
}

.breadcrumbs li:last-child:before {
   display: none
}

.breadcrumbs li.active a,
.breadcrumbs li:hover a {
   color: #ff6f61
}

.breadcrumbs.black a {
   color: #7c7968
}

.space-top-bottom {
   padding: 60px 0 90px;
   min-height: 300px
}

.space-top-bottom-same {
   padding: 60px 0;
   min-height: 300px
}

.side-line {
   padding-left: 30px;
   position: relative;
   margin-bottom: 45px;
   color: #4d4c44
}

.side-line:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   width: 3px;
   background: #ff6f61
}

.side-line ol li,
.side-line ul li {
   font-size: 16px;
   line-height: 30px;
   color: #7c7968
}

.side-line ul {
   margin: 0 0 20px
}

.side-line ul li {
   margin: 0;
   padding: 0 0 0 20px;
   position: relative
}

.side-line ul li:before {
   content: "";
   position: absolute;
   top: 11px;
   left: 3px;
   width: 5px;
   height: 5px;
   background: #7ca557;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%
}

.side-line ol {
   margin: 0 0 20px;
   counter-reset: a
}

.side-line ol li {
   margin: 0;
   padding: 0 0 0 20px;
   counter-increment: a;
   position: relative
}

.side-line ol li:before {
   content: counter(a) ".";
   position: absolute;
   top: 0;
   left: 0
}

.side-icon {
   display: flex;
   font-family: Open Sans;
   align-items: center;
   margin-bottom: 10px
}

.side-icon img {
   max-width: 60px
}

.side-icon span {
   font-size: 20px;
   font-weight: 700;
   font-style: italic;
   text-transform: uppercase;
   color: #698d48;
   margin-left: 10px
}

.ovhide {
   overflow: hidden
}

.potrait-list {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -10px 80px
}

.potrait-list .list {
   position: relative;
   color: #4d4c44;
   margin: 0 10px 40px;
   flex: 1 0 calc(50% - 20px);
   max-width: calc(50% - 20px);
   background: #fff;
   box-sizing: border-box
}

.potrait-list .list span {
   font-size: 15px;
   color: #b7b4a2;
   display: block;
   margin-bottom: 10px;
   font-family: Open Sans;
   line-height: 1.2
}

.potrait-list .list h5 {
   font-size: 18px;
   font-weight: 600
}

.potrait-list .list figure {
   position: relative
}

.potrait-list .list figure:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, .3);
   opacity: 0;
   transition: all .3s ease-out;
   -webkit-transition: all .3s ease-out;
   -moz-transition: .3s all ease-out;
   -ms-transition: .3s all ease-out;
   -o-transition: .3s all ease-out
}

.potrait-list .list figure:before,
.potrait-list .list figure img {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px
}

.potrait-list .list figure img {
   width: 100%;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}

.potrait-list .list figcaption {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -ms-border-radius: 0 0 10px 10px;
   -o-border-radius: 0 0 10px 10px;
   min-height: 0;
   background: #fff;
   padding: 30px 50px;
   box-sizing: border-box;
   transition: all .3s ease-out;
   -webkit-transition: all .3s ease-out;
   -moz-transition: .3s all ease-out;
   -ms-transition: .3s all ease-out;
   -o-transition: .3s all ease-out
}

.potrait-list .list:hover figure:before {
   opacity: 1
}

.potrait-list .list:hover figcaption {
   background: hsla(0, 0%, 100%, .9);
   padding: 50px
}

.potrait-list.fximg .list {
   font-family: Open Sans;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px
}

.potrait-list.fximg .list span {
   font-size: 12px
}

.potrait-list.fximg .list h5 {
   font-size: 16px;
   font-family: Open Sans
}

.potrait-list.fximg .list figure:before,
.potrait-list.fximg .list figure img {
   border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   -ms-border-radius: 10px 10px 0 0;
   -o-border-radius: 10px 10px 0 0
}

.potrait-list.fximg .list figcaption {
   position: relative;
   top: auto;
   right: auto;
   bottom: auto;
   left: auto;
   padding: 20px 30px
}

.potrait-list.three-col .list {
   flex: 1 0 calc(33.3333333% - 20px);
   max-width: calc(33.3333333% - 20px);
   margin-bottom: 20px
}

.potrait-list.nomarg {
   margin-bottom: 0
}

.potrait-lg {
   position: relative
}

.potrait-lg span {
   font-size: 15px;
   color: #b7b4a2;
   display: block;
   margin-bottom: 10px;
   font-family: Open Sans;
   line-height: 1.2
}

.potrait-lg h5 {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 14px
}

.potrait-lg p {
   font-size: 16px;
   line-height: 28px;
   color: #7c7968
}

.potrait-lg figure img {
   border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   -ms-border-radius: 10px 10px 0 0;
   -o-border-radius: 10px 10px 0 0
}

.potrait-lg figcaption {
   position: relative;
   border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -ms-border-radius: 0 0 10px 10px;
   -o-border-radius: 0 0 10px 10px;
   min-height: 0;
   background: #fff;
   padding: 30px 50px;
   box-sizing: border-box;
   transition: all .3s ease-out;
   -webkit-transition: all .3s ease-out;
   -moz-transition: .3s all ease-out;
   -ms-transition: .3s all ease-out;
   -o-transition: .3s all ease-out
}

.potrait-lg ol li,
.potrait-lg ul li {
   font-size: 16px;
   line-height: 30px;
   color: #7c7968
}

.potrait-lg ul {
   margin: 0 0 20px
}

.potrait-lg ul li {
   margin: 0;
   padding: 0 0 0 20px;
   position: relative
}

.potrait-lg ul li:before {
   content: "";
   position: absolute;
   top: 11px;
   left: 3px;
   width: 5px;
   height: 5px;
   background: #7ca557;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%
}

.potrait-lg ol {
   margin: 0 0 20px;
   counter-reset: a
}

.potrait-lg ol li {
   margin: 0;
   padding: 0 0 0 20px;
   counter-increment: a;
   position: relative
}

.potrait-lg ol li:before {
   content: counter(a) ".";
   position: absolute;
   top: 0;
   left: 0
}

.potrait-lg.fximg figure img {
   border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   -ms-border-radius: 10px 10px 0 0;
   -o-border-radius: 10px 10px 0 0
}

.potrait-lg.fximg figcaption {
   position: relative;
   top: auto;
   right: auto;
   bottom: auto;
   left: auto
}

.potrait-lg.member-lg .list {
   display: none
}

.potrait-lg.member-lg .list.active {
   display: block
}

.pagination {
   text-align: center
}

.pagination a {
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   color: #4d4c44;
   font-weight: 600
}

.pagination a.next,
.pagination a.prev {
   width: auto;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
   color: #b7b4a2
}

.pagination a.prev {
   margin-right: 23px
}

.pagination a.next {
   margin-left: 23px
}

.pagination a:hover {
   color: #7ca557
}

.pagination a.active {
   background: #7ca557;
   color: #fff
}

.popup {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1000;
   display: none;
   overflow: auto
}

.popup .in-popup {
   position: relative;
   width: 866px;
   margin: 5% auto;
   padding-top: 60px;
   z-index: 10
}

.popup .in-popup .close-popup {
   position: absolute;
   top: 0;
   right: 0;
   width: 40px;
   height: 40px;
   cursor: pointer
}

.popup .in-popup .close-popup span {
   display: block;
   background: #9f9f9f;
   height: 5px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   margin-top: -3px;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.popup .in-popup .close-popup:hover span,
.popup .in-popup .close-popup span:last-child {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg)
}

.popup .in-popup .close-popup:hover span {
   background: #9f0010
}

.popup .in-popup .close-popup:hover span:last-child {
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg)
}

.popup .in-popup .overflow-box {
   overflow: hidden;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   opacity: 0;
   transform: rotateX(-45deg);
   -webkit-transform: rotateX(-45deg);
   -moz-transform: rotateX(-45deg);
   -ms-transform: rotateX(-45deg);
   -o-transform: rotateX(-45deg);
   -webkit-transform-origin: 0 0;
   transform-origin: 0 0;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   transform-origin: 50% 0;
   transition: all .3s ease-out;
   -webkit-transition: all .3s ease-out;
   -moz-transition: .3s all ease-out;
   -ms-transition: .3s all ease-out;
   -o-transition: .3s all ease-out
}

.popup .in-popup.mid {
   width: 455px
}

.popup .in-popup.mid .pop-gallery-list .numslide {
   margin-top: -50px
}

.popup .in-popup.mid .slidergallery .slick-arrow.slick-next,
.popup .in-popup.mid .slidergallery .slick-arrow.slick-prev {
   margin-top: -10px
}

.popup.show .in-popup .overflow-box {
   opacity: 1;
   transform: rotateX(0deg);
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -ms-transform: rotateX(0deg);
   -o-transform: rotateX(0deg)
}

.popup .inner-table {
   width: 100%;
   height: 100%;
   display: table;
   position: absolute;
   top: 0
}

.popup .inner-table .inner-cell {
   vertical-align: middle
}

.popup .overlay-popup {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   background: rgba(0, 0, 0, .7);
   width: 100%;
   height: 100%
}

select.select-lg {
   width: 100%;
   border: none;
   border-bottom: 1px solid #b7b4a2;
   padding: 0 20px 15px 0;
   font-family: Sunset-Serial;
   font-weight: 700;
   font-size: 20px;
   color: #292929;
   background: url(../images/material/ic_arr_bottom_red.svg) no-repeat right 10px
}

.box-form .col {
   display: flex;
   justify-content: space-between;
   background: #fafafa;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   margin-bottom: 10px;
   align-items: center;
   padding: 0 20px
}

.box-form .col input[type=email],
.box-form .col input[type=number],
.box-form .col input[type=password],
.box-form .col input[type=text],
.box-form .col select,
.box-form .col textarea {
   width: 86%;
   border: none;
   padding: 0 20px;
   height: 60px;
   font-size: 16px;
   color: #292929;
   background: transparent;
   box-sizing: border-box
}

.box-form .col input[type=email]::-webkit-input-placeholder,
.box-form .col input[type=number]::-webkit-input-placeholder,
.box-form .col input[type=password]::-webkit-input-placeholder,
.box-form .col input[type=text]::-webkit-input-placeholder,
.box-form .col select::-webkit-input-placeholder,
.box-form .col textarea::-webkit-input-placeholder {
   color: rgba(41, 41, 41, .3)
}

.box-form .col input[type=email]:-moz-placeholder,
.box-form .col input[type=email]::-moz-placeholder,
.box-form .col input[type=number]:-moz-placeholder,
.box-form .col input[type=number]::-moz-placeholder,
.box-form .col input[type=password]:-moz-placeholder,
.box-form .col input[type=password]::-moz-placeholder,
.box-form .col input[type=text]:-moz-placeholder,
.box-form .col input[type=text]::-moz-placeholder,
.box-form .col select:-moz-placeholder,
.box-form .col select::-moz-placeholder,
.box-form .col textarea:-moz-placeholder,
.box-form .col textarea::-moz-placeholder {
   color: rgba(41, 41, 41, .3)
}

.box-form .col input[type=email]:-ms-input-placeholder,
.box-form .col input[type=number]:-ms-input-placeholder,
.box-form .col input[type=password]:-ms-input-placeholder,
.box-form .col input[type=text]:-ms-input-placeholder,
.box-form .col select:-ms-input-placeholder,
.box-form .col textarea:-ms-input-placeholder {
   color: rgba(41, 41, 41, .3)
}

.box-form .col textarea {
   padding: 20px 0 0;
   resize: none
}

.box-form .col label {
   font-size: 13px;
   color: #7c7968;
   word-wrap: break-word;
   width: 14%
}

.box-form .col.no-bg {
   background: transparent;
   padding: 0
}

.box-form .col.txarea {
   display: block;
   padding-top: 20px;
   padding-bottom: 20px
}

.box-form .col.txarea label,
.box-form .col.txarea textarea {
   width: 100%
}

.box-form .col.error {
   margin-bottom: 35px;
   position: relative;
   border: 1px solid red
}

.box-form .col.error input.error {
   border-color: red
}

.box-form .col.error p.error {
   font-size: 12px;
   margin: 0;
   line-height: 1;
   position: absolute;
   left: 0;
   bottom: -20px;
   color: red
}

.box-form .col.error .input_file {
   position: static!important
}

.box-form .col.error .input_file:after {
   right: 0
}

.rightside-slider {
   position: relative;
   background: url(../images/paper_fibers.png) repeat 0 0
}

.rightside-slider h3 {
   font-size: 31px;
   line-height: 40px
}

.rightside-slider p {
   font-size: 16px;
   line-height: 28px;
   color: #7c7968
}

.rightside-slider .wrap-mid {
   width: 990px;
   margin-bottom: 135px;
   position: relative;
   z-index: 1
}

.rightside-slider .in-rightside-slider {
   display: flex;
   justify-content: space-between;
   position: relative;
   align-items: center
}

.rightside-slider .in-rightside-slider .desc {
   width: 470px;
   padding-top: 50px
}

.rightside-slider .in-rightside-slider .slider-right {
   width: 606px;
   margin-right: -185px;
   position: relative
}

.rightside-slider .in-rightside-slider .slider-right .numslide {
   position: absolute;
   bottom: 130px;
   right: 39px;
   color: #fff;
   font-size: 20px;
   font-family: Eczar
}

.rightside-slider .in-rightside-slider .slider-right .numslide .num {
   font-size: 31px;
   font-weight: 700
}

.rightside-slider .in-rightside-slider .slider-right .text-rotate {
   position: absolute;
   top: 65px;
   right: 70px;
   color: #fff;
   opacity: .5;
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 3px;
   font-family: Open Sans;
   z-index: 3;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   transform-origin: 100% 100%;
   text-align: right;
   width: 500px
}

.rightside-slider .box-numslide {
   position: relative;
   background: #fff;
   text-align: center;
   padding: 11px 22px;
   width: 200px;
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: -25px;
   z-index: 2
}

.rightside-slider .box-numslide .next-slide,
.rightside-slider .box-numslide .prev-slide {
   width: 30px;
   height: 16px;
   display: block;
   cursor: pointer;
   background: url(../images/material/arr-long-black.svg) no-repeat 50%
}

.rightside-slider .box-numslide .next-slide {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg)
}

.rightside-slider .box-numslide .num-only {
   font-size: 16px;
   font-family: Eczar
}

.rightside-slider .box-numslide .num-only .num {
   font-size: 25px;
   font-weight: 700
}

.rightside-slider.no-bg {
   background: transparent
}

.rightside-slider.paddbot {
   padding-bottom: 130px
}

.bot-bg-green {
   padding-bottom: 196px;
   z-index: 1;
   overflow: hidden
}

.bot-bg-green .obj-bg-green {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: #779d54;
   height: 550px;
   z-index: -1
}

.bot-bg-green .obj-bg-green .left-obj {
   position: absolute;
   bottom: -131px;
   left: -110px;
   width: 439px;
   height: 435px;
   background: url(../images/material/left-csr.png) no-repeat 50%
}

.bot-bg-green .obj-bg-green .right-obj {
   position: absolute;
   top: 0;
   right: -111px;
   width: 343px;
   height: 390px;
   background: url(../images/material/right-csr.png) no-repeat 50%
}

.sliderrightside {
   position: relative;
   padding: 74px 136px 0 0
}

.sliderrightside:before {
   content: "";
   position: absolute;
   top: 0;
   left: 71px;
   bottom: 39px;
   right: -2000px;
   background: #698d48;
   z-index: -1
}

.sliderrightside .list {
   min-height: 550px;
   display: flex;
   align-items: center
}

.sliderrightside .list img {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .26);
   -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .26);
   -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .26);
   -ms-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .26);
   -o-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .26)
}

.sliderrightside .slick-arrow {
   padding: 0;
   border: none;
   font-size: 0;
   color: transparent;
   width: 30px;
   height: 16px;
   background: url(../images/material/arr-right-md.svg) no-repeat 50%;
   cursor: pointer;
   position: absolute;
   bottom: 80px;
   z-index: 2
}

.sliderrightside .slick-arrow.slick-prev {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   right: 81px
}

.sliderrightside .slick-arrow.slick-next {
   right: 29px
}

.left-leaf {
   position: absolute;
   top: 432px;
   left: -157px;
   width: 398px;
   height: 410px;
   background: url(../images/left-leaf.png) no-repeat 50%
}

.left-leaf.halfsc {
   top: 50%;
   margin-top: -170px
}

.left-leaf-two {
   position: absolute;
   top: 413px;
   left: -60px;
   width: 438px;
   height: 391px;
   background: url(../images/left-leaf-two.png) no-repeat 50%
}

.filter-side {
   display: flex;
   justify-content: space-between;
   margin-bottom: 21px
}

.filter-side label {
   font-size: 14px;
   color: #7c7968;
   margin-right: 17px
}

.filter-side select {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   border: 1px solid #eee;
   height: 40px;
   padding: 0 50px 0 20px;
   font-size: 14px;
   background: url(../images/material/arr-bot-grey.svg) no-repeat 100%;
   min-width: 170px
}

.filter-side .left-filter a {
   display: inline-block;
   vertical-align: middle;
   font-size: 16px;
   color: #7c7968
}

.filter-side .left-filter a.active,
.filter-side .left-filter a:hover {
   color: #b2161b
}

.filter-side .left-filter a.active {
   font-weight: 700
}

.box-label {
   margin-bottom: 15px
}

.box-label .label {
   display: inline-block;
   line-height: 20px;
   padding: 0 5px;
   text-transform: uppercase;
   font-size: 12px;
   font-family: Open Sans;
   font-weight: 600;
   color: #fff;
   background: #ff6f61;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   margin-bottom: 5px
}

.box-label .label.green {
   background: #7ca557
}

.box-label .label.yellow {
   background: #ac9730
}

.share-sosmed a {
   display: inline-block;
   margin-left: 5px;
   cursor: pointer
}

.share-sosmed a:first-child {
   margin-left: 0
}

.share-sosmed a img {
   margin-bottom: 0
}

.box-img-apps a {
   display: inline-block;
   margin-right: 20px
}

.box-img-apps a:last-child {
   margin-right: 0
}

.full-window {
   height: calc(100vh - 160px);
   display: flex;
   align-items: center;
   color: #779d54;
   background: #779d54 url(../images/content/banner1.jpg) no-repeat bottom;
   background-size: cover;
   z-index: 1;
   position: relative
}

.full-window h2 {
   font-size: 60px;
   margin-bottom: 20px
}

.full-window p {
   font-size: 16px;
   line-height: 30px;
   margin-bottom: 30px
}

.full-window .in-window {
   width: 673px;
   margin: 0 auto;
   text-align: center;
   z-index: 3
}

.search-list .list {
   padding-bottom: 48px;
   margin-bottom: 48px;
   border-bottom: 1px solid #e2dfce
}

.search-list .list h5 {
   font-family: SF UI Text;
   font-size: 16px;
   font-weight: 700;
   color: #7c7968;
   margin-bottom: 8px
}

.search-list .list p {
   font-size: 16px;
   line-height: 26px;
   color: #7c7968
}

.search-obj {
   position: relative;
   overflow: hidden
}

.search-obj .left-circ {
   position: absolute;
   top: 30%;
   left: -230px;
   width: 439px;
   height: 435px;
   background: url(../images/material/left-csr.png) no-repeat 50%;
   opacity: .17;
   background-size: 100%
}

.search-obj .right-obj {
   position: absolute;
   top: 3%;
   right: -150px;
   width: 343px;
   height: 391px;
   background: url(../images/material/right-csr.png) no-repeat 50%;
   opacity: .17;
   background-size: 100%
}

.undermaintenance header .head-bottom {
   display: none
}

.undermaintenance .sc-top {
   margin-top: 100px
}

.undermaintenance footer .left-foot .copyright {
   display: block;
   width: 100%;
   text-align: center
}

.undermaintenance footer .left-foot nav,
.undermaintenance footer .right-foot {
   display: none
}

.sliderhome .list {
   position: relative
}

.sliderhome .list figure {
   height: calc(100vh - 160px);
   overflow: hidden
}

.sliderhome .list figure img {
   width: 100%
}

.sliderhome .list .desc {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   width: 600px;
   margin: 0 auto;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   text-align: center
}

.sliderhome .list .desc h2,
.sliderhome .list .desc h3 {
   font-family: Sunset-Serial
}

.sliderhome .list .desc h2 {
   font-size: 66px;
   color: #8ab661;
   font-weight: 700;
   margin-bottom: 10px
}

.sliderhome .list .desc h2 span {
   font-size: 64px;
   transform: rotate(-29deg);
   -webkit-transform: rotate(-29deg);
   -moz-transform: rotate(-29deg);
   -ms-transform: rotate(-29deg);
   -o-transform: rotate(-29deg);
   display: inline-block;
   color: #b7b4a2
}

.sliderhome .list .desc h3 {
   font-size: 58px;
   font-weight: 700;
   color: #7c7968;
   margin-bottom: 24px
}

.sliderhome .slick-arrow {
   position: absolute;
   top: 50%;
   z-index: 1;
   border: none;
   font-size: 0;
   color: transparent;
   padding: 0;
   background: hsla(0, 0%, 100%, .7);
   width: 66px;
   height: 66px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   margin-top: -33px;
   cursor: pointer
}

.sliderhome .slick-arrow:before {
   opacity: 0;
   background: #fff;
   transform: scale(0);
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   z-index: -1;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.sliderhome .slick-arrow:after,
.sliderhome .slick-arrow:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%
}

.sliderhome .slick-arrow:after {
   background: url(../images/material/arrow-right.svg) no-repeat 50%
}

.sliderhome .slick-arrow.slick-prev {
   left: 34px
}

.sliderhome .slick-arrow.slick-next {
   right: 34px;
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg)
}

.sliderhome .slick-arrow:hover:before {
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   opacity: 1
}

.homecontent {
   position: relative;
   width: 100%;
   padding: 88px 0 117px;
   overflow: hidden
}

.homecontent .vegeright {
   position: absolute;
   margin-top: 30px;
   right: -80px;
   width: 356px;
   height: 434px;
   background: url(../images/material/vegeright.png) no-repeat 100% 0
}

.homecontent .wrapper {
   width: 1200px
}

.homecontent .in-homecontent {
   position: relative;
   width: 1401px;
   margin: 0 auto
}

.homecontent .in-homecontent:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: -1;
   background: url(../images/paper_fibers.png) repeat 0 0
}

.homecontent .in-homecontent>section>h2 {
   position: absolute;
   margin-top: 0;
   left: -24px;
   font-family: Sunset-Serial;
   font-weight: 700;
   color: #efefef;
   font-size: 120px
}

.homecontent .in-homecontent>section.about-home {
   padding: 126px 100px 156px;
   position: relative
}

.homecontent .in-homecontent>section.about-home:before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 253px;
   height: 206px;
   background: url(../images/material/bg-advleft.png) no-repeat 100% 0
}

.homecontent .in-homecontent>section.facilities-home {
   color: #fff;
   z-index: 1
}

.homecontent .in-homecontent>section.facilities-home:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 261px;
   height: 354px;
   z-index: -1;
   background: url(../images/material/bg-top-facilities.png) no-repeat 100% 0
}

.homecontent .in-homecontent>section.facilities-home:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   top: 0;
   z-index: -1;
   background: url(../images/material/bg-bottom-facilities.png) no-repeat 0 100%;
   background-size: 100%
}

.homecontent .in-homecontent>section.facilities-home>h2 {
   color: #3d7538;
   margin-top: 80px
}

.homecontent .in-homecontent>section.facilities-home h3 {
   font-size: 34px;
   margin-bottom: 16px
}

.homecontent .in-homecontent>section.facilities-home .slider-facilities {
   margin-top: -77px
}

.homecontent .in-homecontent>section.facilities-home .box-slide-facilities {
   border-bottom: 1px solid rgba(0, 0, 0, .15);
   padding: 203px 0 62px
}

.homecontent .in-homecontent>section.facilities-home .box-slide-facilities h3 {
   width: 500px;
   max-width: 100%
}

.homecontent .in-homecontent>section.facilities-home .box-link-facilities {
   padding: 69px 0 160px
}

.homecontent .in-homecontent>section.facilities-home .side-title h3 {
   margin-bottom: 0
}

.homecontent .in-homecontent>section.news-home {
   padding-top: 131px;
   padding-bottom: 122px
}

.homecontent .in-homecontent>section.news-home>h2 {
   margin-top: 60px;
   left: auto;
   right: -20px
}

.homecontent .in-homecontent>section.news-home h3 {
   margin-bottom: 16px
}

.homecontent .in-homecontent>section.news-home .labu {
   width: 140px;
   height: 256px;
   background: url(../images/material/labu.png) no-repeat 0;
   position: absolute;
   bottom: -120px;
   right: 0
}

.homecontent .in-homecontent>section.news-home .vegeleft {
   width: 610px;
   height: 686px;
   position: absolute;
   margin-top: -233px;
   left: -245px;
   z-index: 2;
   background: url(../images/material/vegeleft.png) no-repeat 0 0
}

.homecontent .in-homecontent>section.magazine-home {
   padding-top: 135px;
   padding-bottom: 100px
}

.homecontent .in-homecontent>section.magazine-home>h2 {
   left: 114px
}

.homecontent .in-homecontent>section.magazine-home .wrapper {
   display: table
}

.homecontent .in-homecontent>section.magazine-home .left-magazine,
.homecontent .in-homecontent>section.magazine-home .right-magazine {
   display: table-cell;
   vertical-align: bottom
}

.homecontent .in-homecontent>section.magazine-home .left-magazine {
   width: 540px;
   position: relative
}

.homecontent .in-homecontent>section.magazine-home .left-magazine figure {
   position: relative;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -webkit-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -moz-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -ms-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -o-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   overflow: hidden
}

.homecontent .in-homecontent>section.magazine-home .left-magazine figure:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: .6;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   z-index: 1
}

.homecontent .in-homecontent>section.magazine-home .left-magazine figure img {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out;
   width: 100%
}

.homecontent .in-homecontent>section.magazine-home .left-magazine figure figcaption {
   position: absolute;
   bottom: 48px;
   left: 50px;
   right: 50px;
   color: #fff;
   z-index: 2;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.homecontent .in-homecontent>section.magazine-home .left-magazine figure figcaption h3 {
   font-size: 32px;
   margin-bottom: 15px
}

.homecontent .in-homecontent>section.magazine-home .left-magazine figure figcaption p {
   font-size: 16px;
   line-height: 25px;
   color: #faf9f0;
   margin-bottom: 0
}

.homecontent .in-homecontent>section.magazine-home .left-magazine figure figcaption p span {
   font-weight: 700;
   color: #d3141a
}

.homecontent .in-homecontent>section.magazine-home .left-magazine figure:hover img {
   filter: blur(3px);
   -webkit-filter: blur(3px)
}

.homecontent .in-homecontent>section.magazine-home .left-magazine figure:hover figcaption {
   bottom: 55px
}

.homecontent .in-homecontent>section.magazine-home .right-magazine {
   padding-left: 65px
}

.homecontent .in-homecontent>section.magazine-home .right-magazine .slidermagazine {
   margin-right: -100px;
   width: 698px
}

.box-aside {
   display: flex;
   justify-content: space-between;
   margin-bottom: 72px
}

.box-aside h1,
.box-aside h3 {
   font-family: Sunset-Serial;
   margin-bottom: 32px;
   color: #4d4c44;
   font-size: 39px
}

.box-aside p {
   font-size: 16px;
   line-height: 34px;
   color: #7c7968;
   margin-bottom: 45px
}

.box-aside .left-side {
   width: 353px
}

.box-aside .right-side {
   width: 673px
}

.box-advantages {
   display: flex;
   flex-wrap: wrap
}

.box-advantages .list {
   width: 33.333333333333%;
   position: relative;
   text-align: center;
   box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -webkit-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -moz-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -ms-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   -o-box-shadow: 0 20px 99px 0 rgba(0, 0, 0, .06);
   display: block
}

.box-advantages .list h3 {
   opacity: .9;
   margin-bottom: 10px
}

.box-advantages .list p {
   color: #faf9f0;
   font-size: 16px;
   line-height: 25px;
   max-height: 0;
   overflow: hidden;
   transition: all .3s ease-out;
   -webkit-transition: all .3s ease-out;
   -moz-transition: .3s all ease-out;
   -ms-transition: .3s all ease-out;
   -o-transition: .3s all ease-out;
   margin-bottom: 0
}

.box-advantages .list figure {
   position: relative;
   overflow: hidden
}

.box-advantages .list figure:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: rgba(0, 0, 0, .3);
   z-index: 1
}

.box-advantages .list figure img {
   transition: all .3s ease-out;
   -webkit-transition: all .3s ease-out;
   -moz-transition: .3s all ease-out;
   -ms-transition: .3s all ease-out;
   -o-transition: .3s all ease-out
}

.box-advantages .list figcaption {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   color: #fff;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   padding: 0 30px;
   z-index: 1
}

.box-advantages .list:hover p {
   max-height: 100px
}

.box-advantages .list:hover figure img {
   filter: blur(3px);
   -webkit-filter: blur(3px)
}

.box-advantages .list:first-child figure:before,
.box-advantages .list:first-child figure img {
   border-radius: 14px 0 0 14px;
   -webkit-border-radius: 14px 0 0 14px;
   -moz-border-radius: 14px 0 0 14px;
   -ms-border-radius: 14px 0 0 14px;
   -o-border-radius: 14px 0 0 14px
}

.box-advantages .list:last-child figure:before,
.box-advantages .list:last-child figure img {
   border-radius: 0 14px 14px 0;
   -webkit-border-radius: 0 14px 14px 0;
   -moz-border-radius: 0 14px 14px 0;
   -ms-border-radius: 0 14px 14px 0;
   -o-border-radius: 0 14px 14px 0
}

.slider-facilities .list {
   position: relative;
   margin: 77px 0;
   display: block;
   color: #fff
}

.slider-facilities .list h5 {
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 13px;
   font-family: SF UI Text
}

.slider-facilities .list p {
   font-size: 16px;
   line-height: 25px
}

.slider-facilities .list figure {
   position: relative;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out;
   overflow: hidden
}

.slider-facilities .list figure:before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 100px;
   transition: height .2s ease-out;
   -webkit-transition: height .2s ease-out;
   -moz-transition: .2s height ease-out;
   -ms-transition: .2s height ease-out;
   -o-transition: .2s height ease-out
}

.slider-facilities .list figure img {
   width: 100%;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.slider-facilities .list figcaption {
   bottom: 24px;
   left: 27px;
   right: 27px
}

.slider-facilities .list .desc-det,
.slider-facilities .list figcaption {
   position: absolute;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.slider-facilities .list .desc-det {
   bottom: -45px;
   left: 0;
   right: -45px;
   opacity: 0
}

.slider-facilities .list.slick-current {
   z-index: 2
}

.slider-facilities .list.slick-current figure {
   transform: scale(1.5);
   -webkit-transform: scale(1.5);
   -moz-transform: scale(1.5);
   -ms-transform: scale(1.5);
   -o-transform: scale(1.5)
}

.slider-facilities .list.slick-current figure:before {
   height: 150px
}

.slider-facilities .list.slick-current figure:before,
.slider-facilities .list.slick-current figure img {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px
}

.slider-facilities .list.slick-current figcaption {
   opacity: 0;
   bottom: 50px
}

.slider-facilities .list.slick-current .desc-det {
   bottom: -35px;
   opacity: 1;
   left: -45px;
   right: -45px
}

.slider-facilities .list:hover figure:before {
   height: 70%
}

.slider-facilities .slick-arrow {
   top: 50%;
   font-size: 0;
   color: transparent;
   padding: 0;
   border: none;
   width: 50px;
   height: 50px;
   border-radius: 100%;
   z-index: 1;
   margin-top: -25px;
   background: rgba(255, 111, 97, .7);
   cursor: pointer
}

.slider-facilities .slick-arrow,
.slider-facilities .slick-arrow:before {
   position: absolute;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%
}

.slider-facilities .slick-arrow:before {
   content: "";
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   border-radius: 100%;
   background: #ff6f61;
   transform: scale(.5);
   -webkit-transform: scale(.5);
   -moz-transform: scale(.5);
   -ms-transform: scale(.5);
   -o-transform: scale(.5);
   z-index: -1;
   opacity: 0;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.slider-facilities .slick-arrow:after {
   content: "_corporate.scss";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: url(../images/material/arr-long.svg) no-repeat 50%
}

.slider-facilities .slick-arrow.slick-prev {
   left: -28px
}

.slider-facilities .slick-arrow.slick-next {
   right: -28px;
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg)
}

.slider-facilities .slick-arrow:hover:before {
   opacity: 1;
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1)
}

.slider-facilities.mg_auto .slick-list .slick-track {
   transform: translate3d(226px, 0, 0)!important
}

.box-link-facilities .wrapper {
   display: table
}

.box-link-facilities .wrapper .lg-link,
.box-link-facilities .wrapper .thumb-link {
   display: table-cell;
   vertical-align: bottom
}

.box-link-facilities .wrapper .lg-link {
   width: 560px;
   overflow: hidden
}

.box-link-facilities .wrapper .lg-link a {
   color: #fff
}

.box-link-facilities .wrapper .lg-link h3 {
   font-size: 29px;
   color: #769c53;
   margin-bottom: 15px
}

.box-link-facilities .wrapper .lg-link figure {
   position: relative;
   overflow: hidden;
   border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   -ms-border-radius: 10px 10px 0 0;
   -o-border-radius: 10px 10px 0 0
}

.box-link-facilities .wrapper .lg-link figure:before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 200px;
   z-index: 1
}

.box-link-facilities .wrapper .lg-link figure img {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out;
   width: 100%
}

.box-link-facilities .wrapper .lg-link figcaption {
   padding: 0 48px 52px;
   background: #292929;
   border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -ms-border-radius: 0 0 10px 10px;
   -o-border-radius: 0 0 10px 10px
}

.box-link-facilities .wrapper .lg-link .facilities-search {
   border-top: 1px solid hsla(0, 0%, 44%, .2);
   padding: 10px 40px 10px 0;
   font-size: 23px;
   position: relative
}

.box-link-facilities .wrapper .lg-link .facilities-search:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 36px;
   background: url(../images/material/ic-search-white.svg) no-repeat 50%
}

.box-link-facilities .wrapper .lg-link:hover figure img {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1)
}

.box-link-facilities .wrapper .thumb-link {
   padding-left: 45px
}

.slidermagazine {
   position: relative
}

.slidermagazine .slick-track {
   display: flex
}

.slidermagazine .list {
   display: block;
   margin-right: 30px;
   width: 270px;
   background: #fff;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   height: auto
}

.slidermagazine .list figure {
   position: relative;
   overflow: hidden;
   border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   -ms-border-radius: 10px 10px 0 0;
   -o-border-radius: 10px 10px 0 0
}

.slidermagazine .list figure:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: rgba(0, 0, 0, .5);
   opacity: 0;
   z-index: 1
}

.slidermagazine .list figure:before,
.slidermagazine .list figure img {
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.slidermagazine .list figure img {
   width: 100%
}

.slidermagazine .list figcaption {
   padding: 20px;
   color: #4d4c44
}

.slidermagazine .list:hover figure:before {
   opacity: 1
}

.slidermagazine .list:hover figure img {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   filter: blur(3px);
   -webkit-filter: blur(2px)
}

.slidermagazine .slick-arrow {
   top: 50%;
   border: none;
   padding: 0;
   font-size: 0;
   color: transparent;
   width: 50px;
   height: 50px;
   background: rgba(255, 111, 97, .7);
   cursor: pointer;
   border-radius: 100%;
   z-index: 1;
   margin-top: -50px
}

.slidermagazine .slick-arrow,
.slidermagazine .slick-arrow:before {
   position: absolute;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%
}

.slidermagazine .slick-arrow:before {
   content: "";
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   border-radius: 100%;
   background: #ff6f61;
   transform: scale(.5);
   -webkit-transform: scale(.5);
   -moz-transform: scale(.5);
   -ms-transform: scale(.5);
   -o-transform: scale(.5);
   z-index: -1;
   opacity: 0;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.slidermagazine .slick-arrow:after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: url(../images/material/arr-long.svg) no-repeat 50%
}

.slidermagazine .slick-arrow.slick-prev {
   display: none!important
}

.slidermagazine .slick-arrow.slick-next {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   right: 110px
}

.slidermagazine .slick-arrow:hover:before {
   opacity: 1;
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1)
}

.story {
   padding-bottom: 117px;
   overflow: hidden
}

.story .wrapper {
   width: 1440px;
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: flex-start
}

.story .left-story {
   width: 605px;
   position: relative
}

.story .right-story {
   width: 570px
}

.story .numslide {
   position: absolute;
   bottom: 140px;
   left: 42px;
   color: #fff;
   font-size: 20px;
   font-family: Eczar
}

.story .numslide .num {
   font-size: 31px;
   font-weight: 700
}

.sliderstory {
   position: relative;
   padding: 78px 0 0 135px;
   box-sizing: border-box
}

.sliderstory:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 43px;
   right: 70px;
   background: #7ca557;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   z-index: -1
}

.sliderstory .list {
   position: relative
}

.sliderstory .list img {
   width: 470px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   position: relative;
   z-index: 2
}

.sliderstory .slick-arrow {
   position: absolute;
   bottom: 110px;
   z-index: 1;
   border: none;
   font-size: 0;
   color: transparent;
   padding: 0;
   width: 30px;
   height: 16px;
   background: url(../images/material/arr-right-md.svg) no-repeat 50%;
   cursor: pointer
}

.sliderstory .slick-arrow.slick-prev {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   left: 29px
}

.sliderstory .slick-arrow.slick-next {
   left: 81px
}

.slidercaptionstory .side-icon {
   margin-bottom: 27px
}

.result-map {
   padding-top: 54px
}

.result-map p {
   font-size: 16px;
   color: #7c7968;
   line-height: 24px
}

.side-map {
   display: flex;
   justify-content: space-between;
   align-items: stretch
}

.side-map .left-map,
.side-map .right-map {
   width: 48%
}

.side-map .left-map {
   max-height: 460px;
   overflow: auto;
   padding-right: 25px;
   box-sizing: border-box
}

.side-map .left-map .list {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   padding: 22px 25px;
   background: #fafafa;
   margin-bottom: 5px;
   cursor: pointer;
   position: relative;
   transition: background .3s ease-out;
   -webkit-transition: background .3s ease-out;
   -moz-transition: .3s background ease-out;
   -ms-transition: .3s background ease-out;
   -o-transition: .3s background ease-out
}

.side-map .left-map .list:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 100%;
   margin-top: -8px;
   opacity: 0;
   border-top: 8px solid transparent;
   border-bottom: 8px solid transparent;
   border-left: 18px solid #8db766
}

.side-map .left-map .list span {
   display: block;
   font-size: 13px;
   color: #7c7968;
   text-transform: uppercase;
   line-height: 20px
}

.side-map .left-map .list h5 {
   font-size: 18px;
   font-weight: 700;
   font-family: SF UI Text;
   color: #292929;
   line-height: 24px;
   margin-bottom: 7px
}

.side-map .left-map .list p {
   font-size: 13px;
   line-height: 20px;
   margin-bottom: 0
}

.side-map .left-map .list .drop-map,
.side-map .left-map .list .map-src {
   display: none
}

.side-map .left-map .list.active {
   background: #8db766;
   color: #fff
}

.side-map .left-map .list.active:before {
   opacity: 1
}

.side-map .left-map .list.active a,
.side-map .left-map .list.active h5,
.side-map .left-map .list.active p,
.side-map .left-map .list.active span {
   color: #fff
}

.side-map .left-map .list.active .drop-map {
   display: block
}

.side-map .right-map {
   height: 450px
}

.side-map .right-map iframe {
   width: 100%!important;
   height: 100%!important;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px
}

.certification-lg .list {
   display: none
}

.certification-lg .list.active {
   display: block
}

.address-list {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -15px 30px
}

.address-list .list {
   color: #7c7968;
   margin-bottom: 20px;
   padding-bottom: 20px;
   flex: 1 0 33.333333%;
   max-width: 33.333333%;
   padding: 0 15px;
   box-sizing: border-box
}

.address-list .list h5 {
   color: #7c7968;
   font-size: 18px;
   margin-bottom: 16px
}

.address-list .list a,
.address-list .list p {
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 0;
   color: #7c7968
}

.box-aside {
   display: flex;
   justify-content: space-between
}

.box-aside .submenu-aside {
   display: none
}

.box-aside aside {
   width: 270px
}

.box-aside aside>ul>li {
   border-top: 1px solid #eee
}

.box-aside aside>ul>li h5 {
   font-size: 16px;
   font-weight: 600;
   color: #7c7968;
   transition: all .1s ease-out;
   -webkit-transition: all .1s ease-out;
   -moz-transition: .1s all ease-out;
   -ms-transition: .1s all ease-out;
   -o-transition: .1s all ease-out
}

.box-aside aside>ul>li a {
   color: #7c7968;
   display: block
}

.box-aside aside>ul>li>a {
   color: #7c7968;
   padding: 22px 20px 22px 0;
   transition: all .1s ease-out;
   -webkit-transition: all .1s ease-out;
   -moz-transition: .1s all ease-out;
   -ms-transition: .1s all ease-out;
   -o-transition: .1s all ease-out;
   position: relative
}

.box-aside aside>ul>li>a:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 20px;
   background: url(../images/material/arr-bottom-grey.svg) no-repeat 50%;
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.box-aside aside>ul>li>ul {
   border-left: 1px solid #eee;
   margin-bottom: 23px;
   display: none
}

.box-aside aside>ul>li>ul>li {
   font-size: 14px;
   line-height: 20px;
   position: relative;
   padding: 5px 0;
   padding-left: 15px
}

.box-aside aside>ul>li>ul>li:before {
   content: "";
   position: absolute;
   top: 0;
   left: -1px;
   bottom: 0;
   width: 2px;
   background: #b2161b;
   height: 0;
   margin: auto 0;
   transition: all .1s ease-out;
   -webkit-transition: all .1s ease-out;
   -moz-transition: .1s all ease-out;
   -ms-transition: .1s all ease-out;
   -o-transition: .1s all ease-out
}

.box-aside aside>ul>li>ul>li.active:before,
.box-aside aside>ul>li>ul>li:hover:before {
   height: 100%
}

.box-aside aside>ul>li>ul>li.active a,
.box-aside aside>ul>li>ul>li:hover a {
   color: #b2161b
}

.box-aside aside>ul>li>ul>li.active a {
   font-weight: 700
}

.box-aside aside>ul>li:last-child {
   border-bottom: 1px solid #eee
}

.box-aside aside>ul>li.active>a,
.box-aside aside>ul>li.active>a h5,
.box-aside aside>ul>li:hover>a,
.box-aside aside>ul>li:hover>a h5 {
   color: #b2161b
}

.box-aside aside>ul>li.active>a:before {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg)
}

.box-aside aside>ul>li.active>ul {
   display: block
}

.box-aside aside>ul>li.noacc>a:before {
   display: none
}

.box-aside article {
   width: 800px
}

.acc-sidelist .list {
   display: flex;
   justify-content: space-between;
   border-top: 1px solid #eee;
   padding: 30px 0;
   position: relative
}

.acc-sidelist .list figure {
   width: 230px
}

.acc-sidelist .list figure img {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px
}

.acc-sidelist .list .desc {
   width: 500px;
   padding-bottom: 20px;
   box-sizing: border-box;
   overflow: hidden;
   transition: max-height .5s ease-in-out;
   -webkit-transition: max-height .5s ease-in-out;
   -moz-transition: .5s max-height ease-in-out;
   -ms-transition: .5s max-height ease-in-out;
   -o-transition: .5s max-height ease-in-out
}

.acc-sidelist .list .desc h4 {
   color: #7ca557;
   margin-bottom: 5px;
   font-family: SF UI Text;
   font-weight: 700
}

.acc-sidelist .list .desc p {
   font-size: 16px;
   line-height: 28px;
   color: #7c7968;
   margin-bottom: 20px
}

.acc-sidelist .list .desc .pos {
   display: block;
   font-size: 16px;
   line-height: 20px;
   color: #7c7968;
   font-family: Open Sans;
   margin-bottom: 26px
}

.acc-sidelist .list .acc-btn-more {
   position: absolute;
   bottom: 30px;
   right: 0;
   width: 30px;
   height: 30px;
   background: #ff6f61;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   display: block
}

.acc-sidelist .list .acc-btn-more:after,
.acc-sidelist .list .acc-btn-more:before {
   content: "";
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 12px;
   height: 2px;
   background: #fff;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   margin: -1px 0 0 -6px
}

.acc-sidelist .list .acc-btn-more:after {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg)
}

.acc-sidelist .list:last-child {
   border-bottom: 1px solid #eee
}

.acc-sidelist .list.limited .desc {
   max-height: 280px
}

.acc-sidelist .list.active .desc {
   max-height: 800px
}

.acc-sidelist .list.active .acc-btn-more:after {
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg)
}

.download-side .list {
   display: flex;
   justify-content: space-between;
   padding: 45px 0;
   border-top: 1px solid #eee
}

.download-side .list figure {
   width: 160px
}

.download-side .list figure img {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   width: 100%
}

.download-side .list .desc {
   width: 600px
}

.download-side .list .desc h4 {
   color: #7ca557;
   margin-bottom: 20px;
   font-family: SF UI Text;
   font-weight: 700
}

.download-side .list .desc p {
   font-size: 16px;
   line-height: 28px;
   color: #7c7968;
   margin-bottom: 20px
}

.download-side .list:last-child {
   border-bottom: 1px solid #eee
}

.download-potrait h4 {
   color: #7ca557;
   margin-bottom: 20px;
   font-family: SF UI Text;
   font-weight: 700
}

.download-potrait p {
   font-size: 16px;
   line-height: 28px;
   color: #7c7968;
   margin-bottom: 20px
}

.download-potrait .list {
   padding: 45px 0;
   border-top: 1px solid #eee
}

.data-download {
   display: block;
   padding: 18px 70px 18px 30px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   background: #fafafa;
   border: 1px solid #fafafa;
   margin-bottom: 10px;
   position: relative
}

.data-download h5 {
   font-size: 16px;
   line-height: 24px;
   font-weight: 600;
   color: #292929;
   font-family: SF UI Text
}

.data-download span {
   display: block;
   font-size: 13px;
   line-height: 18px;
   color: #7c7968
}

.data-download .link-download {
   display: block;
   width: 30px;
   height: 30px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   margin: auto 0;
   position: absolute;
   top: 0;
   right: 31px;
   bottom: 0;
   background: #ff6f61 url(../images/material/arr-download.svg) no-repeat 50%
}

.data-download:hover {
   border-color: #8db766
}

.acc-droplist .list {
   border-bottom: 1px solid #eee
}

.acc-droplist .list h5 {
   font-size: 20px;
   font-weight: 700;
   color: #7ca557;
   font-family: SF UI Text
}

.acc-droplist .list p {
   font-size: 16px;
   margin-bottom: 0
}

.acc-droplist .list .btn-acc {
   padding: 26px 40px 26px 0;
   position: relative;
   cursor: pointer
}

.acc-droplist .list .btn-acc .plus-btn-acc {
   position: absolute;
   top: 50%;
   right: 0;
   width: 30px;
   height: 30px;
   display: block;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   background: #ff6f61;
   margin-top: -15px
}

.acc-droplist .list .btn-acc .plus-btn-acc:after,
.acc-droplist .list .btn-acc .plus-btn-acc:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   margin: 0 auto;
   width: 12px;
   height: 2px;
   background: #fff;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   margin-top: -1px
}

.acc-droplist .list .btn-acc .plus-btn-acc:after {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.acc-droplist .list .drop-acc {
   display: none;
   padding-bottom: 30px
}

.acc-droplist .list:first-child {
   border-top: 1px solid #eee
}

.acc-droplist .list:hover {
   border-bottom-color: #7ca557
}

.acc-droplist .list.active .btn-acc .plus-btn-acc:after {
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg)
}

.acc-droplist .list.active .drop-acc {
   display: block
}

.ttl-csr {
   text-align: center;
   margin-bottom: 48px
}

.ttl-csr span {
   display: block;
   text-transform: uppercase;
   letter-spacing: 3px;
   font-size: 12px;
   font-family: Open Sans;
   color: #7c7968;
   margin-bottom: 14px
}

.ttl-csr h3 {
   font-size: 39px;
   line-height: 54px;
   margin-bottom: 14px
}

.ttl-csr p {
   font-size: 16px;
   line-height: 26px;
   color: #7c7968
}

.slidercsr .list {
   position: relative
}

.slidercsr .list figure img {
   width: 100%;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px
}

.slidercsr .list figcaption,
.slidercsr .list figure img {
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
   -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
   -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
   -ms-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
   -o-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
}

.slidercsr .list figcaption {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   background: hsla(0, 0%, 9%, .8);
   width: 43%;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   padding: 50px;
   color: #fff;
   border-radius: 0 10px 10px 0;
   -webkit-border-radius: 0 10px 10px 0;
   -moz-border-radius: 0 10px 10px 0;
   -ms-border-radius: 0 10px 10px 0;
   -o-border-radius: 0 10px 10px 0
}

.slidercsr .list figcaption h3 {
   font-size: 31px;
   line-height: 41px;
   margin-bottom: 26px
}

.slidercsr .list figcaption ol li,
.slidercsr .list figcaption ul li {
   position: relative;
   padding-left: 30px;
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 20px
}

.slidercsr .list figcaption ol li:before,
.slidercsr .list figcaption ul li:before {
   content: "";
   position: absolute;
   top: 4px;
   left: 0;
   width: 16px;
   height: 16px;
   background: url(../images/dots-green.svg) no-repeat 50%
}

.slidercsr .list figcaption .in-caps {
   max-height: 100%;
   overflow-y: auto;
   padding-right: 15px
}

.box-product {
   background: url(../images/paper_fibers.png) repeat 0 0;
   padding: 100px 0;
   position: relative
}

.product-list .list {
   display: flex;
   justify-content: space-between;
   margin-bottom: 70px;
   align-items: center
}

.product-list .list figure {
   width: 400px
}

.product-list .list figure img {
   width: 100%;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px
}

.product-list .list figcaption {
   width: 500px;
   color: #7c7968
}

.product-list .list figcaption h3 {
   color: #4d4c44;
   margin-bottom: 20px
}

.product-list .list figcaption blockquote {
   padding: 0;
   font-family: Open Sans;
   font-size: 18px;
   line-height: 32px;
   font-style: italic;
   font-weight: 300;
   margin-bottom: 15px
}

.product-list .list figcaption p {
   font-family: Open Sans;
   font-size: 14px;
   line-height: 24px
}

.product-list .list:nth-child(even) figure {
   order: 2
}

.product-list .list:nth-child(even) figcaption {
   order: 1
}

.career-top .left-leaf {
   top: 300px
}

.box-career .title-career {
   text-align: center;
   width: 520px;
   margin: 0 auto;
   margin-bottom: 40px
}

.box-career .title-career h3 {
   font-size: 39px;
   line-height: 54px;
   font-weight: 700;
   color: #4d4c44;
   font-family: Sunset-Serial
}

.box-career .title-career p {
   font-family: Open Sans;
   font-size: 16px;
   line-height: 24px;
   color: #7c7968
}

.career-list .col {
   margin-bottom: 5px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   background: #fff;
   position: relative;
   padding: 20px 30px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   overflow: hidden
}

.career-list .col:before {
   content: "";
   position: absolute;
   top: 50%;
   right: -100px;
   width: 100px;
   height: 100px;
   background: #7ca557;
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   margin-top: -50px;
   transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: .3s all ease-in-out;
   -ms-transition: .3s all ease-in-out;
   -o-transition: .3s all ease-in-out
}

.career-list .col .text-career {
   position: relative;
   z-index: 2;
   width: 100%;
   padding-right: 200px;
   box-sizing: border-box
}

.career-list .col .text-career h5,
.career-list .col .text-career span {
   text-transform: uppercase;
   transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: .3s all ease-in-out;
   -ms-transition: .3s all ease-in-out;
   -o-transition: .3s all ease-in-out
}

.career-list .col .text-career span {
   font-size: 13px;
   line-height: 18px;
   color: #7c7968
}

.career-list .col .text-career h5 {
   font-family: SF UI Text;
   font-size: 16px;
   line-height: 24px;
   color: #292929
}

.career-list .col .right-career {
   font-size: 13px;
   font-weight: 500;
   color: #698d48;
   position: absolute;
   padding-right: 50px;
   z-index: 1;
   transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: .3s all ease-in-out;
   -ms-transition: .3s all ease-in-out;
   -o-transition: .3s all ease-in-out;
   top: 0;
   right: 0;
   height: 100%;
   display: flex;
   align-items: center
}

.career-list .col .right-career .arrow {
   position: absolute;
   top: 50%;
   right: 0;
   width: 30px;
   height: 30px;
   display: block;
   z-index: 1;
   margin: -15px 0 0 -15px;
   z-index: -1
}

.career-list .col .right-career .arrow:before {
   content: "";
   width: 100%;
   height: 100%;
   margin: auto;
   background: #7ca557;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   z-index: -1;
   transition: all .4s ease-in-out;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: .4s all ease-in-out;
   -ms-transition: .4s all ease-in-out;
   -o-transition: .4s all ease-in-out;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0
}

.career-list .col .right-career .arrow:after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   margin: auto;
   background: url(../images/arrow-right-career.svg) no-repeat 50%;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg)
}

.career-list .col:hover .right-career {
   color: #fff
}

.career-list .col:hover .right-career .arrow:before {
   transform: scale(14);
   -webkit-transform: scale(14);
   -moz-transform: scale(14);
   -ms-transform: scale(14);
   -o-transform: scale(14);
   top: -200px
}

.career-list .col:last-child {
   margin-bottom: 0
}

.no-banner {
   margin-top: 250px
}

.date-content {
   margin: 0 0 20px;
   padding: 0;
   color: #698d48;
   display: inline-block;
   font-size: 13px;
   font-weight: 600;
   font-family: SF UI Text;
   line-height: 18px;
   padding-right: 25px;
   margin-right: 15px;
   box-sizing: border-box
}

.date-content span {
   display: inline-block;
   margin: 0 10px
}

.date-content span:first-child {
   margin-left: 0
}

.date-content span:last-child {
   margin-right: 0
}

.career-detail h3 {
   margin-bottom: 30px;
   font-size: 49px
}

.career-detail h5 {
   color: #7c7968;
   font-family: SF UI Text;
   font-size: 16px
}

.career-detail .link {
   font-family: SF UI Text;
   font-size: 14px;
   color: #7ca557;
   font-weight: 600;
   line-height: 50px
}

.career-detail .btn-submit:hover {
   color: #fff
}

.career-detail .foot-career {
   margin-top: 80px;
   margin-bottom: 60px;
   border-top: 1px solid #eee;
   padding-top: 22px
}

.input_file {
   display: block;
   box-sizing: border-box;
   width: 86%!important;
   position: relative;
   height: 50px!important
}

.input_file input[type=file] {
   width: 100%;
   box-sizing: border-box;
   z-index: 4
}

.input_file input[type=file].error+label+span+small,
.input_file input[type=file].error+span+small {
   border-color: #f2685d
}

.input_file span {
   font-size: 16px;
   color: rgba(41, 41, 41, .3);
   line-height: 50px;
   padding-left: 15px;
   position: absolute;
   width: 100%;
   box-sizing: border-box
}

.input_file::-webkit-input-placeholder {
   color: rgba(41, 41, 41, .3)
}

.input_file:-moz-placeholder,
.input_file::-moz-placeholder {
   color: rgba(41, 41, 41, .3)
}

.input_file:-ms-input-placeholder {
   color: rgba(41, 41, 41, .3)
}

.input_file:after {
   content: '';
   background: url(../images/material/upload.png) no-repeat right 0;
   position: absolute;
   right: -20px;
   top: 50%;
   transform: translateY(-50%);
   width: 110px;
   height: 50px;
   color: red
}

.box-form .col select {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background: url(../images/material/arr-down.png);
   background-repeat: no-repeat, repeat;
   background-position: right .7em top 50%, 0 0
}

.slider-promo .list {
   position: relative
}

.slider-promo .list:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(41, 41, 41, .8);
   transition: all .3s ease-out;
   -webkit-transition: all .3s ease-out;
   -moz-transition: .3s all ease-out;
   -ms-transition: .3s all ease-out;
   -o-transition: .3s all ease-out
}

.slider-promo .list img {
   width: 100%
}

.slider-promo .list.slick-active:before {
   opacity: 0
}

.slider-promo .slick-arrow {
   position: absolute;
   z-index: 2;
   top: 50%;
   width: 66px;
   height: 66px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   font-size: 0;
   color: transparent;
   padding: 0;
   border: none;
   cursor: pointer;
   margin-top: -33px;
   background: hsla(0, 0%, 100%, .2) url(../images/material/arr-long.svg) no-repeat 50%
}

.slider-promo .slick-arrow:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: hsla(0, 0%, 100%, .4);
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   transform: scale(.5);
   -webkit-transform: scale(.5);
   -moz-transform: scale(.5);
   -ms-transform: scale(.5);
   -o-transform: scale(.5);
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out;
   opacity: 0
}

.slider-promo .slick-arrow.slick-prev {
   left: 70px
}

.slider-promo .slick-arrow.slick-next {
   right: 70px;
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg)
}

.slider-promo .slick-arrow:hover:before {
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   opacity: 1
}

.promobox h3 {
   font-size: 31px;
   margin-bottom: 40px
}

.promo-lg .list {
   display: none
}

.promo-lg .list.active {
   display: block
}

.partner-link {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center
}

.partner-link a {
   display: inline-block;
   margin: 0 20px 35px
}

.health-detail {
   position: relative;
   overflow: hidden
}

.health-detail h2 {
   font-size: 60px;
   line-height: 1;
   color: #4b4833;
   margin-bottom: 40px
}

.health-detail blockquote {
   font-size: 18px;
   line-height: 32px;
   font-style: italic;
   font-weight: 300;
   color: #7c7968
}

.health-detail .txbg-large {
   font-family: Sunset-Serial;
   font-size: 180px;
   color: #4d4c44;
   font-weight: 700;
   white-space: nowrap;
   opacity: .04;
   position: absolute;
   top: 77px;
   left: 0
}

.health-detail .breadcrumbs {
   margin-bottom: 20px
}

.box-slidermagazine {
   background: url(../images/paper_fibers.png) repeat 0 0;
   padding: 74px 0 141px
}

.box-slidermagazine h3 {
   font-size: 31px;
   margin-bottom: 46px
}

.slidermagazinedetail {
   position: relative;
   margin-right: -400px
}

.slidermagazinedetail .slick-track {
   display: flex
}

.slidermagazinedetail .list {
   display: block;
   margin-right: 30px;
   width: 270px;
   background: #fff;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   height: auto
}

.slidermagazinedetail .list figure {
   position: relative;
   overflow: hidden;
   border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   -ms-border-radius: 10px 10px 0 0;
   -o-border-radius: 10px 10px 0 0
}

.slidermagazinedetail .list figure:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: rgba(0, 0, 0, .5);
   opacity: 0;
   z-index: 1
}

.slidermagazinedetail .list figure:before,
.slidermagazinedetail .list figure img {
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: .2s all ease-out;
   -ms-transition: .2s all ease-out;
   -o-transition: .2s all ease-out
}

.slidermagazinedetail .list figcaption {
   padding: 20px;
   border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -ms-border-radius: 0 0 10px 10px;
   -o-border-radius: 0 0 10px 10px;
   color: #4d4c44;
   font-size: 15px;
   line-height: 20px
}

.slidermagazinedetail .list:hover figure:before {
   opacity: 1
}

.slidermagazinedetail .list:hover figure img {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   filter: blur(3px);
   -webkit-filter: blur(2px)
}

.slidermagazinedetail .slick-arrow {
   position: absolute;
   top: 50%;
   border: none;
   padding: 0;
   font-size: 0;
   color: transparent;
   width: 50px;
   height: 50px;
   background: rgba(41, 41, 41, .05) url(../images/material/arr-long-black.svg) no-repeat 50%;
   cursor: pointer;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   z-index: 1;
   left: -87px;
   background-size: 22px
}

.slidermagazinedetail .slick-arrow.slick-prev {
   margin-top: -68px
}

.slidermagazinedetail .slick-arrow.slick-next {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg)
}

.program-section {
   padding: 101px 0 117px
}

.program-section .ttl-program {
   text-align: center;
   width: 520px;
   margin: 0 auto 58px
}

.program-section .ttl-program h3 {
   margin-bottom: 5px
}

.program-section .ttl-program p {
   font-family: Open Sans;
   font-size: 16px;
   line-height: 24px;
   color: #7c7968
}

.event-list {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -15px 30px
}

.event-list .list {
   display: block;
   margin: 0 15px 35px;
   flex: 1 0 calc(25% - 30px);
   max-width: calc(25% - 30px);
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px
}

.event-list .list figure {
   position: relative
}

.event-list .list figure:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, .3);
   opacity: 0;
   transition: all .3s ease-out;
   -webkit-transition: all .3s ease-out;
   -moz-transition: .3s all ease-out;
   -ms-transition: .3s all ease-out;
   -o-transition: .3s all ease-out
}

.event-list .list figure:before,
.event-list .list figure img {
   border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   -ms-border-radius: 10px 10px 0 0;
   -o-border-radius: 10px 10px 0 0
}

.event-list .list figure img {
   width: 100%
}

.event-list .list figure .date-inlist {
   position: absolute;
   top: 0;
   left: 0;
   padding: 10px;
   background: #1f5b29;
   color: #fff;
   text-align: center;
   border-radius: 10px 0 0 0;
   -webkit-border-radius: 10px 0 0 0;
   -moz-border-radius: 10px 0 0 0;
   -ms-border-radius: 10px 0 0 0;
   -o-border-radius: 10px 0 0 0;
   z-index: 2
}

.event-list .list figure .date-inlist h4 {
   font-size: 26px;
   font-family: SF UI Text;
   line-height: 30px
}

.event-list .list figure .date-inlist span {
   font-size: 10px;
   text-transform: uppercase
}

.event-list .list figure .tilted {
   position: absolute;
   right: 20px;
   bottom: 30px;
   color: #fff;
   transform: rotate(-15deg);
   -webkit-transform: rotate(-15deg);
   -moz-transform: rotate(-15deg);
   -ms-transform: rotate(-15deg);
   -o-transform: rotate(-15deg);
   font-size: 24px;
   font-weight: 700;
   font-family: Sunset-Serial;
   text-align: center
}

.event-list .list figure .tilted span {
   display: block;
   line-height: 20px
}

.event-list .list figure .tilted b {
   font-size: 40px;
   line-height: 24px
}

.event-list .list figcaption {
   padding: 20px
}

.event-list .list figcaption h5 {
   font-weight: 600;
   font-size: 16px;
   color: #4d4c44;
   font-family: SF UI Text;
   line-height: 20px
}

.event-list .list:hover figure:before {
   opacity: 1
}

.pop-gallery-list .list-pop {
   display: none
}

.pop-gallery-list .list-pop.active {
   display: block
}

.pop-gallery-list .numslide {
   position: absolute;
   top: 50%;
   right: 0;
   color: #fff;
   font-size: 20px;
   padding: 15px 20px 56px;
   font-family: Eczar;
   background: #698d48;
   border-radius: 10px 0 0 10px;
   -webkit-border-radius: 10px 0 0 10px;
   -moz-border-radius: 10px 0 0 10px;
   -ms-border-radius: 10px 0 0 10px;
   -o-border-radius: 10px 0 0 10px;
   width: 150px;
   margin-top: -30px;
   display: none;
   box-sizing: border-box;
   text-align: center
}

.pop-gallery-list .numslide .num {
   font-size: 31px;
   font-weight: 700
}

#popup_gallery .in-popup .overflow-box {
   margin: 0 -120px;
   padding: 0 120px
}

.slidergallery {
   position: relative
}

.slidergallery .slick-arrow {
   position: absolute;
   top: 50%;
   border: none;
   padding: 0;
   font-size: 0;
   color: transparent;
   width: 50px;
   height: 50px;
   background: #698d48 url(../images/material/arr-long.svg) no-repeat 50%;
   cursor: pointer;
   z-index: 1;
   border-radius: 50px;
   margin-top: 15px
}

.slidergallery .slick-arrow.slick-prev {
   left: -120px
}

.slidergallery .slick-arrow.slick-next {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   right: -120px
}

.past-issues h3 {
   font-family: Eczar;
   font-size: 31px;
   color: #4d4c44
}

.ttl-mailer {
   margin-bottom: 47px
}

.ttl-mailer h3 {
   font-size: 31px;
   color: #4d4c44
}

.detail-page h4 {
   color: #7ca557;
   margin-bottom: 30px
}

.detail-page h5 {
   color: #7c7968;
   font-family: SF UI Text
}

.detail-page p {
   margin-bottom: 30px
}

.detail-page img {
   margin-bottom: 40px;
   display: inline-block
}

.detail-page .ttl-detail span {
   display: block;
   color: #698d48;
   font-size: 13px;
   font-weight: 500;
   margin-bottom: 9px
}

.detail-page .ttl-detail h2 {
   font-size: 49px;
   line-height: 60px;
   color: #4d4c44;
   margin-bottom: 50px
}

.detail-page .foot-detailpage {
   border-top: 1px solid #eee;
   padding-top: 22px
}

.detail-page .foot-detailpage,
.trust-top {
   display: flex;
   justify-content: space-between
}

.trust-top {
   position: relative;
   align-items: center
}

.trust-top .left-trust {
   width: 59%;
   display: flex;
   justify-content: flex-end
}

.trust-top .left-trust .box-img-apps {
   margin-top: 20px
}

.trust-top .left-trust .in-left-trust {
   width: 552px
}

.trust-top .right-trust {
   width: 35%
}

.trust-top .right-trust figure {
   position: relative
}

.trust-top .right-trust figure img {
   width: 100%;
   border-radius: 30px 0 0 30px;
   -webkit-border-radius: 30px 0 0 30px;
   -moz-border-radius: 30px 0 0 30px;
   -ms-border-radius: 30px 0 0 30px;
   -o-border-radius: 30px 0 0 30px
}

.trust-point {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   margin: 0 -10px
}

.trust-point .list {
   margin: 0 10px 20px;
   flex: 1 0 calc(25% - 20px);
   max-width: calc(25% - 20px)
}

.trust-point .list img {
   display: block;
   margin-bottom: 17px
}

.trust-point .list h5 {
   font-size: 18px;
   color: #4d4c44;
   margin-bottom: 16px
}

.trust-point .list p {
   font-size: 16px;
   line-height: 28px;
   color: #7c7968
}

@media all and (max-width:1600px) {
   .wrap-mid.result {
      min-height: 420px
   }
   header .head-bottom ul>li>ul {
      width: 190px;
      margin-left: -95px
   }
   .thumb-img .list {
      width: 260px
   }
   .thumb-img .list figcaption {
      padding: 20px
   }
   footer .left-foot {
      padding: 30px 50px
   }
   footer .right-foot {
      padding-left: 30px;
      padding-right: 30px
   }
   footer .right-foot a {
      margin-right: 40px
   }
}

@media all and (max-width:1390px) {
   .wrap-mid.result {
      min-height: 280px
   }
}

@media all and (max-width:1600px) {
   .homecontent .in-homecontent {
      width: 1270px
   }
   .homecontent .in-homecontent>section.facilities-home .wrapper,
   .homecontent .in-homecontent>section.magazine-home .wrapper,
   .homecontent .in-homecontent>section.news-home .wrapper {
      width: 90%
   }
   .homecontent .in-homecontent>section.magazine-home .left-magazine {
      width: 47%
   }
   .homecontent .in-homecontent>section.magazine-home .right-magazine .slidermagazine {
      width: 602px;
      margin-right: -60px
   }
   .homecontent .wrapper {
      width: 100%
   }
   .slidermagazine .list {
      width: 240px
   }
   .slidermagazine .slick-arrow.slick-next {
      right: -25px
   }
}

@media all and (max-width:1300px) {
   h3 {
      font-size: 25px
   }
   h3,
   h4 {
      line-height: 1.2
   }
   h4 {
      font-size: 20px
   }
   .btn-shopnow {
      line-height: 50px
   }
   .sc-top {
      margin-top: 130px
   }
   .wrapper {
      box-sizing: border-box
   }
   .wrap-mid,
   .wrapper {
      width: 770px
   }
   .wrap-mid.result {
      min-height: 380px
   }
   .btn-rounded {
      height: 50px;
      line-height: 50px;
      font-size: 16px
   }
   .btn-rounded.btn-mid {
      height: 40px;
      line-height: 40px;
      font-size: 14px
   }
   .link-inline {
      font-size: 13px
   }
   header .wrapper {
      width: 100%;
      padding-left: 60px;
      padding-right: 0
   }
   header .head-top {
      padding: 21px 0 22px
   }
   header .head-top:before {
      left: -120px;
      background-size: 100%;
      width: 250px
   }
   header .head-top:after {
      top: -60px;
      right: -150px;
      background-size: 100%;
      width: 250px
   }
   header .head-top .logo img {
      width: 193px
   }
   header .head-bottom .burger-button {
      display: inline-block;
      margin-top: 14px
   }
   header .head-bottom .burger-button .box-burger {
      position: relative;
      width: 30px;
      height: 22px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 8px
   }
   header .head-bottom .burger-button .box-burger span {
      width: 30px;
      height: 4px;
      background: #698d48;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      display: inline-block;
      position: absolute;
      top: 0;
      right: 0;
      left: 0
   }
   header .head-bottom .burger-button .box-burger span:nth-child(2) {
      top: 9px
   }
   header .head-bottom .burger-button .box-burger span:last-child {
      top: 18px
   }
   header .head-bottom .burger-button label {
      display: inline-block;
      vertical-align: middle
   }
   header .head-bottom .burger-button.close-burger {
      position: fixed;
      top: 17px;
      left: 285px;
      z-index: 10
   }
   header .head-bottom .burger-button.close-burger .box-burger span {
      top: 9px
   }
   header .head-bottom .burger-button.close-burger .box-burger span:first-child {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg)
   }
   header .head-bottom .burger-button.close-burger .box-burger span:nth-child(2) {
      display: none
   }
   header .head-bottom .burger-button.close-burger .box-burger span:last-child {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg)
   }
   header .head-bottom .burger-button.close-burger label {
      display: none
   }
   header .head-bottom .lang-head {
      line-height: 50px
   }
   header .head-bottom .search-head .btn-search {
      height: 50px
   }
   header .head-bottom .wrapper ul {
      float: none
   }
   header .head-bottom .wrapper>ul {
      width: 350px;
      max-width: 90%;
      display: none;
      padding: 70px 40px 50px;
      box-sizing: border-box;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      overflow-y: auto;
      max-height: 100vh;
      z-index: 5
   }
   header .head-bottom .wrapper>ul .overlay-bg {
      content: "";
      background: rgba(0, 0, 0, .5);
      z-index: -1;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0
   }
   header .head-bottom .wrapper>ul:before {
      width: 350px;
      height: 70px;
      z-index: 2
   }
   header .head-bottom .wrapper>ul:after,
   header .head-bottom .wrapper>ul:before {
      background: #f9fafa;
      content: "";
      max-width: 90%;
      position: fixed;
      top: 0;
      left: 0;
      transition: all .3s ease-out;
      -webkit-transition: all .3s ease-out;
      -moz-transition: .3s all ease-out;
      -ms-transition: .3s all ease-out;
      -o-transition: .3s all ease-out;
      transition-delay: .2s;
      -webkit-transition-delay: .2s;
      opacity: 0
   }
   header .head-bottom .wrapper>ul:after {
      z-index: -1;
      width: 0;
      bottom: 0
   }
   header .head-bottom .wrapper>ul>li {
      display: block;
      margin-right: 0;
      opacity: 0
   }
   header .head-bottom .wrapper>ul>li a {
      display: block
   }
   header .head-bottom .wrapper>ul>li>a {
      line-height: 20px;
      border-bottom: 1px solid hsla(0, 0%, 89%, .8);
      padding: 15px 0
   }
   header .head-bottom .wrapper>ul>li>ul {
      position: relative;
      opacity: 1;
      visibility: visible;
      top: auto;
      left: auto;
      margin-left: 0;
      width: auto;
      padding-top: 10px;
      display: none;
      transition: 0s;
      -webkit-transition: 0s;
      -moz-transition: 0s;
      -ms-transition: 0s;
      -o-transition: 0s
   }
   header .head-bottom .wrapper>ul>li>ul:after,
   header .head-bottom .wrapper>ul>li>ul:before {
      display: none
   }
   header .head-bottom .wrapper>ul>li>ul>li {
      border-bottom: none;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0
   }
   header .head-bottom .wrapper>ul>li>ul>li>a {
      padding: 5px 0 5px 20px
   }
   header .head-bottom .wrapper>ul>li>ul>li:first-child,
   header .head-bottom .wrapper>ul>li>ul>li:last-child {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0
   }
   header .head-bottom .wrapper>ul>li.parent>a {
      background: url(../images/material/arr-bot-grey.svg) no-repeat 100%
   }
   header .head-bottom .wrapper>ul>li.bottom-mobile {
      padding-top: 30px;
      display: none!important
   }
   header .head-bottom .wrapper>ul>li.bottom-mobile .lang-mobile {
      margin-bottom: 15px
   }
   header .head-bottom .wrapper>ul>li.bottom-mobile .lang-mobile a {
      display: inline-block
   }
   header .head-bottom .wrapper>ul>li.bottom-mobile .lang-mobile a.active {
      color: #1f5b29
   }
   header .head-bottom .wrapper>ul>li.bottom-mobile .search-mobile {
      position: relative
   }
   header .head-bottom .wrapper>ul>li.bottom-mobile .search-mobile form {
      width: 100%
   }
   header .head-bottom .wrapper>ul>li.bottom-mobile .search-mobile form input[type=text] {
      width: 100%;
      padding: 0 50px 0 20px;
      height: 40px;
      line-height: 40px;
      border: 1px solid #ddd;
      box-sizing: border-box;
      font-size: 14px
   }
   header .head-bottom .wrapper>ul>li.bottom-mobile .search-mobile form button {
      position: absolute;
      width: 40px;
      height: 40px;
      top: 0;
      right: 0;
      padding: 0;
      border: 0;
      background: url(../images/material/ic-search.svg) no-repeat 50%;
      cursor: pointer
   }
   header .head-bottom .wrapper>ul.show:after,
   header .head-bottom .wrapper>ul.show:before {
      opacity: 1;
      transition-delay: 0s;
      -webkit-transition-delay: 0s
   }
   header .head-bottom .wrapper>ul.show:after {
      width: 350px
   }
   .side-title {
      flex-wrap: wrap
   }
   .side-title h3 {
      width: 100%;
      margin-bottom: 10px
   }
   .side-thumb .ls-thumb figcaption p {
      max-height: 90px;
      overflow: hidden
   }
   .side-thumb.fullwidth .ls-thumb {
      align-items: flex-start;
      margin-bottom: 45px
   }
   .side-thumb.fullwidth .ls-thumb figure {
      width: 40%
   }
   .side-thumb.fullwidth .ls-thumb figcaption {
      width: 55%
   }
   .banner figcaption {
      width: 800px
   }
   .popup .in-popup {
      width: 760px
   }
   .popup .in-popup.mid .pop-gallery-list .numslide,
   .popup .in-popup.mid .pop-gallery-list .slidergallery .slick-arrow {
      top: 50%
   }
   .potrait-list .list span {
      font-size: 14px;
      margin-bottom: 5px
   }
   .potrait-list .list h5 {
      font-size: 16px
   }
   .potrait-list .list:hover figcaption,
   .potrait-list .list figcaption {
      padding: 20px 35px
   }
   .potrait-list.fximg .list h5 {
      font-size: 14px
   }
   .potrait-list.fximg .list figcaption {
      padding: 14px 23px
   }
   .rightside-slider h3 {
      font-size: 30px;
      line-height: 42px
   }
   .rightside-slider .wrap-mid {
      width: 770px
   }
   .rightside-slider .in-rightside-slider {
      align-items: flex-start
   }
   .rightside-slider .in-rightside-slider .desc {
      width: 43%;
      padding-top: 74px
   }
   .rightside-slider .in-rightside-slider .desc h3 {
      font-size: 20px;
      line-height: 30px
   }
   .rightside-slider .in-rightside-slider .slider-right {
      width: 68%;
      margin-right: -17%
   }
   .rightside-slider .in-rightside-slider .slider-right .text-rotate {
      top: 74px;
      right: 42px
   }
   .left-leaf {
      left: -240px;
      top: 625px
   }
   .left-leaf-two {
      background-size: 100%;
      width: 380px;
      height: 350px;
      left: -100px;
      top: 470px
   }
   .banner figcaption h2 {
      font-size: 30px
   }
   .bg-bot-img:before {
      left: -100px;
      bottom: -100px
   }
   .bg-bot-img:after {
      background-size: 100%;
      width: 300px;
      height: 300px;
      bottom: -120px
   }
   .filter-side {
      margin-bottom: 30px
   }
   .filter-side .left-filter a {
      line-height: 40px
   }
   .box-label {
      margin-bottom: 10px
   }
   .box-label .label {
      font-size: 11px
   }
   .full-window h2 {
      font-size: 45px
   }
   .full-window p {
      line-height: 24px
   }
   .bot-bg-green {
      padding-bottom: 83px
   }
   .bot-bg-green .obj-bg-green {
      height: 330px
   }
   .bot-bg-green .obj-bg-green .left-obj {
      background-size: 100%;
      width: 330px;
      height: 330px
   }
   .bot-bg-green .obj-bg-green .right-obj {
      background-size: 100%;
      width: 250px;
      height: 300px
   }
   .search-obj .left-circ {
      width: 250px;
      height: 260px;
      left: -150px
   }
   .search-obj .right-obj {
      width: 200px;
      height: 250px;
      right: -100px
   }
   .pop-gallery-list .numslide,
   .pop-gallery-list .slidergallery .slick-arrow {
      top: 40%
   }
   footer {
      display: flex
   }
   footer nav a {
      font-size: 12px;
      margin-right: 30px
   }
   footer .left-foot {
      flex-wrap: wrap;
      flex: 1 0 65%;
      max-width: 65%;
      box-sizing: border-box
   }
   footer .left-foot .copyright,
   footer .left-foot nav {
      width: 100%
   }
   footer .left-foot .copyright {
      margin-bottom: 10px
   }
   footer .left-foot .copyright br {
      display: none
   }
   footer .right-foot {
      display: flex;
      align-items: flex-end
   }
   footer .right-foot a {
      margin-bottom: 30px
   }
   .undermaintenance .sc-top {
      margin-top: 80px
   }
   .undermaintenance footer .left-foot {
      flex: 1 0 100%;
      max-width: 100%
   }
}

@media all and (max-width:1020px) {
   h4 {
      line-height: 1.4
   }
   h5 {
      font-size: 15px
   }
   .btn-submit {
      height: 50px;
      line-height: 50px;
      font-size: 14px
   }
   .btn-rounded {
      height: 40px;
      line-height: 40px;
      font-size: 14px
   }
   .wrap-mid,
   .wrap-small,
   .wrapper {
      width: 100%;
      padding-left: 60px;
      padding-right: 60px;
      box-sizing: border-box
   }
   .wrap-mid.result {
      min-height: 630px
   }
   .side-line {
      margin-bottom: 30px
   }
   .space-top-bottom {
      padding: 40px 0
   }
   .std-content ol li,
   .std-content p,
   .std-content ul li {
      font-size: 15px;
      line-height: 24px
   }
   .std-content table td,
   .std-content table th {
      font-size: 13px
   }
   .std-content.hgreen h5 {
      font-size: 15px
   }
   .side-thumb {
      flex-wrap: wrap
   }
   .side-thumb .ls-thumb {
      width: 100%;
      margin-bottom: 30px
   }
   .side-thumb .ls-thumb figcaption p {
      font-size: 15px;
      line-height: 24px
   }
   .side-thumb .ls-thumb:last-child {
      margin-bottom: 0
   }
   .side-thumb.fullwidth .ls-thumb {
      margin-bottom: 40px
   }
   .side-thumb.fullwidth .ls-thumb figure {
      width: 47%
   }
   .side-thumb.fullwidth .ls-thumb figcaption {
      width: 48%
   }
   .side-thumb.fullwidth .ls-thumb figcaption p {
      margin-bottom: 20px
   }
   .bg-bot-img:before {
      background-size: 100%;
      width: 220px;
      height: 200px;
      bottom: -75px
   }
   .bg-bot-img:after {
      width: 220px;
      height: 220px;
      bottom: -80px
   }
   .banner figure {
      height: 270px
   }
   .banner figure img {
      height: 100%;
      width: auto;
      min-width: 100%;
      max-width: none
   }
   .banner figcaption {
      width: auto;
      padding-left: 60px;
      padding-right: 60px
   }
   .potrait-list,
   .potrait-list .list {
      margin-bottom: 30px
   }
   .potrait-list .list span {
      font-size: 13px
   }
   .potrait-list .list h5 {
      font-size: 14px
   }
   .potrait-list .list:hover figcaption,
   .potrait-list .list figcaption {
      padding: 20px 30px
   }
   .potrait-list.three-col .list {
      flex: 1 0 calc(50% - 20px);
      max-width: calc(50% - 20px)
   }
   .potrait-list.fximg .list:hover figcaption,
   .potrait-list.fximg .list figcaption {
      padding: 14px 23px
   }
   .side-icon img {
      max-width: 40px
   }
   .side-icon span {
      font-size: 16px
   }
   .popup .in-popup {
      width: 80%
   }
   .sliderrightside {
      padding-right: 92px
   }
   .sliderrightside .list {
      min-height: 330px
   }
   .sliderrightside .slick-arrow {
      background-size: 100%;
      width: 23px;
      bottom: 65px
   }
   .sliderrightside .slick-arrow.slick-prev {
      right: 56px
   }
   .sliderrightside .slick-arrow.slick-next {
      right: 18px
   }
   .rightside-slider h3 {
      font-size: 24px;
      line-height: 1.3
   }
   .rightside-slider p {
      font-size: 15px
   }
   .rightside-slider .wrap-mid {
      width: 100%;
      margin-bottom: 100px
   }
   .rightside-slider .in-rightside-slider .desc {
      width: 45%
   }
   .rightside-slider .in-rightside-slider .slider-right {
      margin-right: -60px;
      width: 58%
   }
   .rightside-slider .in-rightside-slider .slider-right .text-rotate {
      width: 230px;
      top: 40px;
      line-height: 1.5;
      height: 36px;
      right: 30px
   }
   .rightside-slider .in-rightside-slider .slider-right .numslide {
      font-size: 13px;
      bottom: 92px;
      right: 27px
   }
   .rightside-slider .in-rightside-slider .slider-right .numslide .num {
      font-size: 22px
   }
   .rightside-slider .box-numslide .num-only {
      font-size: 13px
   }
   .rightside-slider .box-numslide .num-only .num {
      font-size: 22px
   }
   .rightside-slider.paddbot {
      padding-bottom: 80px
   }
   .left-leaf {
      background-size: 100%;
      width: 350px;
      height: 350px;
      left: -200px;
      top: 680px
   }
   .filter-side .left-filter a {
      font-size: 14px
   }
   .bot-bg-green .obj-bg-green .left-obj {
      width: 300px;
      height: 300px
   }
   .bot-bg-green .obj-bg-green .right-obj {
      width: 200px;
      height: 250px
   }
   .search-list .list {
      padding-bottom: 30px;
      margin-bottom: 30px
   }
   .search-list .list p {
      font-size: 14px;
      line-height: 20px
   }
   .side-line ol li,
   .side-line ul li {
      font-size: 15px;
      line-height: 28px
   }
   .full-window {
      min-height: 300px
   }
   footer {
      flex-wrap: wrap;
      text-align: center
   }
   footer .left-foot,
   footer .right-foot {
      flex: 1 0 100%;
      max-width: 100%;
      box-sizing: border-box
   }
   footer .right-foot {
      padding: 30px 50px;
      justify-content: center;
      align-items: center
   }
   footer .right-foot a {
      margin-bottom: 0
   }
}

@media all and (max-width:1300px) {
   .sliderhome .list figure {
      height: calc(100vh - 130px)
   }
   .sliderhome .list figure img {
      max-width: none;
      min-width: 100%;
      height: 100%;
      width: auto
   }
   .sliderhome .list .desc h2 {
      font-size: 54px
   }
   .sliderhome .list .desc h2 span {
      font-size: 52px
   }
   .sliderhome .list .desc h3 {
      font-size: 47px
   }
   .sliderhome .slick-arrow {
      width: 50px;
      height: 50px
   }
   .homecontent {
      padding-left: 60px;
      padding-right: 60px;
      box-sizing: border-box
   }
   .homecontent .wrapper {
      padding: 0
   }
   .homecontent .vegeright {
      background-size: 100%;
      width: 250px;
      height: 350px;
      right: -50px;
      margin-top: 70px
   }
   .homecontent .in-homecontent {
      width: 100%
   }
   .homecontent .in-homecontent .box-aside .submenu-aside {
      display: none
   }
   .homecontent .in-homecontent>section>h2 {
      font-size: 70px;
      left: 40px
   }
   .homecontent .in-homecontent>section.about-home {
      padding: 78px 84px
   }
   .homecontent .in-homecontent>section.about-home:before {
      background-size: 230px;
      background-position: -50px top
   }
   .homecontent .in-homecontent>section.facilities-home:before {
      background-size: 200px
   }
   .homecontent .in-homecontent>section.facilities-home>h2 {
      left: -10px
   }
   .homecontent .in-homecontent>section.facilities-home h3 {
      font-size: 28px
   }
   .homecontent .in-homecontent>section.facilities-home .box-slide-facilities {
      padding: 140px 0 60px
   }
   .homecontent .in-homecontent>section.facilities-home .slider-facilities .overhide {
      overflow: hidden
   }
   .homecontent .in-homecontent>section.facilities-home .slider-facilities .slick-list {
      margin-right: -187px
   }
   .homecontent .in-homecontent>section.facilities-home .side-title h3 {
      margin-bottom: 10px
   }
   .homecontent .in-homecontent>section.news-home {
      padding-top: 97px
   }
   .homecontent .in-homecontent>section.news-home .vegeleft {
      background-size: 100%;
      width: 480px;
      height: 500px;
      left: -150px;
      margin-top: -150px
   }
   .homecontent .in-homecontent>section.news-home .labu {
      background-size: 160px;
      width: 110px
   }
   .homecontent .in-homecontent>section.magazine-home {
      padding-top: 80px
   }
   .homecontent .in-homecontent>section.magazine-home .wrapper {
      display: flex;
      justify-content: space-between;
      align-items: flex-end
   }
   .homecontent .in-homecontent>section.magazine-home .wrapper:after,
   .homecontent .in-homecontent>section.magazine-home .wrapper:before {
      display: none
   }
   .homecontent .in-homecontent>section.magazine-home .left-magazine {
      width: 60%
   }
   .homecontent .in-homecontent>section.magazine-home .right-magazine {
      width: 35%;
      padding-left: 0
   }
   .homecontent .in-homecontent>section.magazine-home .right-magazine .slidermagazine {
      width: auto;
      margin-right: -45px
   }
   .slider-facilities .list h5 {
      font-size: 16px
   }
   .slider-facilities .list p {
      font-size: 14px;
      line-height: 20px
   }
   .slider-facilities .list .desc-det {
      left: -35px;
      right: -35px
   }
   .slider-facilities .overhide {
      overflow: hidden
   }
   .slider-facilities .overhide .slick-list {
      margin-right: -178px
   }
   .slider-facilities .slick-arrow {
      width: 45px;
      height: 45px
   }
   .slider-facilities .slick-arrow:after {
      background-size: 25px
   }
   .box-aside {
      margin-bottom: 50px
   }
   .box-aside h1,
   .box-aside h3 {
      font-size: 25px
   }
   .box-aside p {
      font-size: 14px;
      line-height: 30px;
      margin-bottom: 30px
   }
   .box-advantages .list h3 {
      font-size: 22px
   }
   .box-advantages .list p {
      font-size: 14px;
      line-height: 20px
   }
   .box-link-facilities .thumb-img .list {
      width: 100%
   }
   .box-link-facilities .thumb-img .list figcaption {
      padding: 10px 20px
   }
   .box-link-facilities .thumb-img .list figcaption p {
      font-size: 13px
   }
   .box-link-facilities .thumb-img .list:nth-child(n+2) {
      display: none
   }
   .box-link-facilities .wrapper .lg-link {
      width: 64%
   }
   .box-link-facilities .wrapper .thumb-link {
      padding-left: 22px
   }
   .slidermagazine .list {
      width: 221px
   }
   .slidermagazine .list h5 {
      font-size: 13px;
      line-height: 1.4
   }
   .slidermagazine .list figcaption {
      padding: 15px 20px
   }
   .slidermagazine .slick-arrow.slick-next {
      right: -25px
   }
}

@media all and (max-width:1020px) {
   .sliderhome .list .desc h2 {
      font-size: 48px
   }
   .sliderhome .list .desc h2 span {
      font-size: 46px
   }
   .sliderhome .list .desc h3 {
      font-size: 42px
   }
   .homecontent .vegeright {
      width: 200px;
      height: 300px
   }
   .homecontent .in-homecontent>section>h2 {
      font-size: 50px
   }
   .homecontent .in-homecontent>section.facilities-home .wrapper,
   .homecontent .in-homecontent>section.magazine-home .wrapper,
   .homecontent .in-homecontent>section.news-home .wrapper {
      width: 83%
   }
   .homecontent .in-homecontent>section.about-home {
      padding: 64px 50px
   }
   .homecontent .in-homecontent>section.about-home:before {
      background-size: 170px
   }
   .homecontent .in-homecontent>section.facilities-home .slider-facilities {
      margin-top: -30px
   }
   .homecontent .in-homecontent>section.facilities-home .slider-facilities .slick-list {
      margin-right: -180px
   }
   .homecontent .in-homecontent>section.facilities-home .box-slide-facilities {
      padding-top: 120px;
      padding-bottom: 40px
   }
   .homecontent .in-homecontent>section.facilities-home .box-link-facilities {
      padding-bottom: 81px;
      padding-top: 50px
   }
   .homecontent .in-homecontent>section.news-home .vegeleft {
      width: 420px
   }
   .homecontent .in-homecontent>section.magazine-home {
      padding-bottom: 86px
   }
   .homecontent .in-homecontent>section.magazine-home>h2 {
      left: 80px
   }
   .homecontent .in-homecontent>section.magazine-home .wrapper {
      flex-wrap: wrap
   }
   .homecontent .in-homecontent>section.magazine-home .left-magazine,
   .homecontent .in-homecontent>section.magazine-home .right-magazine {
      width: 100%
   }
   .homecontent .in-homecontent>section.magazine-home .left-magazine {
      margin-bottom: 51px
   }
   .homecontent .in-homecontent>section.magazine-home .right-magazine .slidermagazine {
      margin-right: -30px
   }
   .slider-facilities .overhide .slick-list {
      margin-right: -214px
   }
   .box-aside p {
      line-height: 24px;
      margin-bottom: 20px
   }
   .box-aside .left-side {
      width: 35%
   }
   .box-aside .right-side {
      width: 60%
   }
   .box-advantages .list h3 {
      font-size: 20px
   }
   .box-advantages .list p {
      display: none
   }
   .box-link-facilities .wrapper {
      position: relative;
      padding-top: 90px
   }
   .box-link-facilities .wrapper .lg-link,
   .box-link-facilities .wrapper .thumb-link {
      display: block;
      width: 100%
   }
   .box-link-facilities .wrapper .lg-link {
      margin-bottom: 33px
   }
   .box-link-facilities .wrapper .thumb-link {
      padding-left: 0
   }
   .box-link-facilities .wrapper .thumb-link .side-title {
      position: absolute;
      top: 0;
      right: 0;
      left: 0
   }
   .box-link-facilities .thumb-img .list {
      display: block;
      width: 47%
   }
   .box-link-facilities .thumb-img .list:nth-child(n+2) {
      display: block
   }
   .slidermagazine .slick-arrow {
      width: 40px;
      height: 40px
   }
   .slidermagazine .slick-arrow:after {
      background-size: 50%
   }
   .slidermagazine .slick-arrow.slick-next {
      right: 10px
   }
}

@media all and (max-width:1300px) {
   .story .wrapper {
      padding: 0;
      width: 100%
   }
   .story .wrapper:after {
      display: none
   }
   .story .left-story,
   .story .right-story {
      box-sizing: border-box
   }
   .story .left-story {
      flex: 1 0 50%;
      max-width: 50%
   }
   .story .right-story {
      padding-right: 60px;
      flex: 1 0 45%;
      max-width: 45%
   }
   .side-map .left-map {
      width: 45%
   }
   .side-map .left-map .list h5 {
      font-size: 16px
   }
   .side-map .right-map {
      width: 50%
   }
   .side-map .right-map iframe {
      width: 100%;
      height: 100%
   }
}

@media all and (max-width:1020px) {
   .sliderstory {
      padding: 60px 0 0 86px
   }
   .sliderstory .slick-arrow {
      background-size: 100%;
      width: 23px;
      bottom: 80px
   }
   .sliderstory .slick-arrow.slick-prev {
      left: 18px
   }
   .sliderstory .slick-arrow.slick-next {
      left: 52px
   }
   .story .numslide {
      font-size: 13px;
      left: 24px;
      bottom: 110px
   }
   .story .numslide .num {
      font-size: 22px
   }
   .side-map .left-map .list h5 {
      font-size: 15px;
      line-height: 1.3
   }
   .address-list .list h5 {
      font-size: 16px
   }
}

@media all and (max-width:1300px) {
   .box-aside {
      position: relative
   }
   .box-aside:before {
      content: "";
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, .3);
      z-index: 2;
      opacity: 0;
      display: none;
      transition: opacity .3s ease-out;
      -webkit-transition: opacity .3s ease-out;
      -moz-transition: .3s opacity ease-out;
      -ms-transition: .3s opacity ease-out;
      -o-transition: .3s opacity ease-out
   }
   .box-aside .submenu-aside {
      display: block;
      cursor: pointer;
      z-index: 1;
      position: absolute;
      top: 0;
      right: 0
   }
   .box-aside .submenu-aside>span {
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 600;
      vertical-align: middle;
      display: inline-block;
      margin-right: 15px
   }
   .box-aside .submenu-aside .dots-submenu {
      height: 20px;
      display: inline-block;
      vertical-align: middle
   }
   .box-aside .submenu-aside .dots-submenu span {
      width: 6px;
      height: 6px;
      display: inline-block;
      margin-right: 6px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      background: #1f5b29
   }
   .box-aside .submenu-aside .dots-submenu span:last-child {
      margin-right: 0
   }
   .box-aside aside {
      display: none;
      z-index: 2;
      width: 300px;
      background: #fff;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      position: absolute;
      top: 50px;
      right: 0;
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
      -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
      -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
      -ms-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22);
      -o-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .22)
   }
   .box-aside aside:before {
      content: "";
      position: absolute;
      top: -19px;
      right: 50px;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent;
      border-bottom: 19px solid #fff
   }
   .box-aside aside>ul {
      overflow-y: auto;
      max-height: 410px
   }
   .box-aside aside>ul>li {
      padding: 0 30px;
      border: none
   }
   .box-aside aside>ul>li>a {
      border-bottom: 1px solid #eee
   }
   .box-aside aside>ul>li>ul {
      border-left: none
   }
   .box-aside aside>ul>li:last-child {
      border: none
   }
   .box-aside article {
      width: 100%
   }
   .box-aside.overflow:before {
      display: block;
      opacity: 1
   }
   .acc-sidelist .list.limited .desc {
      max-height: 290px
   }
   .acc-sidelist .list.limited.active .desc {
      max-height: 800px
   }
   .slidercsr .list figcaption h3 {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 15px
   }
}

@media all and (max-width:1020px) {
   .acc-sidelist .list figure {
      width: 40%
   }
   .acc-sidelist .list .desc {
      width: 58%
   }
   .acc-sidelist .list .desc p {
      font-size: 15px;
      line-height: 24px
   }
   .acc-sidelist .list.limited .desc {
      max-height: 294px
   }
   .box-aside .submenu-aside>span {
      font-size: 12px
   }
   .box-aside aside>ul {
      padding: 10px 0
   }
   .box-aside aside>ul>li {
      padding: 0 20px
   }
   .box-aside aside>ul>li h5 {
      font-size: 14px
   }
   .box-aside aside>ul>li>a {
      padding: 15px 15px 15px 0
   }
   .box-aside aside>ul>li>ul {
      padding: 10px 0;
      margin-bottom: 0
   }
   .box-aside aside>ul>li:last-child>a {
      border: none
   }
   .acc-droplist .list h5 {
      font-size: 18px
   }
   .acc-droplist .list p {
      font-size: 15px
   }
   .download-side .list figure {
      width: 25%
   }
   .download-side .list .desc {
      width: 70%
   }
   .data-download h5 {
      font-size: 15px
   }
   .slidercsr .list figcaption {
      padding: 20px
   }
   .slidercsr .list figcaption h3 {
      font-size: 18px;
      line-height: 26px
   }
}

@media all and (max-width:1300px) {
   .product-list .list figure {
      width: 45%
   }
   .product-list .list figcaption {
      width: 50%
   }
}

@media all and (max-width:1020px) {
   .box-product {
      padding: 70px 0
   }
}

@media all and (max-width:1300px) {
   .health-detail h2 {
      font-size: 60px;
      line-height: 60px
   }
   .health-detail .txbg-large {
      font-size: 100px
   }
   .slidermagazinedetail .list {
      width: 221px
   }
   .event-list .list {
      flex: 1 0 calc(33.33333333% - 30px);
      max-width: calc(33.33333333% - 30px)
   }
   .event-list .list figcaption {
      padding: 17px 19px
   }
   .event-list .list figcaption h5 {
      font-size: 15px
   }
   .slider-promo .slick-arrow {
      width: 55px;
      height: 55px
   }
   .partner-link a {
      margin-bottom: 15px
   }
   .partner-link a img {
      max-width: 150px
   }
}

@media all and (max-width:1020px) {
   .health-detail h2 {
      font-size: 46px;
      line-height: 50px
   }
   .health-detail blockquote {
      font-size: 16px;
      line-height: 32px
   }
   .box-slidermagazine h3 {
      font-size: 25px;
      margin-bottom: 35px
   }
   .box-slidermagazine .wrapper {
      padding-left: 100px
   }
   .slidermagazinedetail {
      margin-right: -60px
   }
   .slidermagazinedetail .list {
      margin-right: 25px
   }
   .slidermagazinedetail .list figcaption {
      padding: 16px;
      font-size: 13px;
      line-height: 18px
   }
   .slidermagazinedetail .slick-arrow {
      left: -75px
   }
   .event-list {
      margin-left: -10px;
      margin-right: -10px
   }
   .event-list .list {
      margin-left: 10px;
      margin-right: 10px;
      flex: 1 0 calc(33.33333333% - 20px);
      max-width: calc(33.33333333% - 20px)
   }
   .past-issues h3 {
      font-size: 25px
   }
   .slider-promo .slick-arrow {
      width: 45px;
      height: 45px;
      background-size: 45%
   }
   .slider-promo .slick-arrow.slick-prev {
      left: 17px
   }
   .slider-promo .slick-arrow.slick-next {
      right: 17px
   }
   .promobox h3 {
      font-size: 25px
   }
   .pop-gallery-list .numslide {
      margin-top: -100px
   }
   .slidergallery .slick-arrow {
      margin-top: -60px
   }
   .program-section {
      padding: 60px 0 80px
   }
   .ttl-mailer h3 {
      font-size: 25px
   }
   .partner-link a img {
      max-width: 120px
   }
}

@media all and (max-width:1300px) {
   .detail-page .ttl-detail h2 {
      font-size: 30px;
      line-height: 40px;
      margin-bottom: 30px
   }
}

@media all and (max-width:1020px) {
   .detail-page .ttl-detail h2 {
      font-size: 24px;
      line-height: 32px
   }
}

@media all and (max-width:1300px) {
   .trust-top .left-trust .in-left-trust {
      width: 490px
   }
   .trust-point .list {
      flex: 1 0 calc(33.3333333333% - 20px);
      max-width: calc(33.3333333333% - 20px)
   }
}

@media all and (max-width:1020px) {
   .trust-top .left-trust,
   .trust-top .right-trust {
      box-sizing: border-box
   }
   .trust-top .left-trust {
      padding-left: 60px;
      width: 50%
   }
   .trust-top .left-trust .in-left-trust {
      width: 100%
   }
   .trust-top .right-trust {
      width: 46%
   }
   .trust-point .list img {
      margin-bottom: 13px
   }
   .trust-point .list h5 {
      font-size: 16px;
      margin-bottom: 10px
   }
   .trust-point .list p {
      font-size: 15px;
      line-height: 24px
   }
}

@media all and (max-width:1300px) {
   .box-career .title-career h3 {
      font-size: 30px;
      line-height: 42px
   }
   .box-career .title-career p {
      font-size: 15px
   }
   .no-banner {
      margin-top: 130px
   }
   .career-detail h3 {
      font-size: 30px
   }
}

@media all and (max-width:1020px) {
   .box-career .title-career h3 {
      font-size: 24px;
      line-height: 36px
   }
   .career-detail h3 {
      font-size: 25px
   }
}

@media all and (max-width:740px) {
   h3 {
      font-size: 20px
   }
   h4 {
      font-size: 18px
   }
   .btn-shopnow {
      font-size: 13px;
      padding: 0 21px 0 56px
   }
   .btn-shopnow:before {
      left: 17px;
      background-size: 80%
   }
   .wrap-mid,
   .wrap-small,
   .wrapper {
      padding-left: 30px;
      padding-right: 30px
   }
   .wrap-mid.result {
      min-height: 430px
   }
   header .wrapper {
      padding-left: 20px
   }
   header .head-top {
      padding: 15px 0
   }
   header .head-top:after,
   header .head-top:before {
      display: none
   }
   header .head-top .logo img {
      width: 160px
   }
   header .head-bottom .lang-head,
   header .head-bottom .search-head {
      display: none
   }
   header .head-bottom .burger-button.close-burger {
      left: 257px
   }
   header .head-bottom .wrapper>ul>li.bottom-mobile {
      display: block!important
   }
   .sc-top {
      margin-top: 111px
   }
   .side-thumb .ls-thumb {
      flex-wrap: wrap;
      margin-bottom: 35px
   }
   .side-thumb .ls-thumb figcaption,
   .side-thumb .ls-thumb figure {
      width: 100%
   }
   .side-thumb .ls-thumb figure {
      margin-bottom: 18px
   }
   .side-thumb.fullwidth .ls-thumb figcaption,
   .side-thumb.fullwidth .ls-thumb figure {
      width: 100%
   }
   .bg-bot-img,
   .bg-bot-img:after,
   .bg-bot-img:before {
      display: none
   }
   .banner figure {
      height: 175px
   }
   .banner figcaption {
      padding-left: 30px;
      padding-right: 30px
   }
   .banner figcaption h2 {
      font-size: 20px
   }
   .breadcrumbs li {
      margin-right: 33px;
      font-size: 10px
   }
   .breadcrumbs li:before {
      width: 15px
   }
   .potrait-list .list {
      flex-basis: 100%;
      max-width: 100%;
      margin: 0 0 20px;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
      -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
      -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
      -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px
   }
   .potrait-list .list figure img {
      border-radius: 10px 10px 0 0;
      -webkit-border-radius: 10px 10px 0 0;
      -moz-border-radius: 10px 10px 0 0;
      -ms-border-radius: 10px 10px 0 0;
      -o-border-radius: 10px 10px 0 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none
   }
   .potrait-list .list figcaption {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto
   }
   .potrait-list.three-col {
      margin-left: 0;
      margin-right: 0
   }
   .potrait-list.three-col .list {
      flex-basis: 100%;
      max-width: 100%
   }
   .potrait-lg span {
      font-size: 13px
   }
   .potrait-lg p {
      font-size: 14px;
      line-height: 24px
   }
   .potrait-lg figcaption {
      padding: 25px
   }
   .potrait-lg ol li,
   .potrait-lg ul li {
      font-size: 14px;
      line-height: 24px
   }
   .potrait-lg ol li,
   .potrait-lg ul li {
      padding-bottom: 5px
   }
   .pagination a {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 13px
   }
   .pagination a.prev {
      margin-right: 15px
   }
   .pagination a.next {
      margin-left: 15px
   }
   .popup .in-popup {
      width: 85%;
      padding-top: 40px
   }
   .popup .in-popup .close-popup {
      width: 30px;
      height: 30px
   }
   .popup .in-popup.mid {
      width: 455px
   }
   .popup .in-popup.mid .pop-gallery-list .numslide {
      top: 50%;
      margin-top: 0
   }
   .popup .in-popup.mid .slidergallery .slick-arrow {
      top: 50%;
      margin-top: 30px
   }
   .popup .in-popup.mid .slidergallery .slick-arrow.slick-next,
   .popup .in-popup.mid .slidergallery .slick-arrow.slick-prev {
      margin-top: 30px
   }
   .box-form .col input[type=email],
   .box-form .col input[type=number],
   .box-form .col input[type=password],
   .box-form .col input[type=text],
   .box-form .col select,
   .box-form .col textarea {
      padding-right: 0
   }
   .box-form .col label {
      width: 30%
   }
   .side-line {
      padding-left: 20px;
      padding-right: 40px
   }
   .std-content table {
      display: block
   }
   .std-content table thead {
      display: none
   }
   .std-content table tbody {
      display: block
   }
   .std-content table tbody tr {
      display: block;
      padding: 20px;
      background: #fafafa;
      border: none;
      margin-bottom: 10px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px
   }
   .std-content table tbody tr td,
   .std-content table tbody tr th {
      display: block;
      padding: 0;
      margin-bottom: 20px;
      text-align: left;
      background: transparent
   }
   .std-content table tbody tr td .title-td,
   .std-content table tbody tr th .title-td {
      display: block;
      font-weight: 600;
      color: #698d48
   }
   .std-content table tbody tr td .title-td span,
   .std-content table tbody tr th .title-td span {
      display: block;
      font-weight: 400
   }
   .std-content table tbody tr td:last-child,
   .std-content table tbody tr th:last-child {
      text-align: left;
      margin-bottom: 0
   }
   .std-content table tfoot {
      display: block
   }
   .std-content table tfoot tr {
      display: block;
      padding: 20px;
      background: #b7b4a2;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px
   }
   .std-content table tfoot tr td,
   .std-content table tfoot tr th {
      display: block;
      padding: 0;
      background: transparent;
      text-align: left
   }
   .rightside-slider .wrap-mid {
      margin-bottom: 60px
   }
   .rightside-slider .in-rightside-slider {
      flex-wrap: wrap
   }
   .rightside-slider .in-rightside-slider .desc,
   .rightside-slider .in-rightside-slider .slider-right {
      width: 100%
   }
   .rightside-slider .in-rightside-slider .desc {
      order: 2;
      padding-top: 40px
   }
   .rightside-slider .in-rightside-slider .desc h3 {
      font-size: 18px
   }
   .rightside-slider .in-rightside-slider .slider-right {
      order: 1;
      margin-right: 0
   }
   .rightside-slider .in-rightside-slider .slider-right .numslide {
      right: -12px
   }
   .rightside-slider .in-rightside-slider .slider-right .text-rotate {
      right: -10px
   }
   .sliderrightside {
      padding-right: 50px
   }
   .sliderrightside .slick-arrow.slick-prev {
      right: 15px
   }
   .sliderrightside .slick-arrow.slick-next {
      right: -18px
   }
   .bot-bg-green .obj-bg-green {
      height: 442px
   }
   .space-top-bottom-same {
      padding: 40px 0
   }
   .filter-side {
      flex-wrap: wrap
   }
   .filter-side .left-filter,
   .filter-side .right-filter {
      width: 100%
   }
   .filter-side .left-filter {
      margin-bottom: 10px
   }
   .box-img-apps a {
      margin-right: 5px
   }
   .box-img-apps a img {
      max-width: 120px
   }
   .full-window {
      height: auto;
      height: calc(100vh - 111px);
      min-height: 300px
   }
   .full-window h2 {
      font-size: 30px;
      margin-bottom: 10px
   }
   .full-window p {
      font-size: 14px
   }
   .full-window .in-window {
      width: 100%;
      box-sizing: border-box;
      padding: 40px 30px
   }
   .left-leaf,
   .left-leaf-two {
      display: none
   }
   .search-obj .left-circ {
      width: 130px;
      height: 140px;
      left: -90px
   }
   .search-obj .right-obj {
      width: 130px;
      height: 170px;
      right: -70px
   }
   footer nav a {
      margin-right: 10px
   }
   footer .left-foot {
      padding: 30px 20px
   }
   footer .right-foot a {
      font-size: 12px;
      margin-right: 20px
   }
   .undermaintenance .sc-top {
      margin-top: 61px
   }
}

@media all and (max-width:479px) {
   .popup .in-popup.mid {
      width: 300px
   }
   .popup .in-popup.mid .pop-gallery-list .numslide,
   .popup .in-popup.mid .slidergallery .slick-arrow {
      top: 40%
   }
   .popup .in-popup.mid .slidergallery .slick-arrow.slick-next,
   .popup .in-popup.mid .slidergallery .slick-arrow.slick-prev {
      margin-top: -55px
   }
}

@media all and (max-width:350px) {
   header .head-bottom .burger-button.close-burger {
      left: 217px
   }
   .wrap-mid,
   .wrap-small,
   .wrapper {
      padding-left: 20px;
      padding-right: 20px
   }
   .box-form .col {
      padding-left: 15px
   }
}

@media all and (max-width:740px) {
   .sliderhome .list figure {
      height: calc(100vh - 111px);
      min-height: 340px
   }
   .sliderhome .list .desc {
      width: auto;
      padding: 0 50px
   }
   .sliderhome .list .desc h2 {
      font-size: 33px;
      margin-bottom: 5px
   }
   .sliderhome .list .desc h2 span {
      font-size: 31px
   }
   .sliderhome .list .desc h3 {
      font-size: 28px;
      margin-bottom: 20px
   }
   .sliderhome .slick-arrow.slick-prev {
      left: 10px
   }
   .sliderhome .slick-arrow.slick-next {
      right: 10px
   }
   .homecontent {
      padding: 55px 20px
   }
   .homecontent .vegeright {
      width: 170px;
      height: 210px;
      right: -40px;
      margin-top: 40px
   }
   .homecontent .in-homecontent>section>h2 {
      left: 22px;
      font-size: 40px
   }
   .homecontent .in-homecontent>section.facilities-home .wrapper,
   .homecontent .in-homecontent>section.magazine-home .wrapper,
   .homecontent .in-homecontent>section.news-home .wrapper {
      width: 100%;
      padding-left: 25px;
      padding-right: 25px
   }
   .homecontent .in-homecontent>section.about-home {
      padding: 54px 25px
   }
   .homecontent .in-homecontent>section.about-home .box-aside {
      flex-wrap: wrap;
      text-align: center
   }
   .homecontent .in-homecontent>section.about-home .box-aside h1,
   .homecontent .in-homecontent>section.about-home .box-aside h3 {
      margin-bottom: 20px
   }
   .homecontent .in-homecontent>section.about-home .box-aside .left-side,
   .homecontent .in-homecontent>section.about-home .box-aside .right-side {
      width: 100%
   }
   .homecontent .in-homecontent>section.about-home .box-aside .left-side {
      margin-bottom: 32px
   }
   .homecontent .in-homecontent>section.about-home .box-aside .left-side img {
      max-height: 50px
   }
   .homecontent .in-homecontent>section.facilities-home:before {
      background-size: 150px
   }
   .homecontent .in-homecontent>section.facilities-home>h2 {
      margin-top: 50px
   }
   .homecontent .in-homecontent>section.facilities-home h3 {
      font-size: 22px;
      margin-bottom: 5px
   }
   .homecontent .in-homecontent>section.facilities-home .box-slide-facilities {
      padding-top: 100px
   }
   .homecontent .in-homecontent>section.facilities-home .slider-facilities {
      margin-top: 0
   }
   .homecontent .in-homecontent>section.facilities-home .slider-facilities .slick-list {
      margin-right: 0
   }
   .homecontent .in-homecontent>section.facilities-home .box-link-facilities {
      padding-top: 30px
   }
   .homecontent .in-homecontent>section.news-home .vegeleft {
      width: 300px;
      left: -110px;
      margin-top: -100px
   }
   .homecontent .in-homecontent>section.news-home .labu {
      background-size: 120px;
      bottom: -50px
   }
   .homecontent .in-homecontent>section.magazine-home {
      padding-top: 70px
   }
   .homecontent .in-homecontent>section.magazine-home>h2 {
      left: 25px
   }
   .homecontent .in-homecontent>section.magazine-home .left-magazine figure img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover
   }
   .homecontent .in-homecontent>section.magazine-home .left-magazine figure figcaption {
      position: relative;
      right: auto;
      bottom: auto;
      left: auto;
      padding: 200px 22px 55px;
      text-align: center
   }
   .homecontent .in-homecontent>section.magazine-home .left-magazine figure figcaption h3 {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 10px
   }
   .homecontent .in-homecontent>section.magazine-home .left-magazine figure figcaption p {
      font-size: 14px;
      line-height: 22px
   }
   .homecontent .in-homecontent>section.magazine-home .right-magazine .slidermagazine {
      margin-right: -25px
   }
   .box-advantages .list {
      width: 100%
   }
   .box-advantages .list:first-child figure,
   .box-advantages .list:first-child figure:before,
   .box-advantages .list:first-child figure img {
      border-radius: 14px 14px 0 0;
      -webkit-border-radius: 14px 14px 0 0;
      -moz-border-radius: 14px 14px 0 0;
      -ms-border-radius: 14px 14px 0 0;
      -o-border-radius: 14px 14px 0 0
   }
   .box-advantages .list:last-child figure,
   .box-advantages .list:last-child figure:before,
   .box-advantages .list:last-child figure img {
      border-radius: 0 0 14px 14px;
      -webkit-border-radius: 0 0 14px 14px;
      -moz-border-radius: 0 0 14px 14px;
      -ms-border-radius: 0 0 14px 14px;
      -o-border-radius: 0 0 14px 14px
   }
   .slider-facilities .list {
      margin: 0
   }
   .slider-facilities .list .desc-det {
      display: none
   }
   .slider-facilities .list.slick-current figure {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1)
   }
   .slider-facilities .list.slick-current figcaption {
      opacity: 1;
      bottom: 24px
   }
   .slider-facilities .overhide .slick-list {
      margin-right: 0
   }
   .slider-facilities .slick-arrow {
      width: 40px;
      height: 40px
   }
   .slider-facilities .slick-arrow:after {
      background-size: 20px
   }
   .slider-facilities .slick-arrow.slick-prev {
      left: -20px
   }
   .slider-facilities .slick-arrow.slick-next {
      right: -20px
   }
   .box-aside h1,
   .box-aside h3 {
      font-size: 20px
   }
   .box-link-facilities .thumb-img {
      flex-wrap: wrap
   }
   .box-link-facilities .thumb-img .list {
      width: 100%
   }
   .box-link-facilities .thumb-img .list:nth-child(n+2) {
      display: none
   }
   .box-link-facilities .wrapper .lg-link figcaption {
      padding: 0 20px 25px
   }
   .box-link-facilities .wrapper .lg-link .facilities-search {
      font-size: 16px
   }
   .box-link-facilities .wrapper .lg-link .facilities-search:before {
      background-size: 60%
   }
   .box-link-facilities .wrapper .thumb-link .side-title {
      left: 25px;
      right: 25px
   }
   .slidermagazine .list {
      width: 208px
   }
   .slidermagazine .slick-arrow.slick-next {
      right: -10px
   }
}

@media all and (max-width:740px) {
   .story {
      padding-bottom: 60px
   }
   .story .wrapper {
      flex-wrap: wrap
   }
   .story .left-story,
   .story .right-story {
      flex: 1 0 100%;
      max-width: 100%;
      box-sizing: border-box
   }
   .story .left-story {
      padding-right: 40px;
      margin-bottom: 38px
   }
   .story .right-story {
      padding: 0 30px
   }
   .side-map {
      flex-wrap: wrap
   }
   .side-map .left-map,
   .side-map .right-map {
      width: 100%
   }
   .side-map .left-map {
      order: 2;
      max-height: none
   }
   .side-map .left-map .list:before {
      display: none
   }
   .side-map .right-map {
      order: 1;
      margin-bottom: 20px;
      height: 400px
   }
   .address-list .list {
      flex-basis: 100%;
      max-width: 100%;
      margin-bottom: 30px
   }
   .address-list .list h5 {
      margin-bottom: 10px
   }
}

@media all and (max-width:740px) {
   .box-aside .submenu-aside {
      top: 5px
   }
   .box-aside .submenu-aside>span {
      display: none
   }
   .box-aside aside {
      width: 100%
   }
   .box-aside aside:before {
      top: -15px;
      right: 4px
   }
   .box-aside aside>ul {
      max-height: 290px
   }
   .acc-sidelist .list {
      flex-wrap: wrap
   }
   .acc-sidelist .list .desc,
   .acc-sidelist .list figure {
      width: 100%
   }
   .acc-sidelist .list figure {
      margin-bottom: 20px
   }
   .acc-sidelist .list figure img {
      width: 100%
   }
   .acc-sidelist .list .desc {
      max-height: none;
      padding-bottom: 0
   }
   .acc-sidelist .list .acc-btn-more {
      display: none!important
   }
   .acc-sidelist .list.limited.active .desc,
   .acc-sidelist .list.limited .desc {
      max-height: none
   }
   .acc-droplist .list h5 {
      font-size: 16px
   }
   .acc-droplist .list .btn-acc {
      padding-right: 0;
      padding-bottom: 50px
   }
   .acc-droplist .list .btn-acc .plus-btn-acc {
      top: auto;
      margin-top: 0;
      bottom: 15px
   }
   .download-side .list {
      flex-wrap: wrap;
      padding: 30px 0
   }
   .download-side .list .desc,
   .download-side .list figure {
      width: 100%
   }
   .download-side .list figure {
      text-align: center;
      margin-bottom: 20px
   }
   .download-side .list figure img {
      width: auto;
      max-width: 80%
   }
   .download-side .list .desc h4 {
      text-align: center;
      margin-bottom: 15px
   }
   .data-download {
      padding: 14px 55px 14px 30px
   }
   .data-download h5 {
      font-size: 14px;
      line-height: 20px
   }
   .data-download .link-download {
      right: 20px
   }
   .slidercsr .list figure img {
      border-radius: 10px 10px 0 0;
      -webkit-border-radius: 10px 10px 0 0;
      -moz-border-radius: 10px 10px 0 0;
      -ms-border-radius: 10px 10px 0 0;
      -o-border-radius: 10px 10px 0 0;
      height: 340px;
      object-fit: cover
   }
   .slidercsr .list figcaption {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      width: 100%;
      border-radius: 0 0 10px 10px;
      -webkit-border-radius: 0 0 10px 10px;
      -moz-border-radius: 0 0 10px 10px;
      -ms-border-radius: 0 0 10px 10px;
      -o-border-radius: 0 0 10px 10px
   }
   .slidercsr .list figcaption .in-caps {
      max-height: 300px
   }
}

@media all and (max-width:740px) {
   .product-list .list {
      flex-wrap: wrap;
      margin-bottom: 50px
   }
   .product-list .list figcaption,
   .product-list .list figure {
      width: 100%
   }
   .product-list .list figure {
      margin-bottom: 30px
   }
   .product-list .list figcaption h3 {
      margin-bottom: 10px
   }
   .product-list .list:nth-child(even) figure {
      order: 1
   }
   .product-list .list:nth-child(even) figcaption {
      order: 2
   }
}

@media all and (max-width:740px) {
   .health-detail h2 {
      font-size: 30px;
      line-height: 38px;
      margin-bottom: 20px
   }
   .box-slidermagazine {
      padding: 45px 0 80px
   }
   .box-slidermagazine h3 {
      font-size: 20px;
      margin-bottom: 20px
   }
   .box-slidermagazine .wrapper {
      padding-left: 60px
   }
   .slidermagazinedetail .list {
      width: 177px;
      margin-right: 20px
   }
   .slidermagazinedetail .slick-arrow {
      width: 39px;
      height: 39px;
      background-size: 50%;
      left: -50px
   }
   .slidermagazinedetail .slick-arrow.slick-prev {
      margin-top: -50px
   }
   .event-list {
      margin: 0 0 15px
   }
   .event-list .list {
      flex-basis: 100%;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0
   }
   .event-list .list figcaption {
      padding: 15px
   }
   .event-list .list figcaption h5 {
      font-size: 14px
   }
   .past-issues h3 {
      font-size: 20px;
      margin-bottom: 20px
   }
   .slider-promo .slick-arrow {
      width: 35px;
      height: 35px;
      margin-top: -18px
   }
   .promobox h3 {
      font-size: 20px
   }
   .pop-gallery-list .numslide {
      margin-top: 0;
      top: 120px;
      font-size: 13px;
      padding: 10px 10px 40px;
      width: 100px
   }
   .pop-gallery-list .numslide .num {
      font-size: 22px
   }
   .slidergallery .slick-arrow {
      margin-top: 0;
      top: 30%!important;
      width: 45px;
      height: 45px
   }
   .slidergallery .slick-arrow.slick-prev {
      left: 20px;
      margin-top: -1px
   }
   .slidergallery .slick-arrow.slick-next {
      right: 20px
   }
   .program-section .ttl-program {
      width: 100%;
      margin-bottom: 30px
   }
   .ttl-mailer h3 {
      font-size: 20px
   }
   .partner-link a img {
      max-width: 100px;
      max-height: 40px
   }
   .potrait-lg.fximg figcaption {
      padding-top: 50px
   }
   .pop-gallery-list .slidergallery .slick-arrow {
      top: 150px
   }
   #popup_gallery .in-popup .overflow-box {
      margin: 0;
      padding: 0
   }
}

@media all and (max-width:740px) {
   .trust-top {
      flex-wrap: wrap
   }
   .trust-top .left-trust {
      width: 100%;
      padding: 0 30px 30px
   }
   .trust-top .right-trust {
      width: 100%;
      padding-left: 30px
   }
   .trust-point {
      margin: 0
   }
   .trust-point .list {
      flex-basis: 100%;
      max-width: 100%
   }
}

@media all and (max-width:740px) {
   .career-top .left-leaf {
      display: none
   }
   .box-career .title-career {
      width: 100%
   }
   .box-career .title-career h3 {
      font-size: 20px
   }
   .career-list .col {
      flex-wrap: wrap;
      position: relative;
      padding: 20px 60px 20px 20px
   }
   .career-list .col .right-career,
   .career-list .col .text-career {
      width: 100%
   }
   .career-list .col .text-career {
      margin-bottom: 5px;
      padding-right: 0
   }
   .career-list .col .right-career {
      position: static
   }
   .career-list .col .right-career .arrow {
      right: 20px
   }
   .career-list .col:hover .right-career {
      color: #292929
   }
   .career-list .col:hover .right-career .arrow:before {
      top: 0;
      margin-top: 0;
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1)
   }
   .career-detail h3 {
      font-size: 20px;
      margin-bottom: 10px
   }
   .career-detail .foot-career {
      margin-top: 40px
   }
   .career-detail .foot-career .right {
      line-height: 50px
   }
   .input_file:after {
      content: "Browse";
      text-align: center;
      line-height: 50px;
      background: #b7b4a2;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      color: #333;
      font-size: 12px;
      width: 70px
   }
   .input_file span {
      padding-right: 60px;
      word-wrap: break-word;
      max-height: 50px;
      overflow: hidden;
      display: block
   }
}