@charset "utf-8";
/*
Theme Name: ZENNOVA
*/
@font-face {
    font-family: "PingFang-SC-Regular";
    src: url("fonts/PingFang-SC-Regular.ttf"),
        url("fonts/PingFangSCRegular.woff2")
        url("fonts/PingFangSCRegular.woff")
        url("fonts/PingFangSCRegular.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Outfit-Regular";
  src:url("fonts/Outfit-Regular.ttf"),
		url("fonts/Outfit-Regular.woff2"),
		url("fonts/Outfit-Regular.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-Black";
  src:
		url("fonts/Outfit-Black.ttf"),
		url("fonts/Outfit-Black.woff2"),
		url("fonts/Outfit-Black.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-Thin";
  src:
		url("fonts/Outfit-Thin.ttf"),
		url("fonts/Outfit-Thin.woff2"),
		url("fonts/Outfit-Thin.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-Light";
  src:
		url("fonts/Outfit-Light.ttf"),
		url("fonts/Outfit-Light.woff2"),
		url("fonts/Outfit-Light.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-ExtraLight";
  src:
		url("fonts/Outfit-ExtraLight.ttf"),
		url("fonts/Outfit-ExtraLight.woff2"),
		url("fonts/Outfit-ExtraLight.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-SemiBold";
  src:
		url("fonts/Outfit-SemiBold.ttf"),
		url("fonts/Outfit-SemiBold.woff2"),
		url("fonts/Outfit-SemiBold.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-Medium";
  src:
		url("fonts/Outfit-Medium.ttf"),
		url("fonts/Outfit-Medium.woff2"),
		url("fonts/Outfit-Medium.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-Bold";
  src:
		url("fonts/Outfit-Bold.ttf"),
		url("fonts/Outfit-Bold.woff2"),
		url("fonts/Outfit-Bold.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Outfit-ExtraBold";
  src:
		url("fonts/Outfit-ExtraBold.ttf"),
		url("fonts/Outfit-ExtraBold.woff2"),
		url("fonts/Outfit-ExtraBold.woff");
  font-weight: normal;
  font-style: normal;
}

*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{background:none;-webkit-text-size-adjust:100%;height:100%;margin-top: 0 !important;}
body{ background:#fff; font-size:16px; color:#000; font-weight:normal;font-family:"Outfit-Light";}
a{color:#031F45;text-decoration:none;outline-style:none;font-family: "Outfit-Light";}
a:hover{color:#031F45;text-decoration:none;}
.a_other{color:#0051ff;}
.a_other:hover{color:#0051ff;}
p{line-height:1.5;margin:0px 0px 24px;font-family: "Outfit-Light";}
li{list-style:none outside none;}
strong,
b{font-weight:normal;font-family: "Outfit-Regular";}
em,
i{font-style:normal;}
strong em,
em strong{font-style:normal;font-weight:normal;font-family: "Outfit-Regular";}
h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal; margin-bottom:30px; line-height:1.2;font-family: "Outfit-Regular";}
h1{font-size:54px;}
h2{font-size:40px;}
h3{font-size:29px;}
h4{font-size:20px;}
h5{font-size:16px;}
h6{font-size:14px;}
img{max-width:100%;height:auto;vertical-align:middle;}
hr{clear:both; background:#acabbd;height:1px;color: #acabbd;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}

/* inner */
.inner {
    max-width: 1340px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

.footer{background-color: #151515;}
.footer .inner{max-width:1342px;position: relative;}
.footer_bot{padding: 37px 0 32px;display:flex;justify-content: space-between;align-items: center;position: relative;}
.footer_bot p{font-size: 16px;line-height: 1.3;color: #8d8d8d;margin:0;}
.footer_nav ul{display: flex;align-items: center;justify-content:flex-start;white-space: nowrap;}
.footer_nav ul a{font-size: 16px;line-height: 1.3;color: #8d8d8d;margin:0;padding-right:23px}
.footer_nav ul a:hover{color: rgb(0, 220, 223);}
.footer_nav ul .last a{padding-right: 0;}

@media(max-width:940px){
  .footer_bot{flex-direction: column-reverse;}
  .footer_bot  .footer_nav{padding: 40px 0 20px}
}

@media(max-width:630px){
  .footer_nav ul{justify-content: space-between; flex-wrap: wrap;}
}
@media(max-width:500px){
  .footer_nav ul{flex-wrap:wrap}
  .footer_nav ul li{margin: 0px 7px 10px;}
  .footer_nav ul a{padding:0}
}