@charset utf-8;
/*
Theme Name: vt
*/

@font-face {
    font-family: "PublicSans-Bold";
    src: url("fonts/PublicSans-Bold.woff2") format("woff2"),
         url("fonts/PublicSans-Bold.woff") format("woff"),
         url("fonts/PublicSans-Bold.ttf") format("truetype"),
         url("fonts/PublicSans-Bold.eot") format("embedded-opentype"),
         url("fonts/PublicSans-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "PublicSans-SemiBold";
    src: url("fonts/PublicSans-SemiBold.woff2") format("woff2"),
         url("fonts/PublicSans-SemiBold.woff") format("woff"),
         url("fonts/PublicSans-SemiBold.ttf") format("truetype"),
         url("fonts/PublicSans-SemiBold.eot") format("embedded-opentype"),
         url("fonts/PublicSans-SemiBold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: "PublicSans-Regular";
    src: url("fonts/PublicSans-Regular.woff2") format("woff2"),
         url("fonts/PublicSans-Regular.woff") format("woff"),
         url("fonts/PublicSans-Regular.ttf") format("truetype"),
         url("fonts/PublicSans-Regular.eot") format("embedded-opentype"),
         url("fonts/PublicSans-Regular.svg") format("svg");
    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%;}
body{ background:#fff; font-size:16px; color:#323232; font-weight:normal; font-family: "PublicSans-Regular";}
a{color:#031F45;text-decoration:none;outline-style:none;}
a:hover{color:#031F45;text-decoration:none;}
.a_other{color:#0051ff;}
.a_other:hover{color:#0051ff;}
p{line-height:1.5;margin:0px 0px 23px;}
li{list-style:none outside none;}
strong,
b{font-weight:normal; font-family: "PublicSans-Bold";}
em,
i{font-style:normal;}
strong em,
em strong{font-style:normal;font-weight:normal; font-family: "PublicSans-Bold";}
h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal; margin-bottom:30px; line-height:1.2; font-family: "PublicSans-Bold";}
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;margin:40px 0;border:0;border-bottom:0;padding:0px;width:100%;background:#e1e0da;height:1px;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
/* hide input icon of safari  */
input::-webkit-credentials-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute; 
    right: 0;
}

/* new homepage using*/
.show_fade_in{opacity: 1 !important;}
.init_fade{opacity: 0;transition: all 2s;}


.grecaptcha-badge{
    display: none !important;
}

.inner{max-width:1164px;padding-left:20px;padding-right:20px;margin:0 auto;}
.button{border: 0;position: relative;z-index: 1;overflow: hidden;background:#fff;border-radius:23px; padding:12px 20px; display:inline-block; color:#06122d; font-size:16px;border:1px solid #031F45;  text-decoration:none; font-family: "PublicSans-Bold";-webkit-tap-highlight-color: transparent;transition: all .3s linear;}
.button::after{z-index: -1;content: "";position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;border-radius: 50%;background-color: #00f0ff;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale(0, 0);transition: transform 0.3s ease-in-out;}
.button:hover{border:1px solid #00f0ff;background: #00f0ff;}
.button:hover::after{transform: translate3d(-50%, -50%, 0) scale(15, 15);}
.blue_button{border: 0;position: relative;z-index: 1;overflow: hidden;background:#0051ff; border-radius:23px; padding:12px 20px; display:inline-block; color:#fff; font-size:16px;line-height:1.375;text-decoration:none; font-family: "PublicSans-Bold";-webkit-tap-highlight-color: transparent;    transition: all .3s linear;}
.blue_button:hover{color:#064291;text-decoration:none;background: #fff;}
.blue_button::after{z-index: -1;content: "";position: absolute;top: var(--top);left: var(--left);width: 2em;height: 2em;border-radius: 50%;background-color: #00f0ff;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale(0, 0);transition: transform 0.5s ease-in-out;}
.blue_button:hover::after{transform: translate3d(-50%, -50%, 0) scale(15, 15);}
.deep_blue_button {border: 0;position: relative;z-index: 1;overflow: hidden;background: #031F45;border-radius: 23px;padding: 12px 30px;display: inline-block;color: #fff;font-size: 16px;text-decoration: none;font-family: "PublicSans-Bold";-webkit-tap-highlight-color: transparent;transition: all .3s linear;}
.deep_blue_button:hover {color: #031F45;text-decoration: none;background: #fff;}
.deep_blue_button::after{z-index: -1;content: "";position: absolute;top: var(--top);left: var(--left);width: 1.4em;height: 1.4em;border-radius: 50%;background-color: #00f0ff;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale(0, 0);transition: transform 0.5s ease-in-out;}
.deep_blue_button:hover::after{transform: translate3d(-50%, -50%, 0) scale(30, 30);}

a.animation_line{position: relative;}
a.animation_line:hover{color: #0051FF;}
a.animation_line:before {content: '';position: absolute;bottom: 0;left: 0;height: 1px;width: 0;background-color: #007bff;transition: width 0.5s ease-in-out;} 
a.animation_line:hover:before {width: 100%;} 

.hover_link span.normal{display: block;position: relative;transition: transform .6s cubic-bezier(.19,1,.22,1);color: #031F45;}
.hover_link span.hover{color: #0051FF;display: block;left: 0;position: absolute;top: 0;transform: translateY(calc(100% + 41px));transition: transform .6s cubic-bezier(.19,1,.22,1);}
.header_top_box .hover_link:hover span.normal,.header_menu_nav li.active span.normal,.footer_middle_bottom .hover_link:hover span.normal{transform: translateY(-100%);} 
.header_top_box .hover_link:hover span.hover,.header_menu_nav li.active span.hover,.footer_middle_bottom .hover_link:hover span.hover{transform: translateY(0);} 

.title_drop {position: relative;}
.title_drop span{color: #00F0FF;}
.title_drop:after {content: '';position: absolute;bottom: 7px;width: 8px;height: 8px;border-radius: 50%;background-color: #00F0FF;margin-left: 2px;}