@charset "utf-8";
html {--theme:#004aaf;--background:#f7f7f7;--border-color:#a3a3a3;--p-color:#666666;}
@font-face {font-family: 'Poppins-Bold';src: url('../fonts/poppins-bold.ttf') format('truetype');}
@font-face {font-family: 'Poppins-Light';src: url('../fonts/poppins-light.ttf') format('truetype');}
@font-face {font-family: 'Teko-SemiBold';src: url('../fonts/teko-semibold.ttf') format('truetype');}
@font-face {font-family: 'Teko-Medium';src: url('../fonts/teko-medium.ttf') format('truetype');}
* {color:inherit;padding:0;margin:0;box-sizing:border-box;list-style:none;line-height:1.35;}
body {font-family:'Poppins-Light';color: black;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,button,textarea,blockquote {margin:0;padding:0;word-break:break-word;}
input {outline:0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance:none;}
input[type="number"] {-moz-appearance:textfield;}
:focus-visible {outline:none;}
button {outline:0}
textarea {font-family:'Poppins-Light' !important;resize: none;}
img {display:block;border:0;/*max-width:100%;*/}
a {text-decoration:none;}
a:hover {text-decoration:none;color:var(--theme);}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:link {text-decoration:none;}
::-webkit-scrollbar {width:4px;height:4px;}
::-webkit-scrollbar-track {border-radius:8px;border:none;background:var(--background);}
::-webkit-scrollbar-thumb {border-radius:8px;background:var(--theme);border:none;border-radius:0;}
::selection {background-color:var(--theme);color:var(--background);}
::-moz-selection {background-color:var(--theme);color:var(--background);}
::-webkit-selection {background-color:var(--theme);color:var(--background);}
.clearfix:before,.clearfix:after {content:" ";display:table;clear:both;}
.container {width:94%;max-width:1300px;margin:0 auto;}
.fr {float:right;}
.fl {float:left;}
.flex {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_d-c {-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.flex_d-r {-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.flex_wrap {-webkit-box-pack:wrap;-ms-flex-pack:wrap;-webkit-justify-content:wrap;flex-wrap:wrap;}
.flex_j-end {-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}
.flex_j-center {-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.flex_j-s-b {-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.flex_j-s-a {-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;}
.flex_a-end {-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;}
.flex_a-center {-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.flex_a-b {-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;}
.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis-2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.ellipsis-3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.ellipsis-4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.show {display:block;}
.hide {display:none;}
.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.alignright {float:right;margin:0.5em 0 0.5em 1em;}
.alignleft {float:left;margin:0.5em 1em 0.5em 0;}
.pc_block {display:block;}
.m_block {display:none;}
.bg-color {background-color: var(--background);}
.color-theme {color: #87d307;}
.color-p {color: var(--p-color);}
.tit-font-bold {font-family:'Teko-SemiBold';text-transform: uppercase;}
.tit-font-light {font-family:'Teko-Light';text-transform: uppercase;}
.con-font-bold {font-family:'Poppins-Bold';}
.con-font-light {font-family:'Poppins-Light';}
.btn {display:inline-block;width:auto;border-width:0;font-size:1.35em;color:#ffffff;padding:0.5em 1.6em;border-radius:5px;background:var(--theme);text-align:center;transition:all 0.65s;position:relative;overflow:hidden;}
.btn.btn-white {color:#ffffff;background:#004aaf;}
.btn:hover {transform: translate(5px,-5px);box-shadow: -5px 5px 5px rgb(0 0 0 / 25%);color:#ffffff;}
.btn.btn-white:hover {color:#ffffff;}
.btn:before {content:"";position:absolute;display:block;transition:all .6s;width:100%;height:0;border-radius:50%;left:50%;top:50%;padding-top:100%;transform:translateX(-50%) translateY(-50%);}
.btn:hover:before {animation:btn-animation .75s;z-index:1;}
.btn.btn-black {color:#ffffff;background:#000000;}
.btn.btn-black:hover {color:#ffffff;}
.btn.btn-black:hover:before {animation:btn-black-animation .75s;}
.video.vp-a img {width:100%;height:100%;object-fit:cover;}
.video.vp-a:before {content:" ";background:url(../images/video-ico.png) no-repeat center;background-color:rgb(0 0 0 / 45%);background-size:2.5em;border-radius:50%;position:absolute;width:4.5em;height:4.5em;left:50%;top:50%;margin-left:-2.25em;margin-top:-2.25em;z-index:1;cursor:pointer;transition:all 0.5s;}
.video.vp-a:hover:before {transform:scale(1.1);}
@keyframes btn-animation {
0% {background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}
to {background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}
@keyframes btn-black-animation {
0% {background:rgba(255,255,255,.25);transform:translateX(-50%) translateY(-50%) scale(0)}
to {background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}
@media screen and (max-width:680px) {
.pc_block {display:none;}
.m_block {display:block;}
}
@media screen and (min-width:880px) {@-webkit-keyframes img_change {0% {-webkit-transform:scale(1)}
50% {-webkit-transform:scale(1.2)}
100% {-webkit-transform:scale(1)}
}
@-moz-keyframes img_change {0% {-moz-transform:scale(1)}
50% {-moz-transform:scale(1.2)}
100% {-moz-transform:scale(1)}
}
@-o-keyframes img_change {0% {-o-transform:scale(1)}
50% {-o-transform:scale(1.2)}
100% {-o-transform:scale(1)}
}
@keyframes img_change {0% {transform:scale(1)}
50% {transform:scale(1.2)}
100% {transform:scale(1)}
}
@-webkit-keyframes p_change {0% {-webkit-transform:translateX(0);}
50% {-webkit-transform:translateX(15px);}
100% {-webkit-transform:translateX(0);}
}
@-moz-keyframes p_change {0% {-moz-transform:translateX(0);}
50% {-moz-transform:translateX(15px);}
100% {-moz-transform:translateX(0);}
}
@-o-keyframes p_change {0% {-o-transform:translateX(0);}
50% {-o-transform:translateX(15px);}
100% {-o-transform:translateX(0);}
}
@keyframes p_change {0% {transform:translateX(0);}
50% {transform:translateX(15px);}
100% {transform:translateX(0);}
}
}
@keyframes smoothScroll {
0% {transform: translateY(-50px);}
100% {transform: translateY(0px);}
}
.YouTubePopUp-Wrap {position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.8);background-color:rgb(0 0 0 / 80%);top:0;left:0;z-index:10000;}
.Video-PopUp-Content {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;justify-content:center;-webkit-justify-content:center;width:100%;height:100%;}
.vp-flex {max-width:800px;width:100%;height:450px;max-height:90%;margin:0 40px;position:relative;background-color:#000;}
.vp-flex iframe,.vp-flex video {width:100%;height:100%;max-width:100%!important;max-height:100%;min-width:100%;min-height:100%;margin:0!important;padding:0!important;outline:none!important;display:block;border:5px solid #fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 2px 10px 0 rgb(0 0 0 / 30%);-moz-box-shadow:0 2px 10px 0 rgb(0 0 0 / 30%);-webkit-box-shadow:0 2px 10px 0 rgb(0 0 0 / 30%);background-color:#000;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.YouTubePopUp-Close {position:absolute;top:0;cursor:pointer;left:-30px;margin:auto 0;transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;font-weight:300;width:26px;height:26px;background:url(../images/close.png) no-repeat center;background-size:100%;}
.YouTubePopUp-Close:hover {opacity:.5;}
.vp-flex.vp-flex-no-border iframe,.vp-flex.vp-flex-no-border video {padding:0!important;border:0!important;border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;}
.vp-flex-no-border.vp-vt-locally,.vp-flex-no-border.vp-vt-vimeo {box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
@media all and (max-width:767px) {.vp-flex,.Video-PopUp-Content .vp-flex {max-width:480px!important;height:270px!important;}
.video.vp-a:before {background-size:40px;}
}
@media all and (max-width:320px) {.vp-flex,.Video-PopUp-Content .vp-flex {max-width:240px!important;height:140px!important;}
}
@media all and (min-width:1030px) {.banner_buttons {top:-500px;}
}
@media all and (max-width:1440px) {.banner_buttons {top:-250px;}
}