@charset "UTF-8";
/*******************variable***********************/
/*******************mixin***********************/
/*******************functions***********************/
/*******************base***********************/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, address, ol, ul, dl, blockquote, pre, figure, caption, label, form, li {
  margin: 0;
  padding: 0;
}

ul, ul li, ol, ol li {
  list-style: none outside none;
}

a, a:hover, a:focus {
  text-decoration: none;
  outline: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

html {
  font-size: 62.5%;
}
@media screen and (max-width: 319px) {
  html {
    font-size: 43.75%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  html {
    font-size: 56.25%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  html {
    font-size: 56.25%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 56.25%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  html {
    font-size: 62.5%;
  }
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 62.5%;
  }
}

 body{
    text-aling: center;
    font-family: sans-serif;
	margin: 0;
}

.modal{
    width: 100%;
    height: 100vh;
    background: rgb(0,0,0,0.8);

    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    animation: modal 2s 3s forwards;
    visibility: hidden;
    opacity: 0;
}

.contenido{
    margin: auto;
    width: 40%;
    height: 40%;
    background: white;
    border-radius: 10px;
}

#cerrar{
    display: none;
}
#cerrar + label{
    position: fixed;
    color: #fff;
    font-size: 25px;
    z-index: 50;
    background: darkred;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    right: 10px;
    cursor: pointer;

    animation: modal 2s 3s forwards;
    visibility: hidden;
    opacity: 0;
}

#cerrar:checked + label, #cerrar:checked - .modal{
    display: none;
}

@keyframes modal{
    100% {
      visibility: visible;
      opacity: 1;
    }
}

.container-mxm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 319px) {
  .container-mxm {
    max-width: 319px;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .container-mxm {
    max-width: 575px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .container-mxm {
    max-width: 640px;
  }
}
/*******************fonts***********************/
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-RegularItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Rubik";
  src: url("../fonts/Rubik-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Material Icons";
  src: url("../fonts/MaterialIcons-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 2rem;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Outlined";
  src: url("../fonts/MaterialIcons-Regular-Outlined.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
.material-icons-outlined_del {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 2rem;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

/*******************font-awesome***********************/
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-acquisitions-incorporated:before {
  content: "";
}

.fa-ad:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-adobe:before {
  content: "";
}

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-air-freshener:before {
  content: "";
}

.fa-airbnb:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-alipay:before {
  content: "";
}

.fa-allergies:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angry:before {
  content: "";
}

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-ankh:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-apple-alt:before {
  content: "";
}

.fa-apple-pay:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-archway:before {
  content: "";
}

.fa-arrow-alt-circle-down:before {
  content: "";
}

.fa-arrow-alt-circle-left:before {
  content: "";
}

.fa-arrow-alt-circle-right:before {
  content: "";
}

.fa-arrow-alt-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-arrows-alt-h:before {
  content: "";
}

.fa-arrows-alt-v:before {
  content: "";
}

.fa-artstation:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-atlas:before {
  content: "";
}

.fa-atlassian:before {
  content: "";
}

.fa-atom:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-award:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

.fa-baby:before {
  content: "";
}

.fa-baby-carriage:before {
  content: "";
}

.fa-backspace:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-bacon:before {
  content: "";
}

.fa-bahai:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-balance-scale-left:before {
  content: "";
}

.fa-balance-scale-right:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-band-aid:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-battle-net:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bezier-curve:before {
  content: "";
}

.fa-bible:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-biking:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-biohazard:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blender:before {
  content: "";
}

.fa-blender-phone:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blog:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-bone:before {
  content: "";
}

.fa-bong:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-book-dead:before {
  content: "";
}

.fa-book-medical:before {
  content: "";
}

.fa-book-open:before {
  content: "";
}

.fa-book-reader:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-bootstrap:before {
  content: "";
}

.fa-border-all:before {
  content: "";
}

.fa-border-none:before {
  content: "";
}

.fa-border-style:before {
  content: "";
}

.fa-bowling-ball:before {
  content: "";
}

.fa-box:before {
  content: "";
}

.fa-box-open:before {
  content: "";
}

.fa-boxes:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-brain:before {
  content: "";
}

.fa-bread-slice:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-briefcase-medical:before {
  content: "";
}

.fa-broadcast-tower:before {
  content: "";
}

.fa-broom:before {
  content: "";
}

.fa-brush:before {
  content: "";
}

.fa-btc:before {
  content: "";
}

.fa-buffer:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-burn:before {
  content: "";
}

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-bus-alt:before {
  content: "";
}

.fa-business-time:before {
  content: "";
}

.fa-buy-n-large:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-calendar-alt:before {
  content: "";
}

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-day:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

.fa-calendar-week:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-campground:before {
  content: "";
}

.fa-canadian-maple-leaf:before {
  content: "";
}

.fa-candy-cane:before {
  content: "";
}

.fa-cannabis:before {
  content: "";
}

.fa-capsules:before {
  content: "";
}

.fa-car:before {
  content: "";
}

.fa-car-alt:before {
  content: "";
}

.fa-car-battery:before {
  content: "";
}

.fa-car-crash:before {
  content: "";
}

.fa-car-side:before {
  content: "";
}

.fa-caravan:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-caret-square-down:before {
  content: "";
}

.fa-caret-square-left:before {
  content: "";
}

.fa-caret-square-right:before {
  content: "";
}

.fa-caret-square-up:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-carrot:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cash-register:before {
  content: "";
}

.fa-cat:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-centercode:before {
  content: "";
}

.fa-centos:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-chair:before {
  content: "";
}

.fa-chalkboard:before {
  content: "";
}

.fa-chalkboard-teacher:before {
  content: "";
}

.fa-charging-station:before {
  content: "";
}

.fa-chart-area:before {
  content: "";
}

.fa-chart-bar:before {
  content: "";
}

.fa-chart-line:before {
  content: "";
}

.fa-chart-pie:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-check-double:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-cheese:before {
  content: "";
}

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-chromecast:before {
  content: "";
}

.fa-church:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-circle-notch:before {
  content: "";
}

.fa-city:before {
  content: "";
}

.fa-clinic-medical:before {
  content: "";
}

.fa-clipboard:before {
  content: "";
}

.fa-clipboard-check:before {
  content: "";
}

.fa-clipboard-list:before {
  content: "";
}

.fa-clock:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-cloud-download-alt:before {
  content: "";
}

.fa-cloud-meatball:before {
  content: "";
}

.fa-cloud-moon:before {
  content: "";
}

.fa-cloud-moon-rain:before {
  content: "";
}

.fa-cloud-rain:before {
  content: "";
}

.fa-cloud-showers-heavy:before {
  content: "";
}

.fa-cloud-sun:before {
  content: "";
}

.fa-cloud-sun-rain:before {
  content: "";
}

.fa-cloud-upload-alt:before {
  content: "";
}

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

.fa-cocktail:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-code-branch:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-cogs:before {
  content: "";
}

.fa-coins:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-comment-alt:before {
  content: "";
}

.fa-comment-dollar:before {
  content: "";
}

.fa-comment-dots:before {
  content: "";
}

.fa-comment-medical:before {
  content: "";
}

.fa-comment-slash:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-comments-dollar:before {
  content: "";
}

.fa-compact-disc:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-compress-alt:before {
  content: "";
}

.fa-compress-arrows-alt:before {
  content: "";
}

.fa-concierge-bell:before {
  content: "";
}

.fa-confluence:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-cookie:before {
  content: "";
}

.fa-cookie-bite:before {
  content: "";
}

.fa-copy:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-cotton-bureau:before {
  content: "";
}

.fa-couch:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-creative-commons-by:before {
  content: "";
}

.fa-creative-commons-nc:before {
  content: "";
}

.fa-creative-commons-nc-eu:before {
  content: "";
}

.fa-creative-commons-nc-jp:before {
  content: "";
}

.fa-creative-commons-nd:before {
  content: "";
}

.fa-creative-commons-pd:before {
  content: "";
}

.fa-creative-commons-pd-alt:before {
  content: "";
}

.fa-creative-commons-remix:before {
  content: "";
}

.fa-creative-commons-sa:before {
  content: "";
}

.fa-creative-commons-sampling:before {
  content: "";
}

.fa-creative-commons-sampling-plus:before {
  content: "";
}

.fa-creative-commons-share:before {
  content: "";
}

.fa-creative-commons-zero:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-critical-role:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-crop-alt:before {
  content: "";
}

.fa-cross:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-crow:before {
  content: "";
}

.fa-crown:before {
  content: "";
}

.fa-crutch:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-css3-alt:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-cut:before {
  content: "";
}

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-d-and-d-beyond:before {
  content: "";
}

.fa-dailymotion:before {
  content: "勒";
}

.fa-dashcube:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-deaf:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-democrat:before {
  content: "";
}

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-dev:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-dharmachakra:before {
  content: "";
}

.fa-dhl:before {
  content: "";
}

.fa-diagnoses:before {
  content: "";
}

.fa-diaspora:before {
  content: "";
}

.fa-dice:before {
  content: "";
}

.fa-dice-d20:before {
  content: "";
}

.fa-dice-d6:before {
  content: "";
}

.fa-dice-five:before {
  content: "";
}

.fa-dice-four:before {
  content: "";
}

.fa-dice-one:before {
  content: "";
}

.fa-dice-six:before {
  content: "";
}

.fa-dice-three:before {
  content: "";
}

.fa-dice-two:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-digital-ocean:before {
  content: "";
}

.fa-digital-tachograph:before {
  content: "";
}

.fa-directions:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-divide:before {
  content: "";
}

.fa-dizzy:before {
  content: "";
}

.fa-dna:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

.fa-dog:before {
  content: "";
}

.fa-dollar-sign:before {
  content: "";
}

.fa-dolly:before {
  content: "";
}

.fa-dolly-flatbed:before {
  content: "";
}

.fa-donate:before {
  content: "";
}

.fa-door-closed:before {
  content: "";
}

.fa-door-open:before {
  content: "";
}

.fa-dot-circle:before {
  content: "";
}

.fa-dove:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-draft2digital:before {
  content: "";
}

.fa-drafting-compass:before {
  content: "";
}

.fa-dragon:before {
  content: "";
}

.fa-draw-polygon:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-dribbble-square:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-drum:before {
  content: "";
}

.fa-drum-steelpan:before {
  content: "";
}

.fa-drumstick-bite:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-dumbbell:before {
  content: "";
}

.fa-dumpster:before {
  content: "";
}

.fa-dumpster-fire:before {
  content: "";
}

.fa-dungeon:before {
  content: "";
}

.fa-dyalog:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-ebay:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

.fa-egg:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-elementor:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-ello:before {
  content: "";
}

.fa-ember:before {
  content: "";
}

.fa-empire:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-text:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-equals:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-ethernet:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-euro-sign:before {
  content: "";
}

.fa-evernote:before {
  content: "";
}

.fa-exchange-alt:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-expand-alt:before {
  content: "";
}

.fa-expand-arrows-alt:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-external-link-alt:before {
  content: "";
}

.fa-external-link-square-alt:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-dropper:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-fan:before {
  content: "";
}

.fa-fantasy-flight-games:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-feather:before {
  content: "";
}

.fa-feather-alt:before {
  content: "";
}

.fa-fedex:before {
  content: "";
}

.fa-fedora:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-figma:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-alt:before {
  content: "";
}

.fa-file-archive:before {
  content: "";
}

.fa-file-audio:before {
  content: "";
}

.fa-file-code:before {
  content: "";
}

.fa-file-contract:before {
  content: "";
}

.fa-file-csv:before {
  content: "";
}

.fa-file-download:before {
  content: "";
}

.fa-file-excel:before {
  content: "";
}

.fa-file-export:before {
  content: "";
}

.fa-file-image:before {
  content: "";
}

.fa-file-import:before {
  content: "";
}

.fa-file-invoice:before {
  content: "";
}

.fa-file-invoice-dollar:before {
  content: "";
}

.fa-file-medical:before {
  content: "";
}

.fa-file-medical-alt:before {
  content: "";
}

.fa-file-pdf:before {
  content: "";
}

.fa-file-powerpoint:before {
  content: "";
}

.fa-file-prescription:before {
  content: "";
}

.fa-file-signature:before {
  content: "";
}

.fa-file-upload:before {
  content: "";
}

.fa-file-video:before {
  content: "";
}

.fa-file-word:before {
  content: "";
}

.fa-fill:before {
  content: "";
}

.fa-fill-drip:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-fingerprint:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-fire-alt:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-firefox-browser:before {
  content: "龜";
}

.fa-first-aid:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-first-order-alt:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

.fa-fish:before {
  content: "";
}

.fa-fist-raised:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-flag-usa:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-flipboard:before {
  content: "";
}

.fa-flushed:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-minus:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-folder-plus:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-font-awesome-logo-full:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

.fa-frog:before {
  content: "";
}

.fa-frown:before {
  content: "";
}

.fa-frown-open:before {
  content: "";
}

.fa-fulcrum:before {
  content: "";
}

.fa-funnel-dollar:before {
  content: "";
}

.fa-futbol:before {
  content: "";
}

.fa-galactic-republic:before {
  content: "";
}

.fa-galactic-senate:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-gas-pump:before {
  content: "";
}

.fa-gavel:before {
  content: "";
}

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-ghost:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-gifts:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-git-alt:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-cheers:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glass-martini-alt:before {
  content: "";
}

.fa-glass-whiskey:before {
  content: "";
}

.fa-glasses:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-globe-africa:before {
  content: "";
}

.fa-globe-americas:before {
  content: "";
}

.fa-globe-asia:before {
  content: "";
}

.fa-globe-europe:before {
  content: "";
}

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-google-drive:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-google-plus-g:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-gopuram:before {
  content: "";
}

.fa-graduation-cap:before {
  content: "";
}

.fa-gratipay:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-greater-than:before {
  content: "";
}

.fa-greater-than-equal:before {
  content: "";
}

.fa-grimace:before {
  content: "";
}

.fa-grin:before {
  content: "";
}

.fa-grin-alt:before {
  content: "";
}

.fa-grin-beam:before {
  content: "";
}

.fa-grin-beam-sweat:before {
  content: "";
}

.fa-grin-hearts:before {
  content: "";
}

.fa-grin-squint:before {
  content: "";
}

.fa-grin-squint-tears:before {
  content: "";
}

.fa-grin-stars:before {
  content: "";
}

.fa-grin-tears:before {
  content: "";
}

.fa-grin-tongue:before {
  content: "";
}

.fa-grin-tongue-squint:before {
  content: "";
}

.fa-grin-tongue-wink:before {
  content: "";
}

.fa-grin-wink:before {
  content: "";
}

.fa-grip-horizontal:before {
  content: "";
}

.fa-grip-lines:before {
  content: "";
}

.fa-grip-lines-vertical:before {
  content: "";
}

.fa-grip-vertical:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-guitar:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-hacker-news-square:before {
  content: "";
}

.fa-hackerrank:before {
  content: "";
}

.fa-hamburger:before {
  content: "";
}

.fa-hammer:before {
  content: "";
}

.fa-hamsa:before {
  content: "";
}

.fa-hand-holding:before {
  content: "";
}

.fa-hand-holding-heart:before {
  content: "";
}

.fa-hand-holding-usd:before {
  content: "";
}

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-middle-finger:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

.fa-hand-point-down:before {
  content: "";
}

.fa-hand-point-left:before {
  content: "";
}

.fa-hand-point-right:before {
  content: "";
}

.fa-hand-point-up:before {
  content: "";
}

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-hands:before {
  content: "";
}

.fa-hands-helping:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-hanukiah:before {
  content: "";
}

.fa-hard-hat:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-hat-cowboy:before {
  content: "";
}

.fa-hat-cowboy-side:before {
  content: "";
}

.fa-hat-wizard:before {
  content: "";
}

.fa-hdd:before {
  content: "";
}

.fa-heading:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-headphones-alt:before {
  content: "";
}

.fa-headset:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-heart-broken:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-helicopter:before {
  content: "";
}

.fa-highlighter:before {
  content: "";
}

.fa-hiking:before {
  content: "";
}

.fa-hippo:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-hockey-puck:before {
  content: "";
}

.fa-holly-berry:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-hooli:before {
  content: "";
}

.fa-hornbill:before {
  content: "";
}

.fa-horse:before {
  content: "";
}

.fa-horse-head:before {
  content: "";
}

.fa-hospital:before {
  content: "";
}

.fa-hospital-alt:before {
  content: "";
}

.fa-hospital-symbol:before {
  content: "";
}

.fa-hot-tub:before {
  content: "";
}

.fa-hotdog:before {
  content: "";
}

.fa-hotel:before {
  content: "";
}

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-house-damage:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-hryvnia:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-hubspot:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-ice-cream:before {
  content: "";
}

.fa-icicles:before {
  content: "";
}

.fa-icons:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-id-card-alt:before {
  content: "";
}

.fa-ideal:before {
  content: "邏";
}

.fa-igloo:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-infinity:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-instagram-square:before {
  content: "凌";
}

.fa-intercom:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-invision:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-itch-io:before {
  content: "";
}

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-java:before {
  content: "";
}

.fa-jedi:before {
  content: "";
}

.fa-jedi-order:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-jira:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

.fa-joint:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-journal-whills:before {
  content: "";
}

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-kaaba:before {
  content: "";
}

.fa-kaggle:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-keybase:before {
  content: "";
}

.fa-keyboard:before {
  content: "";
}

.fa-keycdn:before {
  content: "";
}

.fa-khanda:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-kiss:before {
  content: "";
}

.fa-kiss-beam:before {
  content: "";
}

.fa-kiss-wink-heart:before {
  content: "";
}

.fa-kiwi-bird:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

.fa-landmark:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-laptop-code:before {
  content: "";
}

.fa-laptop-medical:before {
  content: "";
}

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-laugh:before {
  content: "";
}

.fa-laugh-beam:before {
  content: "";
}

.fa-laugh-squint:before {
  content: "";
}

.fa-laugh-wink:before {
  content: "";
}

.fa-layer-group:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-lemon:before {
  content: "";
}

.fa-less:before {
  content: "";
}

.fa-less-than:before {
  content: "";
}

.fa-less-than-equal:before {
  content: "";
}

.fa-level-down-alt:before {
  content: "";
}

.fa-level-up-alt:before {
  content: "";
}

.fa-life-ring:before {
  content: "";
}

.fa-lightbulb:before {
  content: "";
}

.fa-line:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-linkedin-in:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-lira-sign:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-lock-open:before {
  content: "";
}

.fa-long-arrow-alt-down:before {
  content: "";
}

.fa-long-arrow-alt-left:before {
  content: "";
}

.fa-long-arrow-alt-right:before {
  content: "";
}

.fa-long-arrow-alt-up:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-luggage-cart:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-mail-bulk:before {
  content: "";
}

.fa-mailchimp:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-mandalorian:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-map-marked:before {
  content: "";
}

.fa-map-marked-alt:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-map-marker-alt:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-markdown:before {
  content: "";
}

.fa-marker:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mask:before {
  content: "";
}

.fa-mastodon:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-mdb:before {
  content: "";
}

.fa-medal:before {
  content: "";
}

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.fa-megaport:before {
  content: "";
}

.fa-meh:before {
  content: "";
}

.fa-meh-blank:before {
  content: "";
}

.fa-meh-rolling-eyes:before {
  content: "";
}

.fa-memory:before {
  content: "";
}

.fa-mendeley:before {
  content: "";
}

.fa-menorah:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-meteor:before {
  content: "";
}

.fa-microblog:before {
  content: "駱";
}

.fa-microchip:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-alt:before {
  content: "";
}

.fa-microphone-alt-slash:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-microscope:before {
  content: "";
}

.fa-microsoft:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-mitten:before {
  content: "";
}

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mixer:before {
  content: "稜";
}

.fa-mizuni:before {
  content: "";
}

.fa-mobile:before {
  content: "";
}

.fa-mobile-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

.fa-money-bill-wave:before {
  content: "";
}

.fa-money-bill-wave-alt:before {
  content: "";
}

.fa-money-check:before {
  content: "";
}

.fa-money-check-alt:before {
  content: "";
}

.fa-monument:before {
  content: "";
}

.fa-moon:before {
  content: "";
}

.fa-mortar-pestle:before {
  content: "";
}

.fa-mosque:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-mountain:before {
  content: "";
}

.fa-mouse:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-mug-hot:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-napster:before {
  content: "";
}

.fa-neos:before {
  content: "";
}

.fa-network-wired:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nimblr:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-not-equal:before {
  content: "";
}

.fa-notes-medical:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-oil-can:before {
  content: "";
}

.fa-old-republic:before {
  content: "";
}

.fa-om:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-orcid:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

.fa-otter:before {
  content: "";
}

.fa-outdent:before {
  content: "";
}

.fa-page4:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-pager:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-paint-roller:before {
  content: "";
}

.fa-palette:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

.fa-pallet:before {
  content: "";
}

.fa-paper-plane:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-parachute-box:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-parking:before {
  content: "";
}

.fa-passport:before {
  content: "";
}

.fa-pastafarianism:before {
  content: "";
}

.fa-paste:before {
  content: "";
}

.fa-patreon:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-peace:before {
  content: "";
}

.fa-pen:before {
  content: "";
}

.fa-pen-alt:before {
  content: "";
}

.fa-pen-fancy:before {
  content: "";
}

.fa-pen-nib:before {
  content: "";
}

.fa-pen-square:before {
  content: "";
}

.fa-pencil-alt:before {
  content: "";
}

.fa-pencil-ruler:before {
  content: "";
}

.fa-penny-arcade:before {
  content: "";
}

.fa-people-carry:before {
  content: "";
}

.fa-pepper-hot:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-percentage:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-person-booth:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

.fa-phoenix-squadron:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-phone-alt:before {
  content: "";
}

.fa-phone-slash:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-phone-square-alt:before {
  content: "";
}

.fa-phone-volume:before {
  content: "";
}

.fa-photo-video:before {
  content: "";
}

.fa-php:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-pied-piper-hat:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-square:before {
  content: "爛";
}

.fa-piggy-bank:before {
  content: "";
}

.fa-pills:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-pizza-slice:before {
  content: "";
}

.fa-place-of-worship:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-plane-arrival:before {
  content: "";
}

.fa-plane-departure:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-poll:before {
  content: "";
}

.fa-poll-h:before {
  content: "";
}

.fa-poo:before {
  content: "";
}

.fa-poo-storm:before {
  content: "";
}

.fa-poop:before {
  content: "";
}

.fa-portrait:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-pray:before {
  content: "";
}

.fa-praying-hands:before {
  content: "";
}

.fa-prescription:before {
  content: "";
}

.fa-prescription-bottle:before {
  content: "";
}

.fa-prescription-bottle-alt:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-procedures:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-project-diagram:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-python:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-quran:before {
  content: "";
}

.fa-r-project:before {
  content: "";
}

.fa-radiation:before {
  content: "";
}

.fa-radiation-alt:before {
  content: "";
}

.fa-rainbow:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-raspberry-pi:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

.fa-reacteurope:before {
  content: "";
}

.fa-readme:before {
  content: "";
}

.fa-rebel:before {
  content: "";
}

.fa-receipt:before {
  content: "";
}

.fa-record-vinyl:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-red-river:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-redhat:before {
  content: "";
}

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-remove-format:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-reply:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-replyd:before {
  content: "";
}

.fa-republican:before {
  content: "";
}

.fa-researchgate:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

.fa-restroom:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-rev:before {
  content: "";
}

.fa-ribbon:before {
  content: "";
}

.fa-ring:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-robot:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

.fa-route:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-ruble-sign:before {
  content: "";
}

.fa-ruler:before {
  content: "";
}

.fa-ruler-combined:before {
  content: "";
}

.fa-ruler-horizontal:before {
  content: "";
}

.fa-ruler-vertical:before {
  content: "";
}

.fa-running:before {
  content: "";
}

.fa-rupee-sign:before {
  content: "";
}

.fa-sad-cry:before {
  content: "";
}

.fa-sad-tear:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-salesforce:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

.fa-satellite:before {
  content: "";
}

.fa-satellite-dish:before {
  content: "";
}

.fa-save:before {
  content: "";
}

.fa-schlix:before {
  content: "";
}

.fa-school:before {
  content: "";
}

.fa-screwdriver:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-scroll:before {
  content: "";
}

.fa-sd-card:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-search-dollar:before {
  content: "";
}

.fa-search-location:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-searchengin:before {
  content: "";
}

.fa-seedling:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

.fa-shapes:before {
  content: "";
}

.fa-share:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-shekel-sign:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shipping-fast:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shoe-prints:before {
  content: "";
}

.fa-shopify:before {
  content: "綾";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-shopware:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-shuttle-van:before {
  content: "";
}

.fa-sign:before {
  content: "";
}

.fa-sign-in-alt:before {
  content: "";
}

.fa-sign-language:before {
  content: "";
}

.fa-sign-out-alt:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-signature:before {
  content: "";
}

.fa-sim-card:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-sith:before {
  content: "";
}

.fa-skating:before {
  content: "";
}

.fa-sketch:before {
  content: "";
}

.fa-skiing:before {
  content: "";
}

.fa-skiing-nordic:before {
  content: "";
}

.fa-skull:before {
  content: "";
}

.fa-skull-crossbones:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-slack-hash:before {
  content: "";
}

.fa-slash:before {
  content: "";
}

.fa-sleigh:before {
  content: "";
}

.fa-sliders-h:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-smile:before {
  content: "";
}

.fa-smile-beam:before {
  content: "";
}

.fa-smile-wink:before {
  content: "";
}

.fa-smog:before {
  content: "";
}

.fa-smoking:before {
  content: "";
}

.fa-smoking-ban:before {
  content: "";
}

.fa-sms:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snowboarding:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

.fa-snowman:before {
  content: "";
}

.fa-snowplow:before {
  content: "";
}

.fa-socks:before {
  content: "";
}

.fa-solar-panel:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-alpha-down:before {
  content: "";
}

.fa-sort-alpha-down-alt:before {
  content: "";
}

.fa-sort-alpha-up:before {
  content: "";
}

.fa-sort-alpha-up-alt:before {
  content: "";
}

.fa-sort-amount-down:before {
  content: "";
}

.fa-sort-amount-down-alt:before {
  content: "";
}

.fa-sort-amount-up:before {
  content: "";
}

.fa-sort-amount-up-alt:before {
  content: "";
}

.fa-sort-down:before {
  content: "";
}

.fa-sort-numeric-down:before {
  content: "";
}

.fa-sort-numeric-down-alt:before {
  content: "";
}

.fa-sort-numeric-up:before {
  content: "";
}

.fa-sort-numeric-up-alt:before {
  content: "";
}

.fa-sort-up:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-sourcetree:before {
  content: "";
}

.fa-spa:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-speakap:before {
  content: "";
}

.fa-speaker-deck:before {
  content: "";
}

.fa-spell-check:before {
  content: "";
}

.fa-spider:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-splotch:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-spray-can:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-square-full:before {
  content: "";
}

.fa-square-root-alt:before {
  content: "";
}

.fa-squarespace:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-stackpath:before {
  content: "";
}

.fa-stamp:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-and-crescent:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-star-half-alt:before {
  content: "";
}

.fa-star-of-david:before {
  content: "";
}

.fa-star-of-life:before {
  content: "";
}

.fa-staylinked:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-steam-symbol:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-store:before {
  content: "";
}

.fa-store-alt:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-stream:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-stroopwafel:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-suitcase-rolling:before {
  content: "";
}

.fa-sun:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-supple:before {
  content: "";
}

.fa-surprise:before {
  content: "";
}

.fa-suse:before {
  content: "";
}

.fa-swatchbook:before {
  content: "";
}

.fa-swift:before {
  content: "";
}

.fa-swimmer:before {
  content: "";
}

.fa-swimming-pool:before {
  content: "";
}

.fa-symfony:before {
  content: "";
}

.fa-synagogue:before {
  content: "";
}

.fa-sync:before {
  content: "";
}

.fa-sync-alt:before {
  content: "";
}

.fa-syringe:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-table-tennis:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-tablet-alt:before {
  content: "";
}

.fa-tablets:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-tape:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-taxi:before {
  content: "";
}

.fa-teamspeak:before {
  content: "";
}

.fa-teeth:before {
  content: "";
}

.fa-teeth-open:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

.fa-temperature-high:before {
  content: "";
}

.fa-temperature-low:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-tenge:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-the-red-yeti:before {
  content: "";
}

.fa-theater-masks:before {
  content: "";
}

.fa-themeco:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-thermometer:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-think-peaks:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbtack:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-tint-slash:before {
  content: "";
}

.fa-tired:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-toilet:before {
  content: "";
}

.fa-toilet-paper:before {
  content: "";
}

.fa-toolbox:before {
  content: "";
}

.fa-tools:before {
  content: "";
}

.fa-tooth:before {
  content: "";
}

.fa-torah:before {
  content: "";
}

.fa-torii-gate:before {
  content: "";
}

.fa-tractor:before {
  content: "";
}

.fa-trade-federation:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-traffic-light:before {
  content: "";
}

.fa-trailer:before {
  content: "論";
}

.fa-train:before {
  content: "";
}

.fa-tram:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

.fa-trash-restore:before {
  content: "";
}

.fa-trash-restore-alt:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-truck-loading:before {
  content: "";
}

.fa-truck-monster:before {
  content: "";
}

.fa-truck-moving:before {
  content: "";
}

.fa-truck-pickup:before {
  content: "";
}

.fa-tshirt:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-tv:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-ubuntu:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

.fa-umbraco:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-umbrella-beach:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-undo-alt:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-unity:before {
  content: "雷";
}

.fa-universal-access:before {
  content: "";
}

.fa-university:before {
  content: "";
}

.fa-unlink:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-untappd:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-ups:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-user-alt:before {
  content: "";
}

.fa-user-alt-slash:before {
  content: "";
}

.fa-user-astronaut:before {
  content: "";
}

.fa-user-check:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-clock:before {
  content: "";
}

.fa-user-cog:before {
  content: "";
}

.fa-user-edit:before {
  content: "";
}

.fa-user-friends:before {
  content: "";
}

.fa-user-graduate:before {
  content: "";
}

.fa-user-injured:before {
  content: "";
}

.fa-user-lock:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-user-minus:before {
  content: "";
}

.fa-user-ninja:before {
  content: "";
}

.fa-user-nurse:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-user-shield:before {
  content: "";
}

.fa-user-slash:before {
  content: "";
}

.fa-user-tag:before {
  content: "";
}

.fa-user-tie:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-users:before {
  content: "";
}

.fa-users-cog:before {
  content: "";
}

.fa-usps:before {
  content: "";
}

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-vector-square:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-vial:before {
  content: "";
}

.fa-vials:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

.fa-video:before {
  content: "";
}

.fa-video-slash:before {
  content: "";
}

.fa-vihara:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-vimeo-v:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-vnv:before {
  content: "";
}

.fa-voicemail:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-mute:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-vote-yea:before {
  content: "";
}

.fa-vr-cardboard:before {
  content: "";
}

.fa-vuejs:before {
  content: "";
}

.fa-walking:before {
  content: "";
}

.fa-wallet:before {
  content: "";
}

.fa-warehouse:before {
  content: "";
}

.fa-water:before {
  content: "";
}

.fa-wave-square:before {
  content: "";
}

.fa-waze:before {
  content: "";
}

.fa-weebly:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-weight:before {
  content: "";
}

.fa-weight-hanging:before {
  content: "";
}

.fa-weixin:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-wind:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-wine-bottle:before {
  content: "";
}

.fa-wine-glass:before {
  content: "";
}

.fa-wine-glass-alt:before {
  content: "";
}

.fa-wix:before {
  content: "";
}

.fa-wizards-of-the-coast:before {
  content: "";
}

.fa-wolf-pack-battalion:before {
  content: "";
}

.fa-won-sign:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-wpressr:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-x-ray:before {
  content: "";
}

.fa-xbox:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-y-combinator:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-yammer:before {
  content: "";
}

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yarn:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yin-yang:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-zhihu:before {
  content: "";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/*******************typography***********************/
body {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.6);
}

.heading-1th--light {
  color: #ffffff;
  font-size: 9.6rem;
  line-height: 9.6rem;
  letter-spacing: -0.067rem;
  text-transform: none;
  font-weight: 300;
}
.heading-1th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 9.6rem;
  line-height: 9.6rem;
  letter-spacing: -0.067rem;
  text-transform: none;
  font-weight: 300;
}
.heading-1th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 9.6rem;
  line-height: 9.6rem;
  letter-spacing: -0.067rem;
  text-transform: none;
  font-weight: 300;
}
.heading-1th--dark {
  color: #000000;
  font-size: 9.6rem;
  line-height: 9.6rem;
  letter-spacing: -0.067rem;
  text-transform: none;
  font-weight: 300;
}
.heading-1th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 9.6rem;
  line-height: 9.6rem;
  letter-spacing: -0.067rem;
  text-transform: none;
  font-weight: 300;
}
.heading-1th--dark-md {
  color: rgba(0, 0, 0, 0.6);
  font-size: 9.6rem;
  line-height: 9.6rem;
  letter-spacing: -0.067rem;
  text-transform: none;
  font-weight: 300;
}

.heading-2th--light {
  color: #ffffff;
  font-size: 6rem;
  line-height: 6rem;
  letter-spacing: 0rem;
  text-transform: none;
  font-weight: 300;
}
.heading-2th--light-hover-pr-hi {
  color: #ffffff;
  font-size: 6rem;
  line-height: 6rem;
  letter-spacing: 0rem;
  text-transform: none;
  font-weight: 300;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-2th--light-hover-pr-hi:hover {
  color: rgba(17, 189, 163, 0.87);
}
.heading-2th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 6rem;
  line-height: 6rem;
  letter-spacing: 0rem;
  text-transform: none;
  font-weight: 300;
}
.heading-2th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 6rem;
  line-height: 6rem;
  letter-spacing: 0rem;
  text-transform: none;
  font-weight: 300;
}
.heading-2th--dark {
  color: #000000;
  font-size: 6rem;
  line-height: 6rem;
  letter-spacing: 0rem;
  text-transform: none;
  font-weight: 300;
}
.heading-2th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 6rem;
  line-height: 6rem;
  letter-spacing: 0rem;
  text-transform: none;
  font-weight: 300;
}
.heading-2th--dark-md {
  color: rgba(0, 0, 0, 0.6);
  font-size: 6rem;
  line-height: 6rem;
  letter-spacing: 0rem;
  text-transform: none;
  font-weight: 300;
}
.heading-2th--primary-hi {
  color: rgba(17, 189, 163, 0.87);
  font-size: 6rem;
  line-height: 6rem;
  letter-spacing: 0rem;
  text-transform: none;
  font-weight: 300;
}

.heading-3th--light {
  color: #ffffff;
  font-size: 4.8rem;
  line-height: 5.2rem;
  letter-spacing: 0.043rem;
  text-transform: none;
  font-weight: 400;
}
.heading-3th--light-hover {
  color: #ffffff;
  font-size: 4.8rem;
  line-height: 5.2rem;
  letter-spacing: 0.043rem;
  text-transform: none;
  font-weight: 400;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-3th--light-hover:hover {
  color: rgba(255, 255, 255, 0.87);
}
.heading-3th--light-hover-pr-hi {
  color: #ffffff;
  font-size: 4.8rem;
  line-height: 5.2rem;
  letter-spacing: 0.043rem;
  text-transform: none;
  font-weight: 400;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-3th--light-hover-pr-hi:hover {
  color: rgba(17, 189, 163, 0.87);
}
.heading-3th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 4.8rem;
  line-height: 5.2rem;
  letter-spacing: 0.043rem;
  text-transform: none;
  font-weight: 400;
}
.heading-3th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 4.8rem;
  line-height: 5.2rem;
  letter-spacing: 0.043rem;
  text-transform: none;
  font-weight: 400;
}
.heading-3th--dark {
  color: #000000;
  font-size: 4.8rem;
  line-height: 5.2rem;
  letter-spacing: 0.043rem;
  text-transform: none;
  font-weight: 400;
}
.heading-3th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 4.8rem;
  line-height: 5.2rem;
  letter-spacing: 0.043rem;
  text-transform: none;
  font-weight: 400;
}
.heading-3th--dark-md {
  color: rgba(0, 0, 0, 0.6);
  font-size: 4.8rem;
  line-height: 5.2rem;
  letter-spacing: 0.043rem;
  text-transform: none;
  font-weight: 400;
}

.heading-4th--light {
  color: #ffffff;
  font-size: 3.4rem;
  line-height: 4rem;
  letter-spacing: 0.054rem;
  text-transform: none;
  font-weight: 400;
}
.heading-4th--light-hover {
  color: #ffffff;
  font-size: 3.4rem;
  line-height: 4rem;
  letter-spacing: 0.054rem;
  text-transform: none;
  font-weight: 400;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-4th--light-hover:hover {
  color: #422D91;
}
.heading-4th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 3.4rem;
  line-height: 4rem;
  letter-spacing: 0.054rem;
  text-transform: none;
  font-weight: 400;
}
.heading-4th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 3.4rem;
  line-height: 4rem;
  letter-spacing: 0.054rem;
  text-transform: none;
  font-weight: 400;
}
.heading-4th--dark {
  color: #000000;
  font-size: 3.4rem;
  line-height: 4rem;
  letter-spacing: 0.054rem;
  text-transform: none;
  font-weight: 400;
}
.heading-4th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 3.4rem;
  line-height: 4rem;
  letter-spacing: 0.054rem;
  text-transform: none;
  font-weight: 400;
}
.heading-4th--dark-hi-hover {
  color: rgba(0, 0, 0, 0.87);
  font-size: 3.4rem;
  line-height: 4rem;
  letter-spacing: 0.054rem;
  text-transform: none;
  font-weight: 400;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-4th--dark-hi-hover:hover {
  color: #422D91;
}
.heading-4th--dark-md {
  color: rgba(0, 0, 0, 0.6);
  font-size: 3.4rem;
  line-height: 4rem;
  letter-spacing: 0.054rem;
  text-transform: none;
  font-weight: 400;
}
.heading-4th--primary {
  color: #422D91;
  font-size: 3.4rem;
  line-height: 4rem;
  letter-spacing: 0.054rem;
  text-transform: none;
  font-weight: 400;
}
.heading-4th--primary-hi {
  color: rgba(17, 189, 163, 0.87);
  font-size: 3.4rem;
  line-height: 4rem;
  letter-spacing: 0.054rem;
  text-transform: none;
  font-weight: 400;
}

.heading-5th--light {
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-5th--light-hover-wh-hi {
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-5th--light-hover-wh-hi:hover {
  color: rgba(255, 255, 255, 0.87);
}
.heading-5th--light-hover-pr-hi {
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-5th--light-hover-pr-hi:hover {
  color: rgba(17, 189, 163, 0.87);
}
.heading-5th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-5th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-5th--dark {
  color: #000000;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-5th--dark-hi-hover {
  color: rgba(0, 0, 0, 0.87);
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-5th--dark-hi-hover:hover {
  color: #422D91;
}
.heading-5th--dark-hi, .item-product-detail__content--tab-container---style-1 h5, .item-detail__content h5, .side-navi__content h5 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-5th--dark-md {
  color: rgba(0, 0, 0, 0.6);
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-5th--primary {
  color: #422D91;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-5th--primary-hi {
  color: rgba(17, 189, 163, 0.87);
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-5th--primary-md {
  color: rgba(17, 189, 163, 0.6);
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}

.heading-6th--light {
  color: #ffffff;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
}
.heading-6th--light-hover {
  color: #ffffff;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-6th--light-hover:hover {
  color: #422D91;
}
.heading-6th--light-hover-hi {
  color: #ffffff;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-6th--light-hover-hi:hover {
  color: rgba(255, 255, 255, 0.87);
}
.heading-6th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
}
.heading-6th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
}
.heading-6th--dark {
  color: #000000;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
}
.heading-6th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
}
.heading-6th--dark-hi-hover {
  color: rgba(0, 0, 0, 0.87);
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-6th--dark-hi-hover:hover {
  color: #422D91;
}
.heading-6th--dark-hi-hover-bl {
  color: rgba(0, 0, 0, 0.87);
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-6th--dark-hi-hover-bl:hover {
  color: rgba(0, 0, 0, 0.6);
}
.heading-6th--dark-md {
  color: rgba(0, 0, 0, 0.6);
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
}
.heading-6th--primary-hi {
  color: rgba(17, 189, 163, 0.87);
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
}
.heading-6th--primary-hi-hover {
  color: rgba(17, 189, 163, 0.87);
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-6th--primary-hi-hover:hover {
  color: #422D91;
}

.heading-7th--light {
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-7th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-7th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-7th--dark {
  color: #000000;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-7th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-7th--dark-hi-hover {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-7th--dark-hi-hover:hover {
  color: #422D91;
}
.heading-7th--dark-hi-hover-underline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  text-decoration: underline;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-7th--dark-hi-hover-underline:hover {
  color: #422D91;
  text-decoration: underline;
}
.heading-7th--dark-md, .item-product-detail__content--tab-container---style-1 blockquote, .item-detail__content blockquote, .side-navi__content blockquote {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-7th--dark-md-hover {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-7th--dark-md-hover:hover {
  color: rgba(0, 0, 0, 0.87);
}
.heading-7th--dark-di-line-through {
  color: rgba(0, 0, 0, 0.38);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  text-decoration: line-through;
}
.heading-7th--primary {
  color: #422D91;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-7th--primary-hi {
  color: rgba(17, 189, 163, 0.87);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}
.heading-7th--primary-hi-hover {
  color: rgba(17, 189, 163, 0.87);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-7th--primary-hi-hover:hover {
  color: #422D91;
}
.heading-7th--primary-md {
  color: rgba(17, 189, 163, 0.6);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
}

.heading-8th--light {
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
}
.heading-8th--light-hover {
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-8th--light-hover:hover {
  color: #422D91;
}
.heading-8th--light-hover-wh-hi {
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-8th--light-hover-wh-hi:hover {
  color: rgba(255, 255, 255, 0.87);
}
.heading-8th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
}
.heading-8th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
}
.heading-8th--dark {
  color: #000000;
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
}
.heading-8th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
}
.heading-8th--dark-hi-hover {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-8th--dark-hi-hover:hover {
  color: #422D91;
}
.heading-8th--dark-md {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
}
.heading-8th--dark-md-hover {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-8th--dark-md-hover:hover {
  color: rgba(0, 0, 0, 0.87);
}
.heading-8th--dark-di-line-through {
  color: rgba(0, 0, 0, 0.38);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
  text-decoration: line-through;
}
.heading-8th--primary {
  color: #422D91;
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
}
.heading-8th--primary-hi {
  color: rgba(17, 189, 163, 0.87);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
}
.heading-8th--primary-md {
  color: rgba(17, 189, 163, 0.87);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
}

.heading-9th--light {
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.046rem;
  text-transform: none;
  font-weight: 400;
}
.heading-9th--light-hover-uppercase {
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.046rem;
  text-transform: none;
  font-weight: 400;
  text-transform: uppercase;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-9th--light-hover-uppercase:hover {
  color: #422D91;
}
.heading-9th--light-hi-hover {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.046rem;
  text-transform: none;
  font-weight: 400;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-9th--light-hi-hover:hover {
  color: rgba(255, 255, 255, 0.6);
}
.heading-9th--light-hi-hover-uppercase {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.046rem;
  text-transform: none;
  font-weight: 400;
  text-transform: uppercase;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-9th--light-hi-hover-uppercase:hover {
  color: #422D91;
}
.heading-9th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.046rem;
  text-transform: none;
  font-weight: 400;
}
.heading-9th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.046rem;
  text-transform: none;
  font-weight: 400;
}
.heading-9th--dark {
  color: #000000;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.046rem;
  text-transform: none;
  font-weight: 400;
}
.heading-9th--dark-hi-hover {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.046rem;
  text-transform: none;
  font-weight: 400;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-9th--dark-hi-hover:hover {
  color: #000000;
}
.heading-9th--dark-hi-hover-uppercase {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.046rem;
  text-transform: none;
  font-weight: 400;
  text-transform: uppercase;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-9th--dark-hi-hover-uppercase:hover {
  color: #000000;
}
.heading-9th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.046rem;
  text-transform: none;
  font-weight: 400;
}
.heading-9th--dark-md {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.046rem;
  text-transform: none;
  font-weight: 400;
}

.heading-10th--light {
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
}
.heading-10th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
}
.heading-10th--light-hi-hover-pr {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-10th--light-hi-hover-pr:hover {
  color: rgba(17, 189, 163, 0.87);
}
.heading-10th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
}
.heading-10th--dark {
  color: #000000;
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
}
.heading-10th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
}
.heading-10th--dark-hi-hover {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.heading-10th--dark-hi-hover:hover {
  color: #000000;
}
.heading-10th--dark-md, .item-product-detail__content--tab-container---style-1 blockquote figcaption, .item-detail__content blockquote figcaption, .side-navi__content blockquote figcaption {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
}
.heading-10th--primary {
  color: #422D91;
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
}
.heading-10th--primary-hi {
  color: rgba(17, 189, 163, 0.87);
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
}

.heading-11th--light {
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
}
.heading-11th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
}
.heading-11th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
}
.heading-11th--dark {
  color: #000000;
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
}
.heading-11th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
}
.heading-11th--dark-md {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
}

.paragraph-1th--light {
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.05rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-1th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.05rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-1th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.05rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-1th--dark {
  color: #000000;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.05rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-1th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.05rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-1th--dark-md {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.05rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-2th--light {
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-2th--light-hi {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-2th--light-hi-line-through {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
  text-decoration: line-through;
}
.paragraph-2th--light-md {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-2th--light-md-hyphens {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}
.paragraph-2th--dark {
  color: #000000;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-2th--dark-hi-bold {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
  font-weight: 500;
}
.paragraph-2th--dark-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-2th--dark-hi-hover-hi {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.paragraph-2th--dark-hi-hover-hi:hover {
  color: rgba(17, 189, 163, 0.87);
}
.paragraph-2th--dark-md, .item-product-detail__content--tab-container---style-1 ul li, .item-product-detail__content--tab-container---style-1 p, .item-detail__content ul li, .item-detail__content p, .side-navi__content ul li, .side-navi__content p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
}
.paragraph-2th--dark-md-hyphens {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.paragraph-2th--dark-di-line-through {
  color: rgba(0, 0, 0, 0.38);
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
  text-decoration: line-through;
}
/*******************utilities***********************/
.uwp--0 {
  width: 0%;
}
.uwp--10 {
  width: 10%;
}
.uwp--20 {
  width: 20%;
}
.uwp--30 {
  width: 30%;
}
.uwp--40 {
  width: 40%;
}
.uwp--50 {
  width: 50%;
}
.uwp--60 {
  width: 60%;
}
.uwp--70 {
  width: 70%;
}
.uwp--80 {
  width: 80%;
}
.uwp--90 {
  width: 90%;
}
.uwp--100 {
  width: 100%;
}

.umb--0 {
  margin-bottom: 0rem;
}
.umb--4 {
  margin-bottom: 0.4rem;
}
.umb--8 {
  margin-bottom: 0.8rem;
}
.umb--12 {
  margin-bottom: 1.2rem;
}
.umb--16 {
  margin-bottom: 1.6rem;
}
.umb--20 {
  margin-bottom: 2rem;
}
.umb--24 {
  margin-bottom: 2.4rem;
}
.umb--28 {
  margin-bottom: 2.8rem;
}
.umb--32 {
  margin-bottom: 3.2rem;
}
.umb--36 {
  margin-bottom: 3.6rem;
}
.umb--40 {
  margin-bottom: 4rem;
}
.umb--44 {
  margin-bottom: 4.4rem;
}
.umb--48 {
  margin-bottom: 4.8rem;
}
.umb--52 {
  margin-bottom: 5.2rem;
}
.umb--56 {
  margin-bottom: 5.6rem;
}
.umb--60 {
  margin-bottom: 6rem;
}
.umb--64 {
  margin-bottom: 6.4rem;
}
.umb--68 {
  margin-bottom: 6.8rem;
}
.umb--72 {
  margin-bottom: 7.2rem;
}
.umb--76 {
  margin-bottom: 7.6rem;
}
.umb--80 {
  margin-bottom: 8rem;
}
.umb--84 {
  margin-bottom: 8.4rem;
}
.umb--88 {
  margin-bottom: 8.8rem;
}
.umb--92 {
  margin-bottom: 9.2rem;
}
.umb--96 {
  margin-bottom: 9.6rem;
}
.umb--100 {
  margin-bottom: 10rem;
}
.umb--104 {
  margin-bottom: 10.4rem;
}
.umb--108 {
  margin-bottom: 10.8rem;
}
.umb--112 {
  margin-bottom: 11.2rem;
}
.umb--116 {
  margin-bottom: 11.6rem;
}
.umb--120 {
  margin-bottom: 12rem;
}
.umb--124 {
  margin-bottom: 12.4rem;
}
.umb--128 {
  margin-bottom: 12.8rem;
}

.uplr--15 {
  padding-left: 15px;
  padding-right: 15px;
}

.upo--r {
  position: relative;
}

.upo--a {
  position: absolute;
}

.upo--s {
  position: static;
}

.upo--f {
  position: fixed;
}

.ut--c {
  text-align: center !important;
}
.ut--l {
  text-align: left !important;
}
.ut--r {
  text-align: right !important;
}

.udf--ccs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.udf--ccc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.udf--cce {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.udf--rcs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
.udf--rcc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.udf--rce {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
}

.browserupgrade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  color: black;
  z-index: 999999999;
  font-size: 240%;
  padding: 2%;
}

@media screen and (max-width: 319px) {
  .d-ss-none-mxm {
    display: none !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 575px) {
  .d-xs-none-mxm {
    display: none !important;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .d-sm-none-mxm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .d-md-none-mxm {
    display: none !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .d-lg-none-mxm {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .d-xl-none-mxm {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .order-xl-last-mxm {
    order: 13;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .order-lg-last-mxm {
    order: 13;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .order-md-last-mxm {
    order: 13;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .order-sm-last-mxm {
    order: 13;
  }
}

@media screen and (min-width: 320px) and (max-width: 575px) {
  .order-xs-last-mxm {
    order: 13;
  }
}

@media screen and (max-width: 319px) {
  .order-ss-last-mxm {
    order: 13;
  }
}

@media screen and (min-width: 1200px) {
  .order-xl-first-mxm {
    order: -1;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .order-lg-first-mxm {
    order: -1;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .order-md-first-mxm {
    order: -1;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .order-sm-first-mxm {
    order: -1;
  }
}

@media screen and (min-width: 320px) and (max-width: 575px) {
  .order-xs-first-mxm {
    order: -1;
  }
}

@media screen and (max-width: 319px) {
  .order-ss-first-mxm {
    order: -1;
  }
}

.position-static {
  position: static;
}

.u-center-text {
  text-align: center !important;
}

.u-margin-bottom-lv-1 {
  margin-bottom: 4rem;
}

.u-margin-bottom-lv-2 {
  margin-bottom: 2.4rem;
}

.u-margin-bottom-lv-3 {
  margin-bottom: 3.2rem;
}

.u-margin-bottom-md {
  margin-bottom: 5.6rem !important;
}

.u-margin-bottom-sm {
  margin-bottom: 4.8rem !important;
}

.infinite-loading-mxm {
  position: relative;
}
.infinite-loading-mxm:after {
  content: "";
  display: block;
  margin-top: 10px;
  border: 4px solid #c7faf2;
  border-radius: 50%;
  border-top: 4px solid #422D91;
  width: 48px;
  height: 48px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin-top: 0.4rem;
  margin-bottom: 4rem;
  position: relative;
  left: calc(50% - 24px);
}

.plus-hat {
  position: relative;
}
.plus-hat:after {
  content: "+";
  font-size: 1.6rem;
  vertical-align: super;
}

.loading-begin2 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 9999999999999;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.loading-begin2:after {
  content: "";
  display: block;
  border: 4px solid #c7faf2;
  border-radius: 50%;
  border-top: 4px solid #422D91;
  width: 48px;
  height: 48px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
}

.closeMxm.loading-begin {
  -moz-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.loading-begin {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 9999999999999;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.loaderMxm {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 175px;
  height: 100px;
}
.loaderMxm span {
  display: block;
  background: rgb(63, 39, 142, 0.87);
  width: 4px;
  height: 10%;
  border-radius: 4px;
  margin-right: 8px;
  float: left;
  margin-top: 25%;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.loaderMxm span:last-child {
  margin-right: 0px;
}
.loaderMxm span:nth-child(1) {
  animation: load 2.5s 1.4s infinite linear;
}
.loaderMxm span:nth-child(2) {
  animation: load 2.5s 1.2s infinite linear;
}
.loaderMxm span:nth-child(3) {
  animation: load 2.5s 1s infinite linear;
}
.loaderMxm span:nth-child(4) {
  animation: load 2.5s 0.8s infinite linear;
}
.loaderMxm span:nth-child(5) {
  animation: load 2.5s 0.6s infinite linear;
}
.loaderMxm span:nth-child(6) {
  animation: load 2.5s 0.4s infinite linear;
}
.loaderMxm span:nth-child(7) {
  animation: load 2.5s 0.2s infinite linear;
}
.loaderMxm span:nth-child(8) {
  animation: load 2.5s 0s infinite linear;
}
.loaderMxm span:nth-child(9) {
  animation: load 2.5s 0.2s infinite linear;
}
.loaderMxm span:nth-child(10) {
  animation: load 2.5s 0.4s infinite linear;
}
.loaderMxm span:nth-child(11) {
  animation: load 2.5s 0.6s infinite linear;
}
.loaderMxm span:nth-child(12) {
  animation: load 2.5s 0.8s infinite linear;
}
.loaderMxm span:nth-child(13) {
  animation: load 2.5s 1s infinite linear;
}
.loaderMxm span:nth-child(14) {
  animation: load 2.5s 1.2s infinite linear;
}
.loaderMxm span:nth-child(15) {
  animation: load 2.5s 1.4s infinite linear;
}

@keyframes load {
  0% {
    background: #ffffff;
    margin-top: 25%;
    height: 10%;
  }
  50% {
    background: #422D91;
    height: 100%;
    margin-top: 0%;
  }
  100% {
    background: #ffffff;
    height: 10%;
    margin-top: 25%;
  }
}
.msg-submit {
  visibility: hidden;
  opacity: 0;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.msg-submit.showMxmD {
  visibility: visible;
  opacity: 1;
}

.msg-submitSubcribe {
  visibility: hidden;
  opacity: 0;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.msg-submitSubcribe.showMxmD {
  visibility: visible;
  opacity: 1;
}

.msg-submitSubcribe2 {
  visibility: hidden;
  opacity: 0;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.msg-submitSubcribe2.showMxmD {
  visibility: visible;
  opacity: 1;
}

/*******************animations***********************/
@keyframes moveBlob {
  0% {
    transform: scale(1) translate(10px, -30px);
  }
  38% {
    transform: scale(0.8, 1) translate(80vw, 30vh) rotate(160deg);
  }
  40% {
    transform: scale(0.8, 1) translate(80vw, 30vh) rotate(160deg);
  }
  78% {
    transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg);
  }
  80% {
    transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg);
  }
  100% {
    transform: scale(1) translate(10px, -30px);
  }
}
@keyframes moveBlob2 {
  0% {
    transform: scale(1) translate(-10px, -30px);
  }
  38% {
    transform: scale(0.8, 1) translate(-80vw, 30vh) rotate(160deg);
  }
  40% {
    transform: scale(0.8, 1) translate(-80vw, 30vh) rotate(160deg);
  }
  78% {
    transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg);
  }
  80% {
    transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg);
  }
  100% {
    transform: scale(1) translate(-10px, -30px);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.animated.see1th {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.animated.see2th {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.animated.see3th {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.animated.see4th {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.animated.t05s {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -10rem;
  }
  to {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -10rem;
  }
  to {
    margin-top: 0;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes moveVertical {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes moveVertical {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes moveHorizontal {
  from {
    -webkit-transform: translateX(100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
@keyframes moveHorizontal {
  from {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.move-up.animate {
  -moz-animation: moveVertical 0.65s ease both;
  -webkit-animation: moveVertical 0.65s ease both;
  animation: moveVertical 0.65s ease both;
}

.move-up-x.animate {
  -moz-animation: moveHorizontal 0.65s ease both;
  -webkit-animation: moveHorizontal 0.65s ease both;
  animation: moveHorizontal 0.65s ease both;
}

/*******************header***********************/
.header {
  position: relative;
  z-index: 900;
}

/*******************footer***********************/
.footer {
  position: relative;
}

/*******************menu-mobile-popup***********************/
.menu-mobile-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.9);
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 9999999;
}
.menu-mobile-popup.menu-show {
  visibility: visible;
  opacity: 1;
}

/*******************search-popup***********************/
.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.9);
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 9999999;
}
.search-popup.menu-show {
  visibility: visible;
  opacity: 1;
}

/*******************section-main***********************/
.section-carousel {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
}
.section-carousel-v2 {
  overflow: hidden;
  position: relative;
}

.section-carousel-v3 {
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}

.section-carousel-v4 {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
  background-color: rgba(0, 0, 0, 0.87);
}

.section-carousel-v5 {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
  background-color: rgba(0, 0, 0, 0.87);
}

.section-carousel-v6 {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
  background-color: #ffffff;
}

.section-carousel-v7 {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
  background-color: white;
}

.section-carousel-v8 {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
  background-color: rgba(255, 255, 255, 0.87);
}

.section-sale-off {
  padding: 10.4rem 0 6rem;
  background-color: #ffffff;
}

.section-top-seller {
  padding: 0 0 6.4rem;
  background-color: #ffffff;
}
.section-top-seller.bgd02 {
  padding: 9.6rem 0 6.4rem;
}
.section-top-seller.bgd03 {
  padding: 6.8rem 0 6.4rem;
}

.section-trending-product {
  height: 44.4rem;
  position: relative;
}
@media screen and (max-width: 319px) {
  .section-trending-product {
    height: auto;
    padding: 10.4rem 0 10.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-trending-product {
    height: auto;
    padding: 10.4rem 0 10.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .section-trending-product {
    height: auto;
    padding: 10.4rem 0 10.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .section-trending-product {
    height: 26.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .section-trending-product {
    height: 30.4rem;
  }
}
.section-trending-product:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-02.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(30%);
  z-index: -1;
}
.section-trending-product.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-48.jpg");
}
.section-trending-product.bgd03:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-26.jpg");
}
.section-trending-product.bgd04:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-49.jpg");
}

.section-best-seller {
  padding: 21.2rem 0 6rem;
  background-color: #ffffff;
}
@media screen and (max-width: 319px) {
  .section-best-seller {
    padding: 9.6rem 0 6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-best-seller {
    padding: 9.6rem 0 6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .section-best-seller {
    padding: 9.6rem 0 6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .section-best-seller {
    padding: 17.6rem 0 6rem;
  }
}
.section-category-product {
  padding: 0 0 6.4rem;
  background-color: #ffffff;
  overflow: hidden;
}
.section-category-product.bgd02 {
  padding: 9.6rem 0 6.4rem;
}

.section-trending-sale {
  position: relative;
}
@media screen and (max-width: 319px) {
  .section-trending-sale {
    padding: 9.6rem 0 10.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-trending-sale {
    padding: 9.6rem 0 10.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .section-trending-sale {
    padding: 9.6rem 0 10.4rem;
  }
}
.section-trending-sale:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-03.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(30%);
  z-index: -1;
}
.section-trending-sale.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-47.jpg");
}
.section-trending-sale.bgd04:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-26.jpg");
}
.section-trending-sale.bgd05:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-02.jpg");
}
.section-trending-sale.bgd06:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-47.jpg");
}

.section-trending-collection {
  position: relative;
  padding: 10.4rem 0 10.4rem;
}
.section-trending-collection:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-26.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(30%);
  z-index: -1;
}
.section-trending-collection.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-47.jpg");
}
.section-trending-collection.bgd03 {
  background-color: #fbfbfb;
}
.section-trending-collection.bgd03:before {
  background-image: none;
}
.section-trending-collection.bgd04:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-48.jpg");
}

.section-new-product {
  padding: 9.6rem 0 6.4rem;
}
.section-new-product.bgd02 {
  padding: 21.2rem 0 6.4rem;
}
@media screen and (max-width: 319px) {
  .section-new-product.bgd02 {
    padding: 9.6rem 0 6.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-new-product.bgd02 {
    padding: 9.6rem 0 6.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .section-new-product.bgd02 {
    padding: 9.6rem 0 6.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .section-new-product.bgd02 {
    padding: 17.2rem 0 6.4rem;
  }
}
.section-statistic {
  padding: 9.6rem 0 5.6rem;
  position: relative;
}
.section-statistic:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), linear-gradient(rgba(255, 255, 255, 0.001), rgba(255, 255, 255, 0.001)), url("../images/background-m-04.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(80%);
  z-index: -1;
}
.section-statistic:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/pattern_caro.png");
  filter: opacity(40%);
  background-position: center;
  z-index: -1;
}
.section-statistic.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../images/background-m-17.jpg");
}
.section-statistic.bgd03:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../images/background-m-27.jpg");
}

.section-statistic-light {
  padding: 9.6rem 0 5.6rem;
  position: relative;
}
.section-statistic-light:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("../images/background-m-06.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(50%);
  z-index: -1;
}
.section-statistic-light.bgd02:before {
  filter: grayscale(0%);
  background-color: #fbfbfb;
  background-image: none;
}
.section-statistic-light.bgd03:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("../images/background-m-44.jpg");
  filter: grayscale(50%);
}

.section-img-bg {
  padding: 0 0 0;
  background-color: #ffffff;
  position: relative;
}

.section-blog {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}
.section-blog.bgd02 {
  background-color: #fbfbfb;
}
.section-blog.bgd03 {
  padding: 21.2rem 0 6.4rem;
}
@media screen and (max-width: 319px) {
  .section-blog.bgd03 {
    padding: 9.6rem 0 6.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-blog.bgd03 {
    padding: 9.6rem 0 6.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .section-blog.bgd03 {
    padding: 9.6rem 0 6.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .section-blog.bgd03 {
    padding: 17.6rem 0 6.4rem;
  }
}
.section-blog-v2 {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-blog-v3 {
  padding: 9.6rem 0 6.4rem;
  background-color: #fbfbfb;
}

.section-features {
  padding: 10.4rem 0 6.4rem;
  background-color: #ffffff;
  position: relative;
}
.section-features.bgd02 {
  background-color: transparent;
}
.section-features.bgd02:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.89), rgba(255, 255, 255, 0.89)), url("../images/background-m-29.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(50%);
  z-index: -1;
}
.section-features.bgd02:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 16rem;
  z-index: -1;
  background-image: url("../images/pattern_caro.png");
  filter: opacity(5%);
}
.section-features.bgd03 {
  background-color: #fbfbfb;
}

.section-what-we-do {
  padding: 9.2rem 0 6.4rem;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}

.section-features-round {
  padding: 10.4rem 0 6.4rem;
  background-color: #ffffff;
  position: relative;
}
.section-features-round.bgd02 {
  background-color: #fbfbfb;
}

.section-show-case {
  padding: 10rem 0 0rem;
  min-height: 20rem;
  position: relative;
  margin-bottom: 16rem;
  background-image: url("../images/pattern_cross.png");
  background-position: center;
  background-attachment: fixed;
}
.section-show-case:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("../images/background-m-05_l.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(20%);
  z-index: -1;
}
.section-show-case:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 16rem;
  z-index: -1;
  background-color: #f1f1f1;
}
.section-show-case.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("../images/background-m-09.jpg");
}
.section-show-case.bgd03:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("../images/background-m-37.jpg");
}
.section-show-case.bgd04:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("../images/background-m-42.jpg");
}

.section-show-case-light {
  padding: 10rem 0 0rem;
  min-height: 20rem;
  position: relative;
  margin-bottom: 16rem;
}
.section-show-case-light:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
}
.section-show-case-light:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 16rem;
  z-index: -1;
  background-color: #fcfcfc;
}

.section-show-case-v2 {
  padding: 10.4rem 0 10.4rem;
  min-height: 20rem;
  position: relative;
  overflow: hidden;
}
.section-show-case-v2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 73% 93%, rgba(0, 0, 0, 0.1) 15%, rgba(255, 255, 255, 0.1) 75%);
  z-index: -1;
}

.section-show-case-v3 {
  padding: 10.4rem 0 10.4rem;
  min-height: 20rem;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}
.section-show-case-v3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section-show-case-v4 {
  padding: 10.4rem 0 10.4rem;
  min-height: 20rem;
  position: relative;
  overflow: hidden;
}
.section-show-case-v4:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url("../images/background-m-16.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-show-case-v4:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: opacity(30%);
  background-image: url("../images/pattern_cross.png");
  background-position: center;
  z-index: -1;
}
.section-show-case-v4.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url("../images/background-m-40.jpg");
}

.section-show-case-v5 {
  padding: 10.4rem 0 10.4rem;
  min-height: 20rem;
  position: relative;
  overflow: hidden;
}
.section-show-case-v5:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url("../images/background-m-31.jpg");
  filter: grayscale(50%);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-show-case-v5:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: opacity(25%);
  background-image: url("../images/pattern_caro.png");
  background-position: center;
  z-index: -1;
}

.section-show-case-v6 {
  padding: 10.4rem 0 10.4rem;
  min-height: 20rem;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}

.section-show-case-v7 {
  padding: 10.4rem 0 10.4rem;
  min-height: 20rem;
  position: relative;
  background-color: #fbfbfb;
  overflow: hidden;
}
.section-show-case-v7.bgd02 {
  background-color: #ffffff;
}

.section-show-case-v8 {
  padding: 10rem 0 0rem;
  min-height: 20rem;
  position: relative;
  overflow: hidden;
}
.section-show-case-v8:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), linear-gradient(rgba(255, 255, 255, 0.001), rgba(255, 255, 255, 0.001)), url("../images/background-m-36.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(20%);
  z-index: -1;
}
.section-show-case-v8:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/pattern_cross.png");
  filter: opacity(40%);
  background-position: center;
  z-index: -1;
}

.section-show-case-v9 {
  padding: 10rem 0 0rem;
  min-height: 20rem;
  position: relative;
  margin-bottom: 16rem;
  background-image: url("../images/pattern_cross.png");
  background-position: center;
  background-attachment: fixed;
}
.section-show-case-v9:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("../images/background-m-32.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(20%);
  z-index: -1;
}
.section-show-case-v9:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 16rem;
  z-index: -1;
  background-color: #f1f1f1;
}
.section-show-case-v9.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("../images/background-m-45.jpg");
  filter: grayscale(20%);
}

.section-show-case-v10 {
  padding: 10rem 0 6.4rem;
  min-height: 20rem;
  position: relative;
  background-image: url("../images/pattern_cross.png");
  background-position: center;
  background-attachment: fixed;
}
.section-show-case-v10:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("../images/background-m-32.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(20%);
  z-index: -1;
}

.section-show-case-v11 {
  padding: 10rem 0 0rem;
  min-height: 20rem;
  position: relative;
  margin-bottom: 16rem;
  background-image: url("../images/pattern_cross.png");
  background-position: center;
  background-attachment: fixed;
}
.section-show-case-v11:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("../images/background-m-32.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(20%);
  z-index: -1;
}
.section-show-case-v11:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 16rem;
  z-index: -1;
  background-color: #f1f1f1;
}
.section-show-case-v11.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("../images/background-m-45.jpg");
  filter: grayscale(20%);
}

.section-special-portfolio {
  padding: 10rem 0 10.4rem;
  min-height: 8rem;
  position: relative;
  z-index: 0;
}
.section-special-portfolio.bgd02 {
  background-color: #fbfbfb;
}

.section-special-portfolio-v1 {
  padding: 10.4rem 0 8.4rem;
  min-height: 8rem;
  position: relative;
  z-index: 0;
  background-color: #fbfbfb;
}

.section-special-portfolio-v2 {
  padding: 10.4rem 0 8.4rem;
  min-height: 8rem;
  position: relative;
  z-index: 0;
  background-color: #ffffff;
}

.section-feature-work {
  padding: 10rem 0 0rem;
  min-height: 50rem;
  position: relative;
  background-color: #f1f1f1;
}

.section-call-to-action {
  padding: 6.4rem 0 6.4rem;
  position: relative;
}
.section-call-to-action:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../images/background-m-07.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(50%);
  z-index: -1;
}
.section-call-to-action.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../images/background-m-13.jpg");
}
.section-call-to-action.bgd03:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../images/background-m-38.jpg");
}
.section-call-to-action.bgd04:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../images/background-m-41.jpg");
}

.section-call-to-action-v2 {
  padding: 2.4rem 0 2.4rem;
  position: relative;
}
.section-call-to-action-v2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../images/background-m-07.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(50%);
  z-index: -1;
}

.section-call-to-action-v3 {
  padding: 4rem 0 0rem;
  position: relative;
  background-color: #ffffff;
}

.section-call-to-action-v4 {
  padding: 9.6rem 0 10.4rem;
  background-color: #fbfbfb;
}
.section-call-to-action-v4.bgd02 {
  background-color: #ffffff;
}

.section-call-to-action-v5 {
  padding: 0rem 0 0rem;
  position: relative;
  background-color: #ffffff;
}

.section-title {
  padding: 9.6rem 0 10.4rem;
  background-color: #ffffff;
}

.section-skill {
  padding: 10.4rem 0 6rem;
  position: relative;
}
.section-skill:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-08.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-skill.bgd02:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-22.jpg");
}
.section-skill.bgd03:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-43.jpg");
}

.section-skill-dark {
  padding: 10.4rem 0 6rem;
  position: relative;
}
.section-skill-dark:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../images/background-m-26.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-skill-dark:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: opacity(30%);
  background-image: url("../images/pattern_caro.png");
  background-position: center;
  z-index: -1;
}
.section-skill-dark.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../images/background-m-33.jpg");
}
.section-skill-dark.bgd03:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../images/background-m-35.jpg");
}
.section-skill-dark.bgd04:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../images/background-m-39.jpg");
}

.section-news {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}
.section-news.bgd02 {
  background-color: #fbfbfb;
}

.section-brand-v1 {
  padding: 10.4rem 0 10.4rem;
  position: relative;
  overflow: hidden;
}
.section-brand-v1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../images/background-m-40.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-brand-v1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/pattern_caro.png");
  filter: opacity(30%);
  background-position: center;
  z-index: -1;
}
.section-brand-v1.bgd01 {
  padding: 9.6rem 0 10.4rem;
}
.section-brand-v1.bgd01:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../images/background-m-09.jpg");
}
.section-brand-v1.bgd02 {
  padding: 9.6rem 0 10.4rem;
  background-color: #ffffff;
}
.section-brand-v1.bgd02:before {
  background-image: none;
}
.section-brand-v1.bgd02:after {
  background-image: none;
}
.section-brand-v1.bgd03 {
  padding: 9.6rem 0 10.4rem;
}
.section-brand-v1.bgd03:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("../images/background-m-18.jpg");
  filter: grayscale(50%);
}
.section-brand-v1.bgd03:after {
  background-image: none;
}
.section-brand-v1.bgd05 {
  padding: 9.6rem 0 10.4rem;
  background-color: #fbfbfb;
}
.section-brand-v1.bgd05:before {
  background-image: none;
}
.section-brand-v1.bgd05:after {
  background-image: none;
}
.section-brand-v1.bgd06 {
  padding: 10.4rem 0 10.4rem;
  background-color: #fbfbfb;
}
.section-brand-v1.bgd06:before {
  background-image: none;
}
.section-brand-v1.bgd06:after {
  background-image: none;
}
.section-brand-v1.bgd07 {
  padding: 10.4rem 0 10.4rem;
  background-color: #ffffff;
}
.section-brand-v1.bgd07:before {
  background-image: none;
}
.section-brand-v1.bgd07:after {
  background-image: none;
}
.section-brand-v1.bgd08 {
  padding: 10.4rem 0 10.4rem;
}
.section-brand-v1.bgd08:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("../images/background-m-50.jpg");
  filter: grayscale(50%);
}
.section-brand-v1.bgd08:after {
  background-image: none;
}

.section-brand {
  padding: 9.6rem 0 6.4rem;
  max-height: 41.6rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 319px) {
  .section-brand {
    max-height: 100rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-brand {
    max-height: 100rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .section-brand {
    max-height: 100rem;
  }
}
.section-brand:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../images/background-m-09.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-brand:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/pattern_caro.png");
  filter: opacity(30%);
  background-position: center;
  z-index: -1;
}
.section-brand.bgd02 {
  background-color: #ffffff;
}
.section-brand.bgd02:before {
  background-image: none;
}
.section-brand.bgd02:after {
  background-image: none;
}
.section-brand.bgd03:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("../images/background-m-18.jpg");
  filter: grayscale(50%);
}
.section-brand.bgd03:after {
  background-image: none;
}
.section-brand.bgd04:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-20.jpg");
  filter: grayscale(70%);
}
.section-brand.bgd04:after {
  background-image: none;
}
.section-brand.bgd05 {
  background-color: #fbfbfb;
}
.section-brand.bgd05:before {
  background-image: none;
}
.section-brand.bgd05:after {
  background-image: none;
}
.section-brand.bgd06 {
  padding: 6.4rem 0 6.4rem;
  background-color: #fbfbfb;
}
.section-brand.bgd06:before {
  background-image: none;
}
.section-brand.bgd06:after {
  background-image: none;
}
.section-brand.bgd07 {
  padding: 6.4rem 0 6.4rem;
  background-color: #ffffff;
}
.section-brand.bgd07:before {
  background-image: none;
}
.section-brand.bgd07:after {
  background-image: none;
}
.section-brand.bgd08 {
  padding: 6.4rem 0 6.4rem;
}
.section-brand.bgd08:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("../images/background-m-50.jpg");
  filter: grayscale(50%);
}
.section-brand.bgd08:after {
  background-image: none;
}

.section-why-us {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}
.section-why-us.bgd02 {
  background-color: #fbfbfb;
}
.section-why-us.bgd03 {
  background-color: transparent;
  position: relative;
}
.section-why-us.bgd03:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../images/background-m-26.jpg");
  filter: grayscale(50%);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}

.section-feature-btn {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-feature-v2 {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-feature-v3 {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-some-service {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-some-service-dark {
  padding: 9.6rem 0 6.4rem;
  position: relative;
}
.section-some-service-dark:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../images/background-m-28.jpg");
  filter: grayscale(50%);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-some-service-dark:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/pattern_cross.png");
  filter: opacity(30%);
  background-position: center;
  z-index: -1;
}
.section-some-service-dark.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../images/background-m-32.jpg");
}
.section-some-service-dark.bgd03:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../images/background-m-34.jpg");
}

.section-some-service-v2 {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-some-service-v3 {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-some-feature {
  padding: 10.4rem 0 6.4rem;
  background-color: #fbfbfb;
}

.section-hero-static {
  padding: 26rem 0 26rem;
  min-height: 20rem;
  position: relative;
}
@media screen and (max-width: 319px) {
  .section-hero-static {
    padding: 16rem 0 16rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-hero-static {
    padding: 16rem 0 16rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .section-hero-static {
    padding: 20rem 0 20rem;
  }
}
.section-hero-static:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("../images/background-m-10.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-hero-static:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/pattern_caro.png");
  filter: opacity(50%);
  background-position: center;
  z-index: -1;
}
.section-hero-static.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("../images/background-m-11.jpg");
}
.section-hero-static.bgd03:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("../images/background-m-15.jpg");
}
.section-hero-static.bgd04:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("../images/background-m-16.jpg");
}
.section-hero-static.bgd04:after {
  background-image: url("../images/pattern_cross.png");
  filter: opacity(35%);
}
.section-hero-static.bgd05:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("../images/background-m-19.jpg");
}
.section-hero-static.bgd05:after {
  background-image: url("../images/pattern_cross.png");
  filter: opacity(35%);
}
.section-hero-static.bgd06:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), url("../images/background-m-21.jpg");
  filter: grayscale(30%);
}
.section-hero-static.bgd06:after {
  background-image: url("../images/pattern_cross.png");
  filter: opacity(30%);
}
.section-hero-static.bgd07:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), url("../images/background-m-24.jpg");
  filter: none;
}
.section-hero-static.bgd08:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), url("../images/background-m-46.jpg");
  filter: none;
}

.section-who-we-are {
  padding: 10.4rem 0 10.4rem;
  background-color: #ffffff;
}
.section-who-we-are.bgd02 {
  padding: 8.4rem 0 8.4rem;
  overflow: hidden;
}
.section-who-we-are.bgd03 {
  background-color: #fbfbfb;
  padding: 8.4rem 0 8.4rem;
  overflow: hidden;
}
.section-who-we-are.bgd04 {
  background-color: #fbfbfb;
  padding: 8.4rem 0 6.4rem;
  overflow: hidden;
}

.section-our-services {
  padding: 10.4rem 0 10.4rem;
  position: relative;
}
.section-our-services:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("../images/background-m-12.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(40%);
  z-index: -1;
}

.section-our-team {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}
.section-our-team.bgd02 {
  background-color: #fbfbfb;
}

.section-our-team-v2 {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-our-team-v3 {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
  position: relative;
}

.section-news-v1 {
  padding: 9.6rem 0 10.4rem;
  background-color: #ffffff;
  position: relative;
}

.section-testimonial-v1 {
  padding: 6.4rem 0 9.4rem;
  background-color: #ffffff;
  min-height: 2rem;
  overflow: hidden;
}

.section-testimonial {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}
.section-testimonial.bgd02 {
  background-color: transparent;
  position: relative;
}
.section-testimonial.bgd02:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("../images/background-m-14.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  filter: grayscale(60%);
  z-index: -1;
}
.section-testimonial.bgd03 {
  background-color: #fbfbfb;
}

.section-testimonial-one {
  padding: 9.6rem 0 9.6rem;
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 319px) {
  .section-testimonial-one {
    background-color: #fbfbfb;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-testimonial-one {
    background-color: #fbfbfb;
  }
}
.section-testimonial-one.bgd02 {
  background-color: transparent;
}
@media screen and (max-width: 319px) {
  .section-testimonial-one.bgd02 {
    background-color: transparent;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-testimonial-one.bgd02 {
    background-color: transparent;
  }
}
.section-testimonial-one.bgd02:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("../images/background-m-25.jpg");
  filter: grayscale(50%);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-testimonial-one.bgd02:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/pattern_caro.png");
  filter: opacity(5%);
  background-position: center;
  z-index: -1;
}

.section-testimonial-one-dark {
  padding: 9.6rem 0 9.6rem;
  overflow: hidden;
  position: relative;
}
.section-testimonial-one-dark:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../images/background-m-18.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-testimonial-one-dark:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/pattern_cross.png");
  background-position: center;
  z-index: -1;
}
.section-testimonial-one-dark.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../images/background-m-25.jpg");
}
.section-testimonial-one-dark.bgd03:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../images/background-m-39.jpg");
}

.section-testimonial-two {
  padding: 9.6rem 0 9.6rem;
  background-color: #ffffff;
  overflow: hidden;
}
.section-testimonial-two.bgd02 {
  background-color: #fbfbfb;
}

.section-testimonial-v2 {
  padding: 9.6rem 0 9.6rem;
  background-color: #fbfbfb;
  overflow: hidden;
}

.section-testimonial-v3 {
  padding: 9.6rem 0 9.6rem;
  background-color: #ffffff;
  overflow: hidden;
}

.section-list-service {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-list-faqs {
  padding: 9.6rem 0 1.2rem;
  background-color: #ffffff;
}

.section-map {
  padding: 10.4rem 0 10.4rem;
  background-color: #fbfbfb;
}
.section-map.bgd02 {
  padding: 0rem 0 0rem;
}

.section-in-touch {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-meet-out-team {
  padding: 10rem 0 0;
  min-height: 10rem;
  position: relative;
  background-color: #fbfbfb;
}
.section-meet-out-team.bgd02 {
  background-color: transparent;
}
.section-meet-out-team.bgd02:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("../images/background-m-30.jpg");
  filter: grayscale(50%);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-meet-out-team.bgd02:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: opacity(5%);
  background-image: url("../images/pattern_cross.png");
  background-position: center;
  z-index: -1;
}
.section-meet-out-team.bgd03 {
  background-color: #ffffff;
}

.section-meet-out-team-full {
  padding: 0rem 0 0;
  min-height: 10rem;
  position: relative;
  background-color: #fbfbfb;
}

.section-portfolio-full {
  padding: 9.6rem 0 10.4rem;
  min-height: 10rem;
  position: relative;
  background-color: #ffffff;
}
@media screen and (max-width: 319px) {
  .section-portfolio-full {
    background-color: #fbfbfb;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-portfolio-full {
    background-color: #fbfbfb;
  }
}
.section-portfolio-full.bgd02 {
  background-color: #fbfbfb;
}

.section-portfolio-v1 {
  position: relative;
}
.section-portfolio-v1__top {
  padding: 9.6rem 0 9.6rem;
  min-height: 2rem;
  position: relative;
  overflow: hidden;
}
.section-portfolio-v1__top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url("../images/background-m-37.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-portfolio-v1__top:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/pattern_caro.png");
  filter: opacity(40%);
  background-position: center;
  z-index: -1;
}
.section-portfolio-v1__bottom {
  padding-right: 16rem;
  padding-left: 16rem;
  margin-top: -9.6rem;
}
@media screen and (max-width: 319px) {
  .section-portfolio-v1__bottom {
    padding-right: 16px;
    padding-left: 16px;
    margin-top: -9.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-portfolio-v1__bottom {
    padding-right: 16px;
    padding-left: 16px;
    margin-top: -9.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .section-portfolio-v1__bottom {
    padding-right: 6.4rem;
    padding-left: 6.4rem;
    margin-top: -9.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .section-portfolio-v1__bottom {
    padding-right: 6.4rem;
    padding-left: 6.4rem;
    margin-top: -9.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .section-portfolio-v1__bottom {
    padding-right: 6.4rem;
    padding-left: 6.4rem;
    margin-top: -9.6rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .section-portfolio-v1__bottom {
    padding-right: 6.4rem;
    padding-left: 6.4rem;
    margin-top: -9.6rem;
  }
}
.section-portfolio-v1__bottom .row {
  margin-right: 0;
  margin-left: 0;
}
.section-portfolio-v1__bottom .row > [class*=col] {
  padding-left: 0;
  padding-right: 0;
}

.section-number-v1 {
  padding: 7.6rem 0 8.4rem;
  background-color: #ffffff;
}

.section-pricing-tables {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}
.section-pricing-tables.bgd02 {
  background-color: #fbfbfb;
}

.section-banner-static {
  padding: 11.2rem 0 11.2rem;
  min-height: 10rem;
  position: relative;
}
.section-banner-static:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../images/background-m-23.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.section-banner-static:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/pattern_caro.png");
  filter: opacity(40%);
  background-position: center;
  z-index: -1;
}
.section-banner-static.bgd02:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../images/background-m-51.jpg");
}

.section-detail-team {
  padding: 10.4rem 0 6.4rem;
  background-color: #ffffff;
}

.section-slim-skill {
  padding: 0rem 0 0rem;
  background-color: #ffffff;
}

.section-form-send {
  padding: 4.8rem 0 0rem;
  background-color: #ffffff;
}
.section-form-send.bgd02 {
  padding: 4.8rem 0 6.4rem;
}
.section-form-send.bgd03 {
  padding: 4.8rem 0 6.4rem;
  background-color: #fbfbfb;
}
.section-form-send.bgd04 {
  padding: 9.6rem 0 6.4rem;
}

.section-slim-team {
  padding: 5.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-side-navigation {
  padding: 10.4rem 0 6.4rem;
  background-color: #ffffff;
  min-height: 50rem;
  overflow: hidden;
}

.section-number {
  padding: 10rem 0 6rem;
  background-color: #ffffff;
}
@media screen and (max-width: 319px) {
  .section-number {
    background-color: #fbfbfb;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-number {
    background-color: #fbfbfb;
  }
}
.section-news-special {
  padding: 4rem 0 0rem;
  background-color: #fbfbfb;
  overflow: hidden;
}

.section-content-main {
  padding: 10.4rem 0 6.4rem;
  background-color: #ffffff;
}

.section-content-main-filter {
  padding: 10.4rem 0 6.4rem;
  background-color: #ffffff;
  position: relative;
  z-index: 0;
}

.section-mini-sale {
  padding: 2.8rem 0 0;
  background-color: #ffffff;
}

.section-ship-info {
  padding: 9.6rem 0 6.4rem;
  background-color: #ffffff;
}

.section-white-space {
  min-height: 21.7rem;
  background-color: #ffffff;
}
@media screen and (max-width: 319px) {
  .section-white-space {
    min-height: 10.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-white-space {
    min-height: 10.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .section-white-space {
    min-height: 10.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .section-white-space {
    min-height: 18.4rem;
  }
}
.section-all-page {
  min-height: 10rem;
  background-color: #ffffff;
  padding: 9.6rem 0 6.4rem;
}
.section-all-page.bgd02 {
  background-color: #fbfbfb;
}

/*******************nav***********************/
.nav {
  position: relative;
  background-color: #ffffff;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.nav--fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(255, 255, 255);
  -webkit-animation: headerSlideDown 0.6s ease forwards;
  animation: headerSlideDown 0.6s ease forwards;
}
.nav--true {
  min-height: 9.6rem;
  display: block;
  width: 100%;
  background-color: transparent;
}
.nav__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.nav__15percent {
  flex: 0 0 15%;
  max-width: 15%;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (max-width: 319px) {
  .nav__15percent {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .nav__15percent {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .nav__15percent {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .nav__15percent {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
.nav__85percent {
  flex: 0 0 85%;
  max-width: 85%;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (max-width: 319px) {
  .nav__85percent {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .nav__85percent {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .nav__85percent {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .nav__85percent {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
.nav__logo-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.nav__logo-link {
  display: block;
}
.nav__logo-link img {
  height: 70px;
  max-width: 180px;
  margin: auto 0;
}
@media screen and (max-width: 319px) {
  .nav__logo-link img {
    max-width: 180px;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .nav__logo-link img {
    max-width: 180px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .nav__logo-link img {
    max-width: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .nav__logo-link img {
    max-width: 180px;
  }
}
.nav__logo-link.mini img {
  max-width: 180px;
}
.nav__menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.nav__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.nav__list--lv2 {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 20rem;
  min-height: 2rem;
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  flex-direction: column;
  justify-content: center;
  align-items: space-between;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 999;
}
.nav__list--lv3 {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  min-width: 16rem;
  min-height: 2rem;
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  flex-direction: column;
  justify-content: center;
  align-items: space-between;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 9999;
}
.nav__item:hover > a span:after {
  width: 100%;
  left: 0;
  right: auto;
}
.nav__item:hover > ul {
  display: flex;
}
.nav__item:hover > .mega-menu {
  display: block;
}
.nav__item--lv2 {
  position: relative;
}
.nav__item--lv2:not(:last-child) > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.nav__item--lv2:hover > a {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.nav__item--lv2:hover > ul {
  display: flex;
}
.nav__item--lv3 {
  position: relative;
}
.nav__item--lv3:not(:last-child) > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.nav__item--lv3:hover > a {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.nav--menu-mega {
  position: static;
}
.nav--menu-drop {
  position: relative;
}
.nav__link, .nav__link:link, .nav__link:visited {
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: block;
  padding: 3.2rem 2.2rem 3.2rem;
  overflow: hidden;
  position: relative;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav__link.mini {
  padding: 1.2rem 2.2rem 1.2rem;
}
.nav--drop .nav__link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: "Material Icons";
  font-size: 2rem;
}
.nav__link span {
  overflow: hidden;
  position: relative;
}
.nav__link span:after {
  content: "";
  position: absolute;
  width: 0;
  left: auto;
  right: 0;
  bottom: -0.1rem;
  height: 0.1rem;
  -moz-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background-color: rgba(0, 0, 0, 0.6);
}
.nav__link--lv2 {
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: block;
  padding: 0.4rem 4rem 0.4rem 1.6rem;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav--drop > .nav__link--lv2:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
  font-family: "Material Icons";
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.54);
}
.nav__link--lv3 {
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: block;
  padding: 0.4rem 1.6rem 0.4rem;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav__btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.nav__btn-item {
  margin-left: 2rem;
  position: relative;
  padding: 3.4rem 0;
}
.nav__btn-item.mini {
  padding: 1.4rem 0;
}
.nav__btn-link, .nav__btn-link:link, .nav__btn-link:visited {
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  align-items: center;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
}
.nav__btn-icon {
  font-size: 2.8rem;
  line-height: 1;
}
.nav__search-icon:hover {
  color: #000000;
}
.nav__search-form {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 999;
  -moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  padding: 1.6rem;
  display: none;
}
.nav__search-input {
  width: 23.2rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  padding: 6px 36px 6px 12px;
}
.nav__search-input:placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.nav__search-input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.nav__search-input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.nav__search-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.nav__search-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.nav__search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.nav__search-input:focus {
  outline: none;
}
.nav__search-button {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2.4rem;
  padding: 0;
  margin: 0;
  outline: none;
  border: none;
  border: 0;
  background: none;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav__search-button:hover i {
  color: rgba(17, 189, 163, 0.87);
}
.nav__search-button:focus {
  outline: none;
}
.nav__search-button i {
  font-size: 2.4rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.nav--effect {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.nav__cart-icon:hover {
  color: #000000;
}
.nav__cart-number {
  position: absolute;
  top: 6px;
  right: -9px;
  background-color: #422D91;
  border-radius: 50%;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0rem 0.4rem 0rem 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav__ajax-cart {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 9999;
  -moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  padding: 1.6rem;
  display: none;
  max-width: 32rem;
  width: 32rem;
  min-height: 32rem;
}
.nav__product {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.nav__product--link {
  flex-grow: 25;
  flex-basis: 25%;
  position: relative;
}
.nav__product--link:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.03);
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.nav__product--link:hover:before {
  background-color: rgba(0, 0, 0, 0.06);
}
.nav__product--picture {
  height: auto;
  max-width: 100%;
}
.nav__product--content {
  flex-grow: 69;
  flex-basis: 69%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.6rem;
}
.nav__product--vote {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.4rem;
}
.nav__product--vote i {
  color: #ffd700;
  font-size: 2rem;
  line-height: 1;
}
.nav__product--price {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.nav__product--sale {
  margin-right: 1.2rem;
}
.nav__product--close {
  flex-grow: 6;
  flex-basis: 6%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav__product--close i {
  font-size: 2.4rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.nav__product--close i:hover {
  color: #422D91;
}
.nav__line {
  height: 1px;
  width: 100%;
  margin: 1.6rem 0;
  background-color: rgba(0, 0, 0, 0.12);
}
.nav__bill {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.nav__bill--btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 1.6rem;
  width: 100%;
}
.nav__bill--btn a:first-child {
  margin-right: 1.6rem;
}
.nav__total {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 1.2rem 0;
  width: 100%;
}
.nav__mobile-icon {
  position: relative;
  width: 24px;
  height: 20px;
}
.nav__mobile-icon:hover .nav__mobile-icon--line:before, .nav__mobile-icon:hover .nav__mobile-icon--line:after {
  width: 72%;
}
.nav__mobile-icon--line {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 100%;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav__mobile-icon--line:before, .nav__mobile-icon--line:after {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 100%;
  background: inherit;
  content: "";
  -moz-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
}
.nav__mobile-icon--line:after {
  top: 8px;
}
.nav__mobile-icon--line:before {
  top: -8px;
}

/*******************mega-menu***********************/
.mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: white;
  width: auto;
  min-width: 30rem;
  max-width: none;
  padding: 8rem 0;
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  display: none;
  z-index: 999;
}
.mega-menu ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.mega-menu ul li {
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
}
.mega-menu ul li:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 0.4rem;
  margin-bottom: 1.2rem;
  margin-right: 2rem;
}
.mega-menu ul li:hover > a span:after {
  width: 100%;
  left: 0;
  right: auto;
}
.mega-menu ul li a {
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  display: block;
  overflow: hidden;
  padding: 0.8rem 0;
  position: relative;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mega-menu ul li a span {
  overflow: hidden;
  position: relative;
}
.mega-menu ul li a span:after {
  content: "";
  position: absolute;
  width: 0;
  left: auto;
  right: 0;
  bottom: -0.1rem;
  height: 0.1rem;
  -moz-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background-color: rgba(0, 0, 0, 0.6);
}

/*******************menu-mb***********************/
.menu-mb {
  background-color: #212121;
  position: relative;
  width: 400px;
  max-width: 84%;
  height: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow-y: auto;
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.menu-show .menu-mb {
  -moz-transform: none;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.menu-mb__header {
  height: 56px;
  background-color: #ffffff;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.menu-mb__logo-box {
  margin-left: 16px;
}
.menu-mb__logo-link {
  display: block;
}
.menu-mb__logo-link img {
  height: auto;
  max-width: 72%;
  margin: auto 0;
}
.menu-mb__close-box {
  margin-right: 8px;
}
.menu-mb__close-link {
  position: relative;
  cursor: pointer;
  height: 4rem;
  width: 4rem;
  display: block;
}
.menu-mb__close-link:hover:before, .menu-mb__close-link:hover:after {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.menu-mb__close-link:before {
  content: "";
  position: absolute;
  top: 1.9rem;
  left: 0.8rem;
  width: 2.4rem;
  height: 0.3rem;
  background: #333333;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu-mb__close-link:after {
  content: "";
  position: absolute;
  top: 1.9rem;
  left: 0.8rem;
  width: 2.4rem;
  height: 0.3rem;
  background: #333333;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-mb__item:hover > a {
  color: #ffffff;
}
.menu-mb__item--lv2:hover > a {
  color: #ffffff;
}
.menu-mb__item--lv3:hover > a {
  color: #ffffff;
}
.menu-mb__link {
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #ffffff;
  display: block;
  padding: 4px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
  position: relative;
  background-color: #212121;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.menu-mb__link:hover {
  color: #ffffff;
}
.menu-mb--drop > .menu-mb__link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  -moz-transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 2rem;
  color: #ffffff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.menu-mb--drop.openMn > .menu-mb__link:before {
  -moz-transform: translateY(-50%) rotate(-180deg);
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.menu-mb__link--lv2 {
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #ffffff;
  display: block;
  padding: 4px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
  position: relative;
  background-color: #2a2a2a;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.menu-mb__link--lv2:hover {
  color: #ffffff;
}
.menu-mb--drop > .menu-mb__link--lv2:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  -moz-transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 2rem;
  color: #ffffff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.menu-mb--drop.openMn > .menu-mb__link--lv2:before {
  -moz-transform: translateY(-50%) rotate(-180deg);
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.menu-mb__link--lv3 {
  font-size: 1.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #ffffff;
  display: block;
  padding: 4px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
  position: relative;
  background-color: #3d3d3d;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.menu-mb__link--lv3:hover {
  color: #ffffff;
}
.menu-mb--drop > .menu-mb__link--lv3:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  -moz-transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  font-family: "Material Icons";
  font-size: 2rem;
  color: #ffffff;
}

/*******************search-pp***********************/
.search-pp {
  background-color: #212121;
  position: relative;
  width: 400px;
  max-width: 84%;
  height: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow-y: auto;
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.menu-show .search-pp {
  -moz-transform: none;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.search-pp__header {
  height: 56px;
  background-color: #ffffff;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.search-pp__logo-box {
  margin-left: 16px;
}
.search-pp__logo-link {
  display: block;
}
.search-pp__logo-link img {
  height: auto;
  max-width: 72%;
  margin: auto 0;
}
.search-pp__close-box {
  margin-right: 8px;
}
.search-pp__close-link {
  position: relative;
  cursor: pointer;
  height: 4rem;
  width: 4rem;
  display: block;
}
.search-pp__close-link:hover:before, .search-pp__close-link:hover:after {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.search-pp__close-link:before {
  content: "";
  position: absolute;
  top: 1.9rem;
  left: 0.8rem;
  width: 2.4rem;
  height: 0.3rem;
  background: #333333;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.search-pp__close-link:after {
  content: "";
  position: absolute;
  top: 1.9rem;
  left: 0.8rem;
  width: 2.4rem;
  height: 0.3rem;
  background: #333333;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.search-pp__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 3.2rem 1.6rem;
}
.search-pp__search-form {
  position: relative;
  display: block;
  width: 100%;
}
.search-pp__search-input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.87);
  border-radius: 4px;
  padding: 6px 36px 6px 12px;
  background-color: transparent;
}
.search-pp__search-input:placeholder {
  color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input::placeholder {
  color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input:focus {
  outline: none;
}
.search-pp__search-button {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.8rem;
  padding: 0;
  margin: 0;
  outline: none;
  border: none;
  border: 0;
  background: none;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-pp__search-button:focus {
  outline: none;
}
.search-pp__search-button i {
  font-size: 2.4rem;
  color: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/*******************slide-show***********************/
.slide-show {
  max-width: 100%;
  margin: auto;
  position: relative;
}
.slide-show:hover .slide-show--prev {
  left: 0.4rem;
}
.slide-show:hover .slide-show--next {
  right: 0.4rem;
}
.slide-show__container {
  display: none;
}
.slide-show__img {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 319px) {
  .slide-show__img {
    max-width: 300%;
    -moz-transform: translateX(-33.333%);
    -webkit-transform: translateX(-33.333%);
    -ms-transform: translateX(-33.333%);
    -o-transform: translateX(-33.333%);
    transform: translateX(-33.333%);
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .slide-show__img {
    max-width: 300%;
    -moz-transform: translateX(-33.333%);
    -webkit-transform: translateX(-33.333%);
    -ms-transform: translateX(-33.333%);
    -o-transform: translateX(-33.333%);
    transform: translateX(-33.333%);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slide-show__img {
    max-width: 200%;
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slide-show__img {
    max-width: 150%;
    -moz-transform: translateX(-16.677%);
    -webkit-transform: translateX(-16.677%);
    -ms-transform: translateX(-16.677%);
    -o-transform: translateX(-16.677%);
    transform: translateX(-16.677%);
  }
}
.slide-show__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slide-show__box {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slide-show__box {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slide-show__box {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slide-show__box {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .slide-show__box {
    max-width: 1170px;
  }
}
.slide-show--prev {
  position: absolute;
  top: 50%;
  left: -2.8rem;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.slide-show--prev.showMxm {
  left: 0.4rem;
}
.slide-show--prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.slide-show--prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.slide-show--prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.slide-show--prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.slide-show--prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.slide-show--prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.slide-show--prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.slide-show--next {
  position: absolute;
  top: 50%;
  right: -2.8rem;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.slide-show--next.showMxm {
  right: 0.4rem;
}
.slide-show--next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.slide-show--next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.slide-show--next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.slide-show--next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.slide-show--next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.slide-show--next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.slide-show--next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.slide-show--icon {
  color: rgba(255, 255, 255, 0.6);
  font-size: 6rem;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.slide-show--main-dot {
  position: absolute;
  bottom: 12%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.slide-show--dot {
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.slide-show--dot:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.slide-show--dot.active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}
.slide-show--effect {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/*******************info-box***********************/
.info-box {
  position: relative;
  min-height: 4rem;
  background-color: #333333;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  z-index: 900;
}
.info-box__contact ul {
  display: flex;
  align-items: center;
  min-height: 4rem;
}
.info-box__item--left {
  margin-right: 2rem;
}
.info-box__link--left, .info-box__link--left:link, .info-box__link--left:visited {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: flex;
  align-items: center;
}
.info-box__link--left:hover {
  color: #ffffff;
}
.info-box__link--left:hover .info-box__icon--left {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.info-box__icon--left {
  margin-right: 0.8rem;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.info-box__social ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 4rem;
}
.info-box__item--right {
  list-style: none;
  margin-left: 1.2rem;
}
.info-box__link--right, .info-box__link--right:link, .info-box__link--right:visited {
  color: rgba(255, 255, 255, 0.87);
  display: flex;
  align-items: center;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.info-box__link--right:hover {
  color: #ffffff;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.info-box__icon--right {
  font-size: 1.8rem;
}

/*******************info-box***********************/
.info-box-2 {
  position: relative;
  background-color: #212121;
  background-color: #414141;
  background-color: #422D91;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 319px) {
  .info-box-2__contact {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .info-box-2__contact {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .info-box-2__contact {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.info-box-2__contact--link {
  display: block;
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  padding: 1.6rem 0;
}
.info-box-2__contact--link:hover {
  color: #ffffff;
}
.info-box-2__social ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .info-box-2__social ul {
    justify-content: center;
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .info-box-2__social ul {
    justify-content: center;
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .info-box-2__social ul {
    justify-content: center;
    margin-bottom: 1.6rem;
  }
}
.info-box-2__item {
  list-style: none;
  margin-left: 1.2rem;
}
.info-box-2__link {
  color: rgba(255, 255, 255, 0.87);
  display: block;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.info-box-2__link:hover {
  color: #ffffff;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.info-box-2__icon {
  font-size: 1.8rem;
}
.info-box-2__contact2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.info-box-2__contact2--link {
  display: block;
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  padding: 1.6rem 0;
}
.info-box-2__contact2--link:hover {
  color: #ffffff;
}

/*******************text-box***********************/
.text-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
  .text-box__list {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box__list {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box__list {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box__list {
    margin-bottom: 1.2rem;
  }
}
.text-box__list span:not(:last-child) {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
  .text-box__list span:not(:last-child) {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box__list span:not(:last-child) {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box__list span:not(:last-child) {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box__list span:not(:last-child) {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box__list span:not(:last-child) {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (max-width: 319px) {
  .text-box__list span:last-child {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box__list span:last-child {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box__list span:last-child {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box__list span:last-child {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box__list span:last-child {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.text-box p {
  text-align: left;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
  .text-box p {
    margin-bottom: 1.6rem;
  }
  .text-box p br {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box p {
    margin-bottom: 1.6rem;
  }
  .text-box p br {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box p {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box p {
    margin-bottom: 1.6rem;
  }
}
.text-box-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box-2__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 2rem;
  text-align: right;
}
@media screen and (max-width: 319px) {
  .text-box-2__list {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box-2__list {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box-2__list {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box-2__list {
    margin-bottom: 1.2rem;
  }
}
.text-box-2__list span:not(:last-child) {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
  .text-box-2__list span:not(:last-child) {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box-2__list span:not(:last-child) {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box-2__list span:not(:last-child) {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box-2__list span:not(:last-child) {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box-2__list span:not(:last-child) {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (max-width: 319px) {
  .text-box-2__list span:last-child {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box-2__list span:last-child {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box-2__list span:last-child {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box-2__list span:last-child {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box-2__list span:last-child {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.text-box-2 p {
  margin-bottom: 2.4rem;
  text-align: right;
}
@media screen and (max-width: 319px) {
  .text-box-2 p {
    margin-bottom: 1.6rem;
  }
  .text-box-2 p br {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box-2 p {
    margin-bottom: 1.6rem;
  }
  .text-box-2 p br {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box-2 p {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box-2 p {
    margin-bottom: 1.6rem;
  }
}
.text-box3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box3__title {
  text-align: center;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .text-box3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box3__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box3__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
.text-box3__sub-title {
  text-align: center;
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .text-box3__sub-title {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box3__sub-title {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box3__sub-title {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box3__sub-title {
    margin-bottom: 3.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box3__sub-title {
    margin-bottom: 3.6rem;
  }
}
.text-box3__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.text-box3__btn {
  margin: 0 1.2rem;
}

.text-box4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box4__date-cate {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
  .text-box4__date-cate a {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box4__date-cate a {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box4__date-cate a {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box4__date-cate a {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.text-box4__title {
  margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
  .text-box4__title a {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box4__title a {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box4__title a {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box4__title a {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.text-box4__paragraph {
  margin-bottom: 2.8rem;
  width: 60%;
}
@media screen and (max-width: 319px) {
  .text-box4__paragraph {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box4__paragraph {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box4__paragraph {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box4__paragraph {
    width: 70%;
  }
}
.text-box4__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.text-box4__btn {
  margin: 0rem;
}

.text-box5 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box5 > * {
  opacity: 0;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -moz-transform: translateY(32px);
  -webkit-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  transform: translateY(32px);
}
.text-box5 > *:nth-child(1) {
  transition-delay: 0.3s;
}
.text-box5 > *:nth-child(2) {
  transition-delay: 0.5s;
}
.text-box5 > *:nth-child(3) {
  transition-delay: 0.7s;
}
.text-box5 > *:nth-child(4) {
  transition-delay: 0.9s;
}
.text-box5 > *:nth-child(5) {
  transition-delay: 1.1s;
}
.text-box5 > *:nth-child(6) {
  transition-delay: 1.3s;
}
.text-box5 > *:nth-child(7) {
  transition-delay: 1.5s;
}
.text-box5 > *:nth-child(8) {
  transition-delay: 1.7s;
}
.text-box5 > *:nth-child(9) {
  transition-delay: 1.9s;
}
.text-box5__title {
  text-align: center;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .text-box5__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box5__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box5__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box5__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box5__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
.text-box5__sub-title {
  text-align: center;
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .text-box5__sub-title {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box5__sub-title {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box5__sub-title {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box5__sub-title {
    margin-bottom: 3.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box5__sub-title {
    margin-bottom: 3.6rem;
  }
}
.text-box5__paragraph {
  text-align: center;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
  .text-box5__paragraph {
    margin-bottom: 1.6rem;
  }
  .text-box5__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box5__paragraph {
    margin-bottom: 1.6rem;
  }
  .text-box5__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box5__paragraph {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box5__paragraph {
    margin-bottom: 1.6rem;
  }
}
.text-box5__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.text-box5__btn {
  margin: 0 1.2rem;
}

.text-box05 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box05 > * {
  opacity: 0;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -moz-transform: translateY(32px);
  -webkit-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  transform: translateY(32px);
}
.text-box05 > *:nth-child(1) {
  transition-delay: 0.3s;
}
.text-box05 > *:nth-child(2) {
  transition-delay: 0.5s;
}
.text-box05 > *:nth-child(3) {
  transition-delay: 0.7s;
}
.text-box05 > *:nth-child(4) {
  transition-delay: 0.9s;
}
.text-box05 > *:nth-child(5) {
  transition-delay: 1.1s;
}
.text-box05 > *:nth-child(6) {
  transition-delay: 1.3s;
}
.text-box05 > *:nth-child(7) {
  transition-delay: 1.5s;
}
.text-box05 > *:nth-child(8) {
  transition-delay: 1.7s;
}
.text-box05 > *:nth-child(9) {
  transition-delay: 1.9s;
}
@media screen and (max-width: 319px) {
  .text-box05__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box05__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box05__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box05__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box05__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.text-box05__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.text-box05__btn {
  margin: 0 1.2rem;
}
@media screen and (max-width: 319px) {
  .text-box05__btn {
    margin: 0 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box05__btn {
    margin: 0 0.8rem;
  }
}
.text-box6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box6 > * {
  opacity: 0;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -moz-transform: translateY(32px);
  -webkit-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  transform: translateY(32px);
}
.text-box6 > *:nth-child(1) {
  transition-delay: 0.3s;
}
.text-box6 > *:nth-child(2) {
  transition-delay: 0.4s;
}
.text-box6 > *:nth-child(3) {
  transition-delay: 0.5s;
}
.text-box6 > *:nth-child(4) {
  transition-delay: 0.6s;
}
.text-box6 > *:nth-child(5) {
  transition-delay: 0.7s;
}
.text-box6 > *:nth-child(6) {
  transition-delay: 0.8s;
}
.text-box6 > *:nth-child(7) {
  transition-delay: 0.9s;
}
.text-box6 > *:nth-child(8) {
  transition-delay: 1s;
}
.text-box6 > *:nth-child(9) {
  transition-delay: 1.1s;
}
.text-box6__date-cate {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
  .text-box6__date-cate a {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box6__date-cate a {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box6__date-cate a {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box6__date-cate a {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.text-box6__title {
  margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
  .text-box6__title a {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box6__title a {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box6__title a {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box6__title a {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.text-box6__paragraph {
  margin-bottom: 2.8rem;
  width: 60%;
}
@media screen and (max-width: 319px) {
  .text-box6__paragraph {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box6__paragraph {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box6__paragraph {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box6__paragraph {
    width: 70%;
  }
}
.text-box6__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.text-box6__btn {
  margin: 0rem;
}

.text-box7 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box7 > * {
  opacity: 0;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -moz-transform: translateY(32px);
  -webkit-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  transform: translateY(32px);
}
.text-box7 > *:nth-child(1) {
  transition-delay: 0.3s;
}
.text-box7 > *:nth-child(2) {
  transition-delay: 0.5s;
}
.text-box7 > *:nth-child(3) {
  transition-delay: 0.7s;
}
.text-box7 > *:nth-child(4) {
  transition-delay: 0.9s;
}
.text-box7 > *:nth-child(5) {
  transition-delay: 1.1s;
}
.text-box7 > *:nth-child(6) {
  transition-delay: 1.3s;
}
.text-box7 > *:nth-child(7) {
  transition-delay: 1.5s;
}
.text-box7 > *:nth-child(8) {
  transition-delay: 1.7s;
}
.text-box7 > *:nth-child(9) {
  transition-delay: 1.9s;
}
.text-box7__title {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
  .text-box7__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box7__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box7__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box7__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box7__title {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.text-box7__sub-title {
  margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
  .text-box7__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box7__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box7__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box7__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box7__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.text-box7__paragraph {
  text-align: left;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
  .text-box7__paragraph {
    margin-bottom: 1.6rem;
  }
  .text-box7__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box7__paragraph {
    margin-bottom: 1.6rem;
  }
  .text-box7__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box7__paragraph {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box7__paragraph {
    margin-bottom: 1.6rem;
  }
}
.text-box07 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box07 > * {
  opacity: 0;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -moz-transform: translateY(32px);
  -webkit-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  transform: translateY(32px);
}
.text-box07 > *:nth-child(1) {
  transition-delay: 0.3s;
}
.text-box07 > *:nth-child(2) {
  transition-delay: 0.5s;
}
.text-box07 > *:nth-child(3) {
  transition-delay: 0.7s;
}
.text-box07 > *:nth-child(4) {
  transition-delay: 0.9s;
}
.text-box07 > *:nth-child(5) {
  transition-delay: 1.1s;
}
.text-box07 > *:nth-child(6) {
  transition-delay: 1.3s;
}
.text-box07 > *:nth-child(7) {
  transition-delay: 1.5s;
}
.text-box07 > *:nth-child(8) {
  transition-delay: 1.7s;
}
.text-box07 > *:nth-child(9) {
  transition-delay: 1.9s;
}
@media screen and (max-width: 319px) {
  .text-box07__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box07__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box07__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box07__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box07__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (max-width: 319px) {
  .text-box07__paragraph {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
  .text-box07__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box07__paragraph {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
  .text-box07__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box07__paragraph {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box07__paragraph {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box07__paragraph {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.text-box8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box8 > * {
  opacity: 0;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -moz-transform: translateY(32px);
  -webkit-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  transform: translateY(32px);
}
.text-box8 > *:nth-child(1) {
  transition-delay: 0.3s;
}
.text-box8 > *:nth-child(2) {
  transition-delay: 0.5s;
}
.text-box8 > *:nth-child(3) {
  transition-delay: 0.7s;
}
.text-box8 > *:nth-child(4) {
  transition-delay: 0.9s;
}
.text-box8 > *:nth-child(5) {
  transition-delay: 1.1s;
}
.text-box8 > *:nth-child(6) {
  transition-delay: 1.3s;
}
.text-box8 > *:nth-child(7) {
  transition-delay: 1.5s;
}
.text-box8 > *:nth-child(8) {
  transition-delay: 1.7s;
}
.text-box8 > *:nth-child(9) {
  transition-delay: 1.9s;
}
.text-box8__title {
  margin-bottom: 0.8rem;
  text-align: right;
}
@media screen and (max-width: 319px) {
  .text-box8__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box8__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box8__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box8__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box8__title {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.text-box8__sub-title {
  margin-bottom: 2rem;
  text-align: right;
}
@media screen and (max-width: 319px) {
  .text-box8__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box8__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box8__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box8__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box8__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.text-box8__paragraph {
  text-align: right;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
  .text-box8__paragraph {
    margin-bottom: 1.6rem;
  }
  .text-box8__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box8__paragraph {
    margin-bottom: 1.6rem;
  }
  .text-box8__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box8__paragraph {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box8__paragraph {
    margin-bottom: 1.6rem;
  }
}
.text-box08 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box08 > * {
  opacity: 0;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -moz-transform: translateY(32px);
  -webkit-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  transform: translateY(32px);
}
.text-box08 > *:nth-child(1) {
  transition-delay: 0.3s;
}
.text-box08 > *:nth-child(2) {
  transition-delay: 0.5s;
}
.text-box08 > *:nth-child(3) {
  transition-delay: 0.7s;
}
.text-box08 > *:nth-child(4) {
  transition-delay: 0.9s;
}
.text-box08 > *:nth-child(5) {
  transition-delay: 1.1s;
}
.text-box08 > *:nth-child(6) {
  transition-delay: 1.3s;
}
.text-box08 > *:nth-child(7) {
  transition-delay: 1.5s;
}
.text-box08 > *:nth-child(8) {
  transition-delay: 1.7s;
}
.text-box08 > *:nth-child(9) {
  transition-delay: 1.9s;
}
@media screen and (max-width: 319px) {
  .text-box08__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box08__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box08__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box08__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box08__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (max-width: 319px) {
  .text-box08__paragraph {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
  .text-box08__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box08__paragraph {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
  .text-box08__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box08__paragraph {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box08__paragraph {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box08__paragraph {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.text-box9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box9 > * {
  opacity: 0;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -moz-transform: translateY(32px);
  -webkit-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  transform: translateY(32px);
}
.text-box9 > *:nth-child(1) {
  transition-delay: 0.3s;
}
.text-box9 > *:nth-child(2) {
  transition-delay: 0.4s;
}
.text-box9 > *:nth-child(3) {
  transition-delay: 0.5s;
}
.text-box9 > *:nth-child(4) {
  transition-delay: 0.6s;
}
.text-box9 > *:nth-child(5) {
  transition-delay: 0.7s;
}
.text-box9 > *:nth-child(6) {
  transition-delay: 0.8s;
}
.text-box9 > *:nth-child(7) {
  transition-delay: 0.9s;
}
.text-box9 > *:nth-child(8) {
  transition-delay: 1s;
}
.text-box9 > *:nth-child(9) {
  transition-delay: 1.1s;
}
.text-box9__title {
  margin-bottom: 0.8rem;
  text-align: right;
}
@media screen and (max-width: 319px) {
  .text-box9__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box9__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box9__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box9__title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box9__title {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.text-box9__sub-title {
  margin-bottom: 2rem;
  text-align: right;
}
@media screen and (max-width: 319px) {
  .text-box9__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box9__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box9__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box9__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .text-box9__sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.text-box9__paragraph {
  text-align: right;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
  .text-box9__paragraph {
    margin-bottom: 1.6rem;
    display: none;
  }
  .text-box9__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box9__paragraph {
    margin-bottom: 1.6rem;
    display: none;
  }
  .text-box9__paragraph br {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box9__paragraph {
    margin-bottom: 1.6rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .text-box9__paragraph {
    margin-bottom: 1.6rem;
    display: none;
  }
}
.text-box010 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.text-box010 > * {
  opacity: 0;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -moz-transform: translateY(32px);
  -webkit-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  transform: translateY(32px);
}
.text-box010 > *:nth-child(1) {
  transition-delay: 0.3s;
}
.text-box010 > *:nth-child(2) {
  transition-delay: 0.5s;
}
.text-box010 > *:nth-child(3) {
  transition-delay: 0.7s;
}
.text-box010 > *:nth-child(4) {
  transition-delay: 0.9s;
}
.text-box010 > *:nth-child(5) {
  transition-delay: 1.1s;
}
.text-box010 > *:nth-child(6) {
  transition-delay: 1.3s;
}
.text-box010 > *:nth-child(7) {
  transition-delay: 1.5s;
}
.text-box010 > *:nth-child(8) {
  transition-delay: 1.7s;
}
.text-box010 > *:nth-child(9) {
  transition-delay: 1.9s;
}
@media screen and (max-width: 319px) {
  .text-box010__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .text-box010__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .text-box010__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.swiper-slide-active .text-box5 > * {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.swiper-slide-active .text-box05 > * {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.swiper-slide-active .text-box6 > * {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.swiper-slide-active .text-box7 > * {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.swiper-slide-active .text-box07 > * {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.swiper-slide-active .text-box8 > * {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.swiper-slide-active .text-box08 > * {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.swiper-slide-active .text-box9 > * {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.swiper-slide-active .text-box010 > * {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

/*******************buttons***********************/
.btn {
  position: relative;
  padding: 0 1.6rem 0;
  border-radius: 4px;
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}
.btn--primary {
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  color: #ffffff;
  background-color: #422D91;
  border: 1px solid #422D91;
}
.btn--primary:hover {
  color: #ffffff;
}
.btn--primary:hover:after {
  opacity: 0;
  -moz-transform: scaleX(1.4) scaleY(1.6);
  -webkit-transform: scaleX(1.4) scaleY(1.6);
  -ms-transform: scaleX(1.4) scaleY(1.6);
  -o-transform: scaleX(1.4) scaleY(1.6);
  transform: scaleX(1.4) scaleY(1.6);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: all 0.6s ease 0.1s;
  -webkit-transition: all 0.6s ease 0.1s;
  -o-transition: all 0.6s ease 0.1s;
  transition: all 0.6s ease 0.1s;
}
.btn--primary:after {
  background-color: #422D91;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  z-index: -1;
  opacity: 1;
  -moz-transition: all 0s ease 0s;
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.btn--secondary {
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.6);
  -moz-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  -webkit-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  -o-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
}
.btn--secondary:hover {
  color: #ffffff;
  border: 1px solid transparent;
  background-color: #422D91;
  -moz-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  -webkit-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  -o-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
}
.btn--secondary.active {
  color: #ffffff;
  border: 1px solid transparent;
  background-color: #422D91;
  -moz-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  -webkit-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  -o-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
}
.btn--secondary .text-up {
  z-index: 6;
  position: relative;
}
.btn--3th {
  color: rgba(255, 255, 255, 0.87);
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  -moz-transition: color 0s ease 0s , border 0.3s ease 0s;
  -webkit-transition: color 0s ease 0s , border 0.3s ease 0s;
  -o-transition: color 0s ease 0s , border 0.3s ease 0s;
  transition: color 0s ease 0s , border 0.3s ease 0s;
}
.btn--3th:hover {
  color: #ffffff;
  border: 1px solid transparent;
}
.btn--3th:hover:after {
  opacity: 1;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  border-radius: 4px;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.btn--3th:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0;
  background-color: #422D91;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -moz-transform: scale(0.5, 1);
  -webkit-transform: scale(0.5, 1);
  -ms-transform: scale(0.5, 1);
  -o-transform: scale(0.5, 1);
  transform: scale(0.5, 1);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
}
.btn--3th .text-up {
  z-index: 6;
  position: relative;
}
.btn--4th {
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #ffffff;
  -moz-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  -webkit-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  -o-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
}
.btn--4th:hover {
  color: #ffffff;
  border: 1px solid transparent;
  background-color: #422D91;
  -moz-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  -webkit-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  -o-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
  transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
}
.btn--5th {
  position: relative;
  padding: 0 0rem 0;
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
  border: 1px solid transparent;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0;
}
.btn--5th:hover {
  color: #422D91;
}
.btn--6th {
  padding: 0 0rem 0;
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
  border: 1px solid transparent;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0;
}
.btn--6th:hover {
  color: #422D91;
}
.btn--7th {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 0 0;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn--7th:hover .btn--7th---name {
  color: #422D91;
}
.btn--7th:hover .btn--7th---icon {
  color: #422D91;
  -moz-transform: translateX(4px);
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
}
.btn--7th---name {
  margin-right: 0.8rem;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn--7th---icon {
  color: rgba(17, 189, 163, 0.87);
  font-size: 1.6rem;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn--8th {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 0 0;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn--8th:hover .btn--8th---name {
  color: #422D91;
}
.btn--8th:hover .btn--8th---icon {
  color: #422D91;
  -moz-transform: translateX(4px);
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
}
.btn--8th---name {
  margin-right: 0.8rem;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn--8th---icon {
  color: rgba(17, 189, 163, 0.87);
  font-size: 1.6rem;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/*******************card***********************/
.card {
  border-radius: 4px;
  padding: 1.6rem;
  margin-bottom: 4rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.card:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.card__side {
  position: relative;
}
.card__side:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.card__img {
  height: auto;
  max-width: 100%;
  margin: auto;
  filter: grayscale(30%);
}
.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.card__heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 2rem;
}
.card__heading span:not(:last-child) {
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .card__heading span:not(:last-child) {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .card__heading span:not(:last-child) {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .card__heading span:last-child {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .card__heading span:last-child {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
/*******************product***********************/
.product {
  border-radius: 4px;
  padding: 1.6rem;
  position: relative;
  margin-bottom: 4rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.product:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.product:hover .product__picture--hover {
  opacity: 1;
  visibility: visible;
}
.product__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.product__link {
  position: relative;
  margin-bottom: 1.6rem;
}
.product__link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 4;
}
.product__picture {
  height: auto;
  max-width: 100%;
  z-index: 2;
}
.product__picture--hover {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
  -webkit-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
  -o-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
  transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
}
.product__picture--hover img {
  height: auto;
  max-width: 100%;
}
.product__vote {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.product__vote--icon {
  color: #ffd700;
  font-size: 2rem;
  line-height: 1;
}
.product__price {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6rem;
}
.product__price--sale {
  margin-right: 3.2rem;
}
.product__popup-sale {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background-color: rgba(17, 189, 163, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

/*******************special***********************/
.special {
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  position: absolute;
  width: 105%;
  top: 16.4rem;
  left: 1.5rem;
  z-index: 90;
}
@media screen and (max-width: 319px) {
  .special {
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .special {
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .special {
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .special {
    top: 8.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .special {
    top: 10.4rem;
  }
}
.special__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 39.2rem;
}
@media screen and (max-width: 319px) {
  .special__side {
    min-height: 24rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .special__side {
    min-height: 24rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .special__side {
    min-height: 24rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .special__side {
    min-height: 25.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .special__side {
    min-height: 31.2rem;
  }
}
.special__heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 1.6rem;
}
.special__heading span:not(:last-child) {
  margin-bottom: 0.8rem;
}
.special-img {
  position: absolute;
  width: 105%;
  top: 10.4rem;
  right: 1.5rem;
  z-index: 9;
  filter: grayscale(10%);
}
@media screen and (max-width: 319px) {
  .special-img {
    position: relative;
    width: auto;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .special-img {
    position: relative;
    width: auto;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .special-img {
    position: relative;
    width: auto;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .special-img {
    top: 4.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .special-img {
    top: 5.6rem;
  }
}
.special-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%);
}
.special-img img {
  height: auto;
  max-width: 100%;
}

/*******************category***********************/
.category {
  border-radius: 4px;
  padding: 1.6rem;
  margin-bottom: 4rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.category:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.category__side {
  position: relative;
}
.category__link {
  position: relative;
  display: block;
}
.category__link:before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.013) 20%, rgba(0, 0, 0, 0.05) 80%), linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
}
.category__picture {
  height: auto;
  max-width: 100%;
}
.category__name {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: calc(100% + 3.2rem);
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.category__name a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0.4rem;
}
/*******************special-2***********************/
@media screen and (max-width: 319px) {
  .special-2 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .special-2 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .special-2 {
    margin-bottom: 4rem;
  }
}
.special-2__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 69.6rem;
}
@media screen and (max-width: 319px) {
  .special-2__side {
    min-height: 10rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .special-2__side {
    min-height: 10rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .special-2__side {
    min-height: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .special-2__side {
    min-height: 46rem;
  }
}
.special-2__heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1.6rem;
}
.special-2__heading span:not(:last-child) {
  margin-bottom: 0.8rem;
}
/*******************deal***********************/
.deal {
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  padding: 1.6rem;
  background-color: #ffffff;
  position: relative;
  top: 50%;
  left: 0;
  -moz-transform: translate(-10%, -50%);
  -webkit-transform: translate(-10%, -50%);
  -ms-transform: translate(-10%, -50%);
  -o-transform: translate(-10%, -50%);
  transform: translate(-10%, -50%);
}
@media screen and (max-width: 319px) {
  .deal {
    top: auto;
    left: auto;
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .deal {
    top: auto;
    left: auto;
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .deal {
    top: auto;
    left: auto;
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.deal--pesudo {
  position: relative;
  height: 100%;
  width: 100%;
}
.deal--pesudo:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 70%;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("../images/trending-m-02.jpg");
  background-size: cover;
  background-position: center;
  filter: grayscale(50%);
}
@media screen and (max-width: 319px) {
  .deal--pesudo:before {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .deal--pesudo:before {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .deal--pesudo:before {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .deal--pesudo:before {
    height: 86%;
  }
}
.bgd02 .deal--pesudo:before {
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("../images/trending-m-03.jpg");
}
.bgd03 .deal--pesudo:before {
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("../images/trending-m-04.jpg");
}
.bgd04 .deal--pesudo:before {
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("../images/trending-m-06.jpg");
}
.bgd05 .deal--pesudo:before {
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("../images/trending-m-07.jpg");
}
.bgd06 .deal--pesudo:before {
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("../images/trending-m-04.jpg");
}
.deal__side {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .deal__side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .deal__side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.deal__picture {
  position: relative;
}
.deal__picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
}
.deal__picture img {
  height: auto;
  max-width: 100%;
}
.deal__border {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.6rem;
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .deal__border {
    padding: 1.6rem 0 0;
  }
}
.deal__vote {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6rem;
}
.deal__vote--icon {
  color: #ffd700;
  font-size: 2rem;
  line-height: 1;
}
.deal__paragraph {
  margin-bottom: 2rem;
}
.deal__price {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6rem;
}
.deal__price--sale {
  margin-right: 2.4rem;
}
/*******************numeral***********************/
.numeral {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 4rem;
}
.numeral__plus {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 1.6rem;
}

/*******************item***********************/
.item {
  border-radius: 4px;
  padding: 1.6rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 4rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.item:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item:hover .item__picture img {
  -moz-transform: scale(1.2) rotate(1deg);
  -webkit-transform: scale(1.2) rotate(1deg);
  -ms-transform: scale(1.2) rotate(1deg);
  -o-transform: scale(1.2) rotate(1deg);
  transform: scale(1.2) rotate(1deg);
}
.item:hover .item__picture:after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.item:hover .item__picture:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.item__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.item__date-cate {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.2rem;
}
.item__picture {
  overflow: hidden;
  display: block;
  width: calc(100% + 3.2rem);
  position: relative;
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  margin-bottom: 1.2rem;
}
.item__picture img {
  height: auto;
  max-width: 100%;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.item__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.item__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.item__paragraph {
  margin-bottom: 1.6rem;
}

/*******************info-f***********************/
.info-f {
  background-color: #333333;
  background-color: #262626;
  background-color: #212121;
  position: relative;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  z-index: 90;
  padding: 10.4rem 0 7.2rem;
}
.info-f.bgd02 {
  padding: 6.4rem 0 3.2rem;
}
.info-f__side1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 3.2rem;
}
.info-f__logo-box {
  margin-bottom: 1.6rem;
}
.info-f__logo-link {
  display: block;
}
.info-f__logo-link img {
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 319px) {
  .info-f__logo-link img {
    max-width: 72%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .info-f__logo-link img {
    max-width: 72%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .info-f__logo-link img {
    max-width: 72%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .info-f__logo-link img {
    max-width: 72%;
  }
}
@media screen and (max-width: 319px) {
  .info-f__side3 .info-f__logo-link {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .info-f__side3 .info-f__logo-link {
    text-align: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .info-f__side3 .info-f__logo-link {
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .info-f__side3 .info-f__logo-link {
    text-align: center;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .info-f__side3 .info-f__logo-link {
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .info-f__side3 .info-f__logo-link {
    text-align: center;
  }
}
.info-f__logo-info {
  margin-bottom: 1.6rem;
}
.info-f__side2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 3.2rem;
}
.info-f__title {
  margin-bottom: 1.6rem;
}
.info-f__product {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.info-f__product:not(:last-child) {
  margin-bottom: 2.4rem;
}
.info-f__product:hover .info-f__picture {
  -moz-transform: scale3d(1.05, 1.05, 1.05);
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  -o-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}
.info-f__product:hover .info-f__link--overlay {
  opacity: 1;
  left: 0;
  -moz-transform: scaleY(1) skew(0deg, 0deg);
  -webkit-transform: scaleY(1) skew(0deg, 0deg);
  -ms-transform: scaleY(1) skew(0deg, 0deg);
  -o-transform: scaleY(1) skew(0deg, 0deg);
  transform: scaleY(1) skew(0deg, 0deg);
  -moz-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -webkit-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -o-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
}
.info-f__product:hover .info-f__link--icon {
  opacity: 1;
  -moz-transform: perspective(400px) rotate(0deg);
  -webkit-transform: perspective(400px) rotate(0deg);
  -ms-transform: perspective(400px) rotate(0deg);
  -o-transform: perspective(400px) rotate(0deg);
  transform: perspective(400px) rotate(0deg);
  -moz-transition: all 0.8s ease-in-out 0.5s;
  -webkit-transition: all 0.8s ease-in-out 0.5s;
  -o-transition: all 0.8s ease-in-out 0.5s;
  transition: all 0.8s ease-in-out 0.5s;
}
.info-f__news {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.info-f__news:not(:last-child) {
  margin-bottom: 2.4rem;
}
.info-f__news:hover .info-f__picture {
  -moz-transform: scale3d(1.05, 1.05, 1.05);
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  -o-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}
.info-f__news:hover .info-f__link--overlay {
  opacity: 1;
  left: 0;
  -moz-transform: scaleY(1) skew(0deg, 0deg);
  -webkit-transform: scaleY(1) skew(0deg, 0deg);
  -ms-transform: scaleY(1) skew(0deg, 0deg);
  -o-transform: scaleY(1) skew(0deg, 0deg);
  transform: scaleY(1) skew(0deg, 0deg);
  -moz-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -webkit-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -o-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
}
.info-f__news:hover .info-f__link--icon {
  opacity: 1;
  -moz-transform: perspective(400px) rotate(0deg);
  -webkit-transform: perspective(400px) rotate(0deg);
  -ms-transform: perspective(400px) rotate(0deg);
  -o-transform: perspective(400px) rotate(0deg);
  transform: perspective(400px) rotate(0deg);
  -moz-transition: all 0.8s ease-in-out 0.5s;
  -webkit-transition: all 0.8s ease-in-out 0.5s;
  -o-transition: all 0.8s ease-in-out 0.5s;
  transition: all 0.8s ease-in-out 0.5s;
}
.info-f__chip {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.info-f__chip--link {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1.6rem;
  padding: 0.4rem 1.2rem;
  background-color: transparent;
  height: 3.2rem;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.info-f__link {
  flex-grow: 26;
  flex-basis: 26%;
  overflow: hidden;
  position: relative;
}
.info-f__link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 1;
}
.info-f__link--overlay {
  background-color: rgba(0, 0, 0, 0.5);
  -moz-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -webkit-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -o-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -moz-transform-origin: top;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform: scaleY(1) skew(-90deg, 0deg);
  -webkit-transform: scaleY(1) skew(-90deg, 0deg);
  -ms-transform: scaleY(1) skew(-90deg, 0deg);
  -o-transform: scaleY(1) skew(-90deg, 0deg);
  transform: scaleY(1) skew(-90deg, 0deg);
  position: absolute;
  top: 0;
  left: -100%;
  bottom: 0;
  width: 100%;
  opacity: 0;
  z-index: 2;
}
.info-f__link--icon {
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  -moz-transform-origin: top;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform: perspective(400px) rotate(90deg);
  -webkit-transform: perspective(400px) rotate(90deg);
  -ms-transform: perspective(400px) rotate(90deg);
  -o-transform: perspective(400px) rotate(90deg);
  transform: perspective(400px) rotate(90deg);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.info-f__link--icon i {
  color: white;
  font-size: 2.4rem;
}
.info-f__picture {
  height: auto;
  max-width: 100%;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.info-f__content {
  flex-grow: 74;
  flex-basis: 74%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 1.6rem;
}
.info-f__vote {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.4rem;
}
.info-f__vote--icon {
  color: #ffd700;
  font-size: 2rem;
  line-height: 1;
}
.info-f__price {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.info-f__price--sale {
  margin-right: 1.2rem;
}
.info-f__list {
  margin-bottom: 1.2rem;
}
.info-f__list ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.info-f__list ul li {
  margin-bottom: 0.4rem;
}
.info-f__list ul li a, .info-f__list ul li a:link, .info-f__list ul li a:visited {
  color: rgba(255, 255, 255, 0.87);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0.017rem;
  text-transform: none;
  font-weight: 500;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.info-f__list ul li a:hover {
  color: #ffffff;
}
.info-f__list ul li a:hover .info-f__icon {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.info-f__icon {
  margin-right: 1.2rem;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.info-f__menu-list ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.info-f__menu-list ul li {
  margin-bottom: 0.8rem;
}
.info-f__form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 4rem;
  width: 100%;
}
.info-f__group {
  width: 100%;
  position: relative;
}
.info-f__input {
  padding: 1.2rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
}
.info-f__input:focus {
  outline: none;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.info-f__input:focus:invalid {
  border: 1px solid #f3d0d3;
}
.info-f__input:placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__input:placeholder-shown + .info-f__label {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateY(-4rem);
  -webkit-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  -o-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.info-f__select {
  padding: 1.6rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
}
.info-f__select:focus {
  outline: none;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.info-f__select:focus:invalid {
  border: 1px solid #f3d0d3;
}
.info-f__select:placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__select::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__select:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__select:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__select::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.info-f__select + .info-f__label {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateY(-4rem);
  -webkit-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  -o-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.info-f__select:focus + .info-f__label {
  opacity: 1;
  visibility: visible;
  -moz-transform: translateY(0rem);
  -webkit-transform: translateY(0rem);
  -ms-transform: translateY(0rem);
  -o-transform: translateY(0rem);
  transform: translateY(0rem);
}
.info-f__label {
  opacity: 1;
  visibility: visible;
  margin-left: 1.6rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.info-f__wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.info-f__btn {
  margin-right: 1.6rem;
}
.info-f__checkbox--group {
  margin-right: 8rem;
  display: inline-block;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 319px) {
  .info-f__checkbox--group {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .info-f__checkbox--group {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .info-f__checkbox--group {
    margin-right: 3.2rem;
  }
}
.info-f__checkbox--label {
  cursor: pointer;
  position: relative;
  padding-left: 28px;
}
.info-f__checkbox--button {
  height: 20px;
  width: 20px;
  border-radius: 4px;
  border: 2px solid rgba(0, 0, 0, 0.87);
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.info-f__checkbox--button:after {
  content: "";
  width: 5px;
  height: 10px;
  border: solid rgba(0, 0, 0, 0.87);
  border-width: 0 2px 2px 0;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
}
.info-f__checkbox--input {
  display: none;
}
.info-f__checkbox--input:checked + .info-f__checkbox--label .info-f__checkbox--button:after {
  opacity: 1;
}
.info-f__side3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 2.4rem;
}
.info-f__menu-center {
  margin-top: 2rem;
}
.info-f__menu-center ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .info-f__menu-center ul {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .info-f__menu-center ul {
    flex-wrap: wrap;
  }
}
.info-f__menu-center ul li {
  margin: 0 2rem;
}
@media screen and (max-width: 319px) {
  .info-f__menu-center ul li {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .info-f__menu-center ul li {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .info-f__menu-center ul li {
    margin: 0 0.8rem;
  }
}
.info-f__menu-center ul li a {
  display: block;
}

/*******************feat***********************/
.feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}
.feature:hover .feature__icon i {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.feature:hover .feature__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
.feature__icon {
  display: block;
  color: rgba(17, 189, 163, 0.87);
  margin-bottom: 0.4rem;
}
.feature__icon:hover {
  color: #422D91;
}
.feature__icon i {
  font-size: 5.2rem;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.feature__name {
  display: block;
  text-align: center;
}
.feature__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 0.8rem auto 2rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.feature__paragraph {
  text-align: center;
  margin-bottom: 1.6rem;
}
/*******************show-case***********************/
.show-case {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.show-case__title {
  margin-bottom: 4.8rem;
  text-align: center;
}
.show-case__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.show-case__btn {
  margin-bottom: 6.4rem;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.show-case__hero {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
  height: auto;
  margin: 0 auto -6rem;
  max-width: 100%;
}

/*******************portfolio***********************/
.portfolio {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.portfolio__side {
  position: relative;
  width: 100%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  display: none;
}
@media screen and (max-width: 319px) {
  .portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.portfolio__side.show {
  display: block;
}
.portfolio__side img {
  height: auto;
  max-width: 100%;
  margin: auto;
}
.portfolio__side:hover .portfolio__content {
  opacity: 1;
  visibility: visible;
}
.portfolio__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  padding: 1rem 4.8rem 1rem;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 1.2s ease 0s;
  -webkit-transition: all 1.2s ease 0s;
  -o-transition: all 1.2s ease 0s;
  transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
  .portfolio__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 319px) {
  .portfolio__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
.portfolio__icon {
  margin-bottom: 5.6rem;
}
.portfolio__icon i {
  font-size: 3.6rem;
  color: #ffffff;
}
@media screen and (max-width: 319px) {
  .portfolio__icon {
    margin-bottom: 1.2rem;
  }
  .portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio__icon {
    margin-bottom: 1.2rem;
  }
  .portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__icon {
    margin-bottom: 1.2rem;
  }
  .portfolio__icon i {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__icon {
    margin-bottom: 1.2rem;
  }
  .portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio__icon {
    margin-bottom: 1.2rem;
  }
  .portfolio__icon i {
    font-size: 2.8rem;
  }
}
.portfolio__date-cate {
  margin-bottom: 1.2rem;
}
.portfolio__date-cate span {
  color: #ffffff;
}
@media screen and (max-width: 319px) {
  .portfolio__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio__date-cate {
    margin-bottom: 0rem;
  }
}
.portfolio__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .portfolio__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.portfolio__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .portfolio__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio__paragraph {
    margin-bottom: 2.4rem;
  }
}

.portfolio-t {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4.8rem;
}
.portfolio-t__title {
  text-align: center;
  margin-bottom: 2.4rem;
}
.portfolio-t__nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.portfolio-t__nav a {
  display: block;
  margin: 0rem 0.8rem 1.6rem;
}
/*******************call***********************/
.call {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.call__text {
  margin: auto 1.2rem;
  text-align: center;
}
.call__btn {
  margin: 1.6rem 1.2rem;
}

/*******************skill***********************/
.skill {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}
.skill__circle-wrap {
  width: 12rem;
  height: 12rem;
  background-color: #c7faf2;
  border-radius: 50%;
  margin-bottom: 1.6rem;
  position: relative;
}
.skill__mask {
  width: 12rem;
  height: 12rem;
  position: absolute;
  border-radius: 50%;
  clip: rect(0, 12rem, 12rem, 6rem);
}
.skill__fill {
  width: 12rem;
  height: 12rem;
  position: absolute;
  border-radius: 50%;
  clip: rect(0, 6rem, 12rem, 0);
  background-color: rgba(17, 189, 163, 0.87);
}
.processCircle .percent0 .skill__mask.full, .processCircle .percent0 .skill__fill {
  -webkit-animation: fillNumber0 2s ease-in-out 0.3s both;
  animation: fillNumber0 2s ease-in-out 0.3s both;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.processCircle .percent1 .skill__mask.full, .processCircle .percent1 .skill__fill {
  -webkit-animation: fillNumber1 2s ease-in-out 0.3s both;
  animation: fillNumber1 2s ease-in-out 0.3s both;
  -moz-transform: rotate(1.8deg);
  -webkit-transform: rotate(1.8deg);
  -ms-transform: rotate(1.8deg);
  -o-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
}
.processCircle .percent2 .skill__mask.full, .processCircle .percent2 .skill__fill {
  -webkit-animation: fillNumber2 2s ease-in-out 0.3s both;
  animation: fillNumber2 2s ease-in-out 0.3s both;
  -moz-transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.processCircle .percent3 .skill__mask.full, .processCircle .percent3 .skill__fill {
  -webkit-animation: fillNumber3 2s ease-in-out 0.3s both;
  animation: fillNumber3 2s ease-in-out 0.3s both;
  -moz-transform: rotate(5.4deg);
  -webkit-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  -o-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}
.processCircle .percent4 .skill__mask.full, .processCircle .percent4 .skill__fill {
  -webkit-animation: fillNumber4 2s ease-in-out 0.3s both;
  animation: fillNumber4 2s ease-in-out 0.3s both;
  -moz-transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.processCircle .percent5 .skill__mask.full, .processCircle .percent5 .skill__fill {
  -webkit-animation: fillNumber5 2s ease-in-out 0.3s both;
  animation: fillNumber5 2s ease-in-out 0.3s both;
  -moz-transform: rotate(9deg);
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  -o-transform: rotate(9deg);
  transform: rotate(9deg);
}
.processCircle .percent6 .skill__mask.full, .processCircle .percent6 .skill__fill {
  -webkit-animation: fillNumber6 2s ease-in-out 0.3s both;
  animation: fillNumber6 2s ease-in-out 0.3s both;
  -moz-transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.processCircle .percent7 .skill__mask.full, .processCircle .percent7 .skill__fill {
  -webkit-animation: fillNumber7 2s ease-in-out 0.3s both;
  animation: fillNumber7 2s ease-in-out 0.3s both;
  -moz-transform: rotate(12.6deg);
  -webkit-transform: rotate(12.6deg);
  -ms-transform: rotate(12.6deg);
  -o-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
}
.processCircle .percent8 .skill__mask.full, .processCircle .percent8 .skill__fill {
  -webkit-animation: fillNumber8 2s ease-in-out 0.3s both;
  animation: fillNumber8 2s ease-in-out 0.3s both;
  -moz-transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.processCircle .percent9 .skill__mask.full, .processCircle .percent9 .skill__fill {
  -webkit-animation: fillNumber9 2s ease-in-out 0.3s both;
  animation: fillNumber9 2s ease-in-out 0.3s both;
  -moz-transform: rotate(16.2deg);
  -webkit-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  -o-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}
.processCircle .percent10 .skill__mask.full, .processCircle .percent10 .skill__fill {
  -webkit-animation: fillNumber10 2s ease-in-out 0.3s both;
  animation: fillNumber10 2s ease-in-out 0.3s both;
  -moz-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.processCircle .percent11 .skill__mask.full, .processCircle .percent11 .skill__fill {
  -webkit-animation: fillNumber11 2s ease-in-out 0.3s both;
  animation: fillNumber11 2s ease-in-out 0.3s both;
  -moz-transform: rotate(19.8deg);
  -webkit-transform: rotate(19.8deg);
  -ms-transform: rotate(19.8deg);
  -o-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
}
.processCircle .percent12 .skill__mask.full, .processCircle .percent12 .skill__fill {
  -webkit-animation: fillNumber12 2s ease-in-out 0.3s both;
  animation: fillNumber12 2s ease-in-out 0.3s both;
  -moz-transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.processCircle .percent13 .skill__mask.full, .processCircle .percent13 .skill__fill {
  -webkit-animation: fillNumber13 2s ease-in-out 0.3s both;
  animation: fillNumber13 2s ease-in-out 0.3s both;
  -moz-transform: rotate(23.4deg);
  -webkit-transform: rotate(23.4deg);
  -ms-transform: rotate(23.4deg);
  -o-transform: rotate(23.4deg);
  transform: rotate(23.4deg);
}
.processCircle .percent14 .skill__mask.full, .processCircle .percent14 .skill__fill {
  -webkit-animation: fillNumber14 2s ease-in-out 0.3s both;
  animation: fillNumber14 2s ease-in-out 0.3s both;
  -moz-transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.processCircle .percent15 .skill__mask.full, .processCircle .percent15 .skill__fill {
  -webkit-animation: fillNumber15 2s ease-in-out 0.3s both;
  animation: fillNumber15 2s ease-in-out 0.3s both;
  -moz-transform: rotate(27deg);
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  -o-transform: rotate(27deg);
  transform: rotate(27deg);
}
.processCircle .percent16 .skill__mask.full, .processCircle .percent16 .skill__fill {
  -webkit-animation: fillNumber16 2s ease-in-out 0.3s both;
  animation: fillNumber16 2s ease-in-out 0.3s both;
  -moz-transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.processCircle .percent17 .skill__mask.full, .processCircle .percent17 .skill__fill {
  -webkit-animation: fillNumber17 2s ease-in-out 0.3s both;
  animation: fillNumber17 2s ease-in-out 0.3s both;
  -moz-transform: rotate(30.6deg);
  -webkit-transform: rotate(30.6deg);
  -ms-transform: rotate(30.6deg);
  -o-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
}
.processCircle .percent18 .skill__mask.full, .processCircle .percent18 .skill__fill {
  -webkit-animation: fillNumber18 2s ease-in-out 0.3s both;
  animation: fillNumber18 2s ease-in-out 0.3s both;
  -moz-transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.processCircle .percent19 .skill__mask.full, .processCircle .percent19 .skill__fill {
  -webkit-animation: fillNumber19 2s ease-in-out 0.3s both;
  animation: fillNumber19 2s ease-in-out 0.3s both;
  -moz-transform: rotate(34.2deg);
  -webkit-transform: rotate(34.2deg);
  -ms-transform: rotate(34.2deg);
  -o-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
}
.processCircle .percent20 .skill__mask.full, .processCircle .percent20 .skill__fill {
  -webkit-animation: fillNumber20 2s ease-in-out 0.3s both;
  animation: fillNumber20 2s ease-in-out 0.3s both;
  -moz-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.processCircle .percent21 .skill__mask.full, .processCircle .percent21 .skill__fill {
  -webkit-animation: fillNumber21 2s ease-in-out 0.3s both;
  animation: fillNumber21 2s ease-in-out 0.3s both;
  -moz-transform: rotate(37.8deg);
  -webkit-transform: rotate(37.8deg);
  -ms-transform: rotate(37.8deg);
  -o-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
}
.processCircle .percent22 .skill__mask.full, .processCircle .percent22 .skill__fill {
  -webkit-animation: fillNumber22 2s ease-in-out 0.3s both;
  animation: fillNumber22 2s ease-in-out 0.3s both;
  -moz-transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.processCircle .percent23 .skill__mask.full, .processCircle .percent23 .skill__fill {
  -webkit-animation: fillNumber23 2s ease-in-out 0.3s both;
  animation: fillNumber23 2s ease-in-out 0.3s both;
  -moz-transform: rotate(41.4deg);
  -webkit-transform: rotate(41.4deg);
  -ms-transform: rotate(41.4deg);
  -o-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
}
.processCircle .percent24 .skill__mask.full, .processCircle .percent24 .skill__fill {
  -webkit-animation: fillNumber24 2s ease-in-out 0.3s both;
  animation: fillNumber24 2s ease-in-out 0.3s both;
  -moz-transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.processCircle .percent25 .skill__mask.full, .processCircle .percent25 .skill__fill {
  -webkit-animation: fillNumber25 2s ease-in-out 0.3s both;
  animation: fillNumber25 2s ease-in-out 0.3s both;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.processCircle .percent26 .skill__mask.full, .processCircle .percent26 .skill__fill {
  -webkit-animation: fillNumber26 2s ease-in-out 0.3s both;
  animation: fillNumber26 2s ease-in-out 0.3s both;
  -moz-transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.processCircle .percent27 .skill__mask.full, .processCircle .percent27 .skill__fill {
  -webkit-animation: fillNumber27 2s ease-in-out 0.3s both;
  animation: fillNumber27 2s ease-in-out 0.3s both;
  -moz-transform: rotate(48.6deg);
  -webkit-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  -o-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}
.processCircle .percent28 .skill__mask.full, .processCircle .percent28 .skill__fill {
  -webkit-animation: fillNumber28 2s ease-in-out 0.3s both;
  animation: fillNumber28 2s ease-in-out 0.3s both;
  -moz-transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.processCircle .percent29 .skill__mask.full, .processCircle .percent29 .skill__fill {
  -webkit-animation: fillNumber29 2s ease-in-out 0.3s both;
  animation: fillNumber29 2s ease-in-out 0.3s both;
  -moz-transform: rotate(52.2deg);
  -webkit-transform: rotate(52.2deg);
  -ms-transform: rotate(52.2deg);
  -o-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
}
.processCircle .percent30 .skill__mask.full, .processCircle .percent30 .skill__fill {
  -webkit-animation: fillNumber30 2s ease-in-out 0.3s both;
  animation: fillNumber30 2s ease-in-out 0.3s both;
  -moz-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.processCircle .percent31 .skill__mask.full, .processCircle .percent31 .skill__fill {
  -webkit-animation: fillNumber31 2s ease-in-out 0.3s both;
  animation: fillNumber31 2s ease-in-out 0.3s both;
  -moz-transform: rotate(55.8deg);
  -webkit-transform: rotate(55.8deg);
  -ms-transform: rotate(55.8deg);
  -o-transform: rotate(55.8deg);
  transform: rotate(55.8deg);
}
.processCircle .percent32 .skill__mask.full, .processCircle .percent32 .skill__fill {
  -webkit-animation: fillNumber32 2s ease-in-out 0.3s both;
  animation: fillNumber32 2s ease-in-out 0.3s both;
  -moz-transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.processCircle .percent33 .skill__mask.full, .processCircle .percent33 .skill__fill {
  -webkit-animation: fillNumber33 2s ease-in-out 0.3s both;
  animation: fillNumber33 2s ease-in-out 0.3s both;
  -moz-transform: rotate(59.4deg);
  -webkit-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  -o-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}
.processCircle .percent34 .skill__mask.full, .processCircle .percent34 .skill__fill {
  -webkit-animation: fillNumber34 2s ease-in-out 0.3s both;
  animation: fillNumber34 2s ease-in-out 0.3s both;
  -moz-transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.processCircle .percent35 .skill__mask.full, .processCircle .percent35 .skill__fill {
  -webkit-animation: fillNumber35 2s ease-in-out 0.3s both;
  animation: fillNumber35 2s ease-in-out 0.3s both;
  -moz-transform: rotate(63deg);
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  -o-transform: rotate(63deg);
  transform: rotate(63deg);
}
.processCircle .percent36 .skill__mask.full, .processCircle .percent36 .skill__fill {
  -webkit-animation: fillNumber36 2s ease-in-out 0.3s both;
  animation: fillNumber36 2s ease-in-out 0.3s both;
  -moz-transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.processCircle .percent37 .skill__mask.full, .processCircle .percent37 .skill__fill {
  -webkit-animation: fillNumber37 2s ease-in-out 0.3s both;
  animation: fillNumber37 2s ease-in-out 0.3s both;
  -moz-transform: rotate(66.6deg);
  -webkit-transform: rotate(66.6deg);
  -ms-transform: rotate(66.6deg);
  -o-transform: rotate(66.6deg);
  transform: rotate(66.6deg);
}
.processCircle .percent38 .skill__mask.full, .processCircle .percent38 .skill__fill {
  -webkit-animation: fillNumber38 2s ease-in-out 0.3s both;
  animation: fillNumber38 2s ease-in-out 0.3s both;
  -moz-transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.processCircle .percent39 .skill__mask.full, .processCircle .percent39 .skill__fill {
  -webkit-animation: fillNumber39 2s ease-in-out 0.3s both;
  animation: fillNumber39 2s ease-in-out 0.3s both;
  -moz-transform: rotate(70.2deg);
  -webkit-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  -o-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}
.processCircle .percent40 .skill__mask.full, .processCircle .percent40 .skill__fill {
  -webkit-animation: fillNumber40 2s ease-in-out 0.3s both;
  animation: fillNumber40 2s ease-in-out 0.3s both;
  -moz-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.processCircle .percent41 .skill__mask.full, .processCircle .percent41 .skill__fill {
  -webkit-animation: fillNumber41 2s ease-in-out 0.3s both;
  animation: fillNumber41 2s ease-in-out 0.3s both;
  -moz-transform: rotate(73.8deg);
  -webkit-transform: rotate(73.8deg);
  -ms-transform: rotate(73.8deg);
  -o-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
}
.processCircle .percent42 .skill__mask.full, .processCircle .percent42 .skill__fill {
  -webkit-animation: fillNumber42 2s ease-in-out 0.3s both;
  animation: fillNumber42 2s ease-in-out 0.3s both;
  -moz-transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.processCircle .percent43 .skill__mask.full, .processCircle .percent43 .skill__fill {
  -webkit-animation: fillNumber43 2s ease-in-out 0.3s both;
  animation: fillNumber43 2s ease-in-out 0.3s both;
  -moz-transform: rotate(77.4deg);
  -webkit-transform: rotate(77.4deg);
  -ms-transform: rotate(77.4deg);
  -o-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
}
.processCircle .percent44 .skill__mask.full, .processCircle .percent44 .skill__fill {
  -webkit-animation: fillNumber44 2s ease-in-out 0.3s both;
  animation: fillNumber44 2s ease-in-out 0.3s both;
  -moz-transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.processCircle .percent45 .skill__mask.full, .processCircle .percent45 .skill__fill {
  -webkit-animation: fillNumber45 2s ease-in-out 0.3s both;
  animation: fillNumber45 2s ease-in-out 0.3s both;
  -moz-transform: rotate(81deg);
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  -o-transform: rotate(81deg);
  transform: rotate(81deg);
}
.processCircle .percent46 .skill__mask.full, .processCircle .percent46 .skill__fill {
  -webkit-animation: fillNumber46 2s ease-in-out 0.3s both;
  animation: fillNumber46 2s ease-in-out 0.3s both;
  -moz-transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.processCircle .percent47 .skill__mask.full, .processCircle .percent47 .skill__fill {
  -webkit-animation: fillNumber47 2s ease-in-out 0.3s both;
  animation: fillNumber47 2s ease-in-out 0.3s both;
  -moz-transform: rotate(84.6deg);
  -webkit-transform: rotate(84.6deg);
  -ms-transform: rotate(84.6deg);
  -o-transform: rotate(84.6deg);
  transform: rotate(84.6deg);
}
.processCircle .percent48 .skill__mask.full, .processCircle .percent48 .skill__fill {
  -webkit-animation: fillNumber48 2s ease-in-out 0.3s both;
  animation: fillNumber48 2s ease-in-out 0.3s both;
  -moz-transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.processCircle .percent49 .skill__mask.full, .processCircle .percent49 .skill__fill {
  -webkit-animation: fillNumber49 2s ease-in-out 0.3s both;
  animation: fillNumber49 2s ease-in-out 0.3s both;
  -moz-transform: rotate(88.2deg);
  -webkit-transform: rotate(88.2deg);
  -ms-transform: rotate(88.2deg);
  -o-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
}
.processCircle .percent50 .skill__mask.full, .processCircle .percent50 .skill__fill {
  -webkit-animation: fillNumber50 2s ease-in-out 0.3s both;
  animation: fillNumber50 2s ease-in-out 0.3s both;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.processCircle .percent51 .skill__mask.full, .processCircle .percent51 .skill__fill {
  -webkit-animation: fillNumber51 2s ease-in-out 0.3s both;
  animation: fillNumber51 2s ease-in-out 0.3s both;
  -moz-transform: rotate(91.8deg);
  -webkit-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  -o-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}
.processCircle .percent52 .skill__mask.full, .processCircle .percent52 .skill__fill {
  -webkit-animation: fillNumber52 2s ease-in-out 0.3s both;
  animation: fillNumber52 2s ease-in-out 0.3s both;
  -moz-transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.processCircle .percent53 .skill__mask.full, .processCircle .percent53 .skill__fill {
  -webkit-animation: fillNumber53 2s ease-in-out 0.3s both;
  animation: fillNumber53 2s ease-in-out 0.3s both;
  -moz-transform: rotate(95.4deg);
  -webkit-transform: rotate(95.4deg);
  -ms-transform: rotate(95.4deg);
  -o-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
}
.processCircle .percent54 .skill__mask.full, .processCircle .percent54 .skill__fill {
  -webkit-animation: fillNumber54 2s ease-in-out 0.3s both;
  animation: fillNumber54 2s ease-in-out 0.3s both;
  -moz-transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.processCircle .percent55 .skill__mask.full, .processCircle .percent55 .skill__fill {
  -webkit-animation: fillNumber55 2s ease-in-out 0.3s both;
  animation: fillNumber55 2s ease-in-out 0.3s both;
  -moz-transform: rotate(99deg);
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  -o-transform: rotate(99deg);
  transform: rotate(99deg);
}
.processCircle .percent56 .skill__mask.full, .processCircle .percent56 .skill__fill {
  -webkit-animation: fillNumber56 2s ease-in-out 0.3s both;
  animation: fillNumber56 2s ease-in-out 0.3s both;
  -moz-transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.processCircle .percent57 .skill__mask.full, .processCircle .percent57 .skill__fill {
  -webkit-animation: fillNumber57 2s ease-in-out 0.3s both;
  animation: fillNumber57 2s ease-in-out 0.3s both;
  -moz-transform: rotate(102.6deg);
  -webkit-transform: rotate(102.6deg);
  -ms-transform: rotate(102.6deg);
  -o-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
}
.processCircle .percent58 .skill__mask.full, .processCircle .percent58 .skill__fill {
  -webkit-animation: fillNumber58 2s ease-in-out 0.3s both;
  animation: fillNumber58 2s ease-in-out 0.3s both;
  -moz-transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.processCircle .percent59 .skill__mask.full, .processCircle .percent59 .skill__fill {
  -webkit-animation: fillNumber59 2s ease-in-out 0.3s both;
  animation: fillNumber59 2s ease-in-out 0.3s both;
  -moz-transform: rotate(106.2deg);
  -webkit-transform: rotate(106.2deg);
  -ms-transform: rotate(106.2deg);
  -o-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
}
.processCircle .percent60 .skill__mask.full, .processCircle .percent60 .skill__fill {
  -webkit-animation: fillNumber60 2s ease-in-out 0.3s both;
  animation: fillNumber60 2s ease-in-out 0.3s both;
  -moz-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.processCircle .percent61 .skill__mask.full, .processCircle .percent61 .skill__fill {
  -webkit-animation: fillNumber61 2s ease-in-out 0.3s both;
  animation: fillNumber61 2s ease-in-out 0.3s both;
  -moz-transform: rotate(109.8deg);
  -webkit-transform: rotate(109.8deg);
  -ms-transform: rotate(109.8deg);
  -o-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}
.processCircle .percent62 .skill__mask.full, .processCircle .percent62 .skill__fill {
  -webkit-animation: fillNumber62 2s ease-in-out 0.3s both;
  animation: fillNumber62 2s ease-in-out 0.3s both;
  -moz-transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.processCircle .percent63 .skill__mask.full, .processCircle .percent63 .skill__fill {
  -webkit-animation: fillNumber63 2s ease-in-out 0.3s both;
  animation: fillNumber63 2s ease-in-out 0.3s both;
  -moz-transform: rotate(113.4deg);
  -webkit-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  -o-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}
.processCircle .percent64 .skill__mask.full, .processCircle .percent64 .skill__fill {
  -webkit-animation: fillNumber64 2s ease-in-out 0.3s both;
  animation: fillNumber64 2s ease-in-out 0.3s both;
  -moz-transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.processCircle .percent65 .skill__mask.full, .processCircle .percent65 .skill__fill {
  -webkit-animation: fillNumber65 2s ease-in-out 0.3s both;
  animation: fillNumber65 2s ease-in-out 0.3s both;
  -moz-transform: rotate(117deg);
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  -o-transform: rotate(117deg);
  transform: rotate(117deg);
}
.processCircle .percent66 .skill__mask.full, .processCircle .percent66 .skill__fill {
  -webkit-animation: fillNumber66 2s ease-in-out 0.3s both;
  animation: fillNumber66 2s ease-in-out 0.3s both;
  -moz-transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.processCircle .percent67 .skill__mask.full, .processCircle .percent67 .skill__fill {
  -webkit-animation: fillNumber67 2s ease-in-out 0.3s both;
  animation: fillNumber67 2s ease-in-out 0.3s both;
  -moz-transform: rotate(120.6deg);
  -webkit-transform: rotate(120.6deg);
  -ms-transform: rotate(120.6deg);
  -o-transform: rotate(120.6deg);
  transform: rotate(120.6deg);
}
.processCircle .percent68 .skill__mask.full, .processCircle .percent68 .skill__fill {
  -webkit-animation: fillNumber68 2s ease-in-out 0.3s both;
  animation: fillNumber68 2s ease-in-out 0.3s both;
  -moz-transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.processCircle .percent69 .skill__mask.full, .processCircle .percent69 .skill__fill {
  -webkit-animation: fillNumber69 2s ease-in-out 0.3s both;
  animation: fillNumber69 2s ease-in-out 0.3s both;
  -moz-transform: rotate(124.2deg);
  -webkit-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  -o-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}
.processCircle .percent70 .skill__mask.full, .processCircle .percent70 .skill__fill {
  -webkit-animation: fillNumber70 2s ease-in-out 0.3s both;
  animation: fillNumber70 2s ease-in-out 0.3s both;
  -moz-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.processCircle .percent71 .skill__mask.full, .processCircle .percent71 .skill__fill {
  -webkit-animation: fillNumber71 2s ease-in-out 0.3s both;
  animation: fillNumber71 2s ease-in-out 0.3s both;
  -moz-transform: rotate(127.8deg);
  -webkit-transform: rotate(127.8deg);
  -ms-transform: rotate(127.8deg);
  -o-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
}
.processCircle .percent72 .skill__mask.full, .processCircle .percent72 .skill__fill {
  -webkit-animation: fillNumber72 2s ease-in-out 0.3s both;
  animation: fillNumber72 2s ease-in-out 0.3s both;
  -moz-transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.processCircle .percent73 .skill__mask.full, .processCircle .percent73 .skill__fill {
  -webkit-animation: fillNumber73 2s ease-in-out 0.3s both;
  animation: fillNumber73 2s ease-in-out 0.3s both;
  -moz-transform: rotate(131.4deg);
  -webkit-transform: rotate(131.4deg);
  -ms-transform: rotate(131.4deg);
  -o-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
}
.processCircle .percent74 .skill__mask.full, .processCircle .percent74 .skill__fill {
  -webkit-animation: fillNumber74 2s ease-in-out 0.3s both;
  animation: fillNumber74 2s ease-in-out 0.3s both;
  -moz-transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.processCircle .percent75 .skill__mask.full, .processCircle .percent75 .skill__fill {
  -webkit-animation: fillNumber75 2s ease-in-out 0.3s both;
  animation: fillNumber75 2s ease-in-out 0.3s both;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.processCircle .percent76 .skill__mask.full, .processCircle .percent76 .skill__fill {
  -webkit-animation: fillNumber76 2s ease-in-out 0.3s both;
  animation: fillNumber76 2s ease-in-out 0.3s both;
  -moz-transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.processCircle .percent77 .skill__mask.full, .processCircle .percent77 .skill__fill {
  -webkit-animation: fillNumber77 2s ease-in-out 0.3s both;
  animation: fillNumber77 2s ease-in-out 0.3s both;
  -moz-transform: rotate(138.6deg);
  -webkit-transform: rotate(138.6deg);
  -ms-transform: rotate(138.6deg);
  -o-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
}
.processCircle .percent78 .skill__mask.full, .processCircle .percent78 .skill__fill {
  -webkit-animation: fillNumber78 2s ease-in-out 0.3s both;
  animation: fillNumber78 2s ease-in-out 0.3s both;
  -moz-transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.processCircle .percent79 .skill__mask.full, .processCircle .percent79 .skill__fill {
  -webkit-animation: fillNumber79 2s ease-in-out 0.3s both;
  animation: fillNumber79 2s ease-in-out 0.3s both;
  -moz-transform: rotate(142.2deg);
  -webkit-transform: rotate(142.2deg);
  -ms-transform: rotate(142.2deg);
  -o-transform: rotate(142.2deg);
  transform: rotate(142.2deg);
}
.processCircle .percent80 .skill__mask.full, .processCircle .percent80 .skill__fill {
  -webkit-animation: fillNumber80 2s ease-in-out 0.3s both;
  animation: fillNumber80 2s ease-in-out 0.3s both;
  -moz-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.processCircle .percent81 .skill__mask.full, .processCircle .percent81 .skill__fill {
  -webkit-animation: fillNumber81 2s ease-in-out 0.3s both;
  animation: fillNumber81 2s ease-in-out 0.3s both;
  -moz-transform: rotate(145.8deg);
  -webkit-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  -o-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}
.processCircle .percent82 .skill__mask.full, .processCircle .percent82 .skill__fill {
  -webkit-animation: fillNumber82 2s ease-in-out 0.3s both;
  animation: fillNumber82 2s ease-in-out 0.3s both;
  -moz-transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.processCircle .percent83 .skill__mask.full, .processCircle .percent83 .skill__fill {
  -webkit-animation: fillNumber83 2s ease-in-out 0.3s both;
  animation: fillNumber83 2s ease-in-out 0.3s both;
  -moz-transform: rotate(149.4deg);
  -webkit-transform: rotate(149.4deg);
  -ms-transform: rotate(149.4deg);
  -o-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
}
.processCircle .percent84 .skill__mask.full, .processCircle .percent84 .skill__fill {
  -webkit-animation: fillNumber84 2s ease-in-out 0.3s both;
  animation: fillNumber84 2s ease-in-out 0.3s both;
  -moz-transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.processCircle .percent85 .skill__mask.full, .processCircle .percent85 .skill__fill {
  -webkit-animation: fillNumber85 2s ease-in-out 0.3s both;
  animation: fillNumber85 2s ease-in-out 0.3s both;
  -moz-transform: rotate(153deg);
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  -o-transform: rotate(153deg);
  transform: rotate(153deg);
}
.processCircle .percent86 .skill__mask.full, .processCircle .percent86 .skill__fill {
  -webkit-animation: fillNumber86 2s ease-in-out 0.3s both;
  animation: fillNumber86 2s ease-in-out 0.3s both;
  -moz-transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.processCircle .percent87 .skill__mask.full, .processCircle .percent87 .skill__fill {
  -webkit-animation: fillNumber87 2s ease-in-out 0.3s both;
  animation: fillNumber87 2s ease-in-out 0.3s both;
  -moz-transform: rotate(156.6deg);
  -webkit-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  -o-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}
.processCircle .percent88 .skill__mask.full, .processCircle .percent88 .skill__fill {
  -webkit-animation: fillNumber88 2s ease-in-out 0.3s both;
  animation: fillNumber88 2s ease-in-out 0.3s both;
  -moz-transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.processCircle .percent89 .skill__mask.full, .processCircle .percent89 .skill__fill {
  -webkit-animation: fillNumber89 2s ease-in-out 0.3s both;
  animation: fillNumber89 2s ease-in-out 0.3s both;
  -moz-transform: rotate(160.2deg);
  -webkit-transform: rotate(160.2deg);
  -ms-transform: rotate(160.2deg);
  -o-transform: rotate(160.2deg);
  transform: rotate(160.2deg);
}
.processCircle .percent90 .skill__mask.full, .processCircle .percent90 .skill__fill {
  -webkit-animation: fillNumber90 2s ease-in-out 0.3s both;
  animation: fillNumber90 2s ease-in-out 0.3s both;
  -moz-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.processCircle .percent91 .skill__mask.full, .processCircle .percent91 .skill__fill {
  -webkit-animation: fillNumber91 2s ease-in-out 0.3s both;
  animation: fillNumber91 2s ease-in-out 0.3s both;
  -moz-transform: rotate(163.8deg);
  -webkit-transform: rotate(163.8deg);
  -ms-transform: rotate(163.8deg);
  -o-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
}
.processCircle .percent92 .skill__mask.full, .processCircle .percent92 .skill__fill {
  -webkit-animation: fillNumber92 2s ease-in-out 0.3s both;
  animation: fillNumber92 2s ease-in-out 0.3s both;
  -moz-transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.processCircle .percent93 .skill__mask.full, .processCircle .percent93 .skill__fill {
  -webkit-animation: fillNumber93 2s ease-in-out 0.3s both;
  animation: fillNumber93 2s ease-in-out 0.3s both;
  -moz-transform: rotate(167.4deg);
  -webkit-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  -o-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}
.processCircle .percent94 .skill__mask.full, .processCircle .percent94 .skill__fill {
  -webkit-animation: fillNumber94 2s ease-in-out 0.3s both;
  animation: fillNumber94 2s ease-in-out 0.3s both;
  -moz-transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.processCircle .percent95 .skill__mask.full, .processCircle .percent95 .skill__fill {
  -webkit-animation: fillNumber95 2s ease-in-out 0.3s both;
  animation: fillNumber95 2s ease-in-out 0.3s both;
  -moz-transform: rotate(171deg);
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  -o-transform: rotate(171deg);
  transform: rotate(171deg);
}
.processCircle .percent96 .skill__mask.full, .processCircle .percent96 .skill__fill {
  -webkit-animation: fillNumber96 2s ease-in-out 0.3s both;
  animation: fillNumber96 2s ease-in-out 0.3s both;
  -moz-transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.processCircle .percent97 .skill__mask.full, .processCircle .percent97 .skill__fill {
  -webkit-animation: fillNumber97 2s ease-in-out 0.3s both;
  animation: fillNumber97 2s ease-in-out 0.3s both;
  -moz-transform: rotate(174.6deg);
  -webkit-transform: rotate(174.6deg);
  -ms-transform: rotate(174.6deg);
  -o-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
}
.processCircle .percent98 .skill__mask.full, .processCircle .percent98 .skill__fill {
  -webkit-animation: fillNumber98 2s ease-in-out 0.3s both;
  animation: fillNumber98 2s ease-in-out 0.3s both;
  -moz-transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.processCircle .percent99 .skill__mask.full, .processCircle .percent99 .skill__fill {
  -webkit-animation: fillNumber99 2s ease-in-out 0.3s both;
  animation: fillNumber99 2s ease-in-out 0.3s both;
  -moz-transform: rotate(178.2deg);
  -webkit-transform: rotate(178.2deg);
  -ms-transform: rotate(178.2deg);
  -o-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
}
.processCircle .percent100 .skill__mask.full, .processCircle .percent100 .skill__fill {
  -webkit-animation: fillNumber100 2s ease-in-out 0.3s both;
  animation: fillNumber100 2s ease-in-out 0.3s both;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.skill__icon {
  border-radius: 50%;
  width: 10.8rem;
  height: 10.8rem;
  background: #ffffff;
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.skill__number {
  position: relative;
}
.skill__number:before {
  content: "%";
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}
.skill__name {
  text-align: center;
  margin-bottom: 1.2rem;
}
.skill__paragraph {
  text-align: center;
}

@keyframes fillNumber0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fillNumber1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1.8deg);
  }
}
@keyframes fillNumber2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3.6deg);
  }
}
@keyframes fillNumber3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(5.4deg);
  }
}
@keyframes fillNumber4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(7.2deg);
  }
}
@keyframes fillNumber5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(9deg);
  }
}
@keyframes fillNumber6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10.8deg);
  }
}
@keyframes fillNumber7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(12.6deg);
  }
}
@keyframes fillNumber8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(14.4deg);
  }
}
@keyframes fillNumber9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(16.2deg);
  }
}
@keyframes fillNumber10 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(18deg);
  }
}
@keyframes fillNumber11 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(19.8deg);
  }
}
@keyframes fillNumber12 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(21.6deg);
  }
}
@keyframes fillNumber13 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(23.4deg);
  }
}
@keyframes fillNumber14 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(25.2deg);
  }
}
@keyframes fillNumber15 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(27deg);
  }
}
@keyframes fillNumber16 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(28.8deg);
  }
}
@keyframes fillNumber17 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(30.6deg);
  }
}
@keyframes fillNumber18 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(32.4deg);
  }
}
@keyframes fillNumber19 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(34.2deg);
  }
}
@keyframes fillNumber20 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(36deg);
  }
}
@keyframes fillNumber21 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(37.8deg);
  }
}
@keyframes fillNumber22 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(39.6deg);
  }
}
@keyframes fillNumber23 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(41.4deg);
  }
}
@keyframes fillNumber24 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(43.2deg);
  }
}
@keyframes fillNumber25 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes fillNumber26 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(46.8deg);
  }
}
@keyframes fillNumber27 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(48.6deg);
  }
}
@keyframes fillNumber28 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(50.4deg);
  }
}
@keyframes fillNumber29 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(52.2deg);
  }
}
@keyframes fillNumber30 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(54deg);
  }
}
@keyframes fillNumber31 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(55.8deg);
  }
}
@keyframes fillNumber32 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(57.6deg);
  }
}
@keyframes fillNumber33 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(59.4deg);
  }
}
@keyframes fillNumber34 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(61.2deg);
  }
}
@keyframes fillNumber35 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(63deg);
  }
}
@keyframes fillNumber36 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(64.8deg);
  }
}
@keyframes fillNumber37 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(66.6deg);
  }
}
@keyframes fillNumber38 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(68.4deg);
  }
}
@keyframes fillNumber39 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(70.2deg);
  }
}
@keyframes fillNumber40 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(72deg);
  }
}
@keyframes fillNumber41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(73.8deg);
  }
}
@keyframes fillNumber42 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(75.6deg);
  }
}
@keyframes fillNumber43 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(77.4deg);
  }
}
@keyframes fillNumber44 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(79.2deg);
  }
}
@keyframes fillNumber45 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(81deg);
  }
}
@keyframes fillNumber46 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(82.8deg);
  }
}
@keyframes fillNumber47 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(84.6deg);
  }
}
@keyframes fillNumber48 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(86.4deg);
  }
}
@keyframes fillNumber49 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(88.2deg);
  }
}
@keyframes fillNumber50 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes fillNumber51 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(91.8deg);
  }
}
@keyframes fillNumber52 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(93.6deg);
  }
}
@keyframes fillNumber53 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(95.4deg);
  }
}
@keyframes fillNumber54 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(97.2deg);
  }
}
@keyframes fillNumber55 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(99deg);
  }
}
@keyframes fillNumber56 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(100.8deg);
  }
}
@keyframes fillNumber57 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(102.6deg);
  }
}
@keyframes fillNumber58 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(104.4deg);
  }
}
@keyframes fillNumber59 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(106.2deg);
  }
}
@keyframes fillNumber60 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(108deg);
  }
}
@keyframes fillNumber61 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(109.8deg);
  }
}
@keyframes fillNumber62 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(111.6deg);
  }
}
@keyframes fillNumber63 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(113.4deg);
  }
}
@keyframes fillNumber64 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(115.2deg);
  }
}
@keyframes fillNumber65 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(117deg);
  }
}
@keyframes fillNumber66 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(118.8deg);
  }
}
@keyframes fillNumber67 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(120.6deg);
  }
}
@keyframes fillNumber68 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(122.4deg);
  }
}
@keyframes fillNumber69 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(124.2deg);
  }
}
@keyframes fillNumber70 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(126deg);
  }
}
@keyframes fillNumber71 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(127.8deg);
  }
}
@keyframes fillNumber72 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(129.6deg);
  }
}
@keyframes fillNumber73 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(131.4deg);
  }
}
@keyframes fillNumber74 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(133.2deg);
  }
}
@keyframes fillNumber75 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(135deg);
  }
}
@keyframes fillNumber76 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(136.8deg);
  }
}
@keyframes fillNumber77 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(138.6deg);
  }
}
@keyframes fillNumber78 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(140.4deg);
  }
}
@keyframes fillNumber79 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(142.2deg);
  }
}
@keyframes fillNumber80 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(144deg);
  }
}
@keyframes fillNumber81 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(145.8deg);
  }
}
@keyframes fillNumber82 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(147.6deg);
  }
}
@keyframes fillNumber83 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(149.4deg);
  }
}
@keyframes fillNumber84 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(151.2deg);
  }
}
@keyframes fillNumber85 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(153deg);
  }
}
@keyframes fillNumber86 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(154.8deg);
  }
}
@keyframes fillNumber87 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(156.6deg);
  }
}
@keyframes fillNumber88 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(158.4deg);
  }
}
@keyframes fillNumber89 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(160.2deg);
  }
}
@keyframes fillNumber90 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(162deg);
  }
}
@keyframes fillNumber91 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(163.8deg);
  }
}
@keyframes fillNumber92 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(165.6deg);
  }
}
@keyframes fillNumber93 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(167.4deg);
  }
}
@keyframes fillNumber94 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(169.2deg);
  }
}
@keyframes fillNumber95 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(171deg);
  }
}
@keyframes fillNumber96 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(172.8deg);
  }
}
@keyframes fillNumber97 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(174.6deg);
  }
}
@keyframes fillNumber98 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(176.4deg);
  }
}
@keyframes fillNumber99 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(178.2deg);
  }
}
@keyframes fillNumber100 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
/*******************news***********************/
.news {
  position: relative;
  overflow: hidden;
  margin-bottom: 4rem;
}
.news:hover .news__picture img {
  -moz-transform: scale(1.2) rotate(1deg);
  -webkit-transform: scale(1.2) rotate(1deg);
  -ms-transform: scale(1.2) rotate(1deg);
  -o-transform: scale(1.2) rotate(1deg);
  transform: scale(1.2) rotate(1deg);
}
.news:hover .news__picture:after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.news:hover .news__picture:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.news__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.news__picture {
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 2rem;
}
.news__picture img {
  height: auto;
  max-width: 100%;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.news__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.news__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.news__date-cate {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.news__name {
  margin-bottom: 0.8rem;
}
.news__paragraph {
  margin-bottom: 1.2rem;
}

/*******************brand***********************/
.brand {
  position: relative;
}
.brand:hover .brand__prev, .brand:hover .brand__next {
  opacity: 1;
}
.brand__title {
  margin-bottom: 2rem;
  text-align: center;
}
.brand__viewport {
  max-height: 42.4rem;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.brand__viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.brand__viewport li a:hover img {
  filter: none;
}
.brand__viewport li a img {
  max-width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  filter: contrast(10%);
}
@media screen and (max-width: 319px) {
  .brand__viewport li a img {
    filter: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .brand__viewport li a img {
    filter: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .brand__viewport li a img {
    filter: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .brand__viewport li a img {
    filter: none;
  }
}
.brand__prev {
  position: absolute;
  top: 50%;
  left: -3.6rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
  .brand__prev {
    left: 0;
    opacity: 1;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .brand__prev {
    left: 0;
    opacity: 1;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .brand__prev {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .brand__prev {
    opacity: 1;
  }
}
.brand__prev.showMxm {
  left: 0.4rem;
}
.brand__prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.brand__prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.brand__prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.brand__prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.brand__prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.brand__prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.brand__prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.brand__next {
  position: absolute;
  top: 50%;
  right: -3.6rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
  .brand__next {
    right: 0;
    opacity: 1;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .brand__next {
    right: 0;
    opacity: 1;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .brand__next {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .brand__next {
    opacity: 1;
  }
}
.brand__next.showMxm {
  right: 0.4rem;
}
.brand__next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.brand__next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.brand__next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.brand__next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.brand__next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.brand__next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.brand__next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}

.bgd02 .brand__viewport li a img {
  filter: none;
}
.bgd02 .brand__prev i {
  background: rgba(0, 0, 0, 0.87);
}
.bgd02 .brand__next i {
  background: rgba(0, 0, 0, 0.87);
}

.bgd03 .brand__viewport li a img {
  filter: none;
}
.bgd03 .brand__prev i {
  background: rgba(0, 0, 0, 0.87);
}
.bgd03 .brand__next i {
  background: rgba(0, 0, 0, 0.87);
}

.bgd04 .brand__viewport li a img {
  filter: none;
}
.bgd04 .brand__prev i {
  background: rgba(0, 0, 0, 0.87);
}
.bgd04 .brand__next i {
  background: rgba(0, 0, 0, 0.87);
}

.bgd05 .brand__viewport li a img {
  filter: none;
}
.bgd05 .brand__prev i {
  background: rgba(0, 0, 0, 0.87);
}
.bgd05 .brand__next i {
  background: rgba(0, 0, 0, 0.87);
}

.bgd06 .brand__viewport li a img {
  filter: none;
}
.bgd06 .brand__prev i {
  background: rgba(0, 0, 0, 0.87);
}
.bgd06 .brand__next i {
  background: rgba(0, 0, 0, 0.87);
}

.bgd07 .brand__viewport li a img {
  filter: none;
}
.bgd07 .brand__prev i {
  background: rgba(0, 0, 0, 0.87);
}
.bgd07 .brand__next i {
  background: rgba(0, 0, 0, 0.87);
}

.bgd08 .brand__viewport li a img {
  filter: none;
}
.bgd08 .brand__prev i {
  background: rgba(0, 0, 0, 0.87);
}
.bgd08 .brand__next i {
  background: rgba(0, 0, 0, 0.87);
}

/*******************why***********************/
.why {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
}
.why:hover .why__icon i {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.why__icon {
  margin-right: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .why__icon {
    margin-right: 1.2rem;
  }
}
.why__icon i {
  font-size: 4.4rem;
  color: rgba(63, 39, 142, 0.87);
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .why__icon i {
    font-size: 3.6rem;
  }
}
.why__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
/*******************hero***********************/
.hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hero__title {
  margin-bottom: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 319px) {
  .hero__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .hero__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .hero__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hero__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
.hero__sub-title {
  text-align: center;
}

/*******************who***********************/
.who {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.who__side {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 319px) {
  .who__side {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0px;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .who__side {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .who__side {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0px;
  }
}
@media screen and (max-width: 319px) {
  .who__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .who__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .who__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .who__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.who__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.6rem 0 2.4rem;
}
.who__btn {
  margin-top: 3.6rem;
}
.who__swiper-slider {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
}
@media screen and (max-width: 319px) {
  .who__swiper-slider {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0px;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .who__swiper-slider {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0px;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .who__swiper-slider {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0px;
    margin-bottom: 4rem;
  }
}
.who__slider {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
}
@media screen and (max-width: 319px) {
  .who__slider {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0px;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .who__slider {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0px;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .who__slider {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0px;
    margin-bottom: 4rem;
  }
}
.who__slider:hover .who__next, .who__slider:hover .who__prev {
  opacity: 1;
}
.who__viewport {
  max-height: 40rem;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.who__viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.who__viewport li img {
  max-width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.who__prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
  .who__prev {
    left: 0;
    opacity: 1;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .who__prev {
    left: 0;
    opacity: 1;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .who__prev {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .who__prev {
    opacity: 1;
  }
}
.who__prev.showMxm {
  left: 0.4rem;
}
.who__prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.who__prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.who__prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.who__prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.who__prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.who__prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.who__prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.who__next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
  .who__next {
    right: 0;
    opacity: 1;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .who__next {
    right: 0;
    opacity: 1;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .who__next {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .who__next {
    opacity: 1;
    right: 3.5rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .who__next {
    right: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .who__next {
    right: 3.5rem;
  }
}
.who__next.showMxm {
  right: 0.4rem;
}
.who__next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.who__next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.who__next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.who__next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.who__next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.who__next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.who__next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}

/*******************team***********************/
.team {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}
.team:hover .team__picture:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.team:hover img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.team:hover .team__social {
  visibility: visible;
  opacity: 1;
}
.team__side {
  position: relative;
  margin-bottom: 2.4rem;
  overflow: hidden;
}
.team__picture {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 9;
}
.team__picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.team__picture img {
  height: auto;
  max-width: 100%;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.team__social {
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.team__social ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.team__social ul li {
  margin: 0 0.8rem;
}
.team__social ul li a i {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.team__social ul li a:hover i {
  color: #ffffff;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.team__name {
  margin-bottom: 0.8rem;
}
.team__name a {
  text-align: center;
}
.team__role {
  margin-bottom: 0.4rem;
}
.team__role a {
  text-align: center;
}
.team__paragraph {
  text-align: center;
}
.team__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.2rem 0 1.2rem;
}
.team__btn-parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.team__btn {
  margin-bottom: 4rem;
}

/*******************testimonial***********************/
.testimonial {
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  padding: 1.6rem;
  margin-bottom: 4rem;
  min-height: 13.2rem;
  background-color: #ffffff;
}
.testimonial:hover img {
  filter: blur(0.5rem) brightness(70%);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.testimonial:hover .testimonial__icon-link {
  opacity: 1;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.testimonial__avatar {
  position: relative;
  margin-right: 1.6rem;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  border-radius: 50%;
  shape-outside: circle(50% at 50% 50%);
  float: left;
  display: block;
}
.testimonial__picture {
  border-radius: 50%;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.38);
  position: relative;
}
.testimonial__picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  border-radius: 50%;
}
.testimonial__picture img {
  height: auto;
  max-width: 8rem;
  width: 100%;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.testimonial__icon-link {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #ffffff;
  font-size: 2.4rem;
  text-align: center;
  opacity: 0;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translate(-50%, -20%);
  -webkit-transform: translate(-50%, -20%);
  -ms-transform: translate(-50%, -20%);
  -o-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%);
}
.testimonial__name {
  margin-bottom: 0.8rem;
}
.testimonial__paragraph {
  position: relative;
}
.testimonial__paragraph:before {
  content: "”";
}
.testimonial__paragraph:after {
  content: "“";
}

/*******************list-sv***********************/
.list-sv {
  margin-bottom: 4rem;
}
.list-sv__list--lv2 {
  padding: 8px 16px 8px 72px;
}
.list-sv__item {
  margin-bottom: 0.4rem;
}
.list-sv__link {
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  display: block;
  padding: 8px 42px 8px 72px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.list-sv__link:hover {
  color: #000000;
}
.list-sv--drop > .list-sv__link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  -moz-transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 2.4rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.list-sv--drop > .list-sv__link:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 2.4rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.list-sv--drop.openMn > .list-sv__link:before {
  -moz-transform: translateY(-50%) rotate(-180deg);
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.list-sv__paragraph {
  margin-bottom: 4rem;
}
.list-sv__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
}
.list-sv__news {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.list-sv__news:not(:last-child) {
  margin-bottom: 2.4rem;
}
.list-sv__news:hover .list-sv__picture {
  -moz-transform: scale3d(1.05, 1.05, 1.05);
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  -o-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}
.list-sv__news:hover .list-sv__link1--overlay {
  opacity: 1;
  left: 0;
  -moz-transform: scaleY(1) skew(0deg, 0deg);
  -webkit-transform: scaleY(1) skew(0deg, 0deg);
  -ms-transform: scaleY(1) skew(0deg, 0deg);
  -o-transform: scaleY(1) skew(0deg, 0deg);
  transform: scaleY(1) skew(0deg, 0deg);
  -moz-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -webkit-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -o-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
}
.list-sv__news:hover .list-sv__link1--icon {
  opacity: 1;
  -moz-transform: perspective(400px) rotate(0deg);
  -webkit-transform: perspective(400px) rotate(0deg);
  -ms-transform: perspective(400px) rotate(0deg);
  -o-transform: perspective(400px) rotate(0deg);
  transform: perspective(400px) rotate(0deg);
  -moz-transition: all 0.8s ease-in-out 0.5s;
  -webkit-transition: all 0.8s ease-in-out 0.5s;
  -o-transition: all 0.8s ease-in-out 0.5s;
  transition: all 0.8s ease-in-out 0.5s;
}
.list-sv__link1 {
  overflow: hidden;
  position: relative;
}
.list-sv__link1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 1;
}
.list-sv__link1--overlay {
  background-color: rgba(0, 0, 0, 0.5);
  -moz-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -webkit-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -o-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
  -moz-transform-origin: top;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform: scaleY(1) skew(-90deg, 0deg);
  -webkit-transform: scaleY(1) skew(-90deg, 0deg);
  -ms-transform: scaleY(1) skew(-90deg, 0deg);
  -o-transform: scaleY(1) skew(-90deg, 0deg);
  transform: scaleY(1) skew(-90deg, 0deg);
  position: absolute;
  top: 0;
  left: -100%;
  bottom: 0;
  width: 100%;
  opacity: 0;
  z-index: 2;
}
.list-sv__link1--icon {
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  -moz-transform-origin: top;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform: perspective(400px) rotate(90deg);
  -webkit-transform: perspective(400px) rotate(90deg);
  -ms-transform: perspective(400px) rotate(90deg);
  -o-transform: perspective(400px) rotate(90deg);
  transform: perspective(400px) rotate(90deg);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.list-sv__link1--icon i {
  color: white;
  font-size: 2.4rem;
}
.list-sv__picture {
  height: auto;
  width: 100%;
  max-width: 16rem;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.list-sv__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 1.6rem;
}
.list-sv__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
}
.list-sv__group {
  width: 100%;
  position: relative;
}
.list-sv__input {
  padding: 1.2rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
}
.list-sv__input:focus {
  outline: none;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.list-sv__input:focus:invalid {
  border: 1px solid #f3d0d3;
}
.list-sv__input:placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.list-sv__input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.list-sv__input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.list-sv__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.list-sv__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.list-sv__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.list-sv__input:placeholder-shown + .list-sv__label {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateY(-4rem);
  -webkit-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  -o-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.list-sv__label {
  opacity: 1;
  visibility: visible;
  margin-left: 1.6rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/*******************touch***********************/
.touch__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
}
.touch__group {
  width: 100%;
  position: relative;
}
.touch__input {
  padding: 1.2rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
}
.touch__input:focus {
  outline: none;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.touch__input:focus:invalid {
  border: 1px solid #f3d0d3;
}
.touch__input:placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.touch__input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.touch__input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.touch__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.touch__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.touch__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.touch__input:placeholder-shown + .touch__label {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateY(-4rem);
  -webkit-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  -o-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.touch__label {
  opacity: 1;
  visibility: visible;
  margin-left: 1.6rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.touch__side {
  margin-bottom: 4rem;
}
.touch__paragraph {
  margin-bottom: 1.6rem;
}
.touch__row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0.8rem;
}
.touch__t {
  position: relative;
  width: 100%;
  flex: 0 0 52.3%;
  max-width: 52.3%;
}
@media screen and (max-width: 319px) {
  .touch__t {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .touch__t {
    flex: 0 0 58.3%;
    max-width: 58.3%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .touch__t {
    flex: 0 0 18.3%;
    max-width: 18.3%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .touch__t {
    flex: 0 0 15.3%;
    max-width: 15.3%;
  }
}
.touch__c {
  position: relative;
  width: 100%;
  flex: 0 0 87.7%;
  max-width: 87.7%;
}
@media screen and (max-width: 319px) {
  .touch__c {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .touch__c {
    flex: 0 0 81.7%;
    max-width: 81.7%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .touch__c {
    flex: 0 0 81.7%;
    max-width: 81.7%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .touch__c {
    flex: 0 0 84.7%;
    max-width: 84.7%;
  }
}
.touch__social {
  margin-top: 1.6rem;
}
.touch__social ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.touch__social ul li {
  margin-right: 1.6rem;
}
.touch__social ul li a i {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.touch__social ul li a:hover i {
  color: #000000;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/*******************google***********************/
.google__map {
  width: 100%;
  height: 656px;
}
@media screen and (max-width: 319px) {
  .google__map {
    height: 240px;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .google__map {
    height: 260px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .google__map {
    height: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .google__map {
    height: 360px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .google__map {
    height: 480px;
  }
}
.google__map-v2 {
  width: 100%;
  height: 370px;
}
@media screen and (max-width: 319px) {
  .google__map-v2 {
    height: 370px;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .google__map-v2 {
    height: 370px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .google__map-v2 {
    height: 370px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .google__map-v2 {
    height: 340px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .google__map-v2 {
    height: 370px;
  }
}
/*******************progress***********************/
.progress__side {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 2rem 0;
}
@media screen and (max-width: 319px) {
  .progress__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .progress__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .progress__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .progress__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.progress__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.6rem 0 2.4rem;
}
.progress__btn {
  margin-top: 3.6rem;
}
.progress__bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 2rem 0;
}
.progress__group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.progress__group:not(:last-child) {
  margin-bottom: 3.6rem;
}
.progress__ti {
  position: relative;
  width: 100%;
  flex: 0 0 18%;
  max-width: 18%;
}
@media screen and (max-width: 319px) {
  .progress__ti {
    flex: 0 0 24%;
    max-width: 24%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .progress__ti {
    flex: 0 0 24%;
    max-width: 24%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .progress__ti {
    flex: 0 0 24%;
    max-width: 24%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .progress__ti {
    flex: 0 0 22%;
    max-width: 22%;
  }
}
.progress__progress {
  position: relative;
  width: 100%;
  flex: 0 0 82%;
  max-width: 82%;
  background-color: rgba(17, 189, 163, 0.3);
  height: 2px;
}
@media screen and (max-width: 319px) {
  .progress__progress {
    flex: 0 0 72%;
    max-width: 72%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .progress__progress {
    flex: 0 0 72%;
    max-width: 72%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .progress__progress {
    flex: 0 0 76%;
    max-width: 76%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .progress__progress {
    flex: 0 0 78%;
    max-width: 78%;
  }
}
.progress__progress--dot-0 {
  width: 2px;
  height: 2px;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0%;
}
.progress__progress--dot-1 {
  width: 2px;
  height: 2px;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10%;
}
.progress__progress--dot-2 {
  width: 2px;
  height: 2px;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20%;
}
.progress__progress--dot-3 {
  width: 2px;
  height: 2px;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 30%;
}
.progress__progress--dot-4 {
  width: 2px;
  height: 2px;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 40%;
}
.progress__progress--dot-5 {
  width: 2px;
  height: 2px;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
}
.progress__progress--dot-6 {
  width: 2px;
  height: 2px;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 60%;
}
.progress__progress--dot-7 {
  width: 2px;
  height: 2px;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 70%;
}
.progress__progress--dot-8 {
  width: 2px;
  height: 2px;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 80%;
}
.progress__progress--dot-9 {
  width: 2px;
  height: 2px;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 90%;
}
.progress__progress--dot-10 {
  width: 2px;
  height: 2px;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 100%;
}
.progress__position {
  background-color: #422D91;
  height: 2px;
  position: relative;
}
.processSkillCircle.percent0 .progress__position {
  width: 0%;
  -webkit-animation: goSlider0 2s ease-in-out 0.3s both;
  animation: goSlider0 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent1 .progress__position {
  width: 1%;
  -webkit-animation: goSlider1 2s ease-in-out 0.3s both;
  animation: goSlider1 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent2 .progress__position {
  width: 2%;
  -webkit-animation: goSlider2 2s ease-in-out 0.3s both;
  animation: goSlider2 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent3 .progress__position {
  width: 3%;
  -webkit-animation: goSlider3 2s ease-in-out 0.3s both;
  animation: goSlider3 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent4 .progress__position {
  width: 4%;
  -webkit-animation: goSlider4 2s ease-in-out 0.3s both;
  animation: goSlider4 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent5 .progress__position {
  width: 5%;
  -webkit-animation: goSlider5 2s ease-in-out 0.3s both;
  animation: goSlider5 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent6 .progress__position {
  width: 6%;
  -webkit-animation: goSlider6 2s ease-in-out 0.3s both;
  animation: goSlider6 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent7 .progress__position {
  width: 7%;
  -webkit-animation: goSlider7 2s ease-in-out 0.3s both;
  animation: goSlider7 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent8 .progress__position {
  width: 8%;
  -webkit-animation: goSlider8 2s ease-in-out 0.3s both;
  animation: goSlider8 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent9 .progress__position {
  width: 9%;
  -webkit-animation: goSlider9 2s ease-in-out 0.3s both;
  animation: goSlider9 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent10 .progress__position {
  width: 10%;
  -webkit-animation: goSlider10 2s ease-in-out 0.3s both;
  animation: goSlider10 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent11 .progress__position {
  width: 11%;
  -webkit-animation: goSlider11 2s ease-in-out 0.3s both;
  animation: goSlider11 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent12 .progress__position {
  width: 12%;
  -webkit-animation: goSlider12 2s ease-in-out 0.3s both;
  animation: goSlider12 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent13 .progress__position {
  width: 13%;
  -webkit-animation: goSlider13 2s ease-in-out 0.3s both;
  animation: goSlider13 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent14 .progress__position {
  width: 14%;
  -webkit-animation: goSlider14 2s ease-in-out 0.3s both;
  animation: goSlider14 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent15 .progress__position {
  width: 15%;
  -webkit-animation: goSlider15 2s ease-in-out 0.3s both;
  animation: goSlider15 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent16 .progress__position {
  width: 16%;
  -webkit-animation: goSlider16 2s ease-in-out 0.3s both;
  animation: goSlider16 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent17 .progress__position {
  width: 17%;
  -webkit-animation: goSlider17 2s ease-in-out 0.3s both;
  animation: goSlider17 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent18 .progress__position {
  width: 18%;
  -webkit-animation: goSlider18 2s ease-in-out 0.3s both;
  animation: goSlider18 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent19 .progress__position {
  width: 19%;
  -webkit-animation: goSlider19 2s ease-in-out 0.3s both;
  animation: goSlider19 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent20 .progress__position {
  width: 20%;
  -webkit-animation: goSlider20 2s ease-in-out 0.3s both;
  animation: goSlider20 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent21 .progress__position {
  width: 21%;
  -webkit-animation: goSlider21 2s ease-in-out 0.3s both;
  animation: goSlider21 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent22 .progress__position {
  width: 22%;
  -webkit-animation: goSlider22 2s ease-in-out 0.3s both;
  animation: goSlider22 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent23 .progress__position {
  width: 23%;
  -webkit-animation: goSlider23 2s ease-in-out 0.3s both;
  animation: goSlider23 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent24 .progress__position {
  width: 24%;
  -webkit-animation: goSlider24 2s ease-in-out 0.3s both;
  animation: goSlider24 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent25 .progress__position {
  width: 25%;
  -webkit-animation: goSlider25 2s ease-in-out 0.3s both;
  animation: goSlider25 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent26 .progress__position {
  width: 26%;
  -webkit-animation: goSlider26 2s ease-in-out 0.3s both;
  animation: goSlider26 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent27 .progress__position {
  width: 27%;
  -webkit-animation: goSlider27 2s ease-in-out 0.3s both;
  animation: goSlider27 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent28 .progress__position {
  width: 28%;
  -webkit-animation: goSlider28 2s ease-in-out 0.3s both;
  animation: goSlider28 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent29 .progress__position {
  width: 29%;
  -webkit-animation: goSlider29 2s ease-in-out 0.3s both;
  animation: goSlider29 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent30 .progress__position {
  width: 30%;
  -webkit-animation: goSlider30 2s ease-in-out 0.3s both;
  animation: goSlider30 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent31 .progress__position {
  width: 31%;
  -webkit-animation: goSlider31 2s ease-in-out 0.3s both;
  animation: goSlider31 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent32 .progress__position {
  width: 32%;
  -webkit-animation: goSlider32 2s ease-in-out 0.3s both;
  animation: goSlider32 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent33 .progress__position {
  width: 33%;
  -webkit-animation: goSlider33 2s ease-in-out 0.3s both;
  animation: goSlider33 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent34 .progress__position {
  width: 34%;
  -webkit-animation: goSlider34 2s ease-in-out 0.3s both;
  animation: goSlider34 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent35 .progress__position {
  width: 35%;
  -webkit-animation: goSlider35 2s ease-in-out 0.3s both;
  animation: goSlider35 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent36 .progress__position {
  width: 36%;
  -webkit-animation: goSlider36 2s ease-in-out 0.3s both;
  animation: goSlider36 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent37 .progress__position {
  width: 37%;
  -webkit-animation: goSlider37 2s ease-in-out 0.3s both;
  animation: goSlider37 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent38 .progress__position {
  width: 38%;
  -webkit-animation: goSlider38 2s ease-in-out 0.3s both;
  animation: goSlider38 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent39 .progress__position {
  width: 39%;
  -webkit-animation: goSlider39 2s ease-in-out 0.3s both;
  animation: goSlider39 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent40 .progress__position {
  width: 40%;
  -webkit-animation: goSlider40 2s ease-in-out 0.3s both;
  animation: goSlider40 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent41 .progress__position {
  width: 41%;
  -webkit-animation: goSlider41 2s ease-in-out 0.3s both;
  animation: goSlider41 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent42 .progress__position {
  width: 42%;
  -webkit-animation: goSlider42 2s ease-in-out 0.3s both;
  animation: goSlider42 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent43 .progress__position {
  width: 43%;
  -webkit-animation: goSlider43 2s ease-in-out 0.3s both;
  animation: goSlider43 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent44 .progress__position {
  width: 44%;
  -webkit-animation: goSlider44 2s ease-in-out 0.3s both;
  animation: goSlider44 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent45 .progress__position {
  width: 45%;
  -webkit-animation: goSlider45 2s ease-in-out 0.3s both;
  animation: goSlider45 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent46 .progress__position {
  width: 46%;
  -webkit-animation: goSlider46 2s ease-in-out 0.3s both;
  animation: goSlider46 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent47 .progress__position {
  width: 47%;
  -webkit-animation: goSlider47 2s ease-in-out 0.3s both;
  animation: goSlider47 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent48 .progress__position {
  width: 48%;
  -webkit-animation: goSlider48 2s ease-in-out 0.3s both;
  animation: goSlider48 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent49 .progress__position {
  width: 49%;
  -webkit-animation: goSlider49 2s ease-in-out 0.3s both;
  animation: goSlider49 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent50 .progress__position {
  width: 50%;
  -webkit-animation: goSlider50 2s ease-in-out 0.3s both;
  animation: goSlider50 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent51 .progress__position {
  width: 51%;
  -webkit-animation: goSlider51 2s ease-in-out 0.3s both;
  animation: goSlider51 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent52 .progress__position {
  width: 52%;
  -webkit-animation: goSlider52 2s ease-in-out 0.3s both;
  animation: goSlider52 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent53 .progress__position {
  width: 53%;
  -webkit-animation: goSlider53 2s ease-in-out 0.3s both;
  animation: goSlider53 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent54 .progress__position {
  width: 54%;
  -webkit-animation: goSlider54 2s ease-in-out 0.3s both;
  animation: goSlider54 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent55 .progress__position {
  width: 55%;
  -webkit-animation: goSlider55 2s ease-in-out 0.3s both;
  animation: goSlider55 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent56 .progress__position {
  width: 56%;
  -webkit-animation: goSlider56 2s ease-in-out 0.3s both;
  animation: goSlider56 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent57 .progress__position {
  width: 57%;
  -webkit-animation: goSlider57 2s ease-in-out 0.3s both;
  animation: goSlider57 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent58 .progress__position {
  width: 58%;
  -webkit-animation: goSlider58 2s ease-in-out 0.3s both;
  animation: goSlider58 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent59 .progress__position {
  width: 59%;
  -webkit-animation: goSlider59 2s ease-in-out 0.3s both;
  animation: goSlider59 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent60 .progress__position {
  width: 60%;
  -webkit-animation: goSlider60 2s ease-in-out 0.3s both;
  animation: goSlider60 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent61 .progress__position {
  width: 61%;
  -webkit-animation: goSlider61 2s ease-in-out 0.3s both;
  animation: goSlider61 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent62 .progress__position {
  width: 62%;
  -webkit-animation: goSlider62 2s ease-in-out 0.3s both;
  animation: goSlider62 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent63 .progress__position {
  width: 63%;
  -webkit-animation: goSlider63 2s ease-in-out 0.3s both;
  animation: goSlider63 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent64 .progress__position {
  width: 64%;
  -webkit-animation: goSlider64 2s ease-in-out 0.3s both;
  animation: goSlider64 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent65 .progress__position {
  width: 65%;
  -webkit-animation: goSlider65 2s ease-in-out 0.3s both;
  animation: goSlider65 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent66 .progress__position {
  width: 66%;
  -webkit-animation: goSlider66 2s ease-in-out 0.3s both;
  animation: goSlider66 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent67 .progress__position {
  width: 67%;
  -webkit-animation: goSlider67 2s ease-in-out 0.3s both;
  animation: goSlider67 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent68 .progress__position {
  width: 68%;
  -webkit-animation: goSlider68 2s ease-in-out 0.3s both;
  animation: goSlider68 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent69 .progress__position {
  width: 69%;
  -webkit-animation: goSlider69 2s ease-in-out 0.3s both;
  animation: goSlider69 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent70 .progress__position {
  width: 70%;
  -webkit-animation: goSlider70 2s ease-in-out 0.3s both;
  animation: goSlider70 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent71 .progress__position {
  width: 71%;
  -webkit-animation: goSlider71 2s ease-in-out 0.3s both;
  animation: goSlider71 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent72 .progress__position {
  width: 72%;
  -webkit-animation: goSlider72 2s ease-in-out 0.3s both;
  animation: goSlider72 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent73 .progress__position {
  width: 73%;
  -webkit-animation: goSlider73 2s ease-in-out 0.3s both;
  animation: goSlider73 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent74 .progress__position {
  width: 74%;
  -webkit-animation: goSlider74 2s ease-in-out 0.3s both;
  animation: goSlider74 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent75 .progress__position {
  width: 75%;
  -webkit-animation: goSlider75 2s ease-in-out 0.3s both;
  animation: goSlider75 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent76 .progress__position {
  width: 76%;
  -webkit-animation: goSlider76 2s ease-in-out 0.3s both;
  animation: goSlider76 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent77 .progress__position {
  width: 77%;
  -webkit-animation: goSlider77 2s ease-in-out 0.3s both;
  animation: goSlider77 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent78 .progress__position {
  width: 78%;
  -webkit-animation: goSlider78 2s ease-in-out 0.3s both;
  animation: goSlider78 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent79 .progress__position {
  width: 79%;
  -webkit-animation: goSlider79 2s ease-in-out 0.3s both;
  animation: goSlider79 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent80 .progress__position {
  width: 80%;
  -webkit-animation: goSlider80 2s ease-in-out 0.3s both;
  animation: goSlider80 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent81 .progress__position {
  width: 81%;
  -webkit-animation: goSlider81 2s ease-in-out 0.3s both;
  animation: goSlider81 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent82 .progress__position {
  width: 82%;
  -webkit-animation: goSlider82 2s ease-in-out 0.3s both;
  animation: goSlider82 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent83 .progress__position {
  width: 83%;
  -webkit-animation: goSlider83 2s ease-in-out 0.3s both;
  animation: goSlider83 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent84 .progress__position {
  width: 84%;
  -webkit-animation: goSlider84 2s ease-in-out 0.3s both;
  animation: goSlider84 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent85 .progress__position {
  width: 85%;
  -webkit-animation: goSlider85 2s ease-in-out 0.3s both;
  animation: goSlider85 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent86 .progress__position {
  width: 86%;
  -webkit-animation: goSlider86 2s ease-in-out 0.3s both;
  animation: goSlider86 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent87 .progress__position {
  width: 87%;
  -webkit-animation: goSlider87 2s ease-in-out 0.3s both;
  animation: goSlider87 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent88 .progress__position {
  width: 88%;
  -webkit-animation: goSlider88 2s ease-in-out 0.3s both;
  animation: goSlider88 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent89 .progress__position {
  width: 89%;
  -webkit-animation: goSlider89 2s ease-in-out 0.3s both;
  animation: goSlider89 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent90 .progress__position {
  width: 90%;
  -webkit-animation: goSlider90 2s ease-in-out 0.3s both;
  animation: goSlider90 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent91 .progress__position {
  width: 91%;
  -webkit-animation: goSlider91 2s ease-in-out 0.3s both;
  animation: goSlider91 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent92 .progress__position {
  width: 92%;
  -webkit-animation: goSlider92 2s ease-in-out 0.3s both;
  animation: goSlider92 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent93 .progress__position {
  width: 93%;
  -webkit-animation: goSlider93 2s ease-in-out 0.3s both;
  animation: goSlider93 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent94 .progress__position {
  width: 94%;
  -webkit-animation: goSlider94 2s ease-in-out 0.3s both;
  animation: goSlider94 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent95 .progress__position {
  width: 95%;
  -webkit-animation: goSlider95 2s ease-in-out 0.3s both;
  animation: goSlider95 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent96 .progress__position {
  width: 96%;
  -webkit-animation: goSlider96 2s ease-in-out 0.3s both;
  animation: goSlider96 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent97 .progress__position {
  width: 97%;
  -webkit-animation: goSlider97 2s ease-in-out 0.3s both;
  animation: goSlider97 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent98 .progress__position {
  width: 98%;
  -webkit-animation: goSlider98 2s ease-in-out 0.3s both;
  animation: goSlider98 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent99 .progress__position {
  width: 99%;
  -webkit-animation: goSlider99 2s ease-in-out 0.3s both;
  animation: goSlider99 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent100 .progress__position {
  width: 100%;
  -webkit-animation: goSlider100 2s ease-in-out 0.3s both;
  animation: goSlider100 2s ease-in-out 0.3s both;
}
.progress__popup {
  width: 1.2rem;
  height: 1.2rem;
  background-color: #422D91;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 100%;
}
.progress__icon {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.025rem;
  text-transform: none;
  font-weight: 400;
  color: #ffffff;
  padding-top: 0.6rem;
  position: absolute;
  bottom: calc(100% + .4rem);
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 4rem;
  height: 4rem;
  background-color: #422D91;
  -webkit-clip-path: polygon(86% 0, 100% 16%, 91% 66%, 66% 80%, 50% 100%, 34% 80%, 9% 66%, 0 16%, 14% 0);
  clip-path: polygon(86% 0, 100% 16%, 91% 66%, 66% 80%, 50% 100%, 34% 80%, 9% 66%, 0 16%, 14% 0);
}

@keyframes goSlider0 {
  0% {
    width: 0;
  }
  100% {
    width: 0%;
  }
}
@keyframes goSlider1 {
  0% {
    width: 0;
  }
  100% {
    width: 1%;
  }
}
@keyframes goSlider2 {
  0% {
    width: 0;
  }
  100% {
    width: 2%;
  }
}
@keyframes goSlider3 {
  0% {
    width: 0;
  }
  100% {
    width: 3%;
  }
}
@keyframes goSlider4 {
  0% {
    width: 0;
  }
  100% {
    width: 4%;
  }
}
@keyframes goSlider5 {
  0% {
    width: 0;
  }
  100% {
    width: 5%;
  }
}
@keyframes goSlider6 {
  0% {
    width: 0;
  }
  100% {
    width: 6%;
  }
}
@keyframes goSlider7 {
  0% {
    width: 0;
  }
  100% {
    width: 7%;
  }
}
@keyframes goSlider8 {
  0% {
    width: 0;
  }
  100% {
    width: 8%;
  }
}
@keyframes goSlider9 {
  0% {
    width: 0;
  }
  100% {
    width: 9%;
  }
}
@keyframes goSlider10 {
  0% {
    width: 0;
  }
  100% {
    width: 10%;
  }
}
@keyframes goSlider11 {
  0% {
    width: 0;
  }
  100% {
    width: 11%;
  }
}
@keyframes goSlider12 {
  0% {
    width: 0;
  }
  100% {
    width: 12%;
  }
}
@keyframes goSlider13 {
  0% {
    width: 0;
  }
  100% {
    width: 13%;
  }
}
@keyframes goSlider14 {
  0% {
    width: 0;
  }
  100% {
    width: 14%;
  }
}
@keyframes goSlider15 {
  0% {
    width: 0;
  }
  100% {
    width: 15%;
  }
}
@keyframes goSlider16 {
  0% {
    width: 0;
  }
  100% {
    width: 16%;
  }
}
@keyframes goSlider17 {
  0% {
    width: 0;
  }
  100% {
    width: 17%;
  }
}
@keyframes goSlider18 {
  0% {
    width: 0;
  }
  100% {
    width: 18%;
  }
}
@keyframes goSlider19 {
  0% {
    width: 0;
  }
  100% {
    width: 19%;
  }
}
@keyframes goSlider20 {
  0% {
    width: 0;
  }
  100% {
    width: 20%;
  }
}
@keyframes goSlider21 {
  0% {
    width: 0;
  }
  100% {
    width: 21%;
  }
}
@keyframes goSlider22 {
  0% {
    width: 0;
  }
  100% {
    width: 22%;
  }
}
@keyframes goSlider23 {
  0% {
    width: 0;
  }
  100% {
    width: 23%;
  }
}
@keyframes goSlider24 {
  0% {
    width: 0;
  }
  100% {
    width: 24%;
  }
}
@keyframes goSlider25 {
  0% {
    width: 0;
  }
  100% {
    width: 25%;
  }
}
@keyframes goSlider26 {
  0% {
    width: 0;
  }
  100% {
    width: 26%;
  }
}
@keyframes goSlider27 {
  0% {
    width: 0;
  }
  100% {
    width: 27%;
  }
}
@keyframes goSlider28 {
  0% {
    width: 0;
  }
  100% {
    width: 28%;
  }
}
@keyframes goSlider29 {
  0% {
    width: 0;
  }
  100% {
    width: 29%;
  }
}
@keyframes goSlider30 {
  0% {
    width: 0;
  }
  100% {
    width: 30%;
  }
}
@keyframes goSlider31 {
  0% {
    width: 0;
  }
  100% {
    width: 31%;
  }
}
@keyframes goSlider32 {
  0% {
    width: 0;
  }
  100% {
    width: 32%;
  }
}
@keyframes goSlider33 {
  0% {
    width: 0;
  }
  100% {
    width: 33%;
  }
}
@keyframes goSlider34 {
  0% {
    width: 0;
  }
  100% {
    width: 34%;
  }
}
@keyframes goSlider35 {
  0% {
    width: 0;
  }
  100% {
    width: 35%;
  }
}
@keyframes goSlider36 {
  0% {
    width: 0;
  }
  100% {
    width: 36%;
  }
}
@keyframes goSlider37 {
  0% {
    width: 0;
  }
  100% {
    width: 37%;
  }
}
@keyframes goSlider38 {
  0% {
    width: 0;
  }
  100% {
    width: 38%;
  }
}
@keyframes goSlider39 {
  0% {
    width: 0;
  }
  100% {
    width: 39%;
  }
}
@keyframes goSlider40 {
  0% {
    width: 0;
  }
  100% {
    width: 40%;
  }
}
@keyframes goSlider41 {
  0% {
    width: 0;
  }
  100% {
    width: 41%;
  }
}
@keyframes goSlider42 {
  0% {
    width: 0;
  }
  100% {
    width: 42%;
  }
}
@keyframes goSlider43 {
  0% {
    width: 0;
  }
  100% {
    width: 43%;
  }
}
@keyframes goSlider44 {
  0% {
    width: 0;
  }
  100% {
    width: 44%;
  }
}
@keyframes goSlider45 {
  0% {
    width: 0;
  }
  100% {
    width: 45%;
  }
}
@keyframes goSlider46 {
  0% {
    width: 0;
  }
  100% {
    width: 46%;
  }
}
@keyframes goSlider47 {
  0% {
    width: 0;
  }
  100% {
    width: 47%;
  }
}
@keyframes goSlider48 {
  0% {
    width: 0;
  }
  100% {
    width: 48%;
  }
}
@keyframes goSlider49 {
  0% {
    width: 0;
  }
  100% {
    width: 49%;
  }
}
@keyframes goSlider50 {
  0% {
    width: 0;
  }
  100% {
    width: 50%;
  }
}
@keyframes goSlider51 {
  0% {
    width: 0;
  }
  100% {
    width: 51%;
  }
}
@keyframes goSlider52 {
  0% {
    width: 0;
  }
  100% {
    width: 52%;
  }
}
@keyframes goSlider53 {
  0% {
    width: 0;
  }
  100% {
    width: 53%;
  }
}
@keyframes goSlider54 {
  0% {
    width: 0;
  }
  100% {
    width: 54%;
  }
}
@keyframes goSlider55 {
  0% {
    width: 0;
  }
  100% {
    width: 55%;
  }
}
@keyframes goSlider56 {
  0% {
    width: 0;
  }
  100% {
    width: 56%;
  }
}
@keyframes goSlider57 {
  0% {
    width: 0;
  }
  100% {
    width: 57%;
  }
}
@keyframes goSlider58 {
  0% {
    width: 0;
  }
  100% {
    width: 58%;
  }
}
@keyframes goSlider59 {
  0% {
    width: 0;
  }
  100% {
    width: 59%;
  }
}
@keyframes goSlider60 {
  0% {
    width: 0;
  }
  100% {
    width: 60%;
  }
}
@keyframes goSlider61 {
  0% {
    width: 0;
  }
  100% {
    width: 61%;
  }
}
@keyframes goSlider62 {
  0% {
    width: 0;
  }
  100% {
    width: 62%;
  }
}
@keyframes goSlider63 {
  0% {
    width: 0;
  }
  100% {
    width: 63%;
  }
}
@keyframes goSlider64 {
  0% {
    width: 0;
  }
  100% {
    width: 64%;
  }
}
@keyframes goSlider65 {
  0% {
    width: 0;
  }
  100% {
    width: 65%;
  }
}
@keyframes goSlider66 {
  0% {
    width: 0;
  }
  100% {
    width: 66%;
  }
}
@keyframes goSlider67 {
  0% {
    width: 0;
  }
  100% {
    width: 67%;
  }
}
@keyframes goSlider68 {
  0% {
    width: 0;
  }
  100% {
    width: 68%;
  }
}
@keyframes goSlider69 {
  0% {
    width: 0;
  }
  100% {
    width: 69%;
  }
}
@keyframes goSlider70 {
  0% {
    width: 0;
  }
  100% {
    width: 70%;
  }
}
@keyframes goSlider71 {
  0% {
    width: 0;
  }
  100% {
    width: 71%;
  }
}
@keyframes goSlider72 {
  0% {
    width: 0;
  }
  100% {
    width: 72%;
  }
}
@keyframes goSlider73 {
  0% {
    width: 0;
  }
  100% {
    width: 73%;
  }
}
@keyframes goSlider74 {
  0% {
    width: 0;
  }
  100% {
    width: 74%;
  }
}
@keyframes goSlider75 {
  0% {
    width: 0;
  }
  100% {
    width: 75%;
  }
}
@keyframes goSlider76 {
  0% {
    width: 0;
  }
  100% {
    width: 76%;
  }
}
@keyframes goSlider77 {
  0% {
    width: 0;
  }
  100% {
    width: 77%;
  }
}
@keyframes goSlider78 {
  0% {
    width: 0;
  }
  100% {
    width: 78%;
  }
}
@keyframes goSlider79 {
  0% {
    width: 0;
  }
  100% {
    width: 79%;
  }
}
@keyframes goSlider80 {
  0% {
    width: 0;
  }
  100% {
    width: 80%;
  }
}
@keyframes goSlider81 {
  0% {
    width: 0;
  }
  100% {
    width: 81%;
  }
}
@keyframes goSlider82 {
  0% {
    width: 0;
  }
  100% {
    width: 82%;
  }
}
@keyframes goSlider83 {
  0% {
    width: 0;
  }
  100% {
    width: 83%;
  }
}
@keyframes goSlider84 {
  0% {
    width: 0;
  }
  100% {
    width: 84%;
  }
}
@keyframes goSlider85 {
  0% {
    width: 0;
  }
  100% {
    width: 85%;
  }
}
@keyframes goSlider86 {
  0% {
    width: 0;
  }
  100% {
    width: 86%;
  }
}
@keyframes goSlider87 {
  0% {
    width: 0;
  }
  100% {
    width: 87%;
  }
}
@keyframes goSlider88 {
  0% {
    width: 0;
  }
  100% {
    width: 88%;
  }
}
@keyframes goSlider89 {
  0% {
    width: 0;
  }
  100% {
    width: 89%;
  }
}
@keyframes goSlider90 {
  0% {
    width: 0;
  }
  100% {
    width: 90%;
  }
}
@keyframes goSlider91 {
  0% {
    width: 0;
  }
  100% {
    width: 91%;
  }
}
@keyframes goSlider92 {
  0% {
    width: 0;
  }
  100% {
    width: 92%;
  }
}
@keyframes goSlider93 {
  0% {
    width: 0;
  }
  100% {
    width: 93%;
  }
}
@keyframes goSlider94 {
  0% {
    width: 0;
  }
  100% {
    width: 94%;
  }
}
@keyframes goSlider95 {
  0% {
    width: 0;
  }
  100% {
    width: 95%;
  }
}
@keyframes goSlider96 {
  0% {
    width: 0;
  }
  100% {
    width: 96%;
  }
}
@keyframes goSlider97 {
  0% {
    width: 0;
  }
  100% {
    width: 97%;
  }
}
@keyframes goSlider98 {
  0% {
    width: 0;
  }
  100% {
    width: 98%;
  }
}
@keyframes goSlider99 {
  0% {
    width: 0;
  }
  100% {
    width: 99%;
  }
}
@keyframes goSlider100 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/*******************team-meet***********************/
.team-meet {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.team-meet__wrap {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
@media screen and (max-width: 319px) {
  .team-meet__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .team-meet__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .team-meet__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .team-meet__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.team-meet__wrap:hover .team-meet__picture:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet__wrap:hover img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet__wrap:hover .team-meet__picture:after {
  visibility: visible;
  opacity: 1;
}
.team-meet__wrap:hover .team-meet__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
.team-meet__side {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 319px) {
  .team-meet__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .team-meet__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.team-meet__side-info {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 6.4rem 6.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}
@media screen and (max-width: 319px) {
  .team-meet__side-info {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .team-meet__side-info {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .team-meet__side-info {
    padding: 1.2rem 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .team-meet__side-info {
    padding: 1.2rem 1.6rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .team-meet__side-info {
    padding: 1.2rem 1.6rem;
  }
}
.team-meet__picture {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 9;
}
.team-meet__picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.team-meet__picture:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.team-meet__picture img {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.team-meet__name {
  margin-bottom: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 319px) {
  .team-meet__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .team-meet__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .team-meet__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .team-meet__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
.team-meet__paragraph {
  text-align: center;
}
.team-meet__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.6rem auto 1.6rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.team-meet__social ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.team-meet__social ul li a i {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.team-meet__social ul li a:hover i {
  color: #000000;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.team-meet__social ul li:not(:last-child) {
  margin-right: 1.6rem;
}

/*******************testimonial-one***********************/
.testimonial-one__slider:hover .testimonial-one__next, .testimonial-one__slider:hover .testimonial-one__prev {
  opacity: 1;
}
.testimonial-one__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.testimonial-one__ico {
  margin-bottom: 2.8rem;
}
.testimonial-one__ico i {
  font-size: 6rem;
  color: rgba(0, 0, 0, 0.87);
}
.testimonial-one__content {
  text-align: center;
  width: 70%;
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
  .testimonial-one__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .testimonial-one__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-one__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-one__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-one__content {
    width: 90%;
  }
}
.testimonial-one__author {
  text-align: center;
}
.testimonial-one__viewport {
  max-height: 40rem;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.testimonial-one__viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.testimonial-one__viewport li img {
  max-width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.testimonial-one__prev {
  position: absolute;
  top: 50%;
  left: -2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
  .testimonial-one__prev {
    left: 1rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .testimonial-one__prev {
    left: 1rem;
  }
}
.testimonial-one__prev.showMxm {
  left: 0.4rem;
}
.testimonial-one__prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.testimonial-one__prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.testimonial-one__prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.testimonial-one__prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.testimonial-one__prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.testimonial-one__prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.testimonial-one__prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.testimonial-one__next {
  position: absolute;
  top: 50%;
  right: -2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
  .testimonial-one__next {
    right: 1rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .testimonial-one__next {
    right: 1rem;
  }
}
.testimonial-one__next.showMxm {
  right: 0.4rem;
}
.testimonial-one__next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.testimonial-one__next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.testimonial-one__next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.testimonial-one__next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.testimonial-one__next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.testimonial-one__next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.testimonial-one__next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}

/*******************testimonial-two***********************/
.testimonial-two__slider {
  margin: 0 auto;
}
.testimonial-two__slider:hover .testimonial-two__next, .testimonial-two__slider:hover .testimonial-two__prev {
  opacity: 1;
}
.testimonial-two__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.testimonial-two__side:hover img {
  filter: blur(0.5rem) brightness(70%);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.testimonial-two__side:hover .testimonial-two__icon-link {
  opacity: 1;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.testimonial-two__content {
  margin-bottom: 2.4rem;
  position: relative;
}
.testimonial-two__content:before {
  content: "“";
}
.testimonial-two__content:after {
  content: "”";
}
@media screen and (max-width: 319px) {
  .testimonial-two__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .testimonial-two__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.testimonial-two__wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.testimonial-two__avatar {
  position: relative;
  margin-right: 4rem;
  border-radius: 50%;
}
.testimonial-two__picture {
  border-radius: 50%;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.38);
  position: relative;
}
.testimonial-two__picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  border-radius: 50%;
}
.testimonial-two__picture img {
  height: auto;
  max-width: 13.6rem;
  width: 100%;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 319px) {
  .testimonial-two__picture img {
    max-width: 8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .testimonial-two__picture img {
    max-width: 10rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-two__picture img {
    max-width: 12rem;
  }
}
.testimonial-two__icon-link {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #ffffff;
  font-size: 2.4rem;
  text-align: center;
  opacity: 0;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translate(-50%, -20%);
  -webkit-transform: translate(-50%, -20%);
  -ms-transform: translate(-50%, -20%);
  -o-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%);
}
.testimonial-two__author {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.testimonial-two__name {
  position: relative;
}
.testimonial-two__name:before {
  position: absolute;
  left: -1.2rem;
  content: "–";
  color: rgba(0, 0, 0, 0.87);
}
.testimonial-two__viewport {
  max-height: 40rem;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.testimonial-two__viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.testimonial-two__viewport li img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.testimonial-two__prev {
  position: absolute;
  top: 50%;
  left: -8rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
  .testimonial-two__prev {
    left: 1rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .testimonial-two__prev {
    left: 1rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-two__prev {
    left: 0rem;
  }
}
.testimonial-two__prev.showMxm {
  left: 0.4rem;
}
.testimonial-two__prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.testimonial-two__prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.testimonial-two__prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.testimonial-two__prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.testimonial-two__prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.testimonial-two__prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.testimonial-two__prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.testimonial-two__next {
  position: absolute;
  top: 50%;
  right: -8rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
  .testimonial-two__next {
    right: 1rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .testimonial-two__next {
    right: 1rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-two__next {
    right: 0rem;
  }
}
.testimonial-two__next.showMxm {
  right: 0.4rem;
}
.testimonial-two__next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.testimonial-two__next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.testimonial-two__next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.testimonial-two__next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.testimonial-two__next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.testimonial-two__next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.testimonial-two__next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}

/*******************some-service***********************/
.some-service {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4rem;
}
.some-service:hover .some-service__icon i {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.some-service:hover .some-service__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
.some-service__icon i {
  font-size: 4.4rem;
  color: rgba(17, 189, 163, 0.87);
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.some-service__name {
  text-align: center;
}
.some-service__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.2rem auto 2rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.some-service__paragraph {
  text-align: center;
}

/*******************testimonial-one-dark***********************/
.testimonial-one-dark__slider:hover .testimonial-one-dark__next, .testimonial-one-dark__slider:hover .testimonial-one-dark__prev {
  opacity: 1;
}
.testimonial-one-dark__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.testimonial-one-dark__ico {
  margin-bottom: 2.8rem;
}
.testimonial-one-dark__ico i {
  font-size: 6rem;
  color: rgba(255, 255, 255, 0.87);
}
.testimonial-one-dark__content {
  text-align: center;
  width: 70%;
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
  .testimonial-one-dark__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .testimonial-one-dark__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-one-dark__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-one-dark__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-one-dark__content {
    width: 90%;
  }
}
.testimonial-one-dark__author {
  text-align: center;
}
.testimonial-one-dark__viewport {
  max-height: 40rem;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.testimonial-one-dark__viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.testimonial-one-dark__viewport li img {
  max-width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.testimonial-one-dark__prev {
  position: absolute;
  top: 50%;
  left: -2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
  .testimonial-one-dark__prev {
    left: 1rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .testimonial-one-dark__prev {
    left: 1rem;
  }
}
.testimonial-one-dark__prev.showMxm {
  left: 0.4rem;
}
.testimonial-one-dark__prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.testimonial-one-dark__prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.testimonial-one-dark__prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.testimonial-one-dark__prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.testimonial-one-dark__prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.testimonial-one-dark__prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.testimonial-one-dark__prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.testimonial-one-dark__next {
  position: absolute;
  top: 50%;
  right: -2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
  .testimonial-one-dark__next {
    right: 1rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .testimonial-one-dark__next {
    right: 1rem;
  }
}
.testimonial-one-dark__next.showMxm {
  right: 0.4rem;
}
.testimonial-one-dark__next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.testimonial-one-dark__next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.testimonial-one-dark__next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.testimonial-one-dark__next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.testimonial-one-dark__next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.testimonial-one-dark__next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.testimonial-one-dark__next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}

/*******************pricing***********************/
.pricing {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2.4rem 1.6rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  margin-bottom: 4rem;
}
.pricing.active {
  -moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.pricing__name {
  text-align: center;
}
.pricing__price {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.2rem;
}
.pricing__price span {
  text-align: center;
}
.pricing__price span:first-child {
  position: relative;
}
.pricing__price span:first-child:before {
  content: "$";
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 104%;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}
.pricing__list {
  width: 100%;
  margin-bottom: 2.4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.pricing__list li {
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding: 1.4rem 0.4rem;
}
.pricing__list li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
/*******************banner***********************/
.banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.banner__title {
  margin-bottom: 1.2rem;
}
.banner__nav span {
  color: rgba(255, 255, 255, 0.87);
}

/*******************detail-team***********************/
.detail-team__avatar {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 9;
  margin-bottom: 4rem;
}
.detail-team__avatar:hover img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.detail-team__avatar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.detail-team__avatar img {
  height: auto;
  max-width: 100%;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.detail-team__name {
  margin-bottom: 0.4rem;
}
.detail-team__role {
  margin-bottom: 1.2rem;
}
.detail-team__paragraph {
  margin-bottom: 1.6rem;
}
.detail-team__row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 1.2rem;
}
.detail-team__t {
  position: relative;
  width: 100%;
  flex: 0 0 20%;
  max-width: 20%;
}
@media screen and (max-width: 319px) {
  .detail-team__t {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .detail-team__t {
    flex: 0 0 21%;
    max-width: 21%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .detail-team__t {
    flex: 0 0 21%;
    max-width: 21%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .detail-team__t {
    flex: 0 0 21%;
    max-width: 21%;
  }
}
.detail-team__c {
  position: relative;
  width: 100%;
  flex: 0 0 80%;
  max-width: 80%;
}
@media screen and (max-width: 319px) {
  .detail-team__c {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .detail-team__c {
    flex: 0 0 79%;
    max-width: 79%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .detail-team__c {
    flex: 0 0 79%;
    max-width: 79%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .detail-team__c {
    flex: 0 0 79%;
    max-width: 79%;
  }
}
.detail-team__social {
  margin-top: 1.6rem;
}
.detail-team__social ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.detail-team__social ul li {
  margin-right: 1.6rem;
}
.detail-team__social ul li a i {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.detail-team__social ul li a:hover i {
  color: #000000;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/*******************slim-skill***********************/
.slim-skill {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}
.slim-skill__circle-wrap {
  width: 12rem;
  height: 12rem;
  background-color: #c7faf2;
  border-radius: 50%;
  margin-bottom: 1.6rem;
  position: relative;
}
.slim-skill__mask {
  width: 12rem;
  height: 12rem;
  position: absolute;
  border-radius: 50%;
  clip: rect(0, 12rem, 12rem, 6rem);
}
.slim-skill__fill {
  width: 12rem;
  height: 12rem;
  position: absolute;
  border-radius: 50%;
  clip: rect(0, 6rem, 12rem, 0);
  background-color: rgba(17, 189, 163, 0.87);
}
.processCircle .percent0 .slim-skill__mask.full, .processCircle .percent0 .slim-skill__fill {
  -webkit-animation: fillNumberMxm0 2s ease-in-out 0.3s both;
  animation: fillNumberMxm0 2s ease-in-out 0.3s both;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.processCircle .percent1 .slim-skill__mask.full, .processCircle .percent1 .slim-skill__fill {
  -webkit-animation: fillNumberMxm1 2s ease-in-out 0.3s both;
  animation: fillNumberMxm1 2s ease-in-out 0.3s both;
  -moz-transform: rotate(1.8deg);
  -webkit-transform: rotate(1.8deg);
  -ms-transform: rotate(1.8deg);
  -o-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
}
.processCircle .percent2 .slim-skill__mask.full, .processCircle .percent2 .slim-skill__fill {
  -webkit-animation: fillNumberMxm2 2s ease-in-out 0.3s both;
  animation: fillNumberMxm2 2s ease-in-out 0.3s both;
  -moz-transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.processCircle .percent3 .slim-skill__mask.full, .processCircle .percent3 .slim-skill__fill {
  -webkit-animation: fillNumberMxm3 2s ease-in-out 0.3s both;
  animation: fillNumberMxm3 2s ease-in-out 0.3s both;
  -moz-transform: rotate(5.4deg);
  -webkit-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  -o-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}
.processCircle .percent4 .slim-skill__mask.full, .processCircle .percent4 .slim-skill__fill {
  -webkit-animation: fillNumberMxm4 2s ease-in-out 0.3s both;
  animation: fillNumberMxm4 2s ease-in-out 0.3s both;
  -moz-transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.processCircle .percent5 .slim-skill__mask.full, .processCircle .percent5 .slim-skill__fill {
  -webkit-animation: fillNumberMxm5 2s ease-in-out 0.3s both;
  animation: fillNumberMxm5 2s ease-in-out 0.3s both;
  -moz-transform: rotate(9deg);
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  -o-transform: rotate(9deg);
  transform: rotate(9deg);
}
.processCircle .percent6 .slim-skill__mask.full, .processCircle .percent6 .slim-skill__fill {
  -webkit-animation: fillNumberMxm6 2s ease-in-out 0.3s both;
  animation: fillNumberMxm6 2s ease-in-out 0.3s both;
  -moz-transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.processCircle .percent7 .slim-skill__mask.full, .processCircle .percent7 .slim-skill__fill {
  -webkit-animation: fillNumberMxm7 2s ease-in-out 0.3s both;
  animation: fillNumberMxm7 2s ease-in-out 0.3s both;
  -moz-transform: rotate(12.6deg);
  -webkit-transform: rotate(12.6deg);
  -ms-transform: rotate(12.6deg);
  -o-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
}
.processCircle .percent8 .slim-skill__mask.full, .processCircle .percent8 .slim-skill__fill {
  -webkit-animation: fillNumberMxm8 2s ease-in-out 0.3s both;
  animation: fillNumberMxm8 2s ease-in-out 0.3s both;
  -moz-transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.processCircle .percent9 .slim-skill__mask.full, .processCircle .percent9 .slim-skill__fill {
  -webkit-animation: fillNumberMxm9 2s ease-in-out 0.3s both;
  animation: fillNumberMxm9 2s ease-in-out 0.3s both;
  -moz-transform: rotate(16.2deg);
  -webkit-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  -o-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}
.processCircle .percent10 .slim-skill__mask.full, .processCircle .percent10 .slim-skill__fill {
  -webkit-animation: fillNumberMxm10 2s ease-in-out 0.3s both;
  animation: fillNumberMxm10 2s ease-in-out 0.3s both;
  -moz-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.processCircle .percent11 .slim-skill__mask.full, .processCircle .percent11 .slim-skill__fill {
  -webkit-animation: fillNumberMxm11 2s ease-in-out 0.3s both;
  animation: fillNumberMxm11 2s ease-in-out 0.3s both;
  -moz-transform: rotate(19.8deg);
  -webkit-transform: rotate(19.8deg);
  -ms-transform: rotate(19.8deg);
  -o-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
}
.processCircle .percent12 .slim-skill__mask.full, .processCircle .percent12 .slim-skill__fill {
  -webkit-animation: fillNumberMxm12 2s ease-in-out 0.3s both;
  animation: fillNumberMxm12 2s ease-in-out 0.3s both;
  -moz-transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.processCircle .percent13 .slim-skill__mask.full, .processCircle .percent13 .slim-skill__fill {
  -webkit-animation: fillNumberMxm13 2s ease-in-out 0.3s both;
  animation: fillNumberMxm13 2s ease-in-out 0.3s both;
  -moz-transform: rotate(23.4deg);
  -webkit-transform: rotate(23.4deg);
  -ms-transform: rotate(23.4deg);
  -o-transform: rotate(23.4deg);
  transform: rotate(23.4deg);
}
.processCircle .percent14 .slim-skill__mask.full, .processCircle .percent14 .slim-skill__fill {
  -webkit-animation: fillNumberMxm14 2s ease-in-out 0.3s both;
  animation: fillNumberMxm14 2s ease-in-out 0.3s both;
  -moz-transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.processCircle .percent15 .slim-skill__mask.full, .processCircle .percent15 .slim-skill__fill {
  -webkit-animation: fillNumberMxm15 2s ease-in-out 0.3s both;
  animation: fillNumberMxm15 2s ease-in-out 0.3s both;
  -moz-transform: rotate(27deg);
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  -o-transform: rotate(27deg);
  transform: rotate(27deg);
}
.processCircle .percent16 .slim-skill__mask.full, .processCircle .percent16 .slim-skill__fill {
  -webkit-animation: fillNumberMxm16 2s ease-in-out 0.3s both;
  animation: fillNumberMxm16 2s ease-in-out 0.3s both;
  -moz-transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.processCircle .percent17 .slim-skill__mask.full, .processCircle .percent17 .slim-skill__fill {
  -webkit-animation: fillNumberMxm17 2s ease-in-out 0.3s both;
  animation: fillNumberMxm17 2s ease-in-out 0.3s both;
  -moz-transform: rotate(30.6deg);
  -webkit-transform: rotate(30.6deg);
  -ms-transform: rotate(30.6deg);
  -o-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
}
.processCircle .percent18 .slim-skill__mask.full, .processCircle .percent18 .slim-skill__fill {
  -webkit-animation: fillNumberMxm18 2s ease-in-out 0.3s both;
  animation: fillNumberMxm18 2s ease-in-out 0.3s both;
  -moz-transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.processCircle .percent19 .slim-skill__mask.full, .processCircle .percent19 .slim-skill__fill {
  -webkit-animation: fillNumberMxm19 2s ease-in-out 0.3s both;
  animation: fillNumberMxm19 2s ease-in-out 0.3s both;
  -moz-transform: rotate(34.2deg);
  -webkit-transform: rotate(34.2deg);
  -ms-transform: rotate(34.2deg);
  -o-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
}
.processCircle .percent20 .slim-skill__mask.full, .processCircle .percent20 .slim-skill__fill {
  -webkit-animation: fillNumberMxm20 2s ease-in-out 0.3s both;
  animation: fillNumberMxm20 2s ease-in-out 0.3s both;
  -moz-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.processCircle .percent21 .slim-skill__mask.full, .processCircle .percent21 .slim-skill__fill {
  -webkit-animation: fillNumberMxm21 2s ease-in-out 0.3s both;
  animation: fillNumberMxm21 2s ease-in-out 0.3s both;
  -moz-transform: rotate(37.8deg);
  -webkit-transform: rotate(37.8deg);
  -ms-transform: rotate(37.8deg);
  -o-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
}
.processCircle .percent22 .slim-skill__mask.full, .processCircle .percent22 .slim-skill__fill {
  -webkit-animation: fillNumberMxm22 2s ease-in-out 0.3s both;
  animation: fillNumberMxm22 2s ease-in-out 0.3s both;
  -moz-transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.processCircle .percent23 .slim-skill__mask.full, .processCircle .percent23 .slim-skill__fill {
  -webkit-animation: fillNumberMxm23 2s ease-in-out 0.3s both;
  animation: fillNumberMxm23 2s ease-in-out 0.3s both;
  -moz-transform: rotate(41.4deg);
  -webkit-transform: rotate(41.4deg);
  -ms-transform: rotate(41.4deg);
  -o-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
}
.processCircle .percent24 .slim-skill__mask.full, .processCircle .percent24 .slim-skill__fill {
  -webkit-animation: fillNumberMxm24 2s ease-in-out 0.3s both;
  animation: fillNumberMxm24 2s ease-in-out 0.3s both;
  -moz-transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.processCircle .percent25 .slim-skill__mask.full, .processCircle .percent25 .slim-skill__fill {
  -webkit-animation: fillNumberMxm25 2s ease-in-out 0.3s both;
  animation: fillNumberMxm25 2s ease-in-out 0.3s both;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.processCircle .percent26 .slim-skill__mask.full, .processCircle .percent26 .slim-skill__fill {
  -webkit-animation: fillNumberMxm26 2s ease-in-out 0.3s both;
  animation: fillNumberMxm26 2s ease-in-out 0.3s both;
  -moz-transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.processCircle .percent27 .slim-skill__mask.full, .processCircle .percent27 .slim-skill__fill {
  -webkit-animation: fillNumberMxm27 2s ease-in-out 0.3s both;
  animation: fillNumberMxm27 2s ease-in-out 0.3s both;
  -moz-transform: rotate(48.6deg);
  -webkit-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  -o-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}
.processCircle .percent28 .slim-skill__mask.full, .processCircle .percent28 .slim-skill__fill {
  -webkit-animation: fillNumberMxm28 2s ease-in-out 0.3s both;
  animation: fillNumberMxm28 2s ease-in-out 0.3s both;
  -moz-transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.processCircle .percent29 .slim-skill__mask.full, .processCircle .percent29 .slim-skill__fill {
  -webkit-animation: fillNumberMxm29 2s ease-in-out 0.3s both;
  animation: fillNumberMxm29 2s ease-in-out 0.3s both;
  -moz-transform: rotate(52.2deg);
  -webkit-transform: rotate(52.2deg);
  -ms-transform: rotate(52.2deg);
  -o-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
}
.processCircle .percent30 .slim-skill__mask.full, .processCircle .percent30 .slim-skill__fill {
  -webkit-animation: fillNumberMxm30 2s ease-in-out 0.3s both;
  animation: fillNumberMxm30 2s ease-in-out 0.3s both;
  -moz-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.processCircle .percent31 .slim-skill__mask.full, .processCircle .percent31 .slim-skill__fill {
  -webkit-animation: fillNumberMxm31 2s ease-in-out 0.3s both;
  animation: fillNumberMxm31 2s ease-in-out 0.3s both;
  -moz-transform: rotate(55.8deg);
  -webkit-transform: rotate(55.8deg);
  -ms-transform: rotate(55.8deg);
  -o-transform: rotate(55.8deg);
  transform: rotate(55.8deg);
}
.processCircle .percent32 .slim-skill__mask.full, .processCircle .percent32 .slim-skill__fill {
  -webkit-animation: fillNumberMxm32 2s ease-in-out 0.3s both;
  animation: fillNumberMxm32 2s ease-in-out 0.3s both;
  -moz-transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.processCircle .percent33 .slim-skill__mask.full, .processCircle .percent33 .slim-skill__fill {
  -webkit-animation: fillNumberMxm33 2s ease-in-out 0.3s both;
  animation: fillNumberMxm33 2s ease-in-out 0.3s both;
  -moz-transform: rotate(59.4deg);
  -webkit-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  -o-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}
.processCircle .percent34 .slim-skill__mask.full, .processCircle .percent34 .slim-skill__fill {
  -webkit-animation: fillNumberMxm34 2s ease-in-out 0.3s both;
  animation: fillNumberMxm34 2s ease-in-out 0.3s both;
  -moz-transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.processCircle .percent35 .slim-skill__mask.full, .processCircle .percent35 .slim-skill__fill {
  -webkit-animation: fillNumberMxm35 2s ease-in-out 0.3s both;
  animation: fillNumberMxm35 2s ease-in-out 0.3s both;
  -moz-transform: rotate(63deg);
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  -o-transform: rotate(63deg);
  transform: rotate(63deg);
}
.processCircle .percent36 .slim-skill__mask.full, .processCircle .percent36 .slim-skill__fill {
  -webkit-animation: fillNumberMxm36 2s ease-in-out 0.3s both;
  animation: fillNumberMxm36 2s ease-in-out 0.3s both;
  -moz-transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.processCircle .percent37 .slim-skill__mask.full, .processCircle .percent37 .slim-skill__fill {
  -webkit-animation: fillNumberMxm37 2s ease-in-out 0.3s both;
  animation: fillNumberMxm37 2s ease-in-out 0.3s both;
  -moz-transform: rotate(66.6deg);
  -webkit-transform: rotate(66.6deg);
  -ms-transform: rotate(66.6deg);
  -o-transform: rotate(66.6deg);
  transform: rotate(66.6deg);
}
.processCircle .percent38 .slim-skill__mask.full, .processCircle .percent38 .slim-skill__fill {
  -webkit-animation: fillNumberMxm38 2s ease-in-out 0.3s both;
  animation: fillNumberMxm38 2s ease-in-out 0.3s both;
  -moz-transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.processCircle .percent39 .slim-skill__mask.full, .processCircle .percent39 .slim-skill__fill {
  -webkit-animation: fillNumberMxm39 2s ease-in-out 0.3s both;
  animation: fillNumberMxm39 2s ease-in-out 0.3s both;
  -moz-transform: rotate(70.2deg);
  -webkit-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  -o-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}
.processCircle .percent40 .slim-skill__mask.full, .processCircle .percent40 .slim-skill__fill {
  -webkit-animation: fillNumberMxm40 2s ease-in-out 0.3s both;
  animation: fillNumberMxm40 2s ease-in-out 0.3s both;
  -moz-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.processCircle .percent41 .slim-skill__mask.full, .processCircle .percent41 .slim-skill__fill {
  -webkit-animation: fillNumberMxm41 2s ease-in-out 0.3s both;
  animation: fillNumberMxm41 2s ease-in-out 0.3s both;
  -moz-transform: rotate(73.8deg);
  -webkit-transform: rotate(73.8deg);
  -ms-transform: rotate(73.8deg);
  -o-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
}
.processCircle .percent42 .slim-skill__mask.full, .processCircle .percent42 .slim-skill__fill {
  -webkit-animation: fillNumberMxm42 2s ease-in-out 0.3s both;
  animation: fillNumberMxm42 2s ease-in-out 0.3s both;
  -moz-transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.processCircle .percent43 .slim-skill__mask.full, .processCircle .percent43 .slim-skill__fill {
  -webkit-animation: fillNumberMxm43 2s ease-in-out 0.3s both;
  animation: fillNumberMxm43 2s ease-in-out 0.3s both;
  -moz-transform: rotate(77.4deg);
  -webkit-transform: rotate(77.4deg);
  -ms-transform: rotate(77.4deg);
  -o-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
}
.processCircle .percent44 .slim-skill__mask.full, .processCircle .percent44 .slim-skill__fill {
  -webkit-animation: fillNumberMxm44 2s ease-in-out 0.3s both;
  animation: fillNumberMxm44 2s ease-in-out 0.3s both;
  -moz-transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.processCircle .percent45 .slim-skill__mask.full, .processCircle .percent45 .slim-skill__fill {
  -webkit-animation: fillNumberMxm45 2s ease-in-out 0.3s both;
  animation: fillNumberMxm45 2s ease-in-out 0.3s both;
  -moz-transform: rotate(81deg);
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  -o-transform: rotate(81deg);
  transform: rotate(81deg);
}
.processCircle .percent46 .slim-skill__mask.full, .processCircle .percent46 .slim-skill__fill {
  -webkit-animation: fillNumberMxm46 2s ease-in-out 0.3s both;
  animation: fillNumberMxm46 2s ease-in-out 0.3s both;
  -moz-transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.processCircle .percent47 .slim-skill__mask.full, .processCircle .percent47 .slim-skill__fill {
  -webkit-animation: fillNumberMxm47 2s ease-in-out 0.3s both;
  animation: fillNumberMxm47 2s ease-in-out 0.3s both;
  -moz-transform: rotate(84.6deg);
  -webkit-transform: rotate(84.6deg);
  -ms-transform: rotate(84.6deg);
  -o-transform: rotate(84.6deg);
  transform: rotate(84.6deg);
}
.processCircle .percent48 .slim-skill__mask.full, .processCircle .percent48 .slim-skill__fill {
  -webkit-animation: fillNumberMxm48 2s ease-in-out 0.3s both;
  animation: fillNumberMxm48 2s ease-in-out 0.3s both;
  -moz-transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.processCircle .percent49 .slim-skill__mask.full, .processCircle .percent49 .slim-skill__fill {
  -webkit-animation: fillNumberMxm49 2s ease-in-out 0.3s both;
  animation: fillNumberMxm49 2s ease-in-out 0.3s both;
  -moz-transform: rotate(88.2deg);
  -webkit-transform: rotate(88.2deg);
  -ms-transform: rotate(88.2deg);
  -o-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
}
.processCircle .percent50 .slim-skill__mask.full, .processCircle .percent50 .slim-skill__fill {
  -webkit-animation: fillNumberMxm50 2s ease-in-out 0.3s both;
  animation: fillNumberMxm50 2s ease-in-out 0.3s both;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.processCircle .percent51 .slim-skill__mask.full, .processCircle .percent51 .slim-skill__fill {
  -webkit-animation: fillNumberMxm51 2s ease-in-out 0.3s both;
  animation: fillNumberMxm51 2s ease-in-out 0.3s both;
  -moz-transform: rotate(91.8deg);
  -webkit-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  -o-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}
.processCircle .percent52 .slim-skill__mask.full, .processCircle .percent52 .slim-skill__fill {
  -webkit-animation: fillNumberMxm52 2s ease-in-out 0.3s both;
  animation: fillNumberMxm52 2s ease-in-out 0.3s both;
  -moz-transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.processCircle .percent53 .slim-skill__mask.full, .processCircle .percent53 .slim-skill__fill {
  -webkit-animation: fillNumberMxm53 2s ease-in-out 0.3s both;
  animation: fillNumberMxm53 2s ease-in-out 0.3s both;
  -moz-transform: rotate(95.4deg);
  -webkit-transform: rotate(95.4deg);
  -ms-transform: rotate(95.4deg);
  -o-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
}
.processCircle .percent54 .slim-skill__mask.full, .processCircle .percent54 .slim-skill__fill {
  -webkit-animation: fillNumberMxm54 2s ease-in-out 0.3s both;
  animation: fillNumberMxm54 2s ease-in-out 0.3s both;
  -moz-transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.processCircle .percent55 .slim-skill__mask.full, .processCircle .percent55 .slim-skill__fill {
  -webkit-animation: fillNumberMxm55 2s ease-in-out 0.3s both;
  animation: fillNumberMxm55 2s ease-in-out 0.3s both;
  -moz-transform: rotate(99deg);
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  -o-transform: rotate(99deg);
  transform: rotate(99deg);
}
.processCircle .percent56 .slim-skill__mask.full, .processCircle .percent56 .slim-skill__fill {
  -webkit-animation: fillNumberMxm56 2s ease-in-out 0.3s both;
  animation: fillNumberMxm56 2s ease-in-out 0.3s both;
  -moz-transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.processCircle .percent57 .slim-skill__mask.full, .processCircle .percent57 .slim-skill__fill {
  -webkit-animation: fillNumberMxm57 2s ease-in-out 0.3s both;
  animation: fillNumberMxm57 2s ease-in-out 0.3s both;
  -moz-transform: rotate(102.6deg);
  -webkit-transform: rotate(102.6deg);
  -ms-transform: rotate(102.6deg);
  -o-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
}
.processCircle .percent58 .slim-skill__mask.full, .processCircle .percent58 .slim-skill__fill {
  -webkit-animation: fillNumberMxm58 2s ease-in-out 0.3s both;
  animation: fillNumberMxm58 2s ease-in-out 0.3s both;
  -moz-transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.processCircle .percent59 .slim-skill__mask.full, .processCircle .percent59 .slim-skill__fill {
  -webkit-animation: fillNumberMxm59 2s ease-in-out 0.3s both;
  animation: fillNumberMxm59 2s ease-in-out 0.3s both;
  -moz-transform: rotate(106.2deg);
  -webkit-transform: rotate(106.2deg);
  -ms-transform: rotate(106.2deg);
  -o-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
}
.processCircle .percent60 .slim-skill__mask.full, .processCircle .percent60 .slim-skill__fill {
  -webkit-animation: fillNumberMxm60 2s ease-in-out 0.3s both;
  animation: fillNumberMxm60 2s ease-in-out 0.3s both;
  -moz-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.processCircle .percent61 .slim-skill__mask.full, .processCircle .percent61 .slim-skill__fill {
  -webkit-animation: fillNumberMxm61 2s ease-in-out 0.3s both;
  animation: fillNumberMxm61 2s ease-in-out 0.3s both;
  -moz-transform: rotate(109.8deg);
  -webkit-transform: rotate(109.8deg);
  -ms-transform: rotate(109.8deg);
  -o-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}
.processCircle .percent62 .slim-skill__mask.full, .processCircle .percent62 .slim-skill__fill {
  -webkit-animation: fillNumberMxm62 2s ease-in-out 0.3s both;
  animation: fillNumberMxm62 2s ease-in-out 0.3s both;
  -moz-transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.processCircle .percent63 .slim-skill__mask.full, .processCircle .percent63 .slim-skill__fill {
  -webkit-animation: fillNumberMxm63 2s ease-in-out 0.3s both;
  animation: fillNumberMxm63 2s ease-in-out 0.3s both;
  -moz-transform: rotate(113.4deg);
  -webkit-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  -o-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}
.processCircle .percent64 .slim-skill__mask.full, .processCircle .percent64 .slim-skill__fill {
  -webkit-animation: fillNumberMxm64 2s ease-in-out 0.3s both;
  animation: fillNumberMxm64 2s ease-in-out 0.3s both;
  -moz-transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.processCircle .percent65 .slim-skill__mask.full, .processCircle .percent65 .slim-skill__fill {
  -webkit-animation: fillNumberMxm65 2s ease-in-out 0.3s both;
  animation: fillNumberMxm65 2s ease-in-out 0.3s both;
  -moz-transform: rotate(117deg);
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  -o-transform: rotate(117deg);
  transform: rotate(117deg);
}
.processCircle .percent66 .slim-skill__mask.full, .processCircle .percent66 .slim-skill__fill {
  -webkit-animation: fillNumberMxm66 2s ease-in-out 0.3s both;
  animation: fillNumberMxm66 2s ease-in-out 0.3s both;
  -moz-transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.processCircle .percent67 .slim-skill__mask.full, .processCircle .percent67 .slim-skill__fill {
  -webkit-animation: fillNumberMxm67 2s ease-in-out 0.3s both;
  animation: fillNumberMxm67 2s ease-in-out 0.3s both;
  -moz-transform: rotate(120.6deg);
  -webkit-transform: rotate(120.6deg);
  -ms-transform: rotate(120.6deg);
  -o-transform: rotate(120.6deg);
  transform: rotate(120.6deg);
}
.processCircle .percent68 .slim-skill__mask.full, .processCircle .percent68 .slim-skill__fill {
  -webkit-animation: fillNumberMxm68 2s ease-in-out 0.3s both;
  animation: fillNumberMxm68 2s ease-in-out 0.3s both;
  -moz-transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.processCircle .percent69 .slim-skill__mask.full, .processCircle .percent69 .slim-skill__fill {
  -webkit-animation: fillNumberMxm69 2s ease-in-out 0.3s both;
  animation: fillNumberMxm69 2s ease-in-out 0.3s both;
  -moz-transform: rotate(124.2deg);
  -webkit-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  -o-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}
.processCircle .percent70 .slim-skill__mask.full, .processCircle .percent70 .slim-skill__fill {
  -webkit-animation: fillNumberMxm70 2s ease-in-out 0.3s both;
  animation: fillNumberMxm70 2s ease-in-out 0.3s both;
  -moz-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.processCircle .percent71 .slim-skill__mask.full, .processCircle .percent71 .slim-skill__fill {
  -webkit-animation: fillNumberMxm71 2s ease-in-out 0.3s both;
  animation: fillNumberMxm71 2s ease-in-out 0.3s both;
  -moz-transform: rotate(127.8deg);
  -webkit-transform: rotate(127.8deg);
  -ms-transform: rotate(127.8deg);
  -o-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
}
.processCircle .percent72 .slim-skill__mask.full, .processCircle .percent72 .slim-skill__fill {
  -webkit-animation: fillNumberMxm72 2s ease-in-out 0.3s both;
  animation: fillNumberMxm72 2s ease-in-out 0.3s both;
  -moz-transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.processCircle .percent73 .slim-skill__mask.full, .processCircle .percent73 .slim-skill__fill {
  -webkit-animation: fillNumberMxm73 2s ease-in-out 0.3s both;
  animation: fillNumberMxm73 2s ease-in-out 0.3s both;
  -moz-transform: rotate(131.4deg);
  -webkit-transform: rotate(131.4deg);
  -ms-transform: rotate(131.4deg);
  -o-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
}
.processCircle .percent74 .slim-skill__mask.full, .processCircle .percent74 .slim-skill__fill {
  -webkit-animation: fillNumberMxm74 2s ease-in-out 0.3s both;
  animation: fillNumberMxm74 2s ease-in-out 0.3s both;
  -moz-transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.processCircle .percent75 .slim-skill__mask.full, .processCircle .percent75 .slim-skill__fill {
  -webkit-animation: fillNumberMxm75 2s ease-in-out 0.3s both;
  animation: fillNumberMxm75 2s ease-in-out 0.3s both;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.processCircle .percent76 .slim-skill__mask.full, .processCircle .percent76 .slim-skill__fill {
  -webkit-animation: fillNumberMxm76 2s ease-in-out 0.3s both;
  animation: fillNumberMxm76 2s ease-in-out 0.3s both;
  -moz-transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.processCircle .percent77 .slim-skill__mask.full, .processCircle .percent77 .slim-skill__fill {
  -webkit-animation: fillNumberMxm77 2s ease-in-out 0.3s both;
  animation: fillNumberMxm77 2s ease-in-out 0.3s both;
  -moz-transform: rotate(138.6deg);
  -webkit-transform: rotate(138.6deg);
  -ms-transform: rotate(138.6deg);
  -o-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
}
.processCircle .percent78 .slim-skill__mask.full, .processCircle .percent78 .slim-skill__fill {
  -webkit-animation: fillNumberMxm78 2s ease-in-out 0.3s both;
  animation: fillNumberMxm78 2s ease-in-out 0.3s both;
  -moz-transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.processCircle .percent79 .slim-skill__mask.full, .processCircle .percent79 .slim-skill__fill {
  -webkit-animation: fillNumberMxm79 2s ease-in-out 0.3s both;
  animation: fillNumberMxm79 2s ease-in-out 0.3s both;
  -moz-transform: rotate(142.2deg);
  -webkit-transform: rotate(142.2deg);
  -ms-transform: rotate(142.2deg);
  -o-transform: rotate(142.2deg);
  transform: rotate(142.2deg);
}
.processCircle .percent80 .slim-skill__mask.full, .processCircle .percent80 .slim-skill__fill {
  -webkit-animation: fillNumberMxm80 2s ease-in-out 0.3s both;
  animation: fillNumberMxm80 2s ease-in-out 0.3s both;
  -moz-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.processCircle .percent81 .slim-skill__mask.full, .processCircle .percent81 .slim-skill__fill {
  -webkit-animation: fillNumberMxm81 2s ease-in-out 0.3s both;
  animation: fillNumberMxm81 2s ease-in-out 0.3s both;
  -moz-transform: rotate(145.8deg);
  -webkit-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  -o-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}
.processCircle .percent82 .slim-skill__mask.full, .processCircle .percent82 .slim-skill__fill {
  -webkit-animation: fillNumberMxm82 2s ease-in-out 0.3s both;
  animation: fillNumberMxm82 2s ease-in-out 0.3s both;
  -moz-transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.processCircle .percent83 .slim-skill__mask.full, .processCircle .percent83 .slim-skill__fill {
  -webkit-animation: fillNumberMxm83 2s ease-in-out 0.3s both;
  animation: fillNumberMxm83 2s ease-in-out 0.3s both;
  -moz-transform: rotate(149.4deg);
  -webkit-transform: rotate(149.4deg);
  -ms-transform: rotate(149.4deg);
  -o-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
}
.processCircle .percent84 .slim-skill__mask.full, .processCircle .percent84 .slim-skill__fill {
  -webkit-animation: fillNumberMxm84 2s ease-in-out 0.3s both;
  animation: fillNumberMxm84 2s ease-in-out 0.3s both;
  -moz-transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.processCircle .percent85 .slim-skill__mask.full, .processCircle .percent85 .slim-skill__fill {
  -webkit-animation: fillNumberMxm85 2s ease-in-out 0.3s both;
  animation: fillNumberMxm85 2s ease-in-out 0.3s both;
  -moz-transform: rotate(153deg);
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  -o-transform: rotate(153deg);
  transform: rotate(153deg);
}
.processCircle .percent86 .slim-skill__mask.full, .processCircle .percent86 .slim-skill__fill {
  -webkit-animation: fillNumberMxm86 2s ease-in-out 0.3s both;
  animation: fillNumberMxm86 2s ease-in-out 0.3s both;
  -moz-transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.processCircle .percent87 .slim-skill__mask.full, .processCircle .percent87 .slim-skill__fill {
  -webkit-animation: fillNumberMxm87 2s ease-in-out 0.3s both;
  animation: fillNumberMxm87 2s ease-in-out 0.3s both;
  -moz-transform: rotate(156.6deg);
  -webkit-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  -o-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}
.processCircle .percent88 .slim-skill__mask.full, .processCircle .percent88 .slim-skill__fill {
  -webkit-animation: fillNumberMxm88 2s ease-in-out 0.3s both;
  animation: fillNumberMxm88 2s ease-in-out 0.3s both;
  -moz-transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.processCircle .percent89 .slim-skill__mask.full, .processCircle .percent89 .slim-skill__fill {
  -webkit-animation: fillNumberMxm89 2s ease-in-out 0.3s both;
  animation: fillNumberMxm89 2s ease-in-out 0.3s both;
  -moz-transform: rotate(160.2deg);
  -webkit-transform: rotate(160.2deg);
  -ms-transform: rotate(160.2deg);
  -o-transform: rotate(160.2deg);
  transform: rotate(160.2deg);
}
.processCircle .percent90 .slim-skill__mask.full, .processCircle .percent90 .slim-skill__fill {
  -webkit-animation: fillNumberMxm90 2s ease-in-out 0.3s both;
  animation: fillNumberMxm90 2s ease-in-out 0.3s both;
  -moz-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.processCircle .percent91 .slim-skill__mask.full, .processCircle .percent91 .slim-skill__fill {
  -webkit-animation: fillNumberMxm91 2s ease-in-out 0.3s both;
  animation: fillNumberMxm91 2s ease-in-out 0.3s both;
  -moz-transform: rotate(163.8deg);
  -webkit-transform: rotate(163.8deg);
  -ms-transform: rotate(163.8deg);
  -o-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
}
.processCircle .percent92 .slim-skill__mask.full, .processCircle .percent92 .slim-skill__fill {
  -webkit-animation: fillNumberMxm92 2s ease-in-out 0.3s both;
  animation: fillNumberMxm92 2s ease-in-out 0.3s both;
  -moz-transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.processCircle .percent93 .slim-skill__mask.full, .processCircle .percent93 .slim-skill__fill {
  -webkit-animation: fillNumberMxm93 2s ease-in-out 0.3s both;
  animation: fillNumberMxm93 2s ease-in-out 0.3s both;
  -moz-transform: rotate(167.4deg);
  -webkit-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  -o-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}
.processCircle .percent94 .slim-skill__mask.full, .processCircle .percent94 .slim-skill__fill {
  -webkit-animation: fillNumberMxm94 2s ease-in-out 0.3s both;
  animation: fillNumberMxm94 2s ease-in-out 0.3s both;
  -moz-transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.processCircle .percent95 .slim-skill__mask.full, .processCircle .percent95 .slim-skill__fill {
  -webkit-animation: fillNumberMxm95 2s ease-in-out 0.3s both;
  animation: fillNumberMxm95 2s ease-in-out 0.3s both;
  -moz-transform: rotate(171deg);
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  -o-transform: rotate(171deg);
  transform: rotate(171deg);
}
.processCircle .percent96 .slim-skill__mask.full, .processCircle .percent96 .slim-skill__fill {
  -webkit-animation: fillNumberMxm96 2s ease-in-out 0.3s both;
  animation: fillNumberMxm96 2s ease-in-out 0.3s both;
  -moz-transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.processCircle .percent97 .slim-skill__mask.full, .processCircle .percent97 .slim-skill__fill {
  -webkit-animation: fillNumberMxm97 2s ease-in-out 0.3s both;
  animation: fillNumberMxm97 2s ease-in-out 0.3s both;
  -moz-transform: rotate(174.6deg);
  -webkit-transform: rotate(174.6deg);
  -ms-transform: rotate(174.6deg);
  -o-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
}
.processCircle .percent98 .slim-skill__mask.full, .processCircle .percent98 .slim-skill__fill {
  -webkit-animation: fillNumberMxm98 2s ease-in-out 0.3s both;
  animation: fillNumberMxm98 2s ease-in-out 0.3s both;
  -moz-transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.processCircle .percent99 .slim-skill__mask.full, .processCircle .percent99 .slim-skill__fill {
  -webkit-animation: fillNumberMxm99 2s ease-in-out 0.3s both;
  animation: fillNumberMxm99 2s ease-in-out 0.3s both;
  -moz-transform: rotate(178.2deg);
  -webkit-transform: rotate(178.2deg);
  -ms-transform: rotate(178.2deg);
  -o-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
}
.processCircle .percent100 .slim-skill__mask.full, .processCircle .percent100 .slim-skill__fill {
  -webkit-animation: fillNumberMxm100 2s ease-in-out 0.3s both;
  animation: fillNumberMxm100 2s ease-in-out 0.3s both;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.slim-skill__icon {
  border-radius: 50%;
  width: 10.8rem;
  height: 10.8rem;
  background: #ffffff;
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slim-skill__number {
  position: relative;
}
.slim-skill__number:before {
  content: "%";
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}
.slim-skill__name {
  text-align: center;
}
.slim-skill__paragraph {
  text-align: center;
}

@keyframes fillNumberMxm0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fillNumberMxm1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1.8deg);
  }
}
@keyframes fillNumberMxm2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3.6deg);
  }
}
@keyframes fillNumberMxm3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(5.4deg);
  }
}
@keyframes fillNumberMxm4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(7.2deg);
  }
}
@keyframes fillNumberMxm5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(9deg);
  }
}
@keyframes fillNumberMxm6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10.8deg);
  }
}
@keyframes fillNumberMxm7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(12.6deg);
  }
}
@keyframes fillNumberMxm8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(14.4deg);
  }
}
@keyframes fillNumberMxm9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(16.2deg);
  }
}
@keyframes fillNumberMxm10 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(18deg);
  }
}
@keyframes fillNumberMxm11 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(19.8deg);
  }
}
@keyframes fillNumberMxm12 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(21.6deg);
  }
}
@keyframes fillNumberMxm13 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(23.4deg);
  }
}
@keyframes fillNumberMxm14 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(25.2deg);
  }
}
@keyframes fillNumberMxm15 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(27deg);
  }
}
@keyframes fillNumberMxm16 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(28.8deg);
  }
}
@keyframes fillNumberMxm17 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(30.6deg);
  }
}
@keyframes fillNumberMxm18 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(32.4deg);
  }
}
@keyframes fillNumberMxm19 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(34.2deg);
  }
}
@keyframes fillNumberMxm20 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(36deg);
  }
}
@keyframes fillNumberMxm21 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(37.8deg);
  }
}
@keyframes fillNumberMxm22 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(39.6deg);
  }
}
@keyframes fillNumberMxm23 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(41.4deg);
  }
}
@keyframes fillNumberMxm24 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(43.2deg);
  }
}
@keyframes fillNumberMxm25 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes fillNumberMxm26 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(46.8deg);
  }
}
@keyframes fillNumberMxm27 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(48.6deg);
  }
}
@keyframes fillNumberMxm28 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(50.4deg);
  }
}
@keyframes fillNumberMxm29 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(52.2deg);
  }
}
@keyframes fillNumberMxm30 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(54deg);
  }
}
@keyframes fillNumberMxm31 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(55.8deg);
  }
}
@keyframes fillNumberMxm32 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(57.6deg);
  }
}
@keyframes fillNumberMxm33 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(59.4deg);
  }
}
@keyframes fillNumberMxm34 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(61.2deg);
  }
}
@keyframes fillNumberMxm35 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(63deg);
  }
}
@keyframes fillNumberMxm36 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(64.8deg);
  }
}
@keyframes fillNumberMxm37 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(66.6deg);
  }
}
@keyframes fillNumberMxm38 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(68.4deg);
  }
}
@keyframes fillNumberMxm39 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(70.2deg);
  }
}
@keyframes fillNumberMxm40 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(72deg);
  }
}
@keyframes fillNumberMxm41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(73.8deg);
  }
}
@keyframes fillNumberMxm42 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(75.6deg);
  }
}
@keyframes fillNumberMxm43 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(77.4deg);
  }
}
@keyframes fillNumberMxm44 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(79.2deg);
  }
}
@keyframes fillNumberMxm45 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(81deg);
  }
}
@keyframes fillNumberMxm46 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(82.8deg);
  }
}
@keyframes fillNumberMxm47 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(84.6deg);
  }
}
@keyframes fillNumberMxm48 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(86.4deg);
  }
}
@keyframes fillNumberMxm49 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(88.2deg);
  }
}
@keyframes fillNumberMxm50 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes fillNumberMxm51 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(91.8deg);
  }
}
@keyframes fillNumberMxm52 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(93.6deg);
  }
}
@keyframes fillNumberMxm53 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(95.4deg);
  }
}
@keyframes fillNumberMxm54 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(97.2deg);
  }
}
@keyframes fillNumberMxm55 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(99deg);
  }
}
@keyframes fillNumberMxm56 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(100.8deg);
  }
}
@keyframes fillNumberMxm57 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(102.6deg);
  }
}
@keyframes fillNumberMxm58 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(104.4deg);
  }
}
@keyframes fillNumberMxm59 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(106.2deg);
  }
}
@keyframes fillNumberMxm60 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(108deg);
  }
}
@keyframes fillNumberMxm61 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(109.8deg);
  }
}
@keyframes fillNumberMxm62 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(111.6deg);
  }
}
@keyframes fillNumberMxm63 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(113.4deg);
  }
}
@keyframes fillNumberMxm64 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(115.2deg);
  }
}
@keyframes fillNumberMxm65 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(117deg);
  }
}
@keyframes fillNumberMxm66 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(118.8deg);
  }
}
@keyframes fillNumberMxm67 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(120.6deg);
  }
}
@keyframes fillNumberMxm68 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(122.4deg);
  }
}
@keyframes fillNumberMxm69 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(124.2deg);
  }
}
@keyframes fillNumberMxm70 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(126deg);
  }
}
@keyframes fillNumberMxm71 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(127.8deg);
  }
}
@keyframes fillNumberMxm72 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(129.6deg);
  }
}
@keyframes fillNumberMxm73 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(131.4deg);
  }
}
@keyframes fillNumberMxm74 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(133.2deg);
  }
}
@keyframes fillNumberMxm75 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(135deg);
  }
}
@keyframes fillNumberMxm76 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(136.8deg);
  }
}
@keyframes fillNumberMxm77 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(138.6deg);
  }
}
@keyframes fillNumberMxm78 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(140.4deg);
  }
}
@keyframes fillNumberMxm79 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(142.2deg);
  }
}
@keyframes fillNumberMxm80 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(144deg);
  }
}
@keyframes fillNumberMxm81 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(145.8deg);
  }
}
@keyframes fillNumberMxm82 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(147.6deg);
  }
}
@keyframes fillNumberMxm83 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(149.4deg);
  }
}
@keyframes fillNumberMxm84 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(151.2deg);
  }
}
@keyframes fillNumberMxm85 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(153deg);
  }
}
@keyframes fillNumberMxm86 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(154.8deg);
  }
}
@keyframes fillNumberMxm87 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(156.6deg);
  }
}
@keyframes fillNumberMxm88 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(158.4deg);
  }
}
@keyframes fillNumberMxm89 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(160.2deg);
  }
}
@keyframes fillNumberMxm90 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(162deg);
  }
}
@keyframes fillNumberMxm91 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(163.8deg);
  }
}
@keyframes fillNumberMxm92 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(165.6deg);
  }
}
@keyframes fillNumberMxm93 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(167.4deg);
  }
}
@keyframes fillNumberMxm94 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(169.2deg);
  }
}
@keyframes fillNumberMxm95 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(171deg);
  }
}
@keyframes fillNumberMxm96 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(172.8deg);
  }
}
@keyframes fillNumberMxm97 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(174.6deg);
  }
}
@keyframes fillNumberMxm98 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(176.4deg);
  }
}
@keyframes fillNumberMxm99 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(178.2deg);
  }
}
@keyframes fillNumberMxm100 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
/*******************form***********************/
.form__form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
.form__group {
  width: 100%;
  position: relative;
}
.form__input {
  padding: 1.2rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
}
.form__input:focus {
  outline: none;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.form__input:focus:invalid {
  border: 1px solid #f3d0d3;
}
.form__input:placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.form__input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.form__input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.form__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.form__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.form__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.form__input:placeholder-shown + .form__label {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateY(-4rem);
  -webkit-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  -o-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.form__label {
  opacity: 1;
  visibility: visible;
  margin-left: 1.6rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.form__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

/*******************list-faq***********************/
.list-faq {
  margin-bottom: 4rem;
}
.list-faq__list--lv2 {
  padding: 0.8rem 4.2rem 0.8rem 7.2rem;
}
@media screen and (max-width: 319px) {
  .list-faq__list--lv2 {
    padding: 0.8rem 2.8rem 0.8rem 3.2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .list-faq__list--lv2 {
    padding: 0.8rem 4rem 0.8rem 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .list-faq__list--lv2 {
    padding: 0.8rem 4rem 0.8rem 4rem;
  }
}
.list-faq__item {
  margin-bottom: 0.4rem;
}
.list-faq__link {
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  display: block;
  padding: 0.8rem 4.2rem 0.8rem 7.2rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 319px) {
  .list-faq__link {
    padding: 0.8rem 2.8rem 0.8rem 3.2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .list-faq__link {
    padding: 0.8rem 4rem 0.8rem 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .list-faq__link {
    padding: 0.8rem 4rem 0.8rem 4rem;
  }
}
.list-faq__link:hover {
  color: #000000;
}
.list-faq--drop > .list-faq__link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -moz-transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 2.4rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 319px) {
  .list-faq--drop > .list-faq__link:before {
    right: 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .list-faq--drop > .list-faq__link:before {
    right: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .list-faq--drop > .list-faq__link:before {
    right: 0.8rem;
  }
}
.list-faq--drop > .list-faq__link:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.6rem;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 2.4rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 319px) {
  .list-faq--drop > .list-faq__link:after {
    left: 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .list-faq--drop > .list-faq__link:after {
    left: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .list-faq--drop > .list-faq__link:after {
    left: 0.8rem;
  }
}
.list-faq--drop.openMn > .list-faq__link:before {
  -moz-transform: translateY(-50%) rotate(-180deg);
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.list-faq__paragraph {
  margin-bottom: 4rem;
}

/*******************side-navi***********************/
.side-navi__list {
  margin-bottom: 4rem;
  position: relative;
  margin-top: 0;
}
.side-navi__list ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.side-navi__list ul li {
  margin-bottom: 0.4rem;
}
.side-navi__list ul li a {
  display: block;
  padding: 0.8rem 1.6rem 0.8rem 6.4rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  position: relative;
}
.side-navi__list ul li a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.6rem;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 2.4rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.side-navi--fixed {
  position: fixed;
  top: 56px;
  left: 500px;
}
.side-navi__content h5 {
  margin-bottom: 1.2rem;
}
.side-navi__content img {
  float: left;
  margin-right: 2rem;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 319px) {
  .side-navi__content img {
    float: none;
    margin: 0.4rem auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .side-navi__content img {
    float: none;
    margin: 0.4rem auto;
  }
}
.side-navi__content img.right {
  float: right;
  margin-left: 2rem;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 319px) {
  .side-navi__content img.right {
    float: none;
    margin: 0.4rem auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .side-navi__content img.right {
    float: none;
    margin: 0.4rem auto;
  }
}
.side-navi__content p {
  margin-bottom: 2rem;
}
.side-navi__content .parent-mxm {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 319px) {
  .side-navi__content .parent-mxm {
    flex-direction: column;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .side-navi__content .parent-mxm {
    flex-direction: column;
  }
}
.side-navi__content ul {
  margin-bottom: 1.2rem;
}
.side-navi__content ul:not(:last-child) {
  margin-right: 12rem;
}
@media screen and (max-width: 319px) {
  .side-navi__content ul:not(:last-child) {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .side-navi__content ul:not(:last-child) {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .side-navi__content ul:not(:last-child) {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .side-navi__content ul:not(:last-child) {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .side-navi__content ul:not(:last-child) {
    margin-right: 4rem;
  }
}
.side-navi__content ul li {
  padding: 0rem 0.8rem 0rem 2.4rem;
  position: relative;
}
.side-navi__content ul li:not(:last-child) {
  margin-bottom: 1.2rem;
}
.side-navi__content ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.87);
}
.side-navi__content blockquote {
  margin-bottom: 4rem;
  margin-top: 4rem;
  text-align: center;
  padding: 5.4rem 10.4rem 0.4rem;
  position: relative;
}
@media screen and (max-width: 319px) {
  .side-navi__content blockquote {
    padding: 5.4rem 0rem 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .side-navi__content blockquote {
    padding: 5.4rem 0rem 0.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .side-navi__content blockquote {
    padding: 5.4rem 1.8rem 0.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .side-navi__content blockquote {
    padding: 5.4rem 1.8rem 0.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .side-navi__content blockquote {
    padding: 5.4rem 2.4rem 0.4rem;
  }
}
.side-navi__content blockquote:before {
  content: "";
  font-size: 6rem;
  color: rgba(0, 0, 0, 0.87);
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  font-family: "Material Icons";
}
.side-navi__content blockquote figcaption {
  margin-top: 1.2rem;
}

/*******************feature-work***********************/
.feature-work {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.feature-work__side {
  position: relative;
  width: 100%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
  .feature-work__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-work__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-work__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.feature-work__side.show {
  display: block;
}
.feature-work__side img {
  height: auto;
  max-width: 100%;
  margin: auto;
}
.feature-work__side:hover .feature-work__content {
  opacity: 1;
  visibility: visible;
}
.feature-work__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  padding: 1rem 4.8rem 1rem;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 1.2s ease 0s;
  -webkit-transition: all 1.2s ease 0s;
  -o-transition: all 1.2s ease 0s;
  transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
  .feature-work__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-work__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-work__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 319px) {
  .feature-work__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-work__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-work__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-work__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .feature-work__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
.feature-work__icon {
  margin-bottom: 5.6rem;
}
.feature-work__icon i {
  font-size: 3.6rem;
  color: #ffffff;
}
@media screen and (max-width: 319px) {
  .feature-work__icon {
    margin-bottom: 1.2rem;
  }
  .feature-work__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-work__icon {
    margin-bottom: 1.2rem;
  }
  .feature-work__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-work__icon {
    margin-bottom: 1.2rem;
  }
  .feature-work__icon i {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-work__icon {
    margin-bottom: 1.2rem;
  }
  .feature-work__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .feature-work__icon {
    margin-bottom: 1.2rem;
  }
  .feature-work__icon i {
    font-size: 2.8rem;
  }
}
.feature-work__date-cate {
  margin-bottom: 1.2rem;
}
.feature-work__date-cate span {
  color: #ffffff;
}
@media screen and (max-width: 319px) {
  .feature-work__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-work__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-work__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-work__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .feature-work__date-cate {
    margin-bottom: 0rem;
  }
}
.feature-work__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .feature-work__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-work__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-work__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-work__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .feature-work__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.feature-work__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .feature-work__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-work__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-work__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-work__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .feature-work__paragraph {
    margin-bottom: 2.4rem;
  }
}

.feature-work-t {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4.8rem;
}
.feature-work-t__title {
  text-align: center;
  margin-bottom: 2.4rem;
}
.feature-work-t__nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.feature-work-t__nav a {
  display: block;
  margin: 0rem 0.8rem 1.6rem;
}
/*******************show-case-v2***********************/
.show-case-v2__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.show-case-v2__side:hover .show-case-v2__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
  .show-case-v2__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v2__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v2__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .show-case-v2__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .show-case-v2__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.show-case-v2__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.6rem 0 2.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.show-case-v2__paragraph {
  margin-bottom: 4.8rem;
}
.show-case-v2__picture img {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
  max-width: 160%;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 319px) {
  .show-case-v2__picture img {
    max-width: 100%;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v2__picture img {
    max-width: 100%;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v2__picture img {
    max-width: 100%;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .show-case-v2__picture img {
    max-width: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .show-case-v2__picture img {
    max-width: 100%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .show-case-v2__picture img {
    max-width: 100%;
  }
}

/*******************show-case-v3***********************/
.show-case-v3__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.show-case-v3__side:hover .show-case-v3__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
  .show-case-v3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .show-case-v3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .show-case-v3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.show-case-v3__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.6rem 0 2.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.show-case-v3__paragraph {
  margin-bottom: 4.8rem;
}
.show-case-v3__picture img {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
  max-width: 130%;
  -moz-transform: translateX(-24%);
  -webkit-transform: translateX(-24%);
  -ms-transform: translateX(-24%);
  -o-transform: translateX(-24%);
  transform: translateX(-24%);
  height: auto;
  margin: auto;
}
@media screen and (max-width: 319px) {
  .show-case-v3__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v3__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v3__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .show-case-v3__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .show-case-v3__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .show-case-v3__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/*******************show-case-v4***********************/
.show-case-v4__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.show-case-v4__side:hover .show-case-v4__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
  .show-case-v4__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v4__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v4__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .show-case-v4__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .show-case-v4__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.show-case-v4__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 1.6rem 0 2.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.show-case-v4__paragraph {
  margin-bottom: 4.8rem;
}
.show-case-v4__picture img {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
  max-width: 112%;
  -moz-transform: translateX(-12%);
  -webkit-transform: translateX(-12%);
  -ms-transform: translateX(-12%);
  -o-transform: translateX(-12%);
  transform: translateX(-12%);
  height: auto;
  margin: auto;
}
@media screen and (max-width: 319px) {
  .show-case-v4__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v4__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v4__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .show-case-v4__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .show-case-v4__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .show-case-v4__picture img {
    max-width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/*******************show-case-v5***********************/
.show-case-v5__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.show-case-v5__side:hover .show-case-v5__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
  .show-case-v5__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v5__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v5__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .show-case-v5__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .show-case-v5__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.show-case-v5__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 1.6rem 0 2.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.show-case-v5__paragraph {
  margin-bottom: 4.8rem;
}
.show-case-v5__picture {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 319px) {
  .show-case-v5__picture {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v5__picture {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v5__picture {
    margin-bottom: 4rem;
  }
}
.show-case-v5__picture img {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
  max-width: 100%;
  height: auto;
  position: absolute;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media screen and (max-width: 319px) {
  .show-case-v5__picture img {
    position: static !important;
    -moz-transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v5__picture img {
    position: static !important;
    -moz-transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v5__picture img {
    position: static !important;
    -moz-transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}
/*******************show-case-v6***********************/
.show-case-v6__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.show-case-v6__side:hover .show-case-v6__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
  .show-case-v6__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v6__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v6__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .show-case-v6__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .show-case-v6__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.show-case-v6__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.6rem 0 2.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.show-case-v6__paragraph {
  margin-bottom: 4.8rem;
}
.show-case-v6__picture img {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
  max-width: 100%;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 319px) {
  .show-case-v6__picture img {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v6__picture img {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v6__picture img {
    margin-bottom: 4rem;
  }
}
/*******************show-case-v7***********************/
.show-case-v7__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.show-case-v7__side:hover .show-case-v7__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
  .show-case-v7__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v7__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v7__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .show-case-v7__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .show-case-v7__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.show-case-v7__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.6rem 0 2.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.show-case-v7__paragraph {
  margin-bottom: 4.8rem;
}
.show-case-v7__picture img {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
  max-width: 100%;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 319px) {
  .show-case-v7__picture img {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v7__picture img {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-case-v7__picture img {
    margin-bottom: 4rem;
  }
}
/*******************show-case-v8***********************/
.show-case-v8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.show-case-v8__title {
  margin-bottom: 4.8rem;
  text-align: center;
}
.show-case-v8__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.show-case-v8__btn {
  margin-bottom: 6.4rem;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.show-case-v8__hero {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
  height: auto;
  margin: 0 auto 0rem;
  max-width: 100%;
}

/*******************show-case-v9***********************/
.show-case-v9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.show-case-v9__title {
  margin-bottom: 4.8rem;
  text-align: center;
}
.show-case-v9__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.show-case-v9__btn {
  margin-bottom: 6.4rem;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.show-case-v9__hero {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
  height: auto;
  margin: 0 auto -18.4rem;
  max-width: 100%;
}
/*******************show-case-v10***********************/
.show-case-v10 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.show-case-v10__title {
  margin-bottom: 4.8rem;
  text-align: center;
}
.show-case-v10__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.show-case-v10__btn {
  margin-bottom: 6.4rem;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.show-case-v10__hero {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
  height: auto;
  margin: 0 auto 4rem;
  max-width: 100%;
}
.show-case-v10__feature {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
  position: relative;
}
.show-case-v10__feature:hover .show-case-v10__icon--parent {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.38);
}
.show-case-v10__feature:hover .show-case-v10__icon--parent:after {
  -moz-transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  opacity: 0.5;
}
.show-case-v10__feature:hover .show-case-v10__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
  .show-case-v10__feature {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v10__feature {
    flex-direction: column;
    align-items: center;
  }
}
.show-case-v10__feature.right {
  flex-direction: row;
}
@media screen and (max-width: 319px) {
  .show-case-v10__feature.right {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v10__feature.right {
    flex-direction: column;
    align-items: center;
  }
}
.show-case-v10__icon {
  margin-left: 1.6rem;
}
@media screen and (max-width: 319px) {
  .show-case-v10__icon {
    margin-left: 0rem;
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v10__icon {
    margin-left: 0rem;
    margin-bottom: 1.6rem;
  }
}
.show-case-v10__icon--parent {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  -moz-transition: box-shadow 0.5s;
  -webkit-transition: box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.38);
}
.show-case-v10__icon--parent:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  opacity: 1;
  -opacity-transition: transform 0.5s;
  -0.5s-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0 0 1px #ffffff;
}
.show-case-v10__icon--child {
  font-size: 3.2rem;
  color: #ffffff;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.right .show-case-v10__icon {
  margin-left: 0rem;
  margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
  .right .show-case-v10__icon {
    margin-left: 0rem;
    margin-right: 0rem;
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .right .show-case-v10__icon {
    margin-left: 0rem;
    margin-right: 0rem;
    margin-bottom: 1.6rem;
  }
}
.show-case-v10__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
@media screen and (max-width: 319px) {
  .show-case-v10__content {
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v10__content {
    align-items: center;
  }
}
.right .show-case-v10__content {
  align-items: flex-start;
}
@media screen and (max-width: 319px) {
  .right .show-case-v10__content {
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .right .show-case-v10__content {
    align-items: center;
  }
}
.show-case-v10__name {
  margin-bottom: 0.8rem;
  text-align: right;
}
@media screen and (max-width: 319px) {
  .show-case-v10__name {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v10__name {
    text-align: center;
  }
}
.right .show-case-v10__name {
  text-align: left;
}
@media screen and (max-width: 319px) {
  .right .show-case-v10__name {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .right .show-case-v10__name {
    text-align: center;
  }
}
.show-case-v10__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0.8rem 0 2rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.show-case-v10__paragraph {
  text-align: right;
}
@media screen and (max-width: 319px) {
  .show-case-v10__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .show-case-v10__paragraph {
    text-align: center;
  }
}
.right .show-case-v10__paragraph {
  text-align: left;
}
@media screen and (max-width: 319px) {
  .right .show-case-v10__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .right .show-case-v10__paragraph {
    text-align: center;
  }
}
/*******************show-case-v11***********************/
.show-case-v11 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.show-case-v11__title {
  margin-bottom: 4.8rem;
  text-align: center;
}
.show-case-v11__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.show-case-v11__btn {
  margin-bottom: 6.4rem;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.show-case-v11__hero {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
  height: auto;
  margin: 0 auto -10.4rem;
  max-width: 100%;
}
/*******************team-meet-full***********************/
.team-meet-full {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.team-meet-full__wrap-full {
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
@media screen and (max-width: 319px) {
  .team-meet-full__wrap-full {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .team-meet-full__wrap-full {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .team-meet-full__wrap-full {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .team-meet-full__wrap-full {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.team-meet-full__wrap-full:hover .team-meet-full__picture:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet-full__wrap-full:hover img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet-full__wrap-full:hover .team-meet-full__picture:after {
  visibility: visible;
  opacity: 1;
}
.team-meet-full__wrap-full:hover .team-meet-full__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
.team-meet-full__wrap {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
@media screen and (max-width: 319px) {
  .team-meet-full__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .team-meet-full__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .team-meet-full__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .team-meet-full__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.team-meet-full__wrap:hover .team-meet-full__picture:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet-full__wrap:hover img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet-full__wrap:hover .team-meet-full__picture:after {
  visibility: visible;
  opacity: 1;
}
.team-meet-full__wrap:hover .team-meet-full__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
.team-meet-full__side {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 319px) {
  .team-meet-full__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .team-meet-full__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.team-meet-full__side-info {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 6.4rem 6.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}
@media screen and (max-width: 319px) {
  .team-meet-full__side-info {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .team-meet-full__side-info {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .team-meet-full__side-info {
    padding: 0.8rem 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .team-meet-full__side-info {
    padding: 0.8rem 6.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .team-meet-full__side-info {
    padding: 1.2rem 1.6rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .team-meet-full__side-info {
    padding: 1.2rem 1.6rem;
  }
}
.team-meet-full__wrap-full .team-meet-full__side-info {
  padding: 1.2rem 24rem;
}
@media screen and (max-width: 319px) {
  .team-meet-full__wrap-full .team-meet-full__side-info {
    padding: 6.4rem 6.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .team-meet-full__wrap-full .team-meet-full__side-info {
    padding: 6.4rem 6.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .team-meet-full__wrap-full .team-meet-full__side-info {
    padding: 0.8rem 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .team-meet-full__wrap-full .team-meet-full__side-info {
    padding: 0.8rem 6.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .team-meet-full__wrap-full .team-meet-full__side-info {
    padding: 1.2rem 1.6rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .team-meet-full__wrap-full .team-meet-full__side-info {
    padding: 1.2rem 6.6rem;
  }
}
.team-meet-full__picture {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 9;
}
.team-meet-full__picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.team-meet-full__picture:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.team-meet-full__picture img {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
@media screen and (max-width: 319px) {
  .team-meet-full__wrap-full .team-meet-full__picture img {
    max-width: 200%;
    margin: 0 auto;
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .team-meet-full__wrap-full .team-meet-full__picture img {
    max-width: 200%;
    margin: 0 auto;
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .team-meet-full__wrap-full .team-meet-full__picture img {
    max-width: 200%;
    margin: 0 auto;
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .team-meet-full__wrap-full .team-meet-full__picture img {
    max-width: 200%;
    margin: 0 auto;
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}
.team-meet-full__name {
  margin-bottom: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 319px) {
  .team-meet-full__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .team-meet-full__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .team-meet-full__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .team-meet-full__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
.team-meet-full__paragraph {
  text-align: center;
}
.team-meet-full__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.6rem auto 1.6rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.team-meet-full__social ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.team-meet-full__social ul li a i {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.team-meet-full__social ul li a:hover i {
  color: #000000;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.team-meet-full__social ul li:not(:last-child) {
  margin-right: 1.6rem;
}

/*******************number***********************/
.number {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4rem;
}
.number__name {
  text-align: center;
  margin-bottom: 1.2rem;
}
.number__percent {
  text-align: center;
  margin-bottom: 0.4rem;
  position: relative;
}
.number__percent:before {
  content: "%";
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 4.8rem;
  line-height: 5.2rem;
  letter-spacing: 0.043rem;
  text-transform: none;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
}
.number__paragraph {
  text-align: center;
  padding: 0 4rem;
}
@media screen and (max-width: 319px) {
  .number__paragraph {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .number__paragraph {
    padding: 0 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .number__paragraph {
    padding: 0 12rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .number__paragraph {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .number__paragraph {
    padding: 0 2rem;
  }
}
/*******************feature-btn***********************/
.feature-btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-btn {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-btn {
    flex-direction: column;
    align-items: center;
  }
}
.feature-btn:hover .feature-btn__icon i {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.feature-btn__icon {
  margin-right: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-btn__icon {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-btn__icon {
    margin-right: 0;
  }
}
.feature-btn__icon i {
  font-size: 4.4rem;
  color: rgba(17, 189, 163, 0.87);
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.feature-btn__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-btn__content {
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-btn__content {
    align-items: center;
  }
}
.feature-btn__name {
  margin-bottom: 0.8rem;
}
.feature-btn__paragraph {
  margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-btn__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-btn__paragraph {
    text-align: center;
  }
}
/*******************skill-dark***********************/
.skill-dark {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}
.skill-dark__circle-wrap {
  width: 12rem;
  height: 12rem;
  background-color: #c7faf2;
  border-radius: 50%;
  margin-bottom: 1.6rem;
  position: relative;
}
.skill-dark__mask {
  width: 12rem;
  height: 12rem;
  position: absolute;
  border-radius: 50%;
  clip: rect(0, 12rem, 12rem, 6rem);
}
.skill-dark__fill {
  width: 12rem;
  height: 12rem;
  position: absolute;
  border-radius: 50%;
  clip: rect(0, 6rem, 12rem, 0);
  background-color: rgba(17, 189, 163, 0.87);
}
.processCircle .percent0 .skill-dark__mask.full, .processCircle .percent0 .skill-dark__fill {
  -webkit-animation: fillNumber0 2s ease-in-out 0.3s both;
  animation: fillNumber0 2s ease-in-out 0.3s both;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.processCircle .percent1 .skill-dark__mask.full, .processCircle .percent1 .skill-dark__fill {
  -webkit-animation: fillNumber1 2s ease-in-out 0.3s both;
  animation: fillNumber1 2s ease-in-out 0.3s both;
  -moz-transform: rotate(1.8deg);
  -webkit-transform: rotate(1.8deg);
  -ms-transform: rotate(1.8deg);
  -o-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
}
.processCircle .percent2 .skill-dark__mask.full, .processCircle .percent2 .skill-dark__fill {
  -webkit-animation: fillNumber2 2s ease-in-out 0.3s both;
  animation: fillNumber2 2s ease-in-out 0.3s both;
  -moz-transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.processCircle .percent3 .skill-dark__mask.full, .processCircle .percent3 .skill-dark__fill {
  -webkit-animation: fillNumber3 2s ease-in-out 0.3s both;
  animation: fillNumber3 2s ease-in-out 0.3s both;
  -moz-transform: rotate(5.4deg);
  -webkit-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  -o-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}
.processCircle .percent4 .skill-dark__mask.full, .processCircle .percent4 .skill-dark__fill {
  -webkit-animation: fillNumber4 2s ease-in-out 0.3s both;
  animation: fillNumber4 2s ease-in-out 0.3s both;
  -moz-transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.processCircle .percent5 .skill-dark__mask.full, .processCircle .percent5 .skill-dark__fill {
  -webkit-animation: fillNumber5 2s ease-in-out 0.3s both;
  animation: fillNumber5 2s ease-in-out 0.3s both;
  -moz-transform: rotate(9deg);
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  -o-transform: rotate(9deg);
  transform: rotate(9deg);
}
.processCircle .percent6 .skill-dark__mask.full, .processCircle .percent6 .skill-dark__fill {
  -webkit-animation: fillNumber6 2s ease-in-out 0.3s both;
  animation: fillNumber6 2s ease-in-out 0.3s both;
  -moz-transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.processCircle .percent7 .skill-dark__mask.full, .processCircle .percent7 .skill-dark__fill {
  -webkit-animation: fillNumber7 2s ease-in-out 0.3s both;
  animation: fillNumber7 2s ease-in-out 0.3s both;
  -moz-transform: rotate(12.6deg);
  -webkit-transform: rotate(12.6deg);
  -ms-transform: rotate(12.6deg);
  -o-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
}
.processCircle .percent8 .skill-dark__mask.full, .processCircle .percent8 .skill-dark__fill {
  -webkit-animation: fillNumber8 2s ease-in-out 0.3s both;
  animation: fillNumber8 2s ease-in-out 0.3s both;
  -moz-transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.processCircle .percent9 .skill-dark__mask.full, .processCircle .percent9 .skill-dark__fill {
  -webkit-animation: fillNumber9 2s ease-in-out 0.3s both;
  animation: fillNumber9 2s ease-in-out 0.3s both;
  -moz-transform: rotate(16.2deg);
  -webkit-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  -o-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}
.processCircle .percent10 .skill-dark__mask.full, .processCircle .percent10 .skill-dark__fill {
  -webkit-animation: fillNumber10 2s ease-in-out 0.3s both;
  animation: fillNumber10 2s ease-in-out 0.3s both;
  -moz-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.processCircle .percent11 .skill-dark__mask.full, .processCircle .percent11 .skill-dark__fill {
  -webkit-animation: fillNumber11 2s ease-in-out 0.3s both;
  animation: fillNumber11 2s ease-in-out 0.3s both;
  -moz-transform: rotate(19.8deg);
  -webkit-transform: rotate(19.8deg);
  -ms-transform: rotate(19.8deg);
  -o-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
}
.processCircle .percent12 .skill-dark__mask.full, .processCircle .percent12 .skill-dark__fill {
  -webkit-animation: fillNumber12 2s ease-in-out 0.3s both;
  animation: fillNumber12 2s ease-in-out 0.3s both;
  -moz-transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.processCircle .percent13 .skill-dark__mask.full, .processCircle .percent13 .skill-dark__fill {
  -webkit-animation: fillNumber13 2s ease-in-out 0.3s both;
  animation: fillNumber13 2s ease-in-out 0.3s both;
  -moz-transform: rotate(23.4deg);
  -webkit-transform: rotate(23.4deg);
  -ms-transform: rotate(23.4deg);
  -o-transform: rotate(23.4deg);
  transform: rotate(23.4deg);
}
.processCircle .percent14 .skill-dark__mask.full, .processCircle .percent14 .skill-dark__fill {
  -webkit-animation: fillNumber14 2s ease-in-out 0.3s both;
  animation: fillNumber14 2s ease-in-out 0.3s both;
  -moz-transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.processCircle .percent15 .skill-dark__mask.full, .processCircle .percent15 .skill-dark__fill {
  -webkit-animation: fillNumber15 2s ease-in-out 0.3s both;
  animation: fillNumber15 2s ease-in-out 0.3s both;
  -moz-transform: rotate(27deg);
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  -o-transform: rotate(27deg);
  transform: rotate(27deg);
}
.processCircle .percent16 .skill-dark__mask.full, .processCircle .percent16 .skill-dark__fill {
  -webkit-animation: fillNumber16 2s ease-in-out 0.3s both;
  animation: fillNumber16 2s ease-in-out 0.3s both;
  -moz-transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.processCircle .percent17 .skill-dark__mask.full, .processCircle .percent17 .skill-dark__fill {
  -webkit-animation: fillNumber17 2s ease-in-out 0.3s both;
  animation: fillNumber17 2s ease-in-out 0.3s both;
  -moz-transform: rotate(30.6deg);
  -webkit-transform: rotate(30.6deg);
  -ms-transform: rotate(30.6deg);
  -o-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
}
.processCircle .percent18 .skill-dark__mask.full, .processCircle .percent18 .skill-dark__fill {
  -webkit-animation: fillNumber18 2s ease-in-out 0.3s both;
  animation: fillNumber18 2s ease-in-out 0.3s both;
  -moz-transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.processCircle .percent19 .skill-dark__mask.full, .processCircle .percent19 .skill-dark__fill {
  -webkit-animation: fillNumber19 2s ease-in-out 0.3s both;
  animation: fillNumber19 2s ease-in-out 0.3s both;
  -moz-transform: rotate(34.2deg);
  -webkit-transform: rotate(34.2deg);
  -ms-transform: rotate(34.2deg);
  -o-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
}
.processCircle .percent20 .skill-dark__mask.full, .processCircle .percent20 .skill-dark__fill {
  -webkit-animation: fillNumber20 2s ease-in-out 0.3s both;
  animation: fillNumber20 2s ease-in-out 0.3s both;
  -moz-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.processCircle .percent21 .skill-dark__mask.full, .processCircle .percent21 .skill-dark__fill {
  -webkit-animation: fillNumber21 2s ease-in-out 0.3s both;
  animation: fillNumber21 2s ease-in-out 0.3s both;
  -moz-transform: rotate(37.8deg);
  -webkit-transform: rotate(37.8deg);
  -ms-transform: rotate(37.8deg);
  -o-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
}
.processCircle .percent22 .skill-dark__mask.full, .processCircle .percent22 .skill-dark__fill {
  -webkit-animation: fillNumber22 2s ease-in-out 0.3s both;
  animation: fillNumber22 2s ease-in-out 0.3s both;
  -moz-transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.processCircle .percent23 .skill-dark__mask.full, .processCircle .percent23 .skill-dark__fill {
  -webkit-animation: fillNumber23 2s ease-in-out 0.3s both;
  animation: fillNumber23 2s ease-in-out 0.3s both;
  -moz-transform: rotate(41.4deg);
  -webkit-transform: rotate(41.4deg);
  -ms-transform: rotate(41.4deg);
  -o-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
}
.processCircle .percent24 .skill-dark__mask.full, .processCircle .percent24 .skill-dark__fill {
  -webkit-animation: fillNumber24 2s ease-in-out 0.3s both;
  animation: fillNumber24 2s ease-in-out 0.3s both;
  -moz-transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.processCircle .percent25 .skill-dark__mask.full, .processCircle .percent25 .skill-dark__fill {
  -webkit-animation: fillNumber25 2s ease-in-out 0.3s both;
  animation: fillNumber25 2s ease-in-out 0.3s both;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.processCircle .percent26 .skill-dark__mask.full, .processCircle .percent26 .skill-dark__fill {
  -webkit-animation: fillNumber26 2s ease-in-out 0.3s both;
  animation: fillNumber26 2s ease-in-out 0.3s both;
  -moz-transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.processCircle .percent27 .skill-dark__mask.full, .processCircle .percent27 .skill-dark__fill {
  -webkit-animation: fillNumber27 2s ease-in-out 0.3s both;
  animation: fillNumber27 2s ease-in-out 0.3s both;
  -moz-transform: rotate(48.6deg);
  -webkit-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  -o-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}
.processCircle .percent28 .skill-dark__mask.full, .processCircle .percent28 .skill-dark__fill {
  -webkit-animation: fillNumber28 2s ease-in-out 0.3s both;
  animation: fillNumber28 2s ease-in-out 0.3s both;
  -moz-transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.processCircle .percent29 .skill-dark__mask.full, .processCircle .percent29 .skill-dark__fill {
  -webkit-animation: fillNumber29 2s ease-in-out 0.3s both;
  animation: fillNumber29 2s ease-in-out 0.3s both;
  -moz-transform: rotate(52.2deg);
  -webkit-transform: rotate(52.2deg);
  -ms-transform: rotate(52.2deg);
  -o-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
}
.processCircle .percent30 .skill-dark__mask.full, .processCircle .percent30 .skill-dark__fill {
  -webkit-animation: fillNumber30 2s ease-in-out 0.3s both;
  animation: fillNumber30 2s ease-in-out 0.3s both;
  -moz-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.processCircle .percent31 .skill-dark__mask.full, .processCircle .percent31 .skill-dark__fill {
  -webkit-animation: fillNumber31 2s ease-in-out 0.3s both;
  animation: fillNumber31 2s ease-in-out 0.3s both;
  -moz-transform: rotate(55.8deg);
  -webkit-transform: rotate(55.8deg);
  -ms-transform: rotate(55.8deg);
  -o-transform: rotate(55.8deg);
  transform: rotate(55.8deg);
}
.processCircle .percent32 .skill-dark__mask.full, .processCircle .percent32 .skill-dark__fill {
  -webkit-animation: fillNumber32 2s ease-in-out 0.3s both;
  animation: fillNumber32 2s ease-in-out 0.3s both;
  -moz-transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.processCircle .percent33 .skill-dark__mask.full, .processCircle .percent33 .skill-dark__fill {
  -webkit-animation: fillNumber33 2s ease-in-out 0.3s both;
  animation: fillNumber33 2s ease-in-out 0.3s both;
  -moz-transform: rotate(59.4deg);
  -webkit-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  -o-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}
.processCircle .percent34 .skill-dark__mask.full, .processCircle .percent34 .skill-dark__fill {
  -webkit-animation: fillNumber34 2s ease-in-out 0.3s both;
  animation: fillNumber34 2s ease-in-out 0.3s both;
  -moz-transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.processCircle .percent35 .skill-dark__mask.full, .processCircle .percent35 .skill-dark__fill {
  -webkit-animation: fillNumber35 2s ease-in-out 0.3s both;
  animation: fillNumber35 2s ease-in-out 0.3s both;
  -moz-transform: rotate(63deg);
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  -o-transform: rotate(63deg);
  transform: rotate(63deg);
}
.processCircle .percent36 .skill-dark__mask.full, .processCircle .percent36 .skill-dark__fill {
  -webkit-animation: fillNumber36 2s ease-in-out 0.3s both;
  animation: fillNumber36 2s ease-in-out 0.3s both;
  -moz-transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.processCircle .percent37 .skill-dark__mask.full, .processCircle .percent37 .skill-dark__fill {
  -webkit-animation: fillNumber37 2s ease-in-out 0.3s both;
  animation: fillNumber37 2s ease-in-out 0.3s both;
  -moz-transform: rotate(66.6deg);
  -webkit-transform: rotate(66.6deg);
  -ms-transform: rotate(66.6deg);
  -o-transform: rotate(66.6deg);
  transform: rotate(66.6deg);
}
.processCircle .percent38 .skill-dark__mask.full, .processCircle .percent38 .skill-dark__fill {
  -webkit-animation: fillNumber38 2s ease-in-out 0.3s both;
  animation: fillNumber38 2s ease-in-out 0.3s both;
  -moz-transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.processCircle .percent39 .skill-dark__mask.full, .processCircle .percent39 .skill-dark__fill {
  -webkit-animation: fillNumber39 2s ease-in-out 0.3s both;
  animation: fillNumber39 2s ease-in-out 0.3s both;
  -moz-transform: rotate(70.2deg);
  -webkit-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  -o-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}
.processCircle .percent40 .skill-dark__mask.full, .processCircle .percent40 .skill-dark__fill {
  -webkit-animation: fillNumber40 2s ease-in-out 0.3s both;
  animation: fillNumber40 2s ease-in-out 0.3s both;
  -moz-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.processCircle .percent41 .skill-dark__mask.full, .processCircle .percent41 .skill-dark__fill {
  -webkit-animation: fillNumber41 2s ease-in-out 0.3s both;
  animation: fillNumber41 2s ease-in-out 0.3s both;
  -moz-transform: rotate(73.8deg);
  -webkit-transform: rotate(73.8deg);
  -ms-transform: rotate(73.8deg);
  -o-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
}
.processCircle .percent42 .skill-dark__mask.full, .processCircle .percent42 .skill-dark__fill {
  -webkit-animation: fillNumber42 2s ease-in-out 0.3s both;
  animation: fillNumber42 2s ease-in-out 0.3s both;
  -moz-transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.processCircle .percent43 .skill-dark__mask.full, .processCircle .percent43 .skill-dark__fill {
  -webkit-animation: fillNumber43 2s ease-in-out 0.3s both;
  animation: fillNumber43 2s ease-in-out 0.3s both;
  -moz-transform: rotate(77.4deg);
  -webkit-transform: rotate(77.4deg);
  -ms-transform: rotate(77.4deg);
  -o-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
}
.processCircle .percent44 .skill-dark__mask.full, .processCircle .percent44 .skill-dark__fill {
  -webkit-animation: fillNumber44 2s ease-in-out 0.3s both;
  animation: fillNumber44 2s ease-in-out 0.3s both;
  -moz-transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.processCircle .percent45 .skill-dark__mask.full, .processCircle .percent45 .skill-dark__fill {
  -webkit-animation: fillNumber45 2s ease-in-out 0.3s both;
  animation: fillNumber45 2s ease-in-out 0.3s both;
  -moz-transform: rotate(81deg);
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  -o-transform: rotate(81deg);
  transform: rotate(81deg);
}
.processCircle .percent46 .skill-dark__mask.full, .processCircle .percent46 .skill-dark__fill {
  -webkit-animation: fillNumber46 2s ease-in-out 0.3s both;
  animation: fillNumber46 2s ease-in-out 0.3s both;
  -moz-transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.processCircle .percent47 .skill-dark__mask.full, .processCircle .percent47 .skill-dark__fill {
  -webkit-animation: fillNumber47 2s ease-in-out 0.3s both;
  animation: fillNumber47 2s ease-in-out 0.3s both;
  -moz-transform: rotate(84.6deg);
  -webkit-transform: rotate(84.6deg);
  -ms-transform: rotate(84.6deg);
  -o-transform: rotate(84.6deg);
  transform: rotate(84.6deg);
}
.processCircle .percent48 .skill-dark__mask.full, .processCircle .percent48 .skill-dark__fill {
  -webkit-animation: fillNumber48 2s ease-in-out 0.3s both;
  animation: fillNumber48 2s ease-in-out 0.3s both;
  -moz-transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.processCircle .percent49 .skill-dark__mask.full, .processCircle .percent49 .skill-dark__fill {
  -webkit-animation: fillNumber49 2s ease-in-out 0.3s both;
  animation: fillNumber49 2s ease-in-out 0.3s both;
  -moz-transform: rotate(88.2deg);
  -webkit-transform: rotate(88.2deg);
  -ms-transform: rotate(88.2deg);
  -o-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
}
.processCircle .percent50 .skill-dark__mask.full, .processCircle .percent50 .skill-dark__fill {
  -webkit-animation: fillNumber50 2s ease-in-out 0.3s both;
  animation: fillNumber50 2s ease-in-out 0.3s both;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.processCircle .percent51 .skill-dark__mask.full, .processCircle .percent51 .skill-dark__fill {
  -webkit-animation: fillNumber51 2s ease-in-out 0.3s both;
  animation: fillNumber51 2s ease-in-out 0.3s both;
  -moz-transform: rotate(91.8deg);
  -webkit-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  -o-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}
.processCircle .percent52 .skill-dark__mask.full, .processCircle .percent52 .skill-dark__fill {
  -webkit-animation: fillNumber52 2s ease-in-out 0.3s both;
  animation: fillNumber52 2s ease-in-out 0.3s both;
  -moz-transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.processCircle .percent53 .skill-dark__mask.full, .processCircle .percent53 .skill-dark__fill {
  -webkit-animation: fillNumber53 2s ease-in-out 0.3s both;
  animation: fillNumber53 2s ease-in-out 0.3s both;
  -moz-transform: rotate(95.4deg);
  -webkit-transform: rotate(95.4deg);
  -ms-transform: rotate(95.4deg);
  -o-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
}
.processCircle .percent54 .skill-dark__mask.full, .processCircle .percent54 .skill-dark__fill {
  -webkit-animation: fillNumber54 2s ease-in-out 0.3s both;
  animation: fillNumber54 2s ease-in-out 0.3s both;
  -moz-transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.processCircle .percent55 .skill-dark__mask.full, .processCircle .percent55 .skill-dark__fill {
  -webkit-animation: fillNumber55 2s ease-in-out 0.3s both;
  animation: fillNumber55 2s ease-in-out 0.3s both;
  -moz-transform: rotate(99deg);
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  -o-transform: rotate(99deg);
  transform: rotate(99deg);
}
.processCircle .percent56 .skill-dark__mask.full, .processCircle .percent56 .skill-dark__fill {
  -webkit-animation: fillNumber56 2s ease-in-out 0.3s both;
  animation: fillNumber56 2s ease-in-out 0.3s both;
  -moz-transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.processCircle .percent57 .skill-dark__mask.full, .processCircle .percent57 .skill-dark__fill {
  -webkit-animation: fillNumber57 2s ease-in-out 0.3s both;
  animation: fillNumber57 2s ease-in-out 0.3s both;
  -moz-transform: rotate(102.6deg);
  -webkit-transform: rotate(102.6deg);
  -ms-transform: rotate(102.6deg);
  -o-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
}
.processCircle .percent58 .skill-dark__mask.full, .processCircle .percent58 .skill-dark__fill {
  -webkit-animation: fillNumber58 2s ease-in-out 0.3s both;
  animation: fillNumber58 2s ease-in-out 0.3s both;
  -moz-transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.processCircle .percent59 .skill-dark__mask.full, .processCircle .percent59 .skill-dark__fill {
  -webkit-animation: fillNumber59 2s ease-in-out 0.3s both;
  animation: fillNumber59 2s ease-in-out 0.3s both;
  -moz-transform: rotate(106.2deg);
  -webkit-transform: rotate(106.2deg);
  -ms-transform: rotate(106.2deg);
  -o-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
}
.processCircle .percent60 .skill-dark__mask.full, .processCircle .percent60 .skill-dark__fill {
  -webkit-animation: fillNumber60 2s ease-in-out 0.3s both;
  animation: fillNumber60 2s ease-in-out 0.3s both;
  -moz-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.processCircle .percent61 .skill-dark__mask.full, .processCircle .percent61 .skill-dark__fill {
  -webkit-animation: fillNumber61 2s ease-in-out 0.3s both;
  animation: fillNumber61 2s ease-in-out 0.3s both;
  -moz-transform: rotate(109.8deg);
  -webkit-transform: rotate(109.8deg);
  -ms-transform: rotate(109.8deg);
  -o-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}
.processCircle .percent62 .skill-dark__mask.full, .processCircle .percent62 .skill-dark__fill {
  -webkit-animation: fillNumber62 2s ease-in-out 0.3s both;
  animation: fillNumber62 2s ease-in-out 0.3s both;
  -moz-transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.processCircle .percent63 .skill-dark__mask.full, .processCircle .percent63 .skill-dark__fill {
  -webkit-animation: fillNumber63 2s ease-in-out 0.3s both;
  animation: fillNumber63 2s ease-in-out 0.3s both;
  -moz-transform: rotate(113.4deg);
  -webkit-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  -o-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}
.processCircle .percent64 .skill-dark__mask.full, .processCircle .percent64 .skill-dark__fill {
  -webkit-animation: fillNumber64 2s ease-in-out 0.3s both;
  animation: fillNumber64 2s ease-in-out 0.3s both;
  -moz-transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.processCircle .percent65 .skill-dark__mask.full, .processCircle .percent65 .skill-dark__fill {
  -webkit-animation: fillNumber65 2s ease-in-out 0.3s both;
  animation: fillNumber65 2s ease-in-out 0.3s both;
  -moz-transform: rotate(117deg);
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  -o-transform: rotate(117deg);
  transform: rotate(117deg);
}
.processCircle .percent66 .skill-dark__mask.full, .processCircle .percent66 .skill-dark__fill {
  -webkit-animation: fillNumber66 2s ease-in-out 0.3s both;
  animation: fillNumber66 2s ease-in-out 0.3s both;
  -moz-transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.processCircle .percent67 .skill-dark__mask.full, .processCircle .percent67 .skill-dark__fill {
  -webkit-animation: fillNumber67 2s ease-in-out 0.3s both;
  animation: fillNumber67 2s ease-in-out 0.3s both;
  -moz-transform: rotate(120.6deg);
  -webkit-transform: rotate(120.6deg);
  -ms-transform: rotate(120.6deg);
  -o-transform: rotate(120.6deg);
  transform: rotate(120.6deg);
}
.processCircle .percent68 .skill-dark__mask.full, .processCircle .percent68 .skill-dark__fill {
  -webkit-animation: fillNumber68 2s ease-in-out 0.3s both;
  animation: fillNumber68 2s ease-in-out 0.3s both;
  -moz-transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.processCircle .percent69 .skill-dark__mask.full, .processCircle .percent69 .skill-dark__fill {
  -webkit-animation: fillNumber69 2s ease-in-out 0.3s both;
  animation: fillNumber69 2s ease-in-out 0.3s both;
  -moz-transform: rotate(124.2deg);
  -webkit-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  -o-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}
.processCircle .percent70 .skill-dark__mask.full, .processCircle .percent70 .skill-dark__fill {
  -webkit-animation: fillNumber70 2s ease-in-out 0.3s both;
  animation: fillNumber70 2s ease-in-out 0.3s both;
  -moz-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.processCircle .percent71 .skill-dark__mask.full, .processCircle .percent71 .skill-dark__fill {
  -webkit-animation: fillNumber71 2s ease-in-out 0.3s both;
  animation: fillNumber71 2s ease-in-out 0.3s both;
  -moz-transform: rotate(127.8deg);
  -webkit-transform: rotate(127.8deg);
  -ms-transform: rotate(127.8deg);
  -o-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
}
.processCircle .percent72 .skill-dark__mask.full, .processCircle .percent72 .skill-dark__fill {
  -webkit-animation: fillNumber72 2s ease-in-out 0.3s both;
  animation: fillNumber72 2s ease-in-out 0.3s both;
  -moz-transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.processCircle .percent73 .skill-dark__mask.full, .processCircle .percent73 .skill-dark__fill {
  -webkit-animation: fillNumber73 2s ease-in-out 0.3s both;
  animation: fillNumber73 2s ease-in-out 0.3s both;
  -moz-transform: rotate(131.4deg);
  -webkit-transform: rotate(131.4deg);
  -ms-transform: rotate(131.4deg);
  -o-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
}
.processCircle .percent74 .skill-dark__mask.full, .processCircle .percent74 .skill-dark__fill {
  -webkit-animation: fillNumber74 2s ease-in-out 0.3s both;
  animation: fillNumber74 2s ease-in-out 0.3s both;
  -moz-transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.processCircle .percent75 .skill-dark__mask.full, .processCircle .percent75 .skill-dark__fill {
  -webkit-animation: fillNumber75 2s ease-in-out 0.3s both;
  animation: fillNumber75 2s ease-in-out 0.3s both;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.processCircle .percent76 .skill-dark__mask.full, .processCircle .percent76 .skill-dark__fill {
  -webkit-animation: fillNumber76 2s ease-in-out 0.3s both;
  animation: fillNumber76 2s ease-in-out 0.3s both;
  -moz-transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.processCircle .percent77 .skill-dark__mask.full, .processCircle .percent77 .skill-dark__fill {
  -webkit-animation: fillNumber77 2s ease-in-out 0.3s both;
  animation: fillNumber77 2s ease-in-out 0.3s both;
  -moz-transform: rotate(138.6deg);
  -webkit-transform: rotate(138.6deg);
  -ms-transform: rotate(138.6deg);
  -o-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
}
.processCircle .percent78 .skill-dark__mask.full, .processCircle .percent78 .skill-dark__fill {
  -webkit-animation: fillNumber78 2s ease-in-out 0.3s both;
  animation: fillNumber78 2s ease-in-out 0.3s both;
  -moz-transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.processCircle .percent79 .skill-dark__mask.full, .processCircle .percent79 .skill-dark__fill {
  -webkit-animation: fillNumber79 2s ease-in-out 0.3s both;
  animation: fillNumber79 2s ease-in-out 0.3s both;
  -moz-transform: rotate(142.2deg);
  -webkit-transform: rotate(142.2deg);
  -ms-transform: rotate(142.2deg);
  -o-transform: rotate(142.2deg);
  transform: rotate(142.2deg);
}
.processCircle .percent80 .skill-dark__mask.full, .processCircle .percent80 .skill-dark__fill {
  -webkit-animation: fillNumber80 2s ease-in-out 0.3s both;
  animation: fillNumber80 2s ease-in-out 0.3s both;
  -moz-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.processCircle .percent81 .skill-dark__mask.full, .processCircle .percent81 .skill-dark__fill {
  -webkit-animation: fillNumber81 2s ease-in-out 0.3s both;
  animation: fillNumber81 2s ease-in-out 0.3s both;
  -moz-transform: rotate(145.8deg);
  -webkit-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  -o-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}
.processCircle .percent82 .skill-dark__mask.full, .processCircle .percent82 .skill-dark__fill {
  -webkit-animation: fillNumber82 2s ease-in-out 0.3s both;
  animation: fillNumber82 2s ease-in-out 0.3s both;
  -moz-transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.processCircle .percent83 .skill-dark__mask.full, .processCircle .percent83 .skill-dark__fill {
  -webkit-animation: fillNumber83 2s ease-in-out 0.3s both;
  animation: fillNumber83 2s ease-in-out 0.3s both;
  -moz-transform: rotate(149.4deg);
  -webkit-transform: rotate(149.4deg);
  -ms-transform: rotate(149.4deg);
  -o-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
}
.processCircle .percent84 .skill-dark__mask.full, .processCircle .percent84 .skill-dark__fill {
  -webkit-animation: fillNumber84 2s ease-in-out 0.3s both;
  animation: fillNumber84 2s ease-in-out 0.3s both;
  -moz-transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.processCircle .percent85 .skill-dark__mask.full, .processCircle .percent85 .skill-dark__fill {
  -webkit-animation: fillNumber85 2s ease-in-out 0.3s both;
  animation: fillNumber85 2s ease-in-out 0.3s both;
  -moz-transform: rotate(153deg);
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  -o-transform: rotate(153deg);
  transform: rotate(153deg);
}
.processCircle .percent86 .skill-dark__mask.full, .processCircle .percent86 .skill-dark__fill {
  -webkit-animation: fillNumber86 2s ease-in-out 0.3s both;
  animation: fillNumber86 2s ease-in-out 0.3s both;
  -moz-transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.processCircle .percent87 .skill-dark__mask.full, .processCircle .percent87 .skill-dark__fill {
  -webkit-animation: fillNumber87 2s ease-in-out 0.3s both;
  animation: fillNumber87 2s ease-in-out 0.3s both;
  -moz-transform: rotate(156.6deg);
  -webkit-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  -o-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}
.processCircle .percent88 .skill-dark__mask.full, .processCircle .percent88 .skill-dark__fill {
  -webkit-animation: fillNumber88 2s ease-in-out 0.3s both;
  animation: fillNumber88 2s ease-in-out 0.3s both;
  -moz-transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.processCircle .percent89 .skill-dark__mask.full, .processCircle .percent89 .skill-dark__fill {
  -webkit-animation: fillNumber89 2s ease-in-out 0.3s both;
  animation: fillNumber89 2s ease-in-out 0.3s both;
  -moz-transform: rotate(160.2deg);
  -webkit-transform: rotate(160.2deg);
  -ms-transform: rotate(160.2deg);
  -o-transform: rotate(160.2deg);
  transform: rotate(160.2deg);
}
.processCircle .percent90 .skill-dark__mask.full, .processCircle .percent90 .skill-dark__fill {
  -webkit-animation: fillNumber90 2s ease-in-out 0.3s both;
  animation: fillNumber90 2s ease-in-out 0.3s both;
  -moz-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.processCircle .percent91 .skill-dark__mask.full, .processCircle .percent91 .skill-dark__fill {
  -webkit-animation: fillNumber91 2s ease-in-out 0.3s both;
  animation: fillNumber91 2s ease-in-out 0.3s both;
  -moz-transform: rotate(163.8deg);
  -webkit-transform: rotate(163.8deg);
  -ms-transform: rotate(163.8deg);
  -o-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
}
.processCircle .percent92 .skill-dark__mask.full, .processCircle .percent92 .skill-dark__fill {
  -webkit-animation: fillNumber92 2s ease-in-out 0.3s both;
  animation: fillNumber92 2s ease-in-out 0.3s both;
  -moz-transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.processCircle .percent93 .skill-dark__mask.full, .processCircle .percent93 .skill-dark__fill {
  -webkit-animation: fillNumber93 2s ease-in-out 0.3s both;
  animation: fillNumber93 2s ease-in-out 0.3s both;
  -moz-transform: rotate(167.4deg);
  -webkit-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  -o-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}
.processCircle .percent94 .skill-dark__mask.full, .processCircle .percent94 .skill-dark__fill {
  -webkit-animation: fillNumber94 2s ease-in-out 0.3s both;
  animation: fillNumber94 2s ease-in-out 0.3s both;
  -moz-transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.processCircle .percent95 .skill-dark__mask.full, .processCircle .percent95 .skill-dark__fill {
  -webkit-animation: fillNumber95 2s ease-in-out 0.3s both;
  animation: fillNumber95 2s ease-in-out 0.3s both;
  -moz-transform: rotate(171deg);
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  -o-transform: rotate(171deg);
  transform: rotate(171deg);
}
.processCircle .percent96 .skill-dark__mask.full, .processCircle .percent96 .skill-dark__fill {
  -webkit-animation: fillNumber96 2s ease-in-out 0.3s both;
  animation: fillNumber96 2s ease-in-out 0.3s both;
  -moz-transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.processCircle .percent97 .skill-dark__mask.full, .processCircle .percent97 .skill-dark__fill {
  -webkit-animation: fillNumber97 2s ease-in-out 0.3s both;
  animation: fillNumber97 2s ease-in-out 0.3s both;
  -moz-transform: rotate(174.6deg);
  -webkit-transform: rotate(174.6deg);
  -ms-transform: rotate(174.6deg);
  -o-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
}
.processCircle .percent98 .skill-dark__mask.full, .processCircle .percent98 .skill-dark__fill {
  -webkit-animation: fillNumber98 2s ease-in-out 0.3s both;
  animation: fillNumber98 2s ease-in-out 0.3s both;
  -moz-transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.processCircle .percent99 .skill-dark__mask.full, .processCircle .percent99 .skill-dark__fill {
  -webkit-animation: fillNumber99 2s ease-in-out 0.3s both;
  animation: fillNumber99 2s ease-in-out 0.3s both;
  -moz-transform: rotate(178.2deg);
  -webkit-transform: rotate(178.2deg);
  -ms-transform: rotate(178.2deg);
  -o-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
}
.processCircle .percent100 .skill-dark__mask.full, .processCircle .percent100 .skill-dark__fill {
  -webkit-animation: fillNumber100 2s ease-in-out 0.3s both;
  animation: fillNumber100 2s ease-in-out 0.3s both;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.skill-dark__icon {
  border-radius: 50%;
  width: 10.8rem;
  height: 10.8rem;
  background: #666666;
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.skill-dark__icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/pattern_caro.png");
  background-position: center;
  z-index: 1;
  border-radius: 50%;
}
.skill-dark__number {
  position: relative;
  z-index: 99;
}
.skill-dark__number:before {
  content: "%";
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  color: #ffffff;
}
.skill-dark__name {
  text-align: center;
  margin-bottom: 1.2rem;
}
.skill-dark__paragraph {
  text-align: center;
}

@keyframes fillNumber0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fillNumber1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1.8deg);
  }
}
@keyframes fillNumber2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3.6deg);
  }
}
@keyframes fillNumber3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(5.4deg);
  }
}
@keyframes fillNumber4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(7.2deg);
  }
}
@keyframes fillNumber5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(9deg);
  }
}
@keyframes fillNumber6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10.8deg);
  }
}
@keyframes fillNumber7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(12.6deg);
  }
}
@keyframes fillNumber8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(14.4deg);
  }
}
@keyframes fillNumber9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(16.2deg);
  }
}
@keyframes fillNumber10 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(18deg);
  }
}
@keyframes fillNumber11 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(19.8deg);
  }
}
@keyframes fillNumber12 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(21.6deg);
  }
}
@keyframes fillNumber13 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(23.4deg);
  }
}
@keyframes fillNumber14 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(25.2deg);
  }
}
@keyframes fillNumber15 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(27deg);
  }
}
@keyframes fillNumber16 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(28.8deg);
  }
}
@keyframes fillNumber17 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(30.6deg);
  }
}
@keyframes fillNumber18 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(32.4deg);
  }
}
@keyframes fillNumber19 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(34.2deg);
  }
}
@keyframes fillNumber20 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(36deg);
  }
}
@keyframes fillNumber21 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(37.8deg);
  }
}
@keyframes fillNumber22 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(39.6deg);
  }
}
@keyframes fillNumber23 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(41.4deg);
  }
}
@keyframes fillNumber24 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(43.2deg);
  }
}
@keyframes fillNumber25 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes fillNumber26 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(46.8deg);
  }
}
@keyframes fillNumber27 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(48.6deg);
  }
}
@keyframes fillNumber28 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(50.4deg);
  }
}
@keyframes fillNumber29 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(52.2deg);
  }
}
@keyframes fillNumber30 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(54deg);
  }
}
@keyframes fillNumber31 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(55.8deg);
  }
}
@keyframes fillNumber32 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(57.6deg);
  }
}
@keyframes fillNumber33 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(59.4deg);
  }
}
@keyframes fillNumber34 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(61.2deg);
  }
}
@keyframes fillNumber35 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(63deg);
  }
}
@keyframes fillNumber36 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(64.8deg);
  }
}
@keyframes fillNumber37 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(66.6deg);
  }
}
@keyframes fillNumber38 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(68.4deg);
  }
}
@keyframes fillNumber39 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(70.2deg);
  }
}
@keyframes fillNumber40 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(72deg);
  }
}
@keyframes fillNumber41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(73.8deg);
  }
}
@keyframes fillNumber42 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(75.6deg);
  }
}
@keyframes fillNumber43 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(77.4deg);
  }
}
@keyframes fillNumber44 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(79.2deg);
  }
}
@keyframes fillNumber45 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(81deg);
  }
}
@keyframes fillNumber46 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(82.8deg);
  }
}
@keyframes fillNumber47 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(84.6deg);
  }
}
@keyframes fillNumber48 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(86.4deg);
  }
}
@keyframes fillNumber49 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(88.2deg);
  }
}
@keyframes fillNumber50 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes fillNumber51 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(91.8deg);
  }
}
@keyframes fillNumber52 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(93.6deg);
  }
}
@keyframes fillNumber53 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(95.4deg);
  }
}
@keyframes fillNumber54 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(97.2deg);
  }
}
@keyframes fillNumber55 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(99deg);
  }
}
@keyframes fillNumber56 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(100.8deg);
  }
}
@keyframes fillNumber57 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(102.6deg);
  }
}
@keyframes fillNumber58 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(104.4deg);
  }
}
@keyframes fillNumber59 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(106.2deg);
  }
}
@keyframes fillNumber60 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(108deg);
  }
}
@keyframes fillNumber61 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(109.8deg);
  }
}
@keyframes fillNumber62 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(111.6deg);
  }
}
@keyframes fillNumber63 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(113.4deg);
  }
}
@keyframes fillNumber64 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(115.2deg);
  }
}
@keyframes fillNumber65 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(117deg);
  }
}
@keyframes fillNumber66 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(118.8deg);
  }
}
@keyframes fillNumber67 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(120.6deg);
  }
}
@keyframes fillNumber68 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(122.4deg);
  }
}
@keyframes fillNumber69 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(124.2deg);
  }
}
@keyframes fillNumber70 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(126deg);
  }
}
@keyframes fillNumber71 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(127.8deg);
  }
}
@keyframes fillNumber72 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(129.6deg);
  }
}
@keyframes fillNumber73 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(131.4deg);
  }
}
@keyframes fillNumber74 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(133.2deg);
  }
}
@keyframes fillNumber75 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(135deg);
  }
}
@keyframes fillNumber76 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(136.8deg);
  }
}
@keyframes fillNumber77 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(138.6deg);
  }
}
@keyframes fillNumber78 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(140.4deg);
  }
}
@keyframes fillNumber79 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(142.2deg);
  }
}
@keyframes fillNumber80 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(144deg);
  }
}
@keyframes fillNumber81 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(145.8deg);
  }
}
@keyframes fillNumber82 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(147.6deg);
  }
}
@keyframes fillNumber83 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(149.4deg);
  }
}
@keyframes fillNumber84 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(151.2deg);
  }
}
@keyframes fillNumber85 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(153deg);
  }
}
@keyframes fillNumber86 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(154.8deg);
  }
}
@keyframes fillNumber87 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(156.6deg);
  }
}
@keyframes fillNumber88 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(158.4deg);
  }
}
@keyframes fillNumber89 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(160.2deg);
  }
}
@keyframes fillNumber90 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(162deg);
  }
}
@keyframes fillNumber91 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(163.8deg);
  }
}
@keyframes fillNumber92 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(165.6deg);
  }
}
@keyframes fillNumber93 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(167.4deg);
  }
}
@keyframes fillNumber94 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(169.2deg);
  }
}
@keyframes fillNumber95 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(171deg);
  }
}
@keyframes fillNumber96 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(172.8deg);
  }
}
@keyframes fillNumber97 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(174.6deg);
  }
}
@keyframes fillNumber98 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(176.4deg);
  }
}
@keyframes fillNumber99 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(178.2deg);
  }
}
@keyframes fillNumber100 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
/*******************some-service-dark***********************/
.some-service-dark {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4rem;
}
.some-service-dark:hover .some-service-dark__icon {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.38);
}
.some-service-dark:hover .some-service-dark__icon i {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.some-service-dark:hover .some-service-dark__icon:after {
  -moz-transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  opacity: 0.5;
}
.some-service-dark__icon {
  border-radius: 50%;
  width: 12rem;
  height: 12rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 2rem;
  -moz-transition: box-shadow 0.5s;
  -webkit-transition: box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.38);
}
.some-service-dark__icon:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  opacity: 1;
  -opacity-transition: transform 0.5s;
  -0.5s-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0 0 1px #ffffff;
}
.some-service-dark__icon i {
  font-size: 4.4rem;
  color: #ffffff;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.some-service-dark__name {
  text-align: center;
  margin-bottom: 0.8rem;
}
.some-service-dark__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.2rem auto 2rem;
}
.some-service-dark__paragraph {
  text-align: center;
}

/*******************show-case-light***********************/
.show-case-light {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.show-case-light__title {
  margin-bottom: 4.8rem;
  text-align: center;
}
.show-case-light__btn {
  margin-bottom: 6.4rem;
}
.show-case-light__hero {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.12));
  height: auto;
  margin: 0 auto -6rem;
  max-width: 100%;
}

/*******************feature-round***********************/
.feature-round {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}
.feature-round:hover .feature-round__icon {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);
}
.feature-round:hover .feature-round__icon i {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.feature-round:hover .feature-round__icon:after {
  -moz-transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  opacity: 0.5;
}
.feature-round:hover .feature-round__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
.feature-round__icon {
  display: block;
  color: rgba(17, 189, 163, 0.87);
  border-radius: 50%;
  width: 12rem;
  height: 12rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 2rem;
  -moz-transition: box-shadow 0.5s;
  -webkit-transition: box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.12);
}
.feature-round__icon:hover {
  color: #422D91;
}
.feature-round__icon:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  opacity: 1;
  -opacity-transition: transform 0.5s;
  -0.5s-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
}
.feature-round__icon i {
  font-size: 4.4rem;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.feature-round__name {
  display: block;
  text-align: center;
}
.feature-round__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 0.8rem auto 2rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.feature-round__paragraph {
  text-align: center;
  margin-bottom: 1.6rem;
}
/*******************some-feature***********************/
.some-feature {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 4px;
  margin-bottom: 4rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  padding: 1.6rem;
}
.some-feature:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.some-feature:hover .some-feature__icon i {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.some-feature__icon {
  margin-bottom: 0.8rem;
}
.some-feature__icon i {
  font-size: 5.2rem;
  color: rgba(17, 189, 163, 0.87);
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.some-feature__name {
  text-align: center;
}
.some-feature__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 0.8rem auto 2rem;
}
.some-feature__paragraph {
  text-align: center;
  margin-bottom: 2rem;
}
/*******************portfolio-full***********************/
.portfolio-full {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.portfolio-full__wrap-full {
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
@media screen and (max-width: 319px) {
  .portfolio-full__wrap-full {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-full__wrap-full {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-full__wrap-full {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-full__wrap-full {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.portfolio-full__wrap-full:hover .portfolio-full__picture:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.portfolio-full__wrap-full:hover img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.portfolio-full__wrap-full:hover .portfolio-full__picture:after {
  visibility: visible;
  opacity: 1;
}
.portfolio-full__wrap-full:hover .portfolio-full__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
.portfolio-full__wrap {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
@media screen and (max-width: 319px) {
  .portfolio-full__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-full__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-full__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-full__wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.portfolio-full__wrap:hover .portfolio-full__picture:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.portfolio-full__wrap:hover img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.portfolio-full__wrap:hover .portfolio-full__picture:after {
  visibility: visible;
  opacity: 1;
}
.portfolio-full__wrap:hover .portfolio-full__line {
  -moz-transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
.portfolio-full__side {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 319px) {
  .portfolio-full__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-full__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.portfolio-full__side-info {
  position: relative;
  width: 100%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 4.8rem 4.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #ffffff;
}
@media screen and (max-width: 319px) {
  .portfolio-full__side-info {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 4.8rem 4.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-full__side-info {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 4.8rem 4.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-full__side-info {
    padding: 0.8rem 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-full__side-info {
    padding: 0.8rem 6.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-full__side-info {
    padding: 1.2rem 1.6rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio-full__side-info {
    padding: 1.2rem 1.6rem;
  }
}
.portfolio-full__wrap-full .portfolio-full__side-info {
  padding: 4.8rem 4.8rem;
}
@media screen and (max-width: 319px) {
  .portfolio-full__wrap-full .portfolio-full__side-info {
    padding: 4.8rem 4.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-full__wrap-full .portfolio-full__side-info {
    padding: 4.8rem 4.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-full__wrap-full .portfolio-full__side-info {
    padding: 0.8rem 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-full__wrap-full .portfolio-full__side-info {
    padding: 0.8rem 6.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-full__wrap-full .portfolio-full__side-info {
    padding: 0.8rem 1.2rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio-full__wrap-full .portfolio-full__side-info {
    padding: 1.2rem 1.6rem;
  }
}
.portfolio-full__picture {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 9;
}
.portfolio-full__picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.portfolio-full__picture:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.portfolio-full__picture img {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
@media screen and (max-width: 319px) {
  .portfolio-full__wrap-full .portfolio-full__picture img {
    max-width: 200%;
    margin: 0 auto;
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-full__wrap-full .portfolio-full__picture img {
    max-width: 200%;
    margin: 0 auto;
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-full__wrap-full .portfolio-full__picture img {
    max-width: 200%;
    margin: 0 auto;
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-full__wrap-full .portfolio-full__picture img {
    max-width: 200%;
    margin: 0 auto;
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}
.portfolio-full__date-cate {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
  .portfolio-full__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-full__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-full__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-full__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-full__name a {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
.portfolio-full__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 2rem 0 2rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
@media screen and (max-width: 319px) {
  .portfolio-full__line {
    margin: 0.8rem 0 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-full__line {
    margin: 0.8rem 0 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-full__line {
    margin: 0.8rem 0 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-full__line {
    margin: 0.8rem 0 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-full__line {
    margin: 0.8rem 0 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio-full__line {
    margin: 1.2rem 0 1.2rem;
  }
}
.portfolio-full__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .portfolio-full__paragraph {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-full__paragraph {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-full__paragraph {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-full__paragraph {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-full__paragraph {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio-full__paragraph {
    margin-bottom: 2.8rem;
  }
}
/*******************feature-v2***********************/
.feature-v2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
}
@media screen and (max-width: 319px) {
  .feature-v2 {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v2 {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v2 {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v2 {
    flex-direction: column;
    align-items: center;
  }
}
.feature-v2:hover .feature-v2__icon--child {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.feature-v2:hover .feature-v2__icon--parent {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);
}
.feature-v2:hover .feature-v2__icon--parent:after {
  -moz-transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  opacity: 0.5;
}
.feature-v2__icon {
  margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
  .feature-v2__icon {
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v2__icon {
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v2__icon {
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v2__icon {
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}
.feature-v2__icon--parent {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  -moz-transition: box-shadow 0.5s;
  -webkit-transition: box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.12);
}
.feature-v2__icon--parent:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  opacity: 1;
  -opacity-transition: transform 0.5s;
  -0.5s-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
}
.feature-v2__icon--child {
  font-size: 3.2rem;
  color: rgba(17, 189, 163, 0.87);
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.feature-v2__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 319px) {
  .feature-v2__content {
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v2__content {
    align-items: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v2__content {
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v2__content {
    align-items: center;
  }
}
.feature-v2__name {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
  .feature-v2__name {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v2__name {
    text-align: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v2__name {
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v2__name {
    text-align: center;
  }
}
.feature-v2__paragraph {
  margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
  .feature-v2__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v2__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v2__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v2__paragraph {
    text-align: center;
  }
}
.feature-v2__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 0.8rem 0 2rem;
}
@media screen and (max-width: 319px) {
  .feature-v2__line {
    margin: 0rem 0 2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v2__line {
    margin: 0rem 0 2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v2__line {
    margin: 0rem 0 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v2__line {
    margin: 0rem 0 2rem;
  }
}
/*******************feature-v3***********************/
.feature-v3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4rem;
  border-radius: 4px;
  padding: 1.6rem;
  position: relative;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
@media screen and (max-width: 319px) {
  .feature-v3 {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v3 {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v3 {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v3 {
    flex-direction: column;
    align-items: center;
  }
}
.feature-v3:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.feature-v3:hover .feature-v3__icon--child {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.feature-v3:hover .feature-v3__icon--parent {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);
}
.feature-v3:hover .feature-v3__icon--parent:after {
  -moz-transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  opacity: 0.5;
}
.feature-v3__icon {
  margin-left: 1.6rem;
}
@media screen and (max-width: 319px) {
  .feature-v3__icon {
    margin-left: 0;
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v3__icon {
    margin-left: 0;
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v3__icon {
    margin-left: 0;
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v3__icon {
    margin-left: 0;
    margin-bottom: 0.8rem;
  }
}
.feature-v3__icon--parent {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  -moz-transition: box-shadow 0.5s;
  -webkit-transition: box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.12);
}
.feature-v3__icon--parent:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  opacity: 1;
  -opacity-transition: transform 0.5s;
  -0.5s-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
}
.feature-v3__icon--child {
  font-size: 3.2rem;
  color: rgba(17, 189, 163, 0.87);
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.feature-v3__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 319px) {
  .feature-v3__content {
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v3__content {
    align-items: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v3__content {
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v3__content {
    align-items: center;
  }
}
.feature-v3__name {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
  .feature-v3__name {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v3__name {
    text-align: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v3__name {
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v3__name {
    text-align: center;
  }
}
.feature-v3__paragraph {
  margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
  .feature-v3__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v3__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v3__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v3__paragraph {
    text-align: center;
  }
}
.feature-v3__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 0.8rem 0 2rem;
}
@media screen and (max-width: 319px) {
  .feature-v3__line {
    margin: 0rem 0 2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .feature-v3__line {
    margin: 0rem 0 2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .feature-v3__line {
    margin: 0rem 0 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-v3__line {
    margin: 0rem 0 2rem;
  }
}
/*******************news-border***********************/
.news-border {
  position: relative;
  overflow: hidden;
  padding: 0rem 1.6rem 1.6rem 1.6rem;
  border-radius: 4px;
  margin-bottom: 4rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.news-border:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.news-border:hover .news-border__picture img {
  -moz-transform: scale(1.2) rotate(1deg);
  -webkit-transform: scale(1.2) rotate(1deg);
  -ms-transform: scale(1.2) rotate(1deg);
  -o-transform: scale(1.2) rotate(1deg);
  transform: scale(1.2) rotate(1deg);
}
.news-border:hover .news-border__picture:after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.news-border:hover .news-border__picture:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.news-border__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.news-border__picture {
  overflow: hidden;
  display: block;
  width: calc(100% + 3.2rem);
  position: relative;
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  margin-bottom: 2rem;
}
.news-border__picture img {
  height: auto;
  max-width: 100%;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.news-border__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.news-border__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.news-border__date-cate {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.8rem;
}
.news-border__line {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.2rem auto 2rem;
}
.news-border__name {
  margin-bottom: 0.8rem;
}
.news-border__paragraph {
  margin-bottom: 0.8rem;
}
.news-border__chip {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0.4rem;
}
.news-border__chip--link {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 1.6rem;
  padding: 0.4rem 1.2rem;
  background-color: transparent;
  height: 3.2rem;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/*******************team-v2***********************/
.team-v2 {
  position: relative;
  overflow: hidden;
  padding: 0rem 1.6rem 1.6rem 1.6rem;
  border-radius: 4px;
  margin-bottom: 4rem;
  background-color: #ffffff;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.team-v2:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.team-v2:hover .team-v2__picture img {
  -moz-transform: scale(1.2) rotate(1deg);
  -webkit-transform: scale(1.2) rotate(1deg);
  -ms-transform: scale(1.2) rotate(1deg);
  -o-transform: scale(1.2) rotate(1deg);
  transform: scale(1.2) rotate(1deg);
}
.team-v2:hover .team-v2__picture:after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.team-v2:hover .team-v2__picture:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.team-v2__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.team-v2__picture {
  overflow: hidden;
  display: block;
  width: calc(100% + 3.2rem);
  position: relative;
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  margin-bottom: 2rem;
}
.team-v2__picture img {
  height: auto;
  max-width: 100%;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.team-v2__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.team-v2__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.team-v2__name {
  margin-bottom: 0.8rem;
}
.team-v2__role {
  margin-bottom: 0.8rem;
}
.team-v2__paragraph {
  margin-bottom: 0.8rem;
}
.team-v2__line {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 1.2rem auto 2rem;
}
.team-v2__social ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.team-v2__social ul li {
  margin-right: 1.6rem;
}
.team-v2__social ul li a i {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.6);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.team-v2__social ul li a:hover i {
  color: rgba(0, 0, 0, 0.87);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/*******************hero-slider***********************/
.hero-slider {
  position: relative;
}
.hero-slider:hover .hero-slider__next, .hero-slider:hover .hero-slider__prev {
  opacity: 1;
}
.hero-slider__viewport {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.hero-slider__viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.hero-slider__viewport li img {
  max-width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 319px) {
  .hero-slider__viewport li img {
    max-width: 260%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .hero-slider__viewport li img {
    max-width: 260%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .hero-slider__viewport li img {
    max-width: 200%;
  }
}
.hero-slider__side {
  position: relative;
}
.hero-slider__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 4.8rem;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.hero-slider__prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.hero-slider__prev.showMxm {
  left: 0.4rem;
}
.hero-slider__prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.hero-slider__prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.hero-slider__prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.hero-slider__prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.hero-slider__prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.hero-slider__prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.hero-slider__prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.hero-slider__next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.hero-slider__next.showMxm {
  right: 0.4rem;
}
.hero-slider__next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.hero-slider__next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.hero-slider__next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.hero-slider__next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.hero-slider__next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.hero-slider__next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.hero-slider__next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.hero-slider__control-nav {
  position: absolute;
  bottom: 12%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.hero-slider__control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.hero-slider__control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.hero-slider__control-nav li a.hero-slider__active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}

/*******************news-special***********************/
.news-special__side {
  position: relative;
  margin-bottom: 4rem;
}
.news-special__side img {
  height: auto;
  max-width: 100%;
  margin: auto;
}
.news-special__side:hover .news-special__content {
  opacity: 1;
  visibility: visible;
}
.news-special__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  padding: 0.8rem 1.6rem 0.8rem;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
@media screen and (max-width: 319px) {
  .news-special__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .news-special__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .news-special__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .news-special__content {
    opacity: 1;
    visibility: visible;
  }
}
.news-special__icon {
  margin-bottom: 5.6rem;
}
.news-special__icon i {
  font-size: 3.6rem;
  color: #ffffff;
}
.news-special__name {
  margin-bottom: 0.4rem;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .news-special__name {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .news-special__name {
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: 0.024rem;
    text-transform: none;
    font-weight: 500;
  }
}
.news-special__date-cate {
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .news-special__date-cate a {
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.046rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .news-special__date-cate a {
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.046rem;
    text-transform: none;
    font-weight: 400;
  }
}
.news-special__date-cate span {
  color: #ffffff;
}
.news-special__paragraph {
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .news-special__paragraph {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .news-special__paragraph {
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.046rem;
    text-transform: none;
    font-weight: 400;
  }
}
/*******************item-v2***********************/
.item-v2 {
  border-radius: 4px;
  padding: 1.6rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 4rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
}
.item-v2:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-v2:hover .item-v2__picture img {
  -moz-transform: scale(1.2) rotate(1deg);
  -webkit-transform: scale(1.2) rotate(1deg);
  -ms-transform: scale(1.2) rotate(1deg);
  -o-transform: scale(1.2) rotate(1deg);
  transform: scale(1.2) rotate(1deg);
}
.item-v2:hover .item-v2__picture:after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.item-v2:hover .item-v2__picture:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.item-v2__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.item-v2__name {
  margin-bottom: 0.4rem;
}
.item-v2__date-cate {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.item-v2__picture {
  overflow: hidden;
  width: 100%;
  max-width: 8rem;
  position: relative;
  margin-left: 1.6rem;
}
.item-v2__picture img {
  height: auto;
  max-width: 100%;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.item-v2__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.item-v2__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}

/*******************item-v3***********************/
.item-v3 {
  border-radius: 4px;
  padding: 1.6rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 4rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 319px) {
  .item-v3 {
    flex-direction: column;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-v3 {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-v3 {
    flex-direction: column;
  }
}
.item-v3:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-v3:hover .item-v3__picture img {
  -moz-transform: scale(1.2) rotate(1deg);
  -webkit-transform: scale(1.2) rotate(1deg);
  -ms-transform: scale(1.2) rotate(1deg);
  -o-transform: scale(1.2) rotate(1deg);
  transform: scale(1.2) rotate(1deg);
}
.item-v3:hover .item-v3__picture:after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.item-v3:hover .item-v3__picture:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.item-v3__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.item-v3__name {
  margin-bottom: 0.4rem;
}
.item-v3__date-cate {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.4rem;
}
.item-v3__picture {
  overflow: hidden;
  width: 100%;
  max-width: 18.5rem;
  position: relative;
  margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
  .item-v3__picture {
    max-width: none;
    margin-bottom: 0.8rem;
    margin-right: 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-v3__picture {
    max-width: none;
    margin-bottom: 0.8rem;
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-v3__picture {
    max-width: none;
    margin-bottom: 0.8rem;
    margin-right: 0;
  }
}
.item-v3__picture img {
  height: auto;
  max-width: 100%;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.item-v3__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.item-v3__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
/*******************item-blog***********************/
.item-blog {
  border-radius: 4px;
  padding: 1.6rem;
  position: relative;
  overflow: hidden;
  height: 100%;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.item-blog:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-blog:hover .item-blog__picture img {
  -moz-transform: scale(1.2) rotate(1deg);
  -webkit-transform: scale(1.2) rotate(1deg);
  -ms-transform: scale(1.2) rotate(1deg);
  -o-transform: scale(1.2) rotate(1deg);
  transform: scale(1.2) rotate(1deg);
}
.item-blog:hover .item-blog__picture:after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.item-blog:hover .item-blog__picture:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.item-blog:hover .item-blog__gallery--next, .item-blog:hover .item-blog__gallery--prev, .item-blog:hover .item-blog__gallery--control-nav {
  opacity: 1;
}
.item-blog__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.quote .item-blog__side {
  height: 100%;
}
.item-blog__date-cate {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.2rem;
}
.item-blog__box {
  position: relative;
  width: 100%;
}
.item-blog__audio {
  margin-bottom: 1.2rem;
  width: 100%;
}
.item-blog__audio iframe {
  width: 100%;
  border: 0;
}
.item-blog__picture {
  overflow: hidden;
  display: block;
  width: calc(100% + 3.2rem);
  position: relative;
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  margin-bottom: 1.2rem;
}
.item-blog__picture img {
  height: auto;
  width: 100%;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.normal .item-blog__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.normal .item-blog__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.image .item-blog__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.image .item-blog__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.video .item-blog__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 100%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.video .item-blog__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 100%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.item-blog__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.item-blog__icon i {
  font-size: 9.6rem;
  color: #ffffff;
  z-index: 44;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -o-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.item-blog__icon i:hover {
  -moz-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -webkit-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -ms-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -o-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
}
.item-blog__icon img {
  visibility: hidden;
  opacity: 0;
  width: 100%;
}
.item-blog__quote--side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.6rem;
}
@media screen and (max-width: 319px) {
  .item-blog__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-blog__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-blog__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-blog__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-blog__quote--side {
    padding: 1.6rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .column-3 .item-blog__quote--side {
    padding: 1.6rem 0;
  }
}
.item-blog__quote--ico {
  margin-bottom: 2.8rem;
}
.item-blog__quote--ico i {
  font-size: 6rem;
  color: rgba(0, 0, 0, 0.87);
}
.column-3 .item-blog__quote--ico {
  margin-bottom: 1.6rem;
}
.item-blog__quote--content {
  text-align: center;
  width: 100%;
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
  .item-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .item-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-3 .item-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
    margin-bottom: 2rem;
  }
}
.item-blog__quote--author {
  text-align: center;
}
.item-blog__paragraph {
  margin-bottom: 1.6rem;
}
.item-blog__gallery {
  position: relative;
  margin-bottom: 1.2rem;
  overflow: hidden;
  display: block;
  width: calc(100% + 3.2rem);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
}
.item-blog__gallery--viewport {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.item-blog__gallery--viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.item-blog__gallery--viewport li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.item-blog__gallery--prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-blog__gallery--prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.item-blog__gallery--prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.item-blog__gallery--prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.item-blog__gallery--prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.item-blog__gallery--prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.item-blog__gallery--prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.item-blog__gallery--prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.item-blog__gallery--next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-blog__gallery--next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.item-blog__gallery--next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.item-blog__gallery--next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.item-blog__gallery--next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.item-blog__gallery--next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.item-blog__gallery--next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.item-blog__gallery--next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.item-blog__gallery--control-nav {
  position: absolute;
  bottom: 12%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.item-blog__gallery--control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.item-blog__gallery--control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.item-blog__gallery--control-nav li a.item-blog__gallery--active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}

/*******************item-2-blog***********************/
.item-2-blog {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.item-2-blog:hover .item-2-blog__picture img {
  -moz-transform: scale(1.2) rotate(1deg);
  -webkit-transform: scale(1.2) rotate(1deg);
  -ms-transform: scale(1.2) rotate(1deg);
  -o-transform: scale(1.2) rotate(1deg);
  transform: scale(1.2) rotate(1deg);
}
.item-2-blog:hover .item-2-blog__picture:after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.item-2-blog:hover .item-2-blog__picture:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.item-2-blog:hover .item-2-blog__gallery--next, .item-2-blog:hover .item-2-blog__gallery--prev, .item-2-blog:hover .item-2-blog__gallery--control-nav {
  opacity: 1;
}
.item-2-blog__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.item-2-blog__name {
  margin-bottom: 0.8rem;
}
.item-2-blog__date-cate {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.item-2-blog__box {
  position: relative;
  width: 100%;
}
.item-2-blog__audio {
  margin-bottom: 1.2rem;
  width: 100%;
}
.item-2-blog__picture {
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 2rem;
}
.item-2-blog__picture img {
  height: auto;
  width: 100%;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.normal .item-2-blog__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.normal .item-2-blog__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.image .item-2-blog__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.image .item-2-blog__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.video .item-2-blog__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 100%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.video .item-2-blog__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 100%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.item-2-blog__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 6;
}
.item-2-blog__icon i {
  font-size: 9.6rem;
  color: #ffffff;
  z-index: 44;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -o-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.item-2-blog__icon i:hover {
  -moz-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -webkit-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -ms-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -o-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
}
.item-2-blog__icon img {
  visibility: hidden;
  opacity: 0;
  width: 100%;
}
.item-2-blog__quote--side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.6rem;
}
@media screen and (max-width: 319px) {
  .item-2-blog__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-2-blog__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-2-blog__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-2-blog__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-2-blog__quote--side {
    padding: 1.6rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .column-3 .item-2-blog__quote--side {
    padding: 1.6rem 0;
  }
}
.item-2-blog__quote--ico {
  margin-bottom: 2.8rem;
}
.item-2-blog__quote--ico i {
  font-size: 6rem;
  color: rgba(0, 0, 0, 0.87);
}
.column-3 .item-2-blog__quote--ico {
  margin-bottom: 1.6rem;
}
.item-2-blog__quote--content {
  text-align: center;
  width: 100%;
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
  .item-2-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-2-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-2-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-2-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .item-2-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-2-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-3 .item-2-blog__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
    margin-bottom: 2rem;
  }
}
.item-2-blog__quote--author {
  text-align: center;
}
.item-2-blog__paragraph {
  margin-bottom: 1.2rem;
}
.item-2-blog__gallery {
  position: relative;
  margin-bottom: 2rem;
  overflow: hidden;
  display: block;
  width: 100%;
}
.item-2-blog__gallery--viewport {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.item-2-blog__gallery--viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.item-2-blog__gallery--viewport li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.item-2-blog__gallery--prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-2-blog__gallery--prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.item-2-blog__gallery--prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.item-2-blog__gallery--prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.item-2-blog__gallery--prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.item-2-blog__gallery--prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.item-2-blog__gallery--prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.item-2-blog__gallery--prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.item-2-blog__gallery--next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-2-blog__gallery--next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.item-2-blog__gallery--next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.item-2-blog__gallery--next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.item-2-blog__gallery--next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.item-2-blog__gallery--next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.item-2-blog__gallery--next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.item-2-blog__gallery--next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.item-2-blog__gallery--control-nav {
  position: absolute;
  bottom: 12%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.item-2-blog__gallery--control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.item-2-blog__gallery--control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.item-2-blog__gallery--control-nav li a.item-2-blog__gallery--active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}

/*******************modal-video***********************/
@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -moz-transition: opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}
.modal-video-close .modal-video-movie-wrap {
  -moz-transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 1400px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: table;
  padding: 4rem;
}

.modal-video-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transition: transform 0.3s ease-out;
  -webkit-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -35px;
  right: -35px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}
.modal-video-close-btn:before {
  transform: rotate(45deg);
}
.modal-video-close-btn:after {
  transform: rotate(-45deg);
}
.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

/*******************smartphoto***********************/
@keyframes smartphoto {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes smartphoto-img-wrap {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes smartphoto-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes smartphoto-loader {
  0% {
    opacity: 0.4;
    transform: rotate(0deg);
  }
  50% {
    opacity: 1;
    transform: rotate(180deg);
  }
  100% {
    opacity: 0.4;
    transform: rotate(360deg);
  }
}
@keyframes smartphoto-appear {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes smartphoto-hide {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
.smartphoto {
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1;
  font-family: sans-serif;
  cursor: pointer;
  -moz-transition: opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  animation-name: smartphoto;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto[aria-hidden=true] {
  display: none;
}

.smartphoto-close {
  opacity: 0;
}

.smartphoto-count {
  display: inline-block;
  color: #ffffff;
  font-size: 1.6rem;
}

.smartphoto-header {
  display: block;
  box-sizing: border-box;
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
  width: 100%;
  height: 5.6rem;
  padding: 1.6rem;
  background-color: black;
}

.smartphoto-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.smartphoto-dismiss {
  display: block;
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);
  text-shadow: 0 1px 0 #ffffff;
  color: #ffffff;
  font-size: 3rem;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
  outline: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.smartphoto-body {
  position: relative;
  z-index: 102;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.smartphoto-inner {
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.smartphoto-img {
  display: none;
  max-width: none;
  width: auto;
  height: auto;
  cursor: zoom-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: transform 0.3s ease-out;
  -webkit-user-drag: none;
}

.smartphoto-img.active {
  display: block;
}

.smartphoto-img-onmove {
  cursor: grab;
  cursor: -webkit-grab;
  transition: none;
}

.smartphoto-img-elasticmove {
  transition: transform 0.3s ease-out;
}

.smartphoto-img-wrap {
  display: inline-block;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  animation-name: smartphoto-img-wrap;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-img-left {
  transform: translateX(150%) !important;
}

.smartphoto-img-right {
  transform: translateX(-150%) !important;
}

.smartphoto-arrows {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1002;
  top: 50%;
  left: 0;
  opacity: 1;
  animation-name: smartphoto-appear;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-arrows[aria-hidden=true] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-arrows li {
  display: block;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -20px;
  box-sizing: content-box;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-name: smartphoto-appear;
}
.smartphoto-arrows li:focus {
  outline: none;
}

.smartphoto-arrows [aria-hidden=true] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-arrows a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.smartphoto-arrow-right {
  right: 0;
  padding: 5px 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.smartphoto-arrow-right a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==);
}

.smartphoto-arrow-left {
  left: 0;
  padding: 5px 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.smartphoto-arrow-left a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+);
}

.smartPhotoArrowHideIcon {
  display: none;
}

.smartphoto-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  animation-name: smartphoto-appear;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-nav[aria-hidden=true] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-nav ul {
  display: block;
  overflow-x: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.smartphoto-nav li {
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
}

.smartphoto-nav a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background-position: center center;
  background-size: cover;
  opacity: 0.5;
}
.smartphoto-nav a:focus {
  opacity: 0.8;
}

.smartphoto-nav a.current {
  opacity: 1;
}

.smartphoto-nav img {
  width: auto;
  height: 100%;
}

.smartphoto-list {
  list-style-type: none;
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.smartphoto-list li {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-out;
}
.smartphoto-list li:focus {
  outline: none;
}

.smartphoto-list-onmove {
  transition: all 0.3s ease-out;
}

.smartphoto-caption {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5.6rem;
  padding: 0 50px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.smartphoto-caption:focus {
  outline: none;
}

.smartphoto-loader-wrap {
  display: block;
  position: relative;
  z-index: 103;
  width: 0;
  height: 0;
  transform: translate(50vw, 50vh);
}

.smartphoto-loader {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  margin-top: -25px;
  margin-left: -25px;
  border: 8px solid #422D91;
  border-right-color: transparent;
  border-radius: 50%;
  animation: smartphoto-loader 0.5s infinite linear;
}

.smartphoto-img-clone {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  transition: all 0.3s ease-out;
}

.smartphoto-sr-only {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

/*******************widget***********************/
.widget {
  margin-bottom: 3.2rem;
}
.widget__search-form {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 1.6rem;
}
.widget__search-input {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  padding: 12px 36px 12px 12px;
  background-color: transparent;
}
.widget__search-input:placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.widget__search-input::placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.widget__search-input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.widget__search-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.widget__search-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.widget__search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.widget__search-input:focus {
  outline: none;
}
.widget__search-button {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.8rem;
  padding: 0;
  margin: 0;
  outline: none;
  border: none;
  border: 0;
  background: none;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget__search-button:hover i {
  color: rgba(17, 189, 163, 0.87);
}
.widget__search-button:focus {
  outline: none;
}
.widget__search-button i {
  font-size: 2.8rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.widget__header {
  margin-bottom: 2.4rem;
}
.widget__side {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.widget__blog {
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .widget__blog {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 1.6rem;
  }
}
.widget__blog:hover .widget__blog--img:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.widget__blog:hover img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.widget__blog:hover .widget__blog--img:after {
  visibility: visible;
  opacity: 1;
}
.widget__blog--avatar {
  margin-right: 1.6rem;
}
.widget__blog--img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 9;
}
.widget__blog--img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.widget__blog--img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.widget__blog--img img {
  width: 100%;
  height: auto;
  max-width: 5.6rem;
  min-width: 5.6rem;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
@media screen and (max-width: 319px) {
  .widget__blog--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .widget__blog--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .widget__blog--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .widget__blog--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
.widget__blog--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.widget__product {
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .widget__product {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 1.6rem;
  }
}
.widget__product:hover .widget__blog--img:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.widget__product:hover img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.widget__product:hover .widget__blog--img:after {
  visibility: visible;
  opacity: 1;
}
.widget__product--avatar {
  margin-right: 1.6rem;
}
.widget__product--img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 9;
}
.widget__product--img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.widget__product--img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.widget__product--img img {
  width: 100%;
  height: auto;
  max-width: 6.8rem;
  min-width: 6.8rem;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
@media screen and (max-width: 319px) {
  .widget__product--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .widget__product--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .widget__product--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .widget__product--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
.widget__product--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.widget__product--vote {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.4rem;
}
.widget__product--vote---icon {
  color: #ffd700;
  font-size: 2rem;
  line-height: 1;
}
.widget__product--price {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.widget__product--price---sale {
  margin-right: 1.2rem;
}
.widget__category {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .widget__category {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 1.6rem;
  }
}
.widget__product-category {
  margin-bottom: 1.6rem;
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.widget__product-category--list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.widget__product-category--list---lv2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.widget__product-category--list---lv3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.widget__product-category--item {
  margin-bottom: 0.8rem;
}
.widget__product-category--link {
  display: block;
  padding: 0.8rem 1.6rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  position: relative;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.widget__product-category--drop > .widget__product-category--link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  -moz-transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.6);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.widget__product-category--drop.openMn > .widget__product-category--link:before {
  -moz-transform: translateY(-50%) rotate(-180deg);
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.widget__product-category--link---lv2 {
  display: block;
  padding: 0.8rem 4rem;
  position: relative;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.widget__product-category--drop > .widget__product-category--link---lv2:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  -moz-transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.6);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.widget__product-category--drop.openMn > .widget__product-category--link---lv2:before {
  -moz-transform: translateY(-50%) rotate(-180deg);
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.widget__product-category--link---lv3 {
  display: block;
  padding: 0.8rem 6.4rem;
  position: relative;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.widget__product-category--drop > .widget__product-category--link---lv3:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  -moz-transform: translateY(-50%) rotate(0deg);
  -webkit-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.6);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.widget__product-category--drop.openMn > .widget__product-category--link---lv3:before {
  -moz-transform: translateY(-50%) rotate(-180deg);
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.widget__chip {
  margin-bottom: 0.8rem;
}
.widget__chip ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.widget__chip ul li {
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
}
.widget__chip ul li a {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 1.6rem;
  padding: 0.4rem 1.2rem;
  background-color: transparent;
  height: 3.2rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.widget__social {
  margin-bottom: 0.8rem;
}
.widget__social ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.widget__social ul li {
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
}
.widget__social ul li a {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.widget__social ul li a i {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.widget__social ul li a:hover {
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.widget__social ul li a:hover i {
  color: #000000;
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.widget__archives {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .widget__archives {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 1.6rem;
  }
}
.widget__portfolio {
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .widget__portfolio {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 1.6rem;
  }
}
.widget__portfolio:hover .widget__portfolio--img:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.widget__portfolio:hover img {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.widget__portfolio:hover .widget__portfolio--img:after {
  visibility: visible;
  opacity: 1;
}
.widget__portfolio--avatar {
  margin-right: 1.6rem;
}
.widget__portfolio--img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 9;
}
.widget__portfolio--img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.widget__portfolio--img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.widget__portfolio--img img {
  width: 100%;
  height: auto;
  max-width: 5.6rem;
  min-width: 5.6rem;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
@media screen and (max-width: 319px) {
  .widget__portfolio--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .widget__portfolio--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .widget__portfolio--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .widget__portfolio--img img {
    max-width: 8.8rem;
    min-width: 8.8rem;
  }
}
.widget__portfolio--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.widget__comment {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6rem;
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .widget__comment {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 1.6rem;
  }
}
.widget__price-filter {
  margin-bottom: 1.6rem;
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.widget__price-filter--slide {
  background-color: #e6e6e6;
  height: 2px;
  position: relative;
  margin-bottom: 2.4rem;
}
.widget__price-filter--slide .ui-slider-range {
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  background-color: #666666;
}
.widget__price-filter--slide .ui-slider-handle {
  background-color: #666666;
  cursor: pointer;
  height: 12px;
  width: 12px;
  z-index: 2;
  border-radius: 50%;
  position: absolute;
  margin-left: -3px;
  top: -5px;
}
.widget__price-filter--wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.widget__gallery {
  margin-bottom: 1.6rem;
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.widget__gallery:hover .widget__gallery--slider---next, .widget__gallery:hover .widget__gallery--slider---prev, .widget__gallery:hover .widget__gallery--slider---control-nav {
  opacity: 1;
}
.widget__gallery--slider {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .widget__gallery--slider {
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .widget__gallery--slider {
    width: 70%;
    margin: 0 auto;
  }
}
.widget__gallery--slider---viewport {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.widget__gallery--slider---viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.widget__gallery--slider---viewport li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.widget__gallery--slider---prev {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.widget__gallery--slider---prev i {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.6);
  z-index: 99;
  font-size: 2.8rem;
}
.widget__gallery--slider---prev i:hover {
  color: rgba(0, 0, 0, 0.38);
}
.widget__gallery--slider---next {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.widget__gallery--slider---next i {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.6);
  z-index: 99;
  font-size: 2.8rem;
}
.widget__gallery--slider---next i:hover {
  color: rgba(0, 0, 0, 0.38);
}
.widget__gallery--slider---control-nav {
  position: absolute;
  bottom: 8%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.widget__gallery--slider---control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.widget__gallery--slider---control-nav li a:hover {
  background-color: rgba(0, 0, 0, 0.38);
}
.widget__gallery--slider---control-nav li a.widget__gallery--slider---active {
  width: 3.2rem;
  background-color: rgba(0, 0, 0, 0.38);
  cursor: default;
}

/*******************pagination***********************/
.pagination {
  margin-bottom: 2.4rem;
}
.pagination ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.pagination ul li {
  margin-right: 0.8rem;
  margin-left: 0.8rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 319px) {
  .pagination ul li {
    margin-right: 0.4rem;
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .pagination ul li {
    margin-right: 0.4rem;
    margin-left: 0.4rem;
  }
}
.pagination ul li a {
  display: block;
  width: 4rem;
  height: 4rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  -moz-transition: color 0.4s ease-in , background-color 0.4s ease-in , border 0.4s ease-in;
  -webkit-transition: color 0.4s ease-in , background-color 0.4s ease-in , border 0.4s ease-in;
  -o-transition: color 0.4s ease-in , background-color 0.4s ease-in , border 0.4s ease-in;
  transition: color 0.4s ease-in , background-color 0.4s ease-in , border 0.4s ease-in;
}
@media screen and (max-width: 319px) {
  .pagination ul li a {
    width: 3.6rem;
    height: 3.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .pagination ul li a {
    width: 3.6rem;
    height: 3.6rem;
  }
}
.pagination ul li a:hover {
  border: 1px solid #422D91;
  background-color: #422D91;
  color: #ffffff;
}
.pagination ul li a.active {
  border: 1px solid #422D91;
  background-color: #422D91;
  color: #ffffff;
}
.pagination__side {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.pagination__btn {
  margin-bottom: 1.6rem;
}

/*******************masonry***********************/
.masonry__parent {
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.masonry__item {
  margin-bottom: 4rem;
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (max-width: 319px) {
  .column2 .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column2 .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column2 .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column2 .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column2 .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .column2 .masonry__item {
    width: 50%;
  }
}
@media screen and (max-width: 319px) {
  .column2-sidebar .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column2-sidebar .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column2-sidebar .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column2-sidebar .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column2-sidebar .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .column2-sidebar .masonry__item {
    width: 50%;
  }
}
@media screen and (max-width: 319px) {
  .column2Full .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column2Full .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column2Full .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column2Full .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column2Full .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .column2Full .masonry__item {
    width: 50%;
  }
}
@media screen and (max-width: 319px) {
  .column3 .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column3 .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column3 .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column3 .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column3 .masonry__item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1200px) {
  .column3 .masonry__item {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 319px) {
  .column3-sidebar .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column3-sidebar .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column3-sidebar .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column3-sidebar .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column3-sidebar .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .column3-sidebar .masonry__item {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 319px) {
  .column3Full .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column3Full .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column3Full .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column3Full .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column3Full .masonry__item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1200px) {
  .column3Full .masonry__item {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 319px) {
  .column4 .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column4 .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column4 .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column4 .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column4 .masonry__item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1200px) {
  .column4 .masonry__item {
    width: 25%;
  }
}
@media screen and (max-width: 319px) {
  .column4Full .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column4Full .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column4Full .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column4Full .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column4Full .masonry__item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1200px) {
  .column4Full .masonry__item {
    width: 25%;
  }
}
@media screen and (max-width: 319px) {
  .column5 .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column5 .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column5 .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column5 .masonry__item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column5 .masonry__item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1200px) {
  .column5 .masonry__item {
    width: 20%;
  }
}
@media screen and (max-width: 319px) {
  .column5Full .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column5Full .masonry__item {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column5Full .masonry__item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column5Full .masonry__item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column5Full .masonry__item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1200px) {
  .column5Full .masonry__item {
    width: 20%;
  }
}
.masonry__preloader {
  position: relative;
  left: calc(50% - 24px);
}
.masonry__preloader:after {
  content: "";
  display: block;
  margin-top: 10px;
  border: 4px solid #c7faf2;
  border-radius: 50%;
  border-top: 4px solid #422D91;
  width: 48px;
  height: 48px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin-top: 0.4rem;
  margin-bottom: 4rem;
  position: relative;
  left: calc(50% - 24px);
}

/*******************item-detail***********************/
.item-detail {
  position: relative;
  overflow: hidden;
  margin-bottom: 2.8rem;
}
.item-detail:hover .item-detail__picture img {
  -moz-transform: scale(1.2) rotate(1deg);
  -webkit-transform: scale(1.2) rotate(1deg);
  -ms-transform: scale(1.2) rotate(1deg);
  -o-transform: scale(1.2) rotate(1deg);
  transform: scale(1.2) rotate(1deg);
}
.item-detail:hover .item-detail__picture:after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.item-detail:hover .item-detail__picture:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.item-detail:hover .item-detail__gallery--next, .item-detail:hover .item-detail__gallery--prev, .item-detail:hover .item-detail__gallery--control-nav {
  opacity: 1;
}
.item-detail__side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.item-detail__name {
  margin-bottom: 1.6rem;
}
.item-detail__date-cate {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.4rem;
}
.item-detail__box {
  position: relative;
  width: 100%;
}
.item-detail__audio {
  margin-bottom: 1.2rem;
  width: 100%;
}
.item-detail__picture {
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 2rem;
}
.item-detail__picture img {
  height: auto;
  width: 100%;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.item-detail__picture-frame {
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 2rem;
  background-color: rgba(0, 0, 0, 0.87);
}
.item-detail__picture-frame iframe {
  height: 58rem;
}
@media screen and (max-width: 319px) {
  .item-detail__picture-frame iframe {
    height: 24rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__picture-frame iframe {
    height: 24rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-detail__picture-frame iframe {
    height: 32rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-detail__picture-frame iframe {
    height: 44rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .item-detail__picture-frame iframe {
    height: 40rem;
  }
}
.normal .item-detail__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.normal .item-detail__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.image .item-detail__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.image .item-detail__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.video .item-detail__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 100%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.video .item-detail__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 100%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.item-detail__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 6;
}
.item-detail__icon i {
  font-size: 9.6rem;
  color: #ffffff;
  z-index: 44;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -o-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.item-detail__icon i:hover {
  -moz-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -webkit-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -ms-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -o-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
}
.item-detail__icon img {
  visibility: hidden;
  opacity: 0;
  width: 100%;
}
.item-detail__quote--side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.6rem;
}
@media screen and (max-width: 319px) {
  .item-detail__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-detail__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-detail__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-detail__quote--side {
    padding: 1.6rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .column-3 .item-detail__quote--side {
    padding: 1.6rem 0;
  }
}
.item-detail__quote--ico {
  margin-bottom: 2.8rem;
}
.item-detail__quote--ico i {
  font-size: 6rem;
  color: rgba(0, 0, 0, 0.87);
}
.column-3 .item-detail__quote--ico {
  margin-bottom: 1.6rem;
}
.item-detail__quote--content {
  text-align: center;
  width: 100%;
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
  .item-detail__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-detail__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-detail__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .item-detail__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-detail__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-3 .item-detail__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
    margin-bottom: 2rem;
  }
}
.item-detail__quote--author {
  text-align: center;
}
.item-detail__gallery {
  position: relative;
  margin-bottom: 2rem;
  overflow: hidden;
  display: block;
  width: 100%;
}
.item-detail__gallery--viewport {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.item-detail__gallery--viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.item-detail__gallery--viewport li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.item-detail__gallery--prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-detail__gallery--prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.item-detail__gallery--prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.item-detail__gallery--prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.item-detail__gallery--prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.item-detail__gallery--prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.item-detail__gallery--prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.item-detail__gallery--prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.item-detail__gallery--next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-detail__gallery--next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.item-detail__gallery--next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.item-detail__gallery--next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.item-detail__gallery--next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.item-detail__gallery--next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.item-detail__gallery--next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.item-detail__gallery--next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.item-detail__gallery--control-nav {
  position: absolute;
  bottom: 12%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.item-detail__gallery--control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.item-detail__gallery--control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.item-detail__gallery--control-nav li a.item-detail__gallery--active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}
.item-detail__content h5 {
  margin-bottom: 1.2rem;
}
.item-detail__content img {
  float: left;
  margin-right: 2rem;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 319px) {
  .item-detail__content img {
    float: none;
    margin: 0.4rem auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__content img {
    float: none;
    margin: 0.4rem auto;
  }
}
.item-detail__content img.right {
  float: right;
  margin-left: 2rem;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 319px) {
  .item-detail__content img.right {
    float: none;
    margin: 0.4rem auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__content img.right {
    float: none;
    margin: 0.4rem auto;
  }
}
.item-detail__content p {
  margin-bottom: 2rem;
}
.item-detail__content .parent-mxm {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 319px) {
  .item-detail__content .parent-mxm {
    flex-direction: column;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__content .parent-mxm {
    flex-direction: column;
  }
}
.item-detail__content ul {
  margin-bottom: 1.2rem;
}
.item-detail__content ul:not(:last-child) {
  margin-right: 12rem;
}
@media screen and (max-width: 319px) {
  .item-detail__content ul:not(:last-child) {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__content ul:not(:last-child) {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-detail__content ul:not(:last-child) {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-detail__content ul:not(:last-child) {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .item-detail__content ul:not(:last-child) {
    margin-right: 4rem;
  }
}
.item-detail__content ul li {
  padding: 0rem 0.8rem 0rem 2.4rem;
  position: relative;
}
.item-detail__content ul li:not(:last-child) {
  margin-bottom: 1.2rem;
}
.item-detail__content ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.87);
}
.item-detail__content blockquote {
  margin-bottom: 4rem;
  margin-top: 4rem;
  text-align: center;
  padding: 5.4rem 10.4rem 0.4rem;
  position: relative;
}
@media screen and (max-width: 319px) {
  .item-detail__content blockquote {
    padding: 5.4rem 0rem 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__content blockquote {
    padding: 5.4rem 0rem 0.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-detail__content blockquote {
    padding: 5.4rem 1.8rem 0.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-detail__content blockquote {
    padding: 5.4rem 1.8rem 0.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .item-detail__content blockquote {
    padding: 5.4rem 2.4rem 0.4rem;
  }
}
.item-detail__content blockquote:before {
  content: "";
  font-size: 6rem;
  color: rgba(0, 0, 0, 0.87);
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  font-family: "Material Icons";
}
.item-detail__content blockquote figcaption {
  margin-top: 1.2rem;
}
.item-detail__chip {
  margin-bottom: 3.2rem;
}
.item-detail__chip ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.item-detail__chip ul li {
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
}
.item-detail__chip ul li a {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 1.6rem;
  padding: 0.4rem 1.2rem;
  background-color: transparent;
  height: 3.2rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.item-detail__social {
  margin-bottom: 4rem;
}
.item-detail__social ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.item-detail__social ul li {
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
}
.item-detail__social ul li a {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.item-detail__social ul li a i {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.item-detail__social ul li a:hover {
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.item-detail__social ul li a:hover i {
  color: #000000;
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.item-detail__author {
  padding: 1.6rem;
  margin-bottom: 9.6rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.item-detail__author:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-detail__author:hover .item-detail__author--avatar:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.item-detail__author:hover img {
  -moz-transform: scale(1.1) rotate(1deg);
  -webkit-transform: scale(1.1) rotate(1deg);
  -ms-transform: scale(1.1) rotate(1deg);
  -o-transform: scale(1.1) rotate(1deg);
  transform: scale(1.1) rotate(1deg);
}
.item-detail__author:hover .item-detail__author--avatar:after {
  visibility: visible;
  opacity: 1;
}
.item-detail__author--side {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .item-detail__author--side {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__author--side {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.item-detail__author--avatar {
  width: 100%;
  max-width: 10.4rem;
  margin-right: 1.6rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 319px) {
  .item-detail__author--avatar {
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__author--avatar {
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
}
.item-detail__author--avatar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.05);
  z-index: 9;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.item-detail__author--avatar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.item-detail__author--avatar img {
  width: 100%;
  height: auto;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.item-detail__author--content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 319px) {
  .item-detail__author--content {
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__author--content {
    align-items: center;
  }
}
.item-detail__author--role {
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 319px) {
  .item-detail__author--paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-detail__author--paragraph {
    text-align: center;
  }
}
.item-detail__line {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 0.8rem 0 4.8rem;
}
.item-detail__direct {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
}

/*******************comment***********************/
.comment {
  margin-bottom: 6.4rem;
}
.comment__title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
  margin-top: 6.4rem;
}
.comment ul li ul {
  margin-left: 4.8rem;
}
@media screen and (max-width: 319px) {
  .comment ul li ul {
    margin-left: 2.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .comment ul li ul {
    margin-left: 2.4rem;
  }
}
.comment__level {
  padding: 1.6rem;
  margin-bottom: 2.4rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.comment__level:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.comment__level:hover .comment__avatar:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.comment__level:hover img {
  -moz-transform: scale(1.1) rotate(1deg);
  -webkit-transform: scale(1.1) rotate(1deg);
  -ms-transform: scale(1.1) rotate(1deg);
  -o-transform: scale(1.1) rotate(1deg);
  transform: scale(1.1) rotate(1deg);
}
.comment__level:hover .comment__avatar:after {
  visibility: visible;
  opacity: 1;
}
.comment__side {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.comment__avatar {
  width: 100%;
  max-width: 8rem;
  min-width: 8rem;
  margin-right: 1.6rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 319px) {
  .comment__avatar {
    max-width: 6.8rem;
    min-width: 6.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .comment__avatar {
    max-width: 6.8rem;
    min-width: 6.8rem;
  }
}
.comment__avatar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.05);
  z-index: 9;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.comment__avatar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.comment__avatar img {
  width: 100%;
  height: auto;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.comment__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  width: 100%;
}
.comment__date {
  margin-bottom: 0.4rem;
}
.comment__btn {
  position: absolute;
  top: 0;
  right: 0;
}

/*******************item-portfolio***********************/
.item-portfolio {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 4rem;
}
.item-portfolio__side {
  position: relative;
  width: 100%;
  display: none;
}
@media screen and (max-width: 319px) {
  .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.item-portfolio__side.show {
  display: block;
}
.item-portfolio__side img {
  height: auto;
  width: 100%;
  margin: auto;
}
.item-portfolio__side:hover .item-portfolio__content {
  opacity: 1;
  visibility: visible;
}
.column-2-full .item-portfolio__side {
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.column-3-full .item-portfolio__side {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.column-4-full .item-portfolio__side {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio__side {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.column-5-full .item-portfolio__side {
  flex: 0 0 20%;
  max-width: 20%;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio__side {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.column-2 .item-portfolio__side {
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.column-3 .item-portfolio__side {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.column-4 .item-portfolio__side {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.column-5 .item-portfolio__side {
  flex: 0 0 20%;
  max-width: 20%;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.item-portfolio__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 1.2s ease 0s;
  -webkit-transition: all 1.2s ease 0s;
  -o-transition: all 1.2s ease 0s;
  transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
  .item-portfolio__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-portfolio__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-portfolio__content {
    opacity: 1;
    visibility: visible;
  }
}
.column-2-full .item-portfolio__content {
  padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-3-full .item-portfolio__content {
  padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-3-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-4-full .item-portfolio__content {
  padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-5-full .item-portfolio__content {
  padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5-full .item-portfolio__content {
    padding: 0.4rem 1.2rem 0.4rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-2 .item-portfolio__content {
  padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-3 .item-portfolio__content {
  padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-4 .item-portfolio__content {
  padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-5 .item-portfolio__content {
  padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.item-portfolio__icon i {
  color: #ffffff;
}
.column-2-full .item-portfolio__icon {
  margin-bottom: 5.6rem;
}
.column-2-full .item-portfolio__icon i {
  font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-2-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-2-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-2-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-2-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
.column-3-full .item-portfolio__icon {
  margin-bottom: 5.6rem;
}
.column-3-full .item-portfolio__icon i {
  font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-3-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-3-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-3-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-3-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio__icon {
    margin-bottom: 3.2rem;
  }
  .column-3-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-3-full .item-portfolio__icon {
    margin-bottom: 3.2rem;
  }
  .column-3-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
.column-4-full .item-portfolio__icon {
  margin-bottom: 5.6rem;
}
.column-4-full .item-portfolio__icon i {
  font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-4-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-4-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-4-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-4-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio__icon {
    margin-bottom: 3.2rem;
  }
  .column-4-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4-full .item-portfolio__icon {
    margin-bottom: 3.2rem;
  }
  .column-4-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio__icon {
    margin-bottom: 3.2rem;
  }
  .column-4-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
.column-5-full .item-portfolio__icon {
  margin-bottom: 5.6rem;
}
.column-5-full .item-portfolio__icon i {
  font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-5-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-5-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-5-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-5-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio__icon {
    margin-bottom: 3.2rem;
  }
  .column-5-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5-full .item-portfolio__icon {
    margin-bottom: 1.2rem;
  }
  .column-5-full .item-portfolio__icon i {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio__icon {
    margin-bottom: 3.2rem;
  }
  .column-5-full .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
.column-2 .item-portfolio__icon {
  margin-bottom: 3.2rem;
}
.column-2 .item-portfolio__icon i {
  font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-2 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-2 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-2 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-2 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio__icon {
    margin-bottom: 3.2rem;
  }
  .column-2 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
.column-3 .item-portfolio__icon {
  margin-bottom: 3.2rem;
}
.column-3 .item-portfolio__icon i {
  font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-3 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-3 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-3 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-3 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio__icon {
    margin-bottom: 3.2rem;
  }
  .column-3 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
.column-4 .item-portfolio__icon {
  margin-bottom: 3.2rem;
}
.column-4 .item-portfolio__icon i {
  font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-4 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-4 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-4 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-4 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio__icon {
    margin-bottom: 3.2rem;
  }
  .column-4 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-4 .item-portfolio__icon i {
    font-size: 2.4rem;
  }
}
.column-5 .item-portfolio__icon {
  margin-bottom: 3.2rem;
}
.column-5 .item-portfolio__icon i {
  font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-5 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-5 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-5 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-5 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio__icon {
    margin-bottom: 3.2rem;
  }
  .column-5 .item-portfolio__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5 .item-portfolio__icon {
    margin-bottom: 1.6rem;
  }
  .column-5 .item-portfolio__icon i {
    font-size: 2.4rem;
  }
}
.item-portfolio__date-cate span {
  color: #ffffff;
}
.column-2-full .item-portfolio__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-3-full .item-portfolio__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-3-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-4-full .item-portfolio__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-5-full .item-portfolio__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5-full .item-portfolio__date-cate {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-2 .item-portfolio__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-3 .item-portfolio__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-4 .item-portfolio__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-5 .item-portfolio__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5 .item-portfolio__date-cate {
    display: none;
  }
}
.column-2-full .item-portfolio__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
.column-3-full .item-portfolio__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-3-full .item-portfolio__name {
    margin-bottom: 0.8rem;
  }
}
.column-4-full .item-portfolio__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4-full .item-portfolio__name {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
.column-5-full .item-portfolio__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5-full .item-portfolio__name {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
.column-2 .item-portfolio__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
.column-3 .item-portfolio__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
.column-4 .item-portfolio__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
.column-5 .item-portfolio__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio__name {
    margin-bottom: 1.6rem;
  }
}
.column-2-full .item-portfolio__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-3-full .item-portfolio__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-3-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-4-full .item-portfolio__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-5-full .item-portfolio__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5-full .item-portfolio__paragraph {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-2 .item-portfolio__paragraph {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-3 .item-portfolio__paragraph {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-4 .item-portfolio__paragraph {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4 .item-portfolio__paragraph {
    display: none;
  }
}
.column-5 .item-portfolio__paragraph {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5 .item-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .column-5 .item-portfolio__btn {
    display: none;
  }
}
.item-portfolio__nav-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4.8rem;
}
.item-portfolio__nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.item-portfolio__nav a {
  display: block;
  margin: 0rem 0.8rem 1.6rem;
}
/*******************item-2-portfolio***********************/
.item-2-portfolio {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.item-2-portfolio__side {
  width: 100%;
  position: relative;
}
.item-2-portfolio__side img {
  height: auto;
  width: 100%;
  margin: auto;
}
.item-2-portfolio__side:hover .item-2-portfolio__content {
  opacity: 1;
  visibility: visible;
}
.item-2-portfolio__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 1.2s ease 0s;
  -webkit-transition: all 1.2s ease 0s;
  -o-transition: all 1.2s ease 0s;
  transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
  .item-2-portfolio__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-2-portfolio__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-2-portfolio__content {
    opacity: 1;
    visibility: visible;
  }
}
.column2 .item-2-portfolio__content {
  padding: 1.6rem 1.6rem 1.6rem;
}
.column3 .item-2-portfolio__content {
  padding: 1.6rem 1.6rem 1.6rem;
}
.column4 .item-2-portfolio__content {
  padding: 1.6rem 1.6rem 1.6rem;
}
.column5 .item-2-portfolio__content {
  padding: 1.6rem 1.6rem 1.6rem;
}
.column2Full .item-2-portfolio__content {
  padding: 1.6rem 1.6rem 1.6rem;
}
.column3Full .item-2-portfolio__content {
  padding: 1.6rem 1.6rem 1.6rem;
}
.column4Full .item-2-portfolio__content {
  padding: 1.6rem 1.6rem 1.6rem;
}
.column5Full .item-2-portfolio__content {
  padding: 1.6rem 1.6rem 1.6rem;
}
.item-2-portfolio__icon i {
  color: #ffffff;
}
.column2 .item-2-portfolio__icon {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.column2 .item-2-portfolio__icon i {
  font-size: 2.4rem;
}
.column3 .item-2-portfolio__icon {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.column3 .item-2-portfolio__icon i {
  font-size: 2.4rem;
}
.column4 .item-2-portfolio__icon {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.column4 .item-2-portfolio__icon i {
  font-size: 2.4rem;
}
.column5 .item-2-portfolio__icon {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.column5 .item-2-portfolio__icon i {
  font-size: 2.4rem;
}
.column2Full .item-2-portfolio__icon {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.column2Full .item-2-portfolio__icon i {
  font-size: 2.4rem;
}
.column3Full .item-2-portfolio__icon {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.column3Full .item-2-portfolio__icon i {
  font-size: 2.4rem;
}
.column4Full .item-2-portfolio__icon {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.column4Full .item-2-portfolio__icon i {
  font-size: 2.4rem;
}
.column5Full .item-2-portfolio__icon {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.column5Full .item-2-portfolio__icon i {
  font-size: 2.4rem;
}
.item-2-portfolio__date-cate span {
  color: #ffffff;
}
.column2 .item-2-portfolio__date-cate {
  margin-bottom: 0.4rem;
}
.column3 .item-2-portfolio__date-cate {
  margin-bottom: 0.4rem;
}
.column4 .item-2-portfolio__date-cate {
  margin-bottom: 0.4rem;
}
.column5 .item-2-portfolio__date-cate {
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 1200px) {
  .column5 .item-2-portfolio__date-cate {
    display: none;
  }
}
.column2Full .item-2-portfolio__date-cate {
  margin-bottom: 0.4rem;
}
.column3Full .item-2-portfolio__date-cate {
  margin-bottom: 0.4rem;
}
.column4Full .item-2-portfolio__date-cate {
  margin-bottom: 0.4rem;
}
.column5Full .item-2-portfolio__date-cate {
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 1200px) {
  .column5Full .item-2-portfolio__date-cate {
    display: none;
  }
}
.column2 .item-2-portfolio__name {
  margin-bottom: 0.8rem;
}
.column3 .item-2-portfolio__name {
  margin-bottom: 0.8rem;
}
.column4 .item-2-portfolio__name {
  margin-bottom: 0.8rem;
}
.column5 .item-2-portfolio__name {
  margin-bottom: 0.8rem;
}
.column2Full .item-2-portfolio__name {
  margin-bottom: 0.8rem;
}
.column3Full .item-2-portfolio__name {
  margin-bottom: 0.8rem;
}
.column4Full .item-2-portfolio__name {
  margin-bottom: 0.8rem;
}
.column5Full .item-2-portfolio__name {
  margin-bottom: 0.8rem;
}
.column2 .item-2-portfolio__paragraph {
  margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column2 .item-2-portfolio__paragraph {
    display: none;
  }
}
.column3 .item-2-portfolio__paragraph {
  margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column3 .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column3 .item-2-portfolio__paragraph {
    display: none;
  }
}
.column4 .item-2-portfolio__paragraph {
  margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column4 .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column4 .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .column4 .item-2-portfolio__paragraph {
    display: none;
  }
}
.column5 .item-2-portfolio__paragraph {
  margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column5 .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column5 .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column5 .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .column5 .item-2-portfolio__paragraph {
    display: none;
  }
}
.column2Full .item-2-portfolio__paragraph {
  margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column2Full .item-2-portfolio__paragraph {
    display: none;
  }
}
.column3Full .item-2-portfolio__paragraph {
  margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column3Full .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column3Full .item-2-portfolio__paragraph {
    display: none;
  }
}
.column4Full .item-2-portfolio__paragraph {
  margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column4Full .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column4Full .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column4Full .item-2-portfolio__paragraph {
    display: none;
  }
}
.column5Full .item-2-portfolio__paragraph {
  margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column5Full .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column5Full .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column5Full .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .column5Full .item-2-portfolio__paragraph {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column5 .item-2-portfolio__btn {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .column5 .item-2-portfolio__btn {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column5Full .item-2-portfolio__btn {
    display: none;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column5Full .item-2-portfolio__btn {
    display: none;
  }
}

/*******************portfolio-detail***********************/
.portfolio-detail {
  margin-bottom: 6.4rem;
}
.portfolio-detail__picture {
  margin-bottom: 4rem;
}
.portfolio-detail__picture img {
  width: 100%;
  height: auto;
}
.portfolio-detail__side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
}
.portfolio-detail__name {
  margin-bottom: 0.4rem;
}
.portfolio-detail__cate-date {
  margin-bottom: 1.2rem;
}
.portfolio-detail__paragraph {
  margin-bottom: 1.6rem;
}
.portfolio-detail__row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  width: 100%;
}
.portfolio-detail__t {
  position: relative;
  width: 100%;
  flex: 0 0 30%;
  max-width: 30%;
}
@media screen and (max-width: 319px) {
  .portfolio-detail__t {
    flex: 0 0 28%;
    max-width: 28%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-detail__t {
    flex: 0 0 28%;
    max-width: 28%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-detail__t {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-detail__t {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-detail__t {
    flex: 0 0 14%;
    max-width: 14%;
  }
}
.option2 .portfolio-detail__t {
  flex: 0 0 10%;
  max-width: 10%;
}
@media screen and (max-width: 319px) {
  .option2 .portfolio-detail__t {
    flex: 0 0 28%;
    max-width: 28%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .option2 .portfolio-detail__t {
    flex: 0 0 28%;
    max-width: 28%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .option2 .portfolio-detail__t {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .option2 .portfolio-detail__t {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .option2 .portfolio-detail__t {
    flex: 0 0 14%;
    max-width: 14%;
  }
}
.portfolio-detail__c {
  position: relative;
  width: 100%;
  flex: 0 0 70%;
  max-width: 70%;
}
@media screen and (max-width: 319px) {
  .portfolio-detail__c {
    flex: 0 0 72%;
    max-width: 72%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-detail__c {
    flex: 0 0 72%;
    max-width: 72%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-detail__c {
    flex: 0 0 80%;
    max-width: 80%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-detail__c {
    flex: 0 0 80%;
    max-width: 80%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-detail__c {
    flex: 0 0 86%;
    max-width: 86%;
  }
}
.option2 .portfolio-detail__c {
  flex: 0 0 90%;
  max-width: 90%;
}
@media screen and (max-width: 319px) {
  .option2 .portfolio-detail__c {
    flex: 0 0 72%;
    max-width: 72%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .option2 .portfolio-detail__c {
    flex: 0 0 72%;
    max-width: 72%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .option2 .portfolio-detail__c {
    flex: 0 0 80%;
    max-width: 80%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .option2 .portfolio-detail__c {
    flex: 0 0 80%;
    max-width: 80%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .option2 .portfolio-detail__c {
    flex: 0 0 86%;
    max-width: 86%;
  }
}
.portfolio-detail__social {
  margin-bottom: 2.4rem;
}
.portfolio-detail__social ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.portfolio-detail__social ul li {
  margin-right: 1.6rem;
}
.portfolio-detail__social ul li a i {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.portfolio-detail__social ul li a:hover i {
  color: #000000;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.portfolio-detail__direct {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
}
@media screen and (max-width: 319px) {
  .portfolio-detail__direct {
    justify-content: space-between;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-detail__direct {
    justify-content: space-between;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-detail__direct {
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-detail__direct {
    justify-content: space-between;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-detail__direct {
    justify-content: space-between;
  }
}
.portfolio-detail__direct a {
  margin-right: 2.4rem;
}
@media screen and (max-width: 319px) {
  .portfolio-detail__direct a {
    margin-right: 0rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-detail__direct a {
    margin-right: 0rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-detail__direct a {
    margin-right: 0rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-detail__direct a {
    margin-right: 0rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-detail__direct a {
    margin-right: 0rem;
  }
}
.option2 .portfolio-detail__direct {
  justify-content: space-between;
}
@media screen and (max-width: 319px) {
  .option2 .portfolio-detail__direct {
    justify-content: space-between;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .option2 .portfolio-detail__direct {
    justify-content: space-between;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .option2 .portfolio-detail__direct {
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .option2 .portfolio-detail__direct {
    justify-content: space-between;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .option2 .portfolio-detail__direct {
    justify-content: space-between;
  }
}
.option2 .portfolio-detail__direct a {
  margin-right: 0rem;
}
@media screen and (max-width: 319px) {
  .option2 .portfolio-detail__direct a {
    margin-right: 0rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .option2 .portfolio-detail__direct a {
    margin-right: 0rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .option2 .portfolio-detail__direct a {
    margin-right: 0rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .option2 .portfolio-detail__direct a {
    margin-right: 0rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .option2 .portfolio-detail__direct a {
    margin-right: 0rem;
  }
}
.portfolio-detail__gallery {
  position: relative;
  margin-bottom: 4rem;
  overflow: hidden;
  display: block;
  width: 100%;
}
.portfolio-detail__gallery:hover .portfolio-detail__gallery--next, .portfolio-detail__gallery:hover .portfolio-detail__gallery--prev, .portfolio-detail__gallery:hover .portfolio-detail__gallery--control-nav {
  opacity: 1;
}
.portfolio-detail__gallery--viewport {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.portfolio-detail__gallery--viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.portfolio-detail__gallery--viewport li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.portfolio-detail__gallery--prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.portfolio-detail__gallery--prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.portfolio-detail__gallery--prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.portfolio-detail__gallery--prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.portfolio-detail__gallery--prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.portfolio-detail__gallery--prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.portfolio-detail__gallery--prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.portfolio-detail__gallery--prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.portfolio-detail__gallery--next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.portfolio-detail__gallery--next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.portfolio-detail__gallery--next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.portfolio-detail__gallery--next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.portfolio-detail__gallery--next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.portfolio-detail__gallery--next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.portfolio-detail__gallery--next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.portfolio-detail__gallery--next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.portfolio-detail__gallery--control-nav {
  position: absolute;
  bottom: 12%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.portfolio-detail__gallery--control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.portfolio-detail__gallery--control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.portfolio-detail__gallery--control-nav li a.portfolio-detail__gallery--active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}
.portfolio-detail__thumbnail-slider {
  position: relative;
  margin-bottom: 0.4rem;
  overflow: hidden;
  display: block;
  width: 100%;
}
.portfolio-detail__thumbnail-slider:hover .portfolio-detail__thumbnail-slider--next, .portfolio-detail__thumbnail-slider:hover .portfolio-detail__thumbnail-slider--prev, .portfolio-detail__thumbnail-slider:hover .portfolio-detail__thumbnail-slider--control-nav {
  opacity: 1;
}
.portfolio-detail__thumbnail-slider--viewport {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.portfolio-detail__thumbnail-slider--viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.portfolio-detail__thumbnail-slider--viewport li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.portfolio-detail__thumbnail-slider--prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.portfolio-detail__thumbnail-slider--prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.portfolio-detail__thumbnail-slider--prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.portfolio-detail__thumbnail-slider--prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.portfolio-detail__thumbnail-slider--prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.portfolio-detail__thumbnail-slider--prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.portfolio-detail__thumbnail-slider--prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.portfolio-detail__thumbnail-slider--prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.portfolio-detail__thumbnail-slider--next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.portfolio-detail__thumbnail-slider--next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.portfolio-detail__thumbnail-slider--next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.portfolio-detail__thumbnail-slider--next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.portfolio-detail__thumbnail-slider--next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.portfolio-detail__thumbnail-slider--next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.portfolio-detail__thumbnail-slider--next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.portfolio-detail__thumbnail-slider--next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.portfolio-detail__thumbnail-slider--control-nav {
  position: absolute;
  bottom: 12%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.portfolio-detail__thumbnail-slider--control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.portfolio-detail__thumbnail-slider--control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.portfolio-detail__thumbnail-slider--control-nav li a.portfolio-detail__gallery--active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}
.portfolio-detail__carousel {
  position: relative;
  margin-bottom: 4rem;
  overflow: hidden;
  display: block;
  width: 100%;
}
.portfolio-detail__carousel--viewport {
  width: 88%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
@media screen and (max-width: 319px) {
  .portfolio-detail__carousel--viewport {
    width: 74%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-detail__carousel--viewport {
    width: 74%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-detail__carousel--viewport {
    width: 80%;
  }
}
.portfolio-detail__carousel--viewport li {
  padding: 0.4rem 0.4rem;
}
.portfolio-detail__carousel--viewport li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 4px;
}
.portfolio-detail__carousel--viewport li img:hover {
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.portfolio-detail__carousel--viewport .portfolio-detail__carousel--active-slide img {
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.portfolio-detail__carousel--prev {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 3rem;
  height: 4.8rem;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.portfolio-detail__carousel--prev:hover {
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.portfolio-detail__carousel--prev i {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.87);
  z-index: 99;
  font-size: 2.8rem;
}
.portfolio-detail__carousel--next {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 3rem;
  height: 4.8rem;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.portfolio-detail__carousel--next:hover {
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.portfolio-detail__carousel--next i {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.87);
  z-index: 99;
  font-size: 2.8rem;
}
.portfolio-detail__carousel--control-nav {
  position: absolute;
  bottom: 12%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.portfolio-detail__carousel--control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.portfolio-detail__carousel--control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.portfolio-detail__carousel--control-nav li a.portfolio-detail__gallery--active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}

/*******************mini-sale***********************/
.mini-sale {
  margin-bottom: 2.8rem;
}
.mini-sale__side {
  position: relative;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.mini-sale__side:hover {
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mini-sale__img {
  width: 100%;
  height: auto;
}
.mini-sale__content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.mini-sale__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 7%;
}
@media screen and (max-width: 319px) {
  .mini-sale__title {
    margin-right: 8%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .mini-sale__title {
    margin-right: 8%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .mini-sale__title {
    margin-right: 11%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mini-sale__title {
    margin-right: 3%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .mini-sale__title {
    margin-right: 4%;
  }
}
.mini-sale__title span {
  text-align: center;
}
.mini-sale__title span:first-child {
  margin-bottom: 0.8rem;
}

/*******************collect***********************/
.collect {
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  padding: 10.4rem 9.6rem;
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .collect {
    padding: 1.6rem 1.6rem;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .collect {
    padding: 5.6rem 5.6rem;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .collect {
    padding: 3.6rem 3.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .collect {
    padding: 5.6rem 5.6rem;
  }
}
.collect__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.collect__heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1.2rem;
}
.collect__paragraph {
  margin-bottom: 2.4rem;
}
.collect__picture a img {
  height: auto;
  width: calc(100% + 30px);
  -moz-transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  transform: translateX(-30px);
  position: relative;
  z-index: 99;
}
@media screen and (max-width: 319px) {
  .collect__picture a img {
    width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .collect__picture a img {
    width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .collect__picture a img {
    width: 100%;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
/*******************slide-shop***********************/
.slide-shop {
  position: relative;
  margin-bottom: 2.8rem;
}
.slide-shop:hover .slide-shop__next, .slide-shop:hover .slide-shop__prev {
  opacity: 1;
}
.slide-shop__viewport {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.slide-shop__viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.slide-shop__viewport li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 319px) {
  .slide-shop__viewport li img {
    width: 260%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .slide-shop__viewport li img {
    width: 260%;
  }
}
.slide-shop__side {
  position: relative;
}
.slide-shop__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2.8rem;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.slide-shop__prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.slide-shop__prev.showMxm {
  left: 0.4rem;
}
.slide-shop__prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.slide-shop__prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.slide-shop__prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.slide-shop__prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.slide-shop__prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.slide-shop__prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.slide-shop__prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.slide-shop__next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.slide-shop__next.showMxm {
  right: 0.4rem;
}
.slide-shop__next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.slide-shop__next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.slide-shop__next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.slide-shop__next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.slide-shop__next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.slide-shop__next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.slide-shop__next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.slide-shop__control-nav {
  position: absolute;
  bottom: 12%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.slide-shop__control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.slide-shop__control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.slide-shop__control-nav li a.slide-shop__active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}

/*******************mini-hero***********************/
.mini-hero {
  margin-bottom: 2.8rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mini-hero {
    margin-bottom: 2.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .mini-hero {
    margin-bottom: 2.6rem;
  }
}
.mini-hero__side {
  position: relative;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.mini-hero__side:hover {
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mini-hero__img {
  width: 100%;
  height: auto;
}
.mini-hero__content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.mini-hero__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 7%;
}
@media screen and (max-width: 319px) {
  .mini-hero__title {
    margin-right: 8%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .mini-hero__title {
    margin-right: 8%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .mini-hero__title {
    margin-right: 11%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mini-hero__title {
    margin-right: 3%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .mini-hero__title {
    margin-right: 4%;
  }
}
.mini-hero__title span {
  text-align: center;
}
.mini-hero__title span:first-child {
  margin-bottom: 0.8rem;
}

/*******************slide-2-shop***********************/
.slide-2-shop {
  position: relative;
}
.slide-2-shop:hover .slide-2-shop__next, .slide-2-shop:hover .slide-2-shop__prev {
  opacity: 1;
}
.slide-2-shop__viewport {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.slide-2-shop__viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.slide-2-shop__viewport li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 319px) {
  .slide-2-shop__viewport li img {
    width: 260%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .slide-2-shop__viewport li img {
    width: 260%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slide-2-shop__viewport li img {
    width: 200%;
  }
}
.slide-2-shop__side {
  position: relative;
}
.slide-2-shop__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2.8rem 6rem;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (max-width: 319px) {
  .slide-2-shop__wrap {
    padding: 2.8rem 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .slide-2-shop__wrap {
    padding: 2.8rem 2.8rem;
  }
}
.slide-2-shop__prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.slide-2-shop__prev.showMxm {
  left: 0.4rem;
}
.slide-2-shop__prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.slide-2-shop__prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.slide-2-shop__prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.slide-2-shop__prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.slide-2-shop__prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.slide-2-shop__prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.slide-2-shop__prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.slide-2-shop__next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.slide-2-shop__next.showMxm {
  right: 0.4rem;
}
.slide-2-shop__next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.slide-2-shop__next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.slide-2-shop__next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.slide-2-shop__next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.slide-2-shop__next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.slide-2-shop__next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.slide-2-shop__next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.slide-2-shop__control-nav {
  position: absolute;
  bottom: 12%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.slide-2-shop__control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.slide-2-shop__control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.slide-2-shop__control-nav li a.slide-2-shop__active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}

/*******************ship-info***********************/
.ship-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
  border-radius: 4px;
  padding: 1.6rem;
  position: relative;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
@media screen and (max-width: 319px) {
  .ship-info {
    flex-direction: column;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .ship-info {
    flex-direction: column;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .ship-info {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .ship-info {
    flex-direction: column;
  }
}
.ship-info:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.ship-info:hover .ship-info__icon--child {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.ship-info:hover .ship-info__icon--parent {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);
}
.ship-info:hover .ship-info__icon--parent:after {
  -moz-transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  opacity: 0.5;
}
.ship-info__icon {
  margin-left: 1.6rem;
}
@media screen and (max-width: 319px) {
  .ship-info__icon {
    margin-left: 0;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .ship-info__icon {
    margin-left: 0;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .ship-info__icon {
    margin-left: 0;
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .ship-info__icon {
    margin-left: 0;
    margin-bottom: 1.6rem;
  }
}
.ship-info__icon--parent {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  -moz-transition: box-shadow 0.5s;
  -webkit-transition: box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.12);
}
.ship-info__icon--parent:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  opacity: 1;
  -opacity-transition: transform 0.5s;
  -0.5s-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
}
.ship-info__icon--child {
  font-size: 4rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ship-info__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 319px) {
  .ship-info__content {
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .ship-info__content {
    align-items: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .ship-info__content {
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .ship-info__content {
    align-items: center;
  }
}
.ship-info__name {
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 319px) {
  .ship-info__name {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .ship-info__name {
    text-align: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .ship-info__name {
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .ship-info__name {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .ship-info__name {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (max-width: 319px) {
  .ship-info__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .ship-info__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .ship-info__paragraph {
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .ship-info__paragraph {
    text-align: center;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0.025rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .ship-info__paragraph {
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0.025rem;
    text-transform: none;
    font-weight: 400;
  }
}
.ship-info__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 0.8rem 0 2rem;
}
@media screen and (max-width: 319px) {
  .ship-info__line {
    margin: 0rem 0 2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .ship-info__line {
    margin: 0rem 0 2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .ship-info__line {
    margin: 0rem 0 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .ship-info__line {
    margin: 0rem 0 2rem;
  }
}
/*******************item-product***********************/
.item-product {
  border-radius: 4px;
  padding: 1.6rem;
  position: relative;
  overflow: hidden;
  height: 100%;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.item-product:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-product:hover .item-product__picture--hover {
  opacity: 1;
  visibility: visible;
}
.item-product__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.item-product__link {
  position: relative;
  margin-bottom: 1.6rem;
}
.item-product__link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 4;
}
.item-product__picture {
  height: auto;
  max-width: 100%;
  z-index: 2;
}
.item-product__picture--hover {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
  -webkit-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
  -o-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
  transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
}
.item-product__picture--hover img {
  height: auto;
  max-width: 100%;
}
.item-product__vote {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.item-product__vote--icon {
  color: #ffd700;
  font-size: 2rem;
  line-height: 1;
}
.item-product__price {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6rem;
}
.item-product__price--sale {
  margin-right: 3.2rem;
}
.item-product__popup-sale {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background-color: rgba(17, 189, 163, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

/*******************item-2-product***********************/
.item-2-product {
  border-radius: 4px;
  padding: 1.6rem;
  position: relative;
  overflow: hidden;
  height: 100%;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.item-2-product:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-2-product:hover .item-2-product__picture--hover {
  opacity: 1;
  visibility: visible;
}
.item-2-product__side {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 319px) {
  .item-2-product__side {
    flex-direction: column;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-2-product__side {
    flex-direction: column;
  }
}
.item-2-product__link {
  position: relative;
}
@media screen and (max-width: 319px) {
  .item-2-product__link {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-2-product__link {
    margin-bottom: 1.6rem;
  }
}
.item-2-product__link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  z-index: 4;
}
.item-2-product__picture {
  height: auto;
  width: 100%;
  max-width: 23.8rem;
  min-width: 23.8rem;
  z-index: 2;
}
@media screen and (max-width: 319px) {
  .item-2-product__picture {
    max-width: none;
    min-width: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-2-product__picture {
    max-width: none;
    min-width: none;
  }
}
.item-2-product__picture--hover {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
  -webkit-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
  -o-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
  transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
}
.item-2-product__picture--hover img {
  height: auto;
  width: 100%;
}
.item-2-product__popup-sale {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background-color: rgba(17, 189, 163, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}
.item-2-product__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 1.6rem;
}
@media screen and (max-width: 319px) {
  .item-2-product__wrap {
    padding-left: 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-2-product__wrap {
    padding-left: 0;
  }
}
.item-2-product__vote {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.8rem;
}
.item-2-product__vote--icon {
  color: #ffd700;
  font-size: 2rem;
  line-height: 1;
}
.item-2-product__name {
  margin-bottom: 0.8rem;
}
.item-2-product__price {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6rem;
}
.item-2-product__price--sale {
  margin-right: 3.2rem;
}
.item-2-product__paragraph {
  margin-bottom: 1.6rem;
}

/*******************item-product-detail***********************/
.item-product-detail {
  margin-bottom: 6.4rem;
}
.item-product-detail__picture {
  position: relative;
  margin-bottom: 0.8rem;
  overflow: hidden;
  display: block;
  width: 100%;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__picture:hover .item-product-detail__picture--next, .item-product-detail__picture:hover .item-product-detail__picture--prev, .item-product-detail__picture:hover .item-product-detail__picture--control-nav {
  opacity: 1;
}
.item-product-detail__picture ul.slides {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.item-product-detail__picture ul.slides li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.item-product-detail__picture ul.slides li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.item-product-detail__picture--prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  z-index: 9;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-product-detail__picture--prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.38);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.item-product-detail__picture--prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.item-product-detail__picture--prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.item-product-detail__picture--prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.item-product-detail__picture--prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.item-product-detail__picture--prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.item-product-detail__picture--prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.item-product-detail__picture--next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  z-index: 9;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-product-detail__picture--next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.38);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.item-product-detail__picture--next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.item-product-detail__picture--next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.item-product-detail__picture--next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.item-product-detail__picture--next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.item-product-detail__picture--next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.item-product-detail__picture--next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.item-product-detail__picture--control-nav {
  position: absolute;
  bottom: 12%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.item-product-detail__picture--control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.item-product-detail__picture--control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.item-product-detail__picture--control-nav li a.portfolio-detail__gallery--active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}
.item-product-detail__carousel {
  position: relative;
  margin-bottom: 4rem;
  overflow: hidden;
  display: block;
  width: 100%;
}
.item-product-detail__carousel--viewport {
  width: 76%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
@media screen and (max-width: 319px) {
  .item-product-detail__carousel--viewport {
    width: 74%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-product-detail__carousel--viewport {
    width: 74%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-product-detail__carousel--viewport {
    width: 80%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-product-detail__carousel--viewport {
    width: 74%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .item-product-detail__carousel--viewport {
    width: 74%;
  }
}
.item-product-detail__carousel--viewport li {
  padding: 0.8rem 0.4rem;
  position: relative;
}
.item-product-detail__carousel--viewport li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__carousel--viewport li img:hover {
  -moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__carousel--viewport .item-product-detail__carousel--active-slide img {
  -moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__carousel--prev {
  position: absolute;
  top: 50%;
  left: 0.8rem;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 3rem;
  height: 4.8rem;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-product-detail__carousel--prev:hover {
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__carousel--prev i {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.87);
  z-index: 99;
  font-size: 2.8rem;
}
.item-product-detail__carousel--next {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 3rem;
  height: 4.8rem;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-product-detail__carousel--next:hover {
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__carousel--next i {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.87);
  z-index: 99;
  font-size: 2.8rem;
}
.item-product-detail__popup-sale {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background-color: rgba(17, 189, 163, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}
.item-product-detail__side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
}
.item-product-detail__name {
  margin-bottom: 0.8rem;
}
.item-product-detail__vote {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.8rem;
}
.item-product-detail__vote--icon {
  color: #ffd700;
  font-size: 2rem;
  line-height: 1;
}
.item-product-detail__price {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.2rem;
}
.item-product-detail__price--sale {
  margin-right: 3.2rem;
}
.item-product-detail__paragraph {
  margin-bottom: 2rem;
}
.item-product-detail__row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  width: 100%;
}
.item-product-detail__t {
  position: relative;
  width: 100%;
  flex: 0 0 30%;
  max-width: 30%;
}
.item-product-detail__c {
  position: relative;
  width: 100%;
  flex: 0 0 70%;
  max-width: 70%;
}
.item-product-detail__social {
  margin-bottom: 3.2rem;
}
.item-product-detail__social ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.item-product-detail__social ul li {
  margin-right: 1.6rem;
}
.item-product-detail__social ul li a i {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.item-product-detail__social ul li a:hover i {
  color: #000000;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.item-product-detail__quantity {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.item-product-detail__number {
  outline: none;
  padding: 0px;
  margin: 0px;
  height: 3.6rem;
  width: 4.4rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
  text-align: center;
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
  margin-right: 2.8rem;
}
.item-product-detail__content--tab-descrip {
  overflow: hidden;
}
.item-product-detail__content--tab-descrip ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.item-product-detail__content--tab-descrip ul li {
  margin-right: 2.8rem;
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-product-detail__content--tab-descrip ul li {
    margin-right: 1.2rem;
  }
}
.item-product-detail__content--link {
  display: block;
  padding: 0.4rem 0rem;
  border-bottom: 2px solid transparent;
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.item-product-detail__content--link.active {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 2px solid rgba(0, 0, 0, 0.6);
}
.item-product-detail__content--link:hover {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 2px solid rgba(0, 0, 0, 0.6);
}
.item-product-detail__content--tab-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.item-product-detail__content--tab-container---inside {
  display: none;
}
.item-product-detail__content--tab-container---inside.openMxm {
  display: flex;
}
.item-product-detail__content--tab-container---style-1 {
  padding: 2.4rem 0 7.2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.item-product-detail__content--tab-container---style-1 h5 {
  margin-bottom: 1.2rem;
}
.item-product-detail__content--tab-container---style-1 img {
  float: left;
  margin-right: 2rem;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 319px) {
  .item-product-detail__content--tab-container---style-1 img {
    float: none;
    margin: 0.4rem auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-product-detail__content--tab-container---style-1 img {
    float: none;
    margin: 0.4rem auto;
  }
}
.item-product-detail__content--tab-container---style-1 img.right {
  float: right;
  margin-left: 2rem;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 319px) {
  .item-product-detail__content--tab-container---style-1 img.right {
    float: none;
    margin: 0.4rem auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-product-detail__content--tab-container---style-1 img.right {
    float: none;
    margin: 0.4rem auto;
  }
}
.item-product-detail__content--tab-container---style-1 p {
  margin-bottom: 2rem;
}
.item-product-detail__content--tab-container---style-1 .parent-mxm {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 319px) {
  .item-product-detail__content--tab-container---style-1 .parent-mxm {
    flex-direction: column;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-product-detail__content--tab-container---style-1 .parent-mxm {
    flex-direction: column;
  }
}
.item-product-detail__content--tab-container---style-1 ul {
  margin-bottom: 1.2rem;
}
.item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
  margin-right: 12rem;
}
@media screen and (max-width: 319px) {
  .item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
    margin-right: 4rem;
  }
}
.item-product-detail__content--tab-container---style-1 ul li {
  padding: 0rem 0.8rem 0rem 2.4rem;
  position: relative;
}
.item-product-detail__content--tab-container---style-1 ul li:not(:last-child) {
  margin-bottom: 1.2rem;
}
.item-product-detail__content--tab-container---style-1 ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-family: "Material Icons";
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.87);
}
.item-product-detail__content--tab-container---style-1 blockquote {
  margin-bottom: 4rem;
  margin-top: 4rem;
  text-align: center;
  padding: 5.4rem 10.4rem 0.4rem;
  position: relative;
}
@media screen and (max-width: 319px) {
  .item-product-detail__content--tab-container---style-1 blockquote {
    padding: 5.4rem 0rem 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-product-detail__content--tab-container---style-1 blockquote {
    padding: 5.4rem 0rem 0.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-product-detail__content--tab-container---style-1 blockquote {
    padding: 5.4rem 1.8rem 0.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-product-detail__content--tab-container---style-1 blockquote {
    padding: 5.4rem 1.8rem 0.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .item-product-detail__content--tab-container---style-1 blockquote {
    padding: 5.4rem 2.4rem 0.4rem;
  }
}
.item-product-detail__content--tab-container---style-1 blockquote:before {
  content: "";
  font-size: 6rem;
  color: rgba(0, 0, 0, 0.87);
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  font-family: "Material Icons";
}
.item-product-detail__content--tab-container---style-1 blockquote figcaption {
  margin-top: 1.2rem;
}
.item-product-detail__content--tab-container---style-2 {
  padding: 2.4rem 0 5.6rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.item-product-detail__content--tab-container---style-3 {
  padding: 2.4rem 0 9.4rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

/*******************review***********************/
.review {
  margin-bottom: 2.8rem;
}
.review__title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
  margin-top: 0rem;
}
.review ul li ul {
  margin-left: 4.8rem;
}
@media screen and (max-width: 319px) {
  .review ul li ul {
    margin-left: 2.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .review ul li ul {
    margin-left: 2.4rem;
  }
}
.review__level {
  padding: 1.6rem;
  margin-bottom: 2.4rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.review__level:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.review__level:hover .review__avatar:before {
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.review__level:hover img {
  -moz-transform: scale(1.1) rotate(1deg);
  -webkit-transform: scale(1.1) rotate(1deg);
  -ms-transform: scale(1.1) rotate(1deg);
  -o-transform: scale(1.1) rotate(1deg);
  transform: scale(1.1) rotate(1deg);
}
.review__level:hover .review__avatar:after {
  visibility: visible;
  opacity: 1;
}
.review__side {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.review__avatar {
  width: 100%;
  max-width: 8rem;
  min-width: 8rem;
  margin-right: 1.6rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 319px) {
  .review__avatar {
    max-width: 6.8rem;
    min-width: 6.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .review__avatar {
    max-width: 6.8rem;
    min-width: 6.8rem;
  }
}
.review__avatar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.05);
  z-index: 9;
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.review__avatar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.review__avatar img {
  width: 100%;
  height: auto;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.review__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  width: 100%;
}
.review__date {
  margin-bottom: 0.4rem;
}
.review__btn {
  position: absolute;
  top: 0;
  right: 0;
}
.review__vote {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
  .review__vote {
    position: static;
    top: auto;
    right: auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .review__vote {
    position: static;
    top: auto;
    right: auto;
  }
}
.review__vote--icon {
  color: #ffd700;
  font-size: 2rem;
  line-height: 1;
}

/*******************rating-form***********************/
.rating-form__form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
.rating-form__title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1.2rem;
}
.rating-form__tip {
  margin-bottom: 1.2rem;
}
.rating-form__group {
  width: 100%;
  position: relative;
}
.rating-form__group-2 {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.2rem;
}
.rating-form__lbl {
  margin-right: 1.6rem;
}
.rating-form__input {
  padding: 1.2rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
}
.rating-form__input:focus {
  outline: none;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.rating-form__input:focus:invalid {
  border: 1px solid #f3d0d3;
}
.rating-form__input:placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.rating-form__input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.rating-form__input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.rating-form__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.rating-form__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.rating-form__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.rating-form__input:placeholder-shown + .rating-form__label {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateY(-4rem);
  -webkit-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  -o-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.rating-form__label {
  opacity: 1;
  visibility: visible;
  margin-left: 1.6rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.rating-form__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.rating-form__vote {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.rating-form__vote--icon {
  color: #ffd700;
  font-size: 2rem;
  line-height: 1;
}

/*******************table***********************/
.table {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 4px;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.table__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.table__row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.table__col {
  padding: 1.6rem 3.2rem;
}

/*******************cart***********************/
.cart__table {
  margin-bottom: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 4px;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.cart__table--row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.cart__table--row-2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.cart__table--col {
  padding: 1.6rem 4.4rem;
  flex: 0 0 18%;
  max-width: 18%;
}
@media screen and (max-width: 319px) {
  .cart__table--col {
    padding: 1.6rem 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .cart__table--col {
    padding: 1.6rem 0.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .cart__table--col {
    padding: 1.6rem 1.6rem;
  }
}
.cart__table--col-2 {
  padding: 1.6rem 4.4rem;
  flex: 0 0 46%;
  max-width: 46%;
}
@media screen and (max-width: 319px) {
  .cart__table--col-2 {
    padding: 1.6rem 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .cart__table--col-2 {
    padding: 1.6rem 0.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .cart__table--col-2 {
    padding: 1.6rem 1.6rem;
  }
}
.cart__table--col-3 {
  padding: 1.6rem 4.4rem;
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 319px) {
  .cart__table--col-3 {
    padding: 1.6rem 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .cart__table--col-3 {
    padding: 1.6rem 0.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .cart__table--col-3 {
    padding: 1.6rem 1.6rem;
  }
}
.cart__table--title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .cart__table--title h4 {
    word-break: break-all;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .cart__table--title h4 {
    word-break: break-all;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.cart__table--content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.cart__table--content-2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.cart__table--content-3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.cart__table--txt {
  padding: 1.2rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  width: 50%;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 319px) {
  .cart__table--txt {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .cart__table--txt {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .cart__table--txt {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .cart__table--txt {
    width: 80%;
  }
}
.cart__table--close {
  cursor: pointer;
  margin-right: 2rem;
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.6);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 319px) {
  .cart__table--close {
    margin-right: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .cart__table--close {
    margin-right: 0.8rem;
  }
}
.cart__table--close:hover {
  color: #422D91;
}
.cart__table--avatar {
  display: block;
  margin-right: 2rem;
}
@media screen and (max-width: 319px) {
  .cart__table--avatar {
    margin-right: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .cart__table--avatar {
    margin-right: 0.8rem;
  }
}
.cart__table--avatar img {
  width: 100%;
  max-width: 10.4rem;
  min-width: 10.4rem;
}
@media screen and (max-width: 319px) {
  .cart__table--avatar img {
    max-width: 6rem;
    min-width: 6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .cart__table--avatar img {
    max-width: 6rem;
    min-width: 6rem;
  }
}
.cart__table--number {
  outline: none;
  padding: 0px;
  margin: 0px;
  height: 3.6rem;
  width: 4.4rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
  text-align: center;
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-weight: 500;
  margin-right: 2.8rem;
}
.cart__title {
  margin-bottom: 5.4rem;
}
.cart__table-2 {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 4px;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.cart__table-2--row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.cart__table-2--row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.cart__table-2--col {
  padding: 1.6rem 4.4rem;
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 319px) {
  .cart__table-2--col {
    padding: 1.6rem 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .cart__table-2--col {
    padding: 1.6rem 0.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .cart__table-2--col {
    padding: 1.6rem 1.6rem;
  }
}
.cart__table-2--col-2 {
  padding: 1.6rem 4.4rem;
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (max-width: 319px) {
  .cart__table-2--col-2 {
    padding: 1.6rem 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .cart__table-2--col-2 {
    padding: 1.6rem 0.4rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .cart__table-2--col-2 {
    padding: 1.6rem 1.6rem;
  }
}
.cart__table-2--title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.cart__table-2--content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

/*******************checkout***********************/
.checkout__header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  -moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  padding: 0.4rem 1.6rem;
  margin-bottom: 3.6rem;
}
.checkout__question {
  margin-right: 1.6rem;
}
.checkout__tip {
  margin-bottom: 2rem;
}
.checkout__form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 4rem;
  width: 100%;
}
.checkout__form-login {
  display: none;
}
.checkout__form-login.openMxm {
  display: flex;
}
.checkout__form-coupon {
  display: none;
}
.checkout__form-coupon.openMxm {
  display: flex;
}
.checkout__group {
  width: 100%;
  position: relative;
}
.checkout__input {
  padding: 1.2rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
}
.checkout__input:focus {
  outline: none;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.checkout__input:focus:invalid {
  border: 1px solid #f3d0d3;
}
.checkout__input:placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__input:placeholder-shown + .checkout__label {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateY(-4rem);
  -webkit-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  -o-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.checkout__select {
  padding: 1.6rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
}
.checkout__select:focus {
  outline: none;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.checkout__select:focus:invalid {
  border: 1px solid #f3d0d3;
}
.checkout__select:placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__select::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__select:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__select:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__select::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.checkout__select + .checkout__label {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateY(-4rem);
  -webkit-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  -o-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.checkout__select:focus + .checkout__label {
  opacity: 1;
  visibility: visible;
  -moz-transform: translateY(0rem);
  -webkit-transform: translateY(0rem);
  -ms-transform: translateY(0rem);
  -o-transform: translateY(0rem);
  transform: translateY(0rem);
}
.checkout__label {
  opacity: 1;
  visibility: visible;
  margin-left: 1.6rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.checkout__wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.checkout__btn {
  margin-right: 1.6rem;
}
.checkout__checkbox--group {
  margin-right: 8rem;
  display: inline-block;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 319px) {
  .checkout__checkbox--group {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .checkout__checkbox--group {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .checkout__checkbox--group {
    margin-right: 3.2rem;
  }
}
.checkout__checkbox--label {
  cursor: pointer;
  position: relative;
  padding-left: 28px;
}
.checkout__checkbox--button {
  height: 20px;
  width: 20px;
  border-radius: 4px;
  border: 2px solid rgba(0, 0, 0, 0.87);
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.checkout__checkbox--button:after {
  content: "";
  width: 5px;
  height: 10px;
  border: solid rgba(0, 0, 0, 0.87);
  border-width: 0 2px 2px 0;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
}
.checkout__checkbox--input {
  display: none;
}
.checkout__checkbox--input:checked + .checkout__checkbox--label .checkout__checkbox--button:after {
  opacity: 1;
}
.checkout__title {
  margin-bottom: 4rem;
}
.checkout__table {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 4px;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.checkout__table--row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.checkout__table--row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.checkout__table--col {
  padding: 1.6rem 4.4rem;
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 319px) {
  .checkout__table--col {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .checkout__table--col {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .checkout__table--col {
    padding: 1.6rem 1.6rem;
  }
}
.checkout__table--col-2 {
  padding: 1.6rem 4.4rem;
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (max-width: 319px) {
  .checkout__table--col-2 {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .checkout__table--col-2 {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .checkout__table--col-2 {
    padding: 1.6rem 1.6rem;
  }
}
.checkout__table--title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.checkout__table--content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.checkout__otherAddShip {
  display: none;
}
.checkout__otherAddShip.openMxm {
  display: flex;
}

/*******************received***********************/
.received__title {
  margin-bottom: 4rem;
}
.received__table {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 4px;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.received__table--row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.received__table--row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.received__table--col {
  padding: 1.6rem 4.4rem;
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 319px) {
  .received__table--col {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .received__table--col {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .received__table--col {
    padding: 1.6rem 1.6rem;
  }
}
.received__table--col-2 {
  padding: 1.6rem 4.4rem;
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (max-width: 319px) {
  .received__table--col-2 {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .received__table--col-2 {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .received__table--col-2 {
    padding: 1.6rem 1.6rem;
  }
}
.received__table--title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.received__table--content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.received__table-2 {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 4px;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.received__table-2--row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.received__table-2--row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.received__table-2--col {
  padding: 1.6rem 4.4rem;
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (max-width: 319px) {
  .received__table-2--col {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .received__table-2--col {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .received__table-2--col {
    padding: 1.6rem 1.6rem;
  }
}
.received__table-2--col-2 {
  padding: 1.6rem 4.4rem;
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (max-width: 319px) {
  .received__table-2--col-2 {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .received__table-2--col-2 {
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .received__table-2--col-2 {
    padding: 1.6rem 1.6rem;
  }
}
.received__table-2--title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.received__table-2--content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

/*******************item-search***********************/
.item-search {
  border-radius: 4px;
  padding: 1.6rem;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
@media screen and (max-width: 319px) {
  .item-search {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-search {
    flex-direction: column;
    align-items: flex-start;
  }
}
.item-search:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-search:hover .item-search__picture img {
  -moz-transform: scale(1.2) rotate(1deg);
  -webkit-transform: scale(1.2) rotate(1deg);
  -ms-transform: scale(1.2) rotate(1deg);
  -o-transform: scale(1.2) rotate(1deg);
  transform: scale(1.2) rotate(1deg);
}
.item-search:hover .item-search__picture:after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.item-search:hover .item-search__picture:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.item-search:hover .item-search__gallery--next, .item-search:hover .item-search__gallery--prev, .item-search:hover .item-search__gallery--control-nav {
  opacity: 1;
}
.item-search__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.quote .item-search__side {
  height: 100%;
}
.item-search__date-cate {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.2rem;
}
.item-search__box {
  position: relative;
}
.item-search__audio {
  margin-bottom: 1.2rem;
  width: 100%;
}
.item-search__picture {
  overflow: hidden;
  display: block;
  position: relative;
  width: 36rem;
  margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
  .item-search__picture {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-search__picture {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-search__picture {
    width: 24rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-search__picture {
    width: 28rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .item-search__picture {
    width: 28rem;
  }
}
.item-search__picture img {
  height: auto;
  width: 100%;
  -moz-transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -moz-transition: all 0.7s ease-in-out 0.1s;
  -webkit-transition: all 0.7s ease-in-out 0.1s;
  -o-transition: all 0.7s ease-in-out 0.1s;
  transition: all 0.7s ease-in-out 0.1s;
}
.normal .item-search__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.normal .item-search__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.image .item-search__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.image .item-search__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 50%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.video .item-search__picture:before {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 0;
  left: 0;
  width: 100%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.video .item-search__picture:after {
  position: absolute;
  top: auto;
  bottom: 0;
  height: 0;
  right: 0;
  width: 100%;
  content: "";
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.item-search__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.item-search__icon i {
  font-size: 9.6rem;
  color: #ffffff;
  z-index: 44;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -o-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.item-search__icon i:hover {
  -moz-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -webkit-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -ms-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  -o-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
  transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
}
.item-search__icon img {
  visibility: hidden;
  opacity: 0;
}
.item-search__quote--side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.6rem;
}
@media screen and (max-width: 319px) {
  .item-search__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-search__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-search__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-search__quote--side {
    padding: 0rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-search__quote--side {
    padding: 1.6rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .column-3 .item-search__quote--side {
    padding: 1.6rem 0;
  }
}
.item-search__quote--ico {
  margin-bottom: 2.8rem;
}
.item-search__quote--ico i {
  font-size: 6rem;
  color: rgba(0, 0, 0, 0.87);
}
.column-3 .item-search__quote--ico {
  margin-bottom: 1.6rem;
}
.item-search__quote--content {
  text-align: center;
  width: 100%;
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
  .item-search__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-search__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-search__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .item-search__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .item-search__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-search__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-3 .item-search__quote--content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    width: 100%;
    margin-bottom: 2rem;
  }
}
.item-search__quote--author {
  text-align: center;
}
.item-search__paragraph {
  margin-bottom: 1.6rem;
}
.item-search__gallery {
  position: relative;
  margin-bottom: 1.2rem;
  overflow: hidden;
  display: block;
  width: calc(100% + 3.2rem);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
}
.item-search__gallery--viewport {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.item-search__gallery--viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.item-search__gallery--viewport li img {
  width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.item-search__gallery--prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-search__gallery--prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.item-search__gallery--prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.item-search__gallery--prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.item-search__gallery--prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.item-search__gallery--prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.item-search__gallery--prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.item-search__gallery--prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.item-search__gallery--next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.item-search__gallery--next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.87);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.item-search__gallery--next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.item-search__gallery--next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.item-search__gallery--next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.item-search__gallery--next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.item-search__gallery--next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.item-search__gallery--next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.item-search__gallery--control-nav {
  position: absolute;
  bottom: 12%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.item-search__gallery--control-nav li a {
  text-indent: -9999px;
  display: block;
  cursor: pointer;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0.4rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.6rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.item-search__gallery--control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.item-search__gallery--control-nav li a.item-search__gallery--active {
  width: 3.2rem;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}
.item-search__result--title {
  margin-bottom: 2.4rem;
}
.item-search__result--search-form {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 4rem;
}
.item-search__result--search-input {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  padding: 12px 36px 12px 12px;
  background-color: transparent;
}
.item-search__result--search-input:placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input::placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input:focus {
  outline: none;
}
.item-search__result--search-button {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.8rem;
  padding: 0;
  margin: 0;
  outline: none;
  border: none;
  border: 0;
  background: none;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-search__result--search-button:hover i {
  color: rgba(17, 189, 163, 0.87);
}
.item-search__result--search-button:focus {
  outline: none;
}
.item-search__result--search-button i {
  font-size: 2.8rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/*******************page-404***********************/
.page-404__result--title {
  margin-bottom: 2.4rem;
  text-align: center;
}
.page-404__result--search-form {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 4rem;
}
.page-404__result--search-input {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  padding: 12px 36px 12px 12px;
  background-color: transparent;
}
.page-404__result--search-input:placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input::placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input:focus {
  outline: none;
}
.page-404__result--search-button {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.8rem;
  padding: 0;
  margin: 0;
  outline: none;
  border: none;
  border: 0;
  background: none;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-404__result--search-button:hover i {
  color: rgba(17, 189, 163, 0.87);
}
.page-404__result--search-button:focus {
  outline: none;
}
.page-404__result--search-button i {
  font-size: 2.8rem;
  color: rgba(0, 0, 0, 0.87);
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/*******************sign***********************/
.sign__title {
  margin-bottom: 4rem;
}
.sign__tip {
  margin-bottom: 0.8rem;
}
.sign__form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 4rem;
  width: 100%;
}
.sign__group {
  width: 100%;
  position: relative;
}
.sign__input {
  padding: 1.2rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
}
.sign__input:focus {
  outline: none;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.sign__input:focus:invalid {
  border: 1px solid #f3d0d3;
}
.sign__input:placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__input:placeholder-shown + .sign__label {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateY(-4rem);
  -webkit-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  -o-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.sign__select {
  padding: 1.6rem 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  width: 100%;
}
.sign__select:focus {
  outline: none;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.sign__select:focus:invalid {
  border: 1px solid #f3d0d3;
}
.sign__select:placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__select::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__select:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__select:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__select::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.sign__select + .sign__label {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateY(-4rem);
  -webkit-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  -o-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.sign__select:focus + .sign__label {
  opacity: 1;
  visibility: visible;
  -moz-transform: translateY(0rem);
  -webkit-transform: translateY(0rem);
  -ms-transform: translateY(0rem);
  -o-transform: translateY(0rem);
  transform: translateY(0rem);
}
.sign__label {
  opacity: 1;
  visibility: visible;
  margin-left: 1.6rem;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sign__wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2.8rem;
}
.sign__btn {
  margin-right: 1.6rem;
}
.sign__checkbox--group {
  margin-right: 8rem;
  display: inline-block;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 319px) {
  .sign__checkbox--group {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .sign__checkbox--group {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .sign__checkbox--group {
    margin-right: 3.2rem;
  }
}
.sign__checkbox--label {
  cursor: pointer;
  position: relative;
  padding-left: 28px;
}
.sign__checkbox--button {
  height: 20px;
  width: 20px;
  border-radius: 4px;
  border: 2px solid rgba(0, 0, 0, 0.87);
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sign__checkbox--button:after {
  content: "";
  width: 5px;
  height: 10px;
  border: solid rgba(0, 0, 0, 0.87);
  border-width: 0 2px 2px 0;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
}
.sign__checkbox--input {
  display: none;
}
.sign__checkbox--input:checked + .sign__checkbox--label .sign__checkbox--button:after {
  opacity: 1;
}
.sign__captcha {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 5.6rem;
}
.sign__paragraph {
  margin-bottom: 2.8rem;
}
.sign__slider {
  position: relative;
  margin-bottom: 4rem;
}
.sign__slider:hover .sign__slider--prev, .sign__slider:hover .sign__slider--next {
  opacity: 1;
}
.sign__slider--viewport {
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.sign__slider--viewport li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.sign__slider--viewport li a img {
  max-width: 100%;
  display: block;
  height: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sign__slider--prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.sign__slider--prev.showMxm {
  left: 0.4rem;
}
.sign__slider--prev i {
  position: absolute;
  top: 2.1rem;
  left: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.6);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 0% 50%;
}
.sign__slider--prev i:first-child {
  transform: translate(0, -0.1rem) rotate(40deg);
}
.sign__slider--prev i:last-child {
  transform: translate(0, 0.1rem) rotate(-40deg);
}
.sign__slider--prev:hover i:first-child {
  transform: translate(0, -0.1rem) rotate(30deg);
}
.sign__slider--prev:hover i:last-child {
  transform: translate(0, 0.1rem) rotate(-30deg);
}
.sign__slider--prev:active i:first-child {
  transform: translate(0rem, -0.1rem) rotate(25deg);
}
.sign__slider--prev:active i:last-child {
  transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.sign__slider--next {
  position: absolute;
  top: 50%;
  right: 2rem;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.sign__slider--next.showMxm {
  right: 0.4rem;
}
.sign__slider--next i {
  position: absolute;
  top: 2.1rem;
  right: 1rem;
  width: 2.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.6);
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  transform-origin: 100% 50%;
}
.sign__slider--next i:first-child {
  transform: translate(0, 0.1rem) rotate(40deg);
}
.sign__slider--next i:last-child {
  transform: translate(0, -0.1rem) rotate(-40deg);
}
.sign__slider--next:hover i:first-child {
  transform: translate(0, 0.1rem) rotate(30deg);
}
.sign__slider--next:hover i:last-child {
  transform: translate(0, -0.1rem) rotate(-30deg);
}
.sign__slider--next:active i:first-child {
  transform: translate(0rem, 0.1rem) rotate(25deg);
}
.sign__slider--next:active i:last-child {
  transform: translate(0rem, -0.1rem) rotate(-25deg);
}

/*******************tem***********************/
.tem {
  margin-bottom: 4rem;
}
.tem:hover .tem__picture {
  -moz-transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  -moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.tem__side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.tem__side h3 {
  text-align: center;
}
.tem__picture {
  margin-bottom: 2rem;
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.tem__picture img {
  width: 100%;
  height: auto;
}
.tem__name {
  text-align: center;
}

/*******************portfolio-filter***********************/
.portfolio-filter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.portfolio-filter__side {
  position: relative;
  width: 100%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
  .portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.portfolio-filter__side.show {
  display: block;
}
.portfolio-filter__side img {
  height: auto;
  max-width: 100%;
  margin: auto;
}
.portfolio-filter__side:hover .portfolio-filter__content {
  opacity: 1;
  visibility: visible;
}
.portfolio-filter__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  padding: 1rem 4.8rem 1rem;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 1.2s ease 0s;
  -webkit-transition: all 1.2s ease 0s;
  -o-transition: all 1.2s ease 0s;
  transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
  .portfolio-filter__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-filter__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-filter__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 319px) {
  .portfolio-filter__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-filter__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-filter__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-filter__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio-filter__content {
    padding: 0.4rem 2.4rem 0.4rem;
  }
}
.portfolio-filter__icon {
  margin-bottom: 5.6rem;
}
.portfolio-filter__icon i {
  font-size: 3.6rem;
  color: #ffffff;
}
@media screen and (max-width: 319px) {
  .portfolio-filter__icon {
    margin-bottom: 1.2rem;
  }
  .portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-filter__icon {
    margin-bottom: 1.2rem;
  }
  .portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-filter__icon {
    margin-bottom: 1.2rem;
  }
  .portfolio-filter__icon i {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-filter__icon {
    margin-bottom: 1.2rem;
  }
  .portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio-filter__icon {
    margin-bottom: 1.2rem;
  }
  .portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
.portfolio-filter__date-cate {
  margin-bottom: 1.2rem;
}
.portfolio-filter__date-cate span {
  color: #ffffff;
}
@media screen and (max-width: 319px) {
  .portfolio-filter__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-filter__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-filter__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-filter__date-cate {
    margin-bottom: 0rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio-filter__date-cate {
    margin-bottom: 0rem;
  }
}
.portfolio-filter__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .portfolio-filter__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-filter__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-filter__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-filter__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio-filter__name {
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.portfolio-filter__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .portfolio-filter__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .portfolio-filter__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-filter__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-filter__paragraph {
    margin-bottom: 3.8rem;
    display: none;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .portfolio-filter__paragraph {
    margin-bottom: 2.4rem;
  }
}

.portfolio-filter-t {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4.8rem;
}
.portfolio-filter-t__title {
  text-align: center;
  margin-bottom: 2.4rem;
}
.portfolio-filter-t__nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.portfolio-filter-t__nav li {
  display: block;
  margin: 0rem 0.8rem 1.6rem;
  cursor: pointer;
}
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*******************Swiper main***********************/
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
/*****************************************************/
/*****************************************************/
/*******************import functions***********************/
/*****************************************************/
/*****************************************************/
/*******************import core***********************/
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container__v1 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container__v2 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  list-style: none;
  padding: 0;
  padding-top: 4rem;
  padding-bottom: 6.4rem;
  padding-left: 3.6rem;
  padding-right: 3.6rem;
  z-index: 1;
}
.swiper-container__v3 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container__v4 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container__v5 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container__v6 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container__v7 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container__v8 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container__v9 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container__v10 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container__v11 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container__v12 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

/*****************************************************/
/*****************************************************/
/*******************import swiper pagination***********************/
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination__v1 {
  position: absolute;
  transition: 300ms opacity;
  z-index: 10;
}
.swiper-pagination__v1--bullets {
  bottom: 10.4rem;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.swiper-pagination__v1--bullet {
  margin: 0.4rem 1.6rem;
  padding: 1px;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  outline: none;
}
.swiper-pagination__v1--bullet:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}
.swiper-pagination__v1--bullet:after {
  content: "";
  position: absolute;
  width: 0;
  left: auto;
  right: 0;
  bottom: -4px;
  height: 2px;
  -moz-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background-color: #ffffff;
}
.swiper-pagination__v1--active:after {
  width: 100%;
  left: 0;
  right: auto;
}
.swiper-pagination__v2--custom {
  background: #f1f1f1;
  position: absolute;
  width: 36rem;
  height: 4px;
  bottom: 0.8rem;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.swiper-pagination__v2--fill {
  background: #422D91;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.swiper-pagination__v2--fill:before {
  content: "";
  position: absolute;
  top: -6px;
  right: -8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #422D91;
}
.swiper-pagination__v5 {
  position: absolute;
  transition: 300ms opacity;
  z-index: 10;
}
.swiper-pagination__v5--bullets {
  bottom: 12%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.swiper-pagination__v5--bullet {
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  height: 12px;
  width: 12px;
  display: block;
  margin: 0 4px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  outline: none;
}
.swiper-pagination__v5--bullet:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.swiper-pagination__v5--active {
  width: 32px;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}
.swiper-pagination__v8 {
  position: absolute;
  transition: 300ms opacity;
  z-index: 10;
}
.swiper-pagination__v8--bullets {
  bottom: 12%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.swiper-pagination__v8--bullet {
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  height: 12px;
  width: 12px;
  display: block;
  margin: 0 4px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  outline: none;
}
.swiper-pagination__v8--bullet:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.swiper-pagination__v8--active {
  width: 32px;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}
.swiper-pagination__v9 {
  position: absolute;
  transition: 300ms opacity;
  z-index: 10;
}
.swiper-pagination__v9--bullets {
  bottom: 12%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.swiper-pagination__v9--bullet {
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  height: 12px;
  width: 12px;
  display: block;
  margin: 0 4px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  outline: none;
}
.swiper-pagination__v9--bullet:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.swiper-pagination__v9--active {
  width: 32px;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}
.swiper-pagination__v10 {
  position: absolute;
  transition: 300ms opacity;
  z-index: 999;
}
.swiper-pagination__v10--bullets {
  bottom: 12%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.swiper-pagination__v10--bullet {
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  height: 12px;
  width: 12px;
  display: block;
  margin: 0 4px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  outline: none;
}
.swiper-pagination__v10--bullet:hover {
  background-color: rgba(255, 255, 255, 0.87);
}
.swiper-pagination__v10--active {
  width: 32px;
  background-color: rgba(255, 255, 255, 0.87);
  cursor: default;
}
.swiper-pagination__v11 {
  position: absolute;
  z-index: 10;
  right: 4rem;
  bottom: 4rem;
}
.swiper-pagination__v11--side {
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
  color: #ffffff;
}
.swiper-pagination__v12 {
  position: absolute;
  transition: 300ms opacity;
  z-index: 10;
}
.swiper-pagination__v12--bullets {
  bottom: 10.4rem;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.swiper-pagination__v12--bullet {
  margin: 0.4rem 1.6rem;
  padding: 1px;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: 0.024rem;
  text-transform: none;
  font-weight: 500;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  outline: none;
}
.swiper-pagination__v12--bullet:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}
.swiper-pagination__v12--bullet:after {
  content: "";
  position: absolute;
  width: 0;
  left: auto;
  right: 0;
  bottom: -4px;
  height: 2px;
  -moz-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background-color: #ffffff;
}
.swiper-pagination__v12--active:after {
  width: 100%;
  left: 0;
  right: auto;
}

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #422D91;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #422D91;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/*****************************************************/
/*****************************************************/
/*******************import swiper navigation***********************/
.swiper-button-prev__v4, .swiper-button-next__v4 {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .swiper-button-prev__v4, .swiper-button-next__v4 {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .swiper-button-prev__v4, .swiper-button-next__v4 {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .swiper-button-prev__v4, .swiper-button-next__v4 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .swiper-button-prev__v4, .swiper-button-next__v4 {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .swiper-button-prev__v4, .swiper-button-next__v4 {
    display: none;
  }
}
.swiper-button-prev__v4:hover i, .swiper-button-next__v4:hover i {
  color: #ffffff;
}
.swiper-button-prev__v4 i, .swiper-button-next__v4 i {
  font-size: 4.8rem;
  color: rgba(255, 255, 255, 0.6);
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.swiper-button-prev__v5, .swiper-button-next__v5 {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .swiper-button-prev__v5, .swiper-button-next__v5 {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .swiper-button-prev__v5, .swiper-button-next__v5 {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .swiper-button-prev__v5, .swiper-button-next__v5 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .swiper-button-prev__v5, .swiper-button-next__v5 {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .swiper-button-prev__v5, .swiper-button-next__v5 {
    display: none;
  }
}
.swiper-button-prev__v5:hover i, .swiper-button-next__v5:hover i {
  color: #ffffff;
}
.swiper-button-prev__v5 i, .swiper-button-next__v5 i {
  font-size: 5.6rem;
  color: rgba(255, 255, 255, 0.6);
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.swiper-button-prev__v8, .swiper-button-next__v8 {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .swiper-button-prev__v8, .swiper-button-next__v8 {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .swiper-button-prev__v8, .swiper-button-next__v8 {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .swiper-button-prev__v8, .swiper-button-next__v8 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .swiper-button-prev__v8, .swiper-button-next__v8 {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .swiper-button-prev__v8, .swiper-button-next__v8 {
    display: none;
  }
}
.swiper-button-prev__v8:hover i, .swiper-button-next__v8:hover i {
  color: #ffffff;
  opacity: 1;
}
.swiper-button-prev__v8 i, .swiper-button-next__v8 i {
  font-size: 5.6rem;
  color: rgba(255, 255, 255, 0.6);
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
}
.swiper-button-prev__v9, .swiper-button-next__v9 {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .swiper-button-prev__v9, .swiper-button-next__v9 {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .swiper-button-prev__v9, .swiper-button-next__v9 {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .swiper-button-prev__v9, .swiper-button-next__v9 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .swiper-button-prev__v9, .swiper-button-next__v9 {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .swiper-button-prev__v9, .swiper-button-next__v9 {
    display: none;
  }
}
.swiper-button-prev__v9:hover i, .swiper-button-next__v9:hover i {
  color: #ffffff;
  opacity: 1;
}
.swiper-button-prev__v9 i, .swiper-button-next__v9 i {
  font-size: 5.6rem;
  color: rgba(255, 255, 255, 0.6);
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
}
.swiper-button-prev__v10, .swiper-button-next__v10 {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .swiper-button-prev__v10, .swiper-button-next__v10 {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .swiper-button-prev__v10, .swiper-button-next__v10 {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .swiper-button-prev__v10, .swiper-button-next__v10 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .swiper-button-prev__v10, .swiper-button-next__v10 {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .swiper-button-prev__v10, .swiper-button-next__v10 {
    display: none;
  }
}
.swiper-button-prev__v10:hover i, .swiper-button-next__v10:hover i {
  color: #ffffff;
  opacity: 1;
}
.swiper-button-prev__v10 i, .swiper-button-next__v10 i {
  font-size: 5.6rem;
  color: rgba(255, 255, 255, 0.6);
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
}
.swiper-button-prev__v11, .swiper-button-next__v11 {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5.2rem;
  height: 5.2rem;
  background-color: rgba(0, 0, 0, 0.3);
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media screen and (max-width: 319px) {
  .swiper-button-prev__v11, .swiper-button-next__v11 {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .swiper-button-prev__v11, .swiper-button-next__v11 {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .swiper-button-prev__v11, .swiper-button-next__v11 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .swiper-button-prev__v11, .swiper-button-next__v11 {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .swiper-button-prev__v11, .swiper-button-next__v11 {
    display: none;
  }
}
.swiper-button-prev__v11:hover i, .swiper-button-next__v11:hover i {
  color: #ffffff;
}
.swiper-button-prev__v11 i, .swiper-button-next__v11 i {
  font-size: 4.4rem;
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.swiper-button-prev__v11:hover, .swiper-button-next__v11:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.swiper-button-prev__v4 {
  left: 1.6rem;
}
.swiper-button-prev__v5 {
  left: 1.6rem;
}
.swiper-button-prev__v8 {
  left: 0.8rem;
}
.swiper-button-prev__v9 {
  left: 0.8rem;
}
.swiper-button-prev__v10 {
  left: 0.8rem;
}
.swiper-button-prev__v11 {
  left: 0rem;
}

.swiper-button-next__v4 {
  right: 1.6rem;
}
.swiper-button-next__v5 {
  right: 1.6rem;
}
.swiper-button-next__v8 {
  right: 0.8rem;
}
.swiper-button-next__v9 {
  right: 0.8rem;
}
.swiper-button-next__v10 {
  right: 0.8rem;
}
.swiper-button-next__v11 {
  right: 0rem;
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #422D91;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after, .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

/*****************************************************/
/*****************************************************/
/*******************import swiper scrollbar***********************/
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/*****************************************************/
/*****************************************************/
/*******************import swiper fade***********************/
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/*******************slider-swiper-v1***********************/
.slider-swiper-v1__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slider-swiper-v1__box {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-swiper-v1__box {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-swiper-v1__box {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-swiper-v1__box {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .slider-swiper-v1__box {
    max-width: 1170px;
  }
}
.slider-swiper-v1__img {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
.slider-swiper-v5__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slider-swiper-v5__box {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-swiper-v5__box {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-swiper-v5__box {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-swiper-v5__box {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .slider-swiper-v5__box {
    max-width: 1170px;
  }
}
.slider-swiper-v5__img {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
.slider-swiper-v8__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slider-swiper-v8__box {
  width: 100%;
  padding-right: 56px;
  padding-left: 56px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 319px) {
  .slider-swiper-v8__box {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .slider-swiper-v8__box {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-swiper-v8__box {
    max-width: 540px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-swiper-v8__box {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-swiper-v8__box {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .slider-swiper-v8__box {
    max-width: 1170px;
  }
}
.slider-swiper-v8__img {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
.slider-swiper-v9__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slider-swiper-v9__box {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-swiper-v9__box {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-swiper-v9__box {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-swiper-v9__box {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .slider-swiper-v9__box {
    max-width: 1170px;
  }
}
.slider-swiper-v9__img {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
.slider-swiper-v10__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slider-swiper-v10__box {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-swiper-v10__box {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-swiper-v10__box {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-swiper-v10__box {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .slider-swiper-v10__box {
    max-width: 1170px;
  }
}
.slider-swiper-v10__img {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
.slider-swiper-v10__list-pic {
  position: absolute;
  z-index: 2;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.slider-swiper-v10__list-pic--item {
  display: flex;
  align-items: center;
  position: absolute;
  pointer-events: none;
  user-select: none;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(-45%);
  opacity: 0;
  transition: all 0.8s;
  height: 100%;
  width: 100%;
}
.slider-swiper-v10__list-pic--item.active {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
  transition-delay: 0.4s;
}
.slider-swiper-v10__list-pic--img {
  object-fit: contain;
  object-position: center right;
  height: auto;
  max-width: 100%;
}
.slider-swiper-v10__wrap-out {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.slider-swiper-v10__txt-box {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-swiper-v10__txt-box {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-swiper-v10__txt-box {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-swiper-v10__txt-box {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .slider-swiper-v10__txt-box {
    max-width: 1170px;
  }
}
.slider-swiper-v10__txt-box--side {
  position: absolute;
  right: 15px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 3;
}
.slider-swiper-v10__txt-box--side > * {
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0s;
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  -moz-transform: translateY(32px);
  -webkit-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  transform: translateY(32px);
}
.slider-swiper-v10__txt-box--side > *:nth-child(1) {
  transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(2) {
  transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(3) {
  transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(4) {
  transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(5) {
  transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(6) {
  transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(7) {
  transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(8) {
  transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(9) {
  transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side.active {
  z-index: 8;
}
.slider-swiper-v10__txt-box--side.active > * {
  opacity: 1;
  visibility: visible;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(1) {
  transition-delay: 0.3s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(2) {
  transition-delay: 0.5s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(3) {
  transition-delay: 0.7s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(4) {
  transition-delay: 0.9s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(5) {
  transition-delay: 1.1s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(6) {
  transition-delay: 1.3s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(7) {
  transition-delay: 1.5s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(8) {
  transition-delay: 1.7s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(9) {
  transition-delay: 1.9s;
}
.slider-swiper-v10__txt-box--title {
  margin-bottom: 0.8rem;
  text-align: right;
}
@media screen and (max-width: 319px) {
  .slider-swiper-v10__txt-box--title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .slider-swiper-v10__txt-box--title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-swiper-v10__txt-box--title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
    text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-swiper-v10__txt-box--title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-swiper-v10__txt-box--title {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.slider-swiper-v10__txt-box--sub-title {
  margin-bottom: 2rem;
  text-align: right;
}
@media screen and (max-width: 319px) {
  .slider-swiper-v10__txt-box--sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
    text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .slider-swiper-v10__txt-box--sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
    text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-swiper-v10__txt-box--sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
    text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-swiper-v10__txt-box--sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-swiper-v10__txt-box--sub-title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.slider-swiper-v10__txt-box--paragraph {
  text-align: right;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
  .slider-swiper-v10__txt-box--paragraph {
    margin-bottom: 1.6rem;
    display: none;
  }
  .slider-swiper-v10__txt-box--paragraph br {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .slider-swiper-v10__txt-box--paragraph {
    margin-bottom: 1.6rem;
    display: none;
  }
  .slider-swiper-v10__txt-box--paragraph br {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-swiper-v10__txt-box--paragraph {
    margin-bottom: 1.6rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-swiper-v10__txt-box--paragraph {
    margin-bottom: 1.6rem;
    display: none;
  }
}
.slider-swiper-v11__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slider-swiper-v11__box {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-swiper-v11__box {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-swiper-v11__box {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-swiper-v11__box {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .slider-swiper-v11__box {
    max-width: 1170px;
  }
}
.slider-swiper-v11__img {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
.slider-swiper-v12__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slider-swiper-v12__box {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-swiper-v12__box {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-swiper-v12__box {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-swiper-v12__box {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .slider-swiper-v12__box {
    max-width: 1170px;
  }
}
.slider-swiper-v12__img {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
/*******************parallax-item***********************/
.parallax-item__watch {
  position: absolute;
  bottom: 8rem;
  right: 14.4rem;
  z-index: 99;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .parallax-item__watch {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .parallax-item__watch {
    right: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .parallax-item__watch {
    bottom: 14.4rem;
    right: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .parallax-item__watch {
    right: 4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .parallax-item__watch {
    right: 4rem;
  }
}
.parallax-item__watch--title {
  margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
  .parallax-item__watch--title {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .parallax-item__watch--title {
    display: none;
  }
}
.parallax-item__watch--icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 8rem;
  height: 8rem;
  background-color: rgba(0, 0, 0, 0.6);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.parallax-item__watch--icon:hover {
  -moz-transform: scale3d(1.15, 1.15, 1.15);
  -webkit-transform: scale3d(1.15, 1.15, 1.15);
  -ms-transform: scale3d(1.15, 1.15, 1.15);
  -o-transform: scale3d(1.15, 1.15, 1.15);
  transform: scale3d(1.15, 1.15, 1.15);
}
.parallax-item__watch--icon i {
  font-size: 4.8rem;
  color: #ffffff;
}
.parallax-item__mouse {
  position: absolute;
  bottom: 10.4rem;
  left: 14.4rem;
  z-index: 99;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .parallax-item__mouse {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .parallax-item__mouse {
    left: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .parallax-item__mouse {
    left: 2rem;
    bottom: 16.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .parallax-item__mouse {
    left: 4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .parallax-item__mouse {
    left: 4rem;
  }
}
.parallax-item__mouse--title {
  margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
  .parallax-item__mouse--title {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .parallax-item__mouse--title {
    display: none;
  }
}
.parallax-item__mouse--icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.parallax-item__mouse--icon:hover {
  -moz-transform: scale3d(1.15, 1.15, 1.15);
  -webkit-transform: scale3d(1.15, 1.15, 1.15);
  -ms-transform: scale3d(1.15, 1.15, 1.15);
  -o-transform: scale3d(1.15, 1.15, 1.15);
  transform: scale3d(1.15, 1.15, 1.15);
}
.parallax-item__mouse--icon i {
  font-size: 3.2rem;
  color: #ffffff;
}
.parallax-item--p1 {
  position: absolute;
  background-image: radial-gradient(closest-side at 50% 50%, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2), transparent);
  clip-path: polygon(50% 0%, 90% 50%, 50% 100%, 10% 50%);
  left: -10%;
  top: 10%;
  width: 48rem;
  height: 48rem;
}

/*******************particles***********************/
.particles--v1 {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/*******************feature-do***********************/
.feature-do {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 4px;
  margin-bottom: 4rem;
  background-color: #ffffff;
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  padding: 0.8rem 0.8rem;
}
.feature-do:hover {
  -moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.feature-do:hover .feature-do__icon i {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.feature-do:hover .feature-do__side {
  border: 1px solid rgba(17, 189, 163, 0.6);
}
.feature-do__side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 5.2rem 1.6rem;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  -moz-transition: border 0.3s;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-do__side {
    padding: 4rem 0.8rem;
  }
}
.feature-do__icon {
  margin-bottom: 2.4rem;
}
.feature-do__icon i {
  font-size: 4.8rem;
  color: rgba(17, 189, 163, 0.87);
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.feature-do__name {
  text-align: center;
  margin-bottom: 2.4rem;
}
.feature-do__line {
  width: 6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 0.8rem auto 2rem;
}
.feature-do__paragraph {
  text-align: center;
  margin-bottom: 3.6rem;
}
/*******************blob***********************/
.blob__obj01 {
  position: absolute;
  top: 0;
  left: 0;
  fill: rgba(0, 0, 0, 0.02);
  width: 50vmax;
  animation: moveBlob 10s ease-in-out infinite;
  transform-origin: 50% 50%;
}
.blob__obj02 {
  position: absolute;
  top: 0;
  right: 0;
  fill: rgba(0, 0, 0, 0.02);
  width: 50vmax;
  animation: moveBlob2 20s ease-in-out infinite;
  transform-origin: 50% 50%;
}

/*******************portfolio-v1***********************/
.portfolio-v1 {
  position: relative;
}
.portfolio-v1:hover .portfolio-v1__overlay {
  visibility: visible;
  opacity: 0.87;
}
.portfolio-v1:hover .portfolio-v1__name a {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.portfolio-v1__pic img {
  height: auto;
  max-width: 100%;
}
.portfolio-v1__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.portfolio-v1__name a {
  display: block;
  opacity: 0;
  -moz-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -moz-transition: all 0.5s ease-out 0.2s;
  -webkit-transition: all 0.5s ease-out 0.2s;
  -o-transition: all 0.5s ease-out 0.2s;
  transition: all 0.5s ease-out 0.2s;
}

/*******************number-v1***********************/
.number-v1__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.number-v1__side {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.number-v1__num {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
@media screen and (max-width: 319px) {
  .number-v1__num {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .number-v1__num {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
.number-v1__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
  padding-left: 0.8rem;
}
.number-v1__name {
  margin-bottom: 2.4rem;
}
/*******************wave***********************/
.wave {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/*******************testimonial-v1***********************/
.testimonial-v1 {
  border-radius: 4px;
  padding: 1.6rem;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.testimonial-v1:hover {
  -moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.testimonial-v1__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2.4rem 1.6rem 2rem;
}
.testimonial-v1__content {
  margin-bottom: 3.2rem;
  position: relative;
}
.testimonial-v1__content:before {
  content: open-quote;
}
.testimonial-v1__content:after {
  content: close-quote;
}
.testimonial-v1__wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.testimonial-v1__avatar {
  position: relative;
  border-radius: 50%;
}
.testimonial-v1__picture {
  border-radius: 50%;
  display: block;
  overflow: hidden;
  position: relative;
}
.testimonial-v1__picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  border-radius: 50%;
}
.testimonial-v1__picture img {
  height: auto;
  width: 100%;
  max-width: 6.4rem;
}
.testimonial-v1__author {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 2.4rem;
}
.testimonial-v1__name {
  position: relative;
}
.testimonial-v1__name:before {
  position: absolute;
  left: -1.2rem;
  content: "–";
}
.testimonial-v1__quote {
  width: 100%;
  text-align: right;
}
.testimonial-v1__quote i {
  font-size: 3.4rem;
  color: rgba(17, 189, 163, 0.87);
}

/*******************brand-v1***********************/
.brand-v1__picture {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.brand-v1__picture:hover img {
  opacity: 1;
}
.brand-v1__picture img {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0.6;
}

.dark .brand-v1__picture:hover img {
  opacity: 1;
}
.dark .brand-v1__picture img {
  opacity: 0.85;
}

/*******************news-v1***********************/
.news-v1__side {
  position: relative;
}
.news-v1__picture {
  height: auto;
  max-width: 100%;
}
.news-v1__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  padding: 6.4rem 3.2rem 6.4rem;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.news-v1__date-cate {
  margin-bottom: 1.2rem;
}
.news-v1__date-cate span {
  color: #ffffff;
}
.news-v1__cate {
  position: relative;
}
.news-v1__cate:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.38);
  bottom: -4px;
  left: 0;
}
.news-v1__name {
  margin-bottom: 2.8rem;
}
.news-v1__btn-all {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5.2rem;
}

/*******************skill-v1***********************/
.skill-v1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}
.skill-v1__circle-wrap {
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  margin-bottom: 1.6rem;
  position: relative;
}
.skill-v1__me {
  width: 12rem;
  height: 12rem;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-radius: 50%;
}
.skill-v1__full {
  stroke: #c7faf2;
}
.skill-v1__percent {
  stroke: rgba(17, 189, 163, 0.87);
  stroke-dasharray: 0 37.69908rem;
  -moz-transition: stroke-dasharray 2s ease-in-out 0s;
  -webkit-transition: stroke-dasharray 2s ease-in-out 0s;
  -o-transition: stroke-dasharray 2s ease-in-out 0s;
  transition: stroke-dasharray 2s ease-in-out 0s;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--0 {
  stroke-dasharray: 0rem 37.69908rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--1 {
  stroke-dasharray: 0.3769908rem 37.3220892rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--2 {
  stroke-dasharray: 0.7539816rem 36.9450984rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--3 {
  stroke-dasharray: 1.1309724rem 36.5681076rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--4 {
  stroke-dasharray: 1.5079632rem 36.1911168rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--5 {
  stroke-dasharray: 1.884954rem 35.814126rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--6 {
  stroke-dasharray: 2.2619448rem 35.4371352rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--7 {
  stroke-dasharray: 2.6389356rem 35.0601444rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--8 {
  stroke-dasharray: 3.0159264rem 34.6831536rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--9 {
  stroke-dasharray: 3.3929172rem 34.3061628rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--10 {
  stroke-dasharray: 3.769908rem 33.929172rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--11 {
  stroke-dasharray: 4.1468988rem 33.5521812rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--12 {
  stroke-dasharray: 4.5238896rem 33.1751904rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--13 {
  stroke-dasharray: 4.9008804rem 32.7981996rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--14 {
  stroke-dasharray: 5.2778712rem 32.4212088rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--15 {
  stroke-dasharray: 5.654862rem 32.044218rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--16 {
  stroke-dasharray: 6.0318528rem 31.6672272rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--17 {
  stroke-dasharray: 6.4088436rem 31.2902364rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--18 {
  stroke-dasharray: 6.7858344rem 30.9132456rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--19 {
  stroke-dasharray: 7.1628252rem 30.5362548rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--20 {
  stroke-dasharray: 7.539816rem 30.159264rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--21 {
  stroke-dasharray: 7.9168068rem 29.7822732rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--22 {
  stroke-dasharray: 8.2937976rem 29.4052824rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--23 {
  stroke-dasharray: 8.6707884rem 29.0282916rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--24 {
  stroke-dasharray: 9.0477792rem 28.6513008rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--25 {
  stroke-dasharray: 9.42477rem 28.27431rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--26 {
  stroke-dasharray: 9.8017608rem 27.8973192rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--27 {
  stroke-dasharray: 10.1787516rem 27.5203284rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--28 {
  stroke-dasharray: 10.5557424rem 27.1433376rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--29 {
  stroke-dasharray: 10.9327332rem 26.7663468rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--30 {
  stroke-dasharray: 11.309724rem 26.389356rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--31 {
  stroke-dasharray: 11.6867148rem 26.0123652rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--32 {
  stroke-dasharray: 12.0637056rem 25.6353744rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--33 {
  stroke-dasharray: 12.4406964rem 25.2583836rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--34 {
  stroke-dasharray: 12.8176872rem 24.8813928rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--35 {
  stroke-dasharray: 13.194678rem 24.504402rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--36 {
  stroke-dasharray: 13.5716688rem 24.1274112rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--37 {
  stroke-dasharray: 13.9486596rem 23.7504204rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--38 {
  stroke-dasharray: 14.3256504rem 23.3734296rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--39 {
  stroke-dasharray: 14.7026412rem 22.9964388rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--40 {
  stroke-dasharray: 15.079632rem 22.619448rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--41 {
  stroke-dasharray: 15.4566228rem 22.2424572rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--42 {
  stroke-dasharray: 15.8336136rem 21.8654664rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--43 {
  stroke-dasharray: 16.2106044rem 21.4884756rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--44 {
  stroke-dasharray: 16.5875952rem 21.1114848rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--45 {
  stroke-dasharray: 16.964586rem 20.734494rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--46 {
  stroke-dasharray: 17.3415768rem 20.3575032rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--47 {
  stroke-dasharray: 17.7185676rem 19.9805124rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--48 {
  stroke-dasharray: 18.0955584rem 19.6035216rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--49 {
  stroke-dasharray: 18.4725492rem 19.2265308rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--50 {
  stroke-dasharray: 18.84954rem 18.84954rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--51 {
  stroke-dasharray: 19.2265308rem 18.4725492rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--52 {
  stroke-dasharray: 19.6035216rem 18.0955584rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--53 {
  stroke-dasharray: 19.9805124rem 17.7185676rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--54 {
  stroke-dasharray: 20.3575032rem 17.3415768rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--55 {
  stroke-dasharray: 20.734494rem 16.964586rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--56 {
  stroke-dasharray: 21.1114848rem 16.5875952rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--57 {
  stroke-dasharray: 21.4884756rem 16.2106044rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--58 {
  stroke-dasharray: 21.8654664rem 15.8336136rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--59 {
  stroke-dasharray: 22.2424572rem 15.4566228rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--60 {
  stroke-dasharray: 22.619448rem 15.079632rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--61 {
  stroke-dasharray: 22.9964388rem 14.7026412rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--62 {
  stroke-dasharray: 23.3734296rem 14.3256504rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--63 {
  stroke-dasharray: 23.7504204rem 13.9486596rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--64 {
  stroke-dasharray: 24.1274112rem 13.5716688rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--65 {
  stroke-dasharray: 24.504402rem 13.194678rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--66 {
  stroke-dasharray: 24.8813928rem 12.8176872rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--67 {
  stroke-dasharray: 25.2583836rem 12.4406964rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--68 {
  stroke-dasharray: 25.6353744rem 12.0637056rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--69 {
  stroke-dasharray: 26.0123652rem 11.6867148rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--70 {
  stroke-dasharray: 26.389356rem 11.309724rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--71 {
  stroke-dasharray: 26.7663468rem 10.9327332rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--72 {
  stroke-dasharray: 27.1433376rem 10.5557424rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--73 {
  stroke-dasharray: 27.5203284rem 10.1787516rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--74 {
  stroke-dasharray: 27.8973192rem 9.8017608rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--75 {
  stroke-dasharray: 28.27431rem 9.42477rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--76 {
  stroke-dasharray: 28.6513008rem 9.0477792rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--77 {
  stroke-dasharray: 29.0282916rem 8.6707884rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--78 {
  stroke-dasharray: 29.4052824rem 8.2937976rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--79 {
  stroke-dasharray: 29.7822732rem 7.9168068rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--80 {
  stroke-dasharray: 30.159264rem 7.539816rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--81 {
  stroke-dasharray: 30.5362548rem 7.1628252rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--82 {
  stroke-dasharray: 30.9132456rem 6.7858344rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--83 {
  stroke-dasharray: 31.2902364rem 6.4088436rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--84 {
  stroke-dasharray: 31.6672272rem 6.0318528rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--85 {
  stroke-dasharray: 32.044218rem 5.654862rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--86 {
  stroke-dasharray: 32.4212088rem 5.2778712rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--87 {
  stroke-dasharray: 32.7981996rem 4.9008804rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--88 {
  stroke-dasharray: 33.1751904rem 4.5238896rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--89 {
  stroke-dasharray: 33.5521812rem 4.1468988rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--90 {
  stroke-dasharray: 33.929172rem 3.769908rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--91 {
  stroke-dasharray: 34.3061628rem 3.3929172rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--92 {
  stroke-dasharray: 34.6831536rem 3.0159264rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--93 {
  stroke-dasharray: 35.0601444rem 2.6389356rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--94 {
  stroke-dasharray: 35.4371352rem 2.2619448rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--95 {
  stroke-dasharray: 35.814126rem 1.884954rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--96 {
  stroke-dasharray: 36.1911168rem 1.5079632rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--97 {
  stroke-dasharray: 36.5681076rem 1.1309724rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--98 {
  stroke-dasharray: 36.9450984rem 0.7539816rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--99 {
  stroke-dasharray: 37.3220892rem 0.3769908rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--100 {
  stroke-dasharray: 37.69908rem 0rem;
}
.skill-v1__full, .skill-v1__percent {
  fill: none;
  stroke-linecap: round;
  stroke-width: 0.8rem;
}
.skill-v1__icon {
  width: 12rem;
  height: 12rem;
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.skill-v1__number {
  position: relative;
}
.skill-v1__number:before {
  content: "%";
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.014rem;
  text-transform: none;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}
.skill-v1.dark .skill-v1__number:before {
  color: #ffffff;
}
.skill-v1__name {
  text-align: center;
  margin-bottom: 1.2rem;
}
.skill-v1.detail .skill-v1__name {
  margin-bottom: 0rem;
}
.skill-v1__paragraph {
  text-align: center;
}

/*******************item-portfolio-filter***********************/
.item-portfolio-filter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
.item-portfolio-filter__side {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 319px) {
  .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.item-portfolio-filter__side.show {
  display: block;
}
.item-portfolio-filter__side img {
  height: auto;
  width: 100%;
  margin: auto;
}
.item-portfolio-filter__side:hover .item-portfolio-filter__content {
  opacity: 1;
  visibility: visible;
}
.column-2-full .item-portfolio-filter__side {
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.column-3-full .item-portfolio-filter__side {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.column-4-full .item-portfolio-filter__side {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio-filter__side {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.column-5-full .item-portfolio-filter__side {
  flex: 0 0 20%;
  max-width: 20%;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio-filter__side {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.column-2 .item-portfolio-filter__side {
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.column-3 .item-portfolio-filter__side {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.column-4 .item-portfolio-filter__side {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.column-5 .item-portfolio-filter__side {
  flex: 0 0 20%;
  max-width: 20%;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio-filter__side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio-filter__side {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.item-portfolio-filter__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 1.2s ease 0s;
  -webkit-transition: all 1.2s ease 0s;
  -o-transition: all 1.2s ease 0s;
  transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
  .item-portfolio-filter__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .item-portfolio-filter__content {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .item-portfolio-filter__content {
    opacity: 1;
    visibility: visible;
  }
}
.column-2-full .item-portfolio-filter__content {
  padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-3-full .item-portfolio-filter__content {
  padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-3-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-4-full .item-portfolio-filter__content {
  padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-5-full .item-portfolio-filter__content {
  padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5-full .item-portfolio-filter__content {
    padding: 0.4rem 1.2rem 0.4rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-2 .item-portfolio-filter__content {
  padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-3 .item-portfolio-filter__content {
  padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-4 .item-portfolio-filter__content {
  padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.column-5 .item-portfolio-filter__content {
  padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio-filter__content {
    padding: 0.8rem 1.6rem 0.8rem;
  }
}
.item-portfolio-filter__icon i {
  color: #ffffff;
}
.column-2-full .item-portfolio-filter__icon {
  margin-bottom: 5.6rem;
}
.column-2-full .item-portfolio-filter__icon i {
  font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-2-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-2-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-2-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-2-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
.column-3-full .item-portfolio-filter__icon {
  margin-bottom: 5.6rem;
}
.column-3-full .item-portfolio-filter__icon i {
  font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-3-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-3-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-3-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-3-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio-filter__icon {
    margin-bottom: 3.2rem;
  }
  .column-3-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-3-full .item-portfolio-filter__icon {
    margin-bottom: 3.2rem;
  }
  .column-3-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
.column-4-full .item-portfolio-filter__icon {
  margin-bottom: 5.6rem;
}
.column-4-full .item-portfolio-filter__icon i {
  font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-4-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-4-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-4-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-4-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio-filter__icon {
    margin-bottom: 3.2rem;
  }
  .column-4-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4-full .item-portfolio-filter__icon {
    margin-bottom: 3.2rem;
  }
  .column-4-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio-filter__icon {
    margin-bottom: 3.2rem;
  }
  .column-4-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
.column-5-full .item-portfolio-filter__icon {
  margin-bottom: 5.6rem;
}
.column-5-full .item-portfolio-filter__icon i {
  font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-5-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-5-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-5-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-5-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio-filter__icon {
    margin-bottom: 3.2rem;
  }
  .column-5-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5-full .item-portfolio-filter__icon {
    margin-bottom: 1.2rem;
  }
  .column-5-full .item-portfolio-filter__icon i {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio-filter__icon {
    margin-bottom: 3.2rem;
  }
  .column-5-full .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
.column-2 .item-portfolio-filter__icon {
  margin-bottom: 3.2rem;
}
.column-2 .item-portfolio-filter__icon i {
  font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-2 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-2 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-2 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-2 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio-filter__icon {
    margin-bottom: 3.2rem;
  }
  .column-2 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
.column-3 .item-portfolio-filter__icon {
  margin-bottom: 3.2rem;
}
.column-3 .item-portfolio-filter__icon i {
  font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-3 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-3 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-3 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-3 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio-filter__icon {
    margin-bottom: 3.2rem;
  }
  .column-3 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
.column-4 .item-portfolio-filter__icon {
  margin-bottom: 3.2rem;
}
.column-4 .item-portfolio-filter__icon i {
  font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-4 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-4 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-4 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-4 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio-filter__icon {
    margin-bottom: 3.2rem;
  }
  .column-4 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-4 .item-portfolio-filter__icon i {
    font-size: 2.4rem;
  }
}
.column-5 .item-portfolio-filter__icon {
  margin-bottom: 3.2rem;
}
.column-5 .item-portfolio-filter__icon i {
  font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-5 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-5 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-5 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-5 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio-filter__icon {
    margin-bottom: 3.2rem;
  }
  .column-5 .item-portfolio-filter__icon i {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5 .item-portfolio-filter__icon {
    margin-bottom: 1.6rem;
  }
  .column-5 .item-portfolio-filter__icon i {
    font-size: 2.4rem;
  }
}
.item-portfolio-filter__date-cate span {
  color: #ffffff;
}
.column-2-full .item-portfolio-filter__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-3-full .item-portfolio-filter__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-3-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-4-full .item-portfolio-filter__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-5-full .item-portfolio-filter__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-2 .item-portfolio-filter__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-3 .item-portfolio-filter__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-4 .item-portfolio-filter__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
.column-5 .item-portfolio-filter__date-cate {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio-filter__date-cate {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5 .item-portfolio-filter__date-cate {
    display: none;
  }
}
.column-2-full .item-portfolio-filter__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
.column-3-full .item-portfolio-filter__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-3-full .item-portfolio-filter__name {
    margin-bottom: 0.8rem;
  }
}
.column-4-full .item-portfolio-filter__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4-full .item-portfolio-filter__name {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
.column-5-full .item-portfolio-filter__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5-full .item-portfolio-filter__name {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
.column-2 .item-portfolio-filter__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
.column-3 .item-portfolio-filter__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
.column-4 .item-portfolio-filter__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
.column-5 .item-portfolio-filter__name {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio-filter__name {
    margin-bottom: 1.6rem;
  }
}
.column-2-full .item-portfolio-filter__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .column-2-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-3-full .item-portfolio-filter__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .column-3-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-3-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-4-full .item-portfolio-filter__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .column-4-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-4-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-5-full .item-portfolio-filter__paragraph {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
  .column-5-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5-full .item-portfolio-filter__paragraph {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
  .column-5-full .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-2 .item-portfolio-filter__paragraph {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-2 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-2 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-2 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-2 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-2 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-3 .item-portfolio-filter__paragraph {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-3 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-3 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-3 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-3 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-3 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
.column-4 .item-portfolio-filter__paragraph {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-4 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-4 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-4 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-4 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-4 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-4 .item-portfolio-filter__paragraph {
    display: none;
  }
}
.column-5 .item-portfolio-filter__paragraph {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
  .column-5 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .column-5 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .column-5 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .column-5 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .column-5 .item-portfolio-filter__paragraph {
    margin-bottom: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .column-5 .item-portfolio-filter__paragraph {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .column-5 .item-portfolio-filter__btn {
    display: none;
  }
}
.item-portfolio-filter__nav-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4.8rem;
}
.item-portfolio-filter__nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.item-portfolio-filter__nav li {
  display: block;
  margin: 0rem 0.8rem 1.6rem;
  cursor: pointer;
}
/*******************service-v1***********************/
.service-v1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
}
.service-v1__name span {
  color: rgba(17, 189, 163, 0.87);
}
.service-v1__line {
  width: 100%;
  height: 1px;
  background-color: rgba(17, 189, 163, 0.38);
  margin: 1.2rem auto 2rem;
}
/*******************portfolio-filter-v1***********************/
.portfolio-filter-v1:hover .portfolio-filter-v1__content {
  opacity: 1;
}
.portfolio-filter-v1:hover .portfolio-filter-v1__link {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.portfolio-filter-v1__img {
  height: auto;
  max-width: 100%;
  margin: auto;
}
.portfolio-filter-v1__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 99;
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.portfolio-filter-v1__link {
  width: 4rem;
  height: 4rem;
  background-color: rgba(255, 255, 255, 0.87);
  border-radius: 50%;
  margin: 0.4rem;
  opacity: 0;
  -moz-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -moz-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.portfolio-filter-v1__link:hover {
  background-color: white;
}
.portfolio-filter-v1__link img {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  position: absolute;
}
.portfolio-filter-v1__link i {
  color: rgba(0, 0, 0, 0.87);
}
.portfolio-filter-v1-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4.8rem;
}
.portfolio-filter-v1-title__nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.portfolio-filter-v1-title__nav li {
  display: block;
  margin: 0rem 0.8rem 0.8rem 0rem;
  cursor: pointer;
}
/*******************portfolio-filter-v2***********************/
.portfolio-filter-v2:hover .portfolio-filter-v2__content {
  opacity: 1;
}
.portfolio-filter-v2:hover .portfolio-filter-v2__link {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.portfolio-filter-v2__img {
  height: auto;
  max-width: 100%;
  margin: auto;
}
.portfolio-filter-v2__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 99;
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.portfolio-filter-v2__link {
  width: 4rem;
  height: 4rem;
  background-color: rgba(255, 255, 255, 0.87);
  border-radius: 50%;
  margin: 0.4rem;
  opacity: 0;
  -moz-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -moz-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.portfolio-filter-v2__link:hover {
  background-color: white;
}
.portfolio-filter-v2__link img {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  position: absolute;
}
.portfolio-filter-v2__link i {
  color: rgba(0, 0, 0, 0.87);
}
.portfolio-filter-v2-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 4.8rem;
}
.portfolio-filter-v2-title__nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.portfolio-filter-v2-title__nav li {
  display: block;
  margin: 0rem 0.8rem 0.8rem 0rem;
  cursor: pointer;
}
/*******************call-v1***********************/
.call-v1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.call-v1__text {
  margin: auto 1.2rem;
  text-align: center;
}
@media screen and (max-width: 319px) {
  .call-v1__text {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .call-v1__text {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .call-v1__text {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .call-v1__text {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .call-v1__text {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.call-v1__btn {
  margin: 1.6rem 1.2rem;
}

/*******************call-v2***********************/
.call-v2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 3.2rem 0;
}
.call-v2__text {
  margin: auto 1.2rem;
  text-align: center;
}
@media screen and (max-width: 319px) {
  .call-v2__text {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .call-v2__text {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .call-v2__text {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .call-v2__text {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .call-v2__text {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.014rem;
    text-transform: none;
    font-weight: 500;
  }
}
.call-v2__btn {
  margin: 1.6rem 1.2rem;
}

/*******************testimonial-v2***********************/
.testimonial-v2__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 319px) {
  .testimonial-v2__side {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .testimonial-v2__side {
    width: 100%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-v2__side {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-v2__side {
    width: 80%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-v2__side {
    width: 80%;
  }
}
.testimonial-v2__side:hover img {
  filter: blur(0.5rem) brightness(70%);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.testimonial-v2__side:hover .testimonial-v2__icon-link {
  opacity: 1;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.testimonial-v2__avatar {
  position: relative;
  border-radius: 50%;
  margin-bottom: 2rem;
}
.testimonial-v2__picture {
  border-radius: 50%;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.38);
  position: relative;
}
.testimonial-v2__picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(154, 154, 154, 0.1);
  z-index: 9;
  border-radius: 50%;
}
.testimonial-v2__picture img {
  height: auto;
  max-width: 8rem;
  width: 100%;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.testimonial-v2__icon-link {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #ffffff;
  font-size: 2.4rem;
  text-align: center;
  opacity: 0;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translate(-50%, -20%);
  -webkit-transform: translate(-50%, -20%);
  -ms-transform: translate(-50%, -20%);
  -o-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%);
}
.testimonial-v2__content {
  margin-bottom: 2.4rem;
  text-align: center;
  position: relative;
}
.testimonial-v2__content:before {
  content: "“";
}
.testimonial-v2__content:after {
  content: "”";
}
.testimonial-v2__name {
  position: relative;
}
.testimonial-v2__name:before {
  position: absolute;
  left: -1.2rem;
  content: "–";
}
/*******************title-box***********************/
@media screen and (max-width: 319px) {
  .title-box__lv1 {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .title-box__lv1 {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .title-box__lv1 {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .title-box__lv1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .title-box__lv1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
/*******************video-bg***********************/
.section-video-bg {
  overflow: hidden;
  position: relative;
  height: 1000px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 319px) {
  .section-video-bg {
    height: 640px;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .section-video-bg {
    height: 640px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .section-video-bg {
    height: 640px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .section-video-bg {
    height: 780px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .section-video-bg {
    height: 800px;
  }
}
.section-video-bg:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.section-video-bg:after {
  content: "";
  background-image: url("../images/pattern_caro.png");
  background-position: center;
  filter: opacity(87%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.video-bg__side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
  position: relative;
}
.video-bg__title {
  text-align: center;
}
@media screen and (max-width: 319px) {
  .video-bg__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .video-bg__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .video-bg__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .video-bg__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .video-bg__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
.video-bg__viewport {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.video-bg video {
  display: block;
  width: 100%;
  height: auto;
}

/*******************img-bg***********************/
.img-bg__side {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.img-bg__title {
  text-align: center;
}
@media screen and (max-width: 319px) {
  .img-bg__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .img-bg__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .img-bg__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .img-bg__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .img-bg__title {
    font-size: 4.8rem;
    line-height: 5.2rem;
    letter-spacing: 0.043rem;
    text-transform: none;
    font-weight: 400;
  }
}
.img-bg__viewport {
  position: relative;
}
.img-bg__img {
  width: 100%;
  height: auto;
}

/*******************call-v3***********************/
@media screen and (max-width: 319px) {
  .call-v3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .call-v3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .call-v3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .call-v3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .call-v3__title {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: 0.054rem;
    text-transform: none;
    font-weight: 400;
  }
}
.call-v3__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.call-v3__btn {
  margin: 0 1.2rem;
}
@media screen and (max-width: 319px) {
  .call-v3__btn {
    margin: 0 0.8rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .call-v3__btn {
    margin: 0 0.8rem;
  }
}
/*******************about-v1***********************/
.about-v1 {
  margin-bottom: 4rem;
}
.about-v1__pic {
  margin-bottom: 1.6rem;
}
.about-v1__pic img {
  max-width: 100%;
  height: auto;
}
.about-v1__sub {
  margin-bottom: 1.6rem;
}

/*# sourceMappingURL=style.css.map */