@charset "utf-8";

a {
    text-decoration: none;
    color: #000
}

.w10 {
    width: 10%
}

.w20 {
    width: 20%
}

.w30 {
    width: 30%
}

.w40 {
    width: 40%
}

.w50 {
    width: 50%
}

.w60 {
    width: 60%
}

.w70 {
    width: 70%
}

.w80 {
    width: 80%
}

.w90 {
    width: 90%
}

.w100 {
    width: 100%
}

.w15 {
    width: 15%
}

.w25 {
    width: 25%
}

.w33 {
    width: 33.33333%
}

.w75 {
    width: 75%
}

.w85 {
    width: 85%
}

.h100 {
    height: 100vh;
    height: 100vh
}

.ta_l {
    text-align: left
}

.ta_c {
    text-align: center
}

.ta_r {
    text-align: right
}

.ta_j {
    text-align: justify
}

.pd1 {
    padding-top: 1em;
    padding-bottom: 1em
}

.pd3 {
    padding-top: 3em;
    padding-bottom: 3em
}

.pd5 {
    padding-top: 5em;
    padding-bottom: 5em
}

.pd10 {
    padding-top: 10em;
    padding-bottom: 10em
}

.pt1 {
    padding-top: 1em
}

.pt3 {
    padding-top: 3em
}

.pt5 {
    padding-top: 5em
}

.pb1 {
    padding-bottom: 1em
}

.pb3 {
    padding-bottom: 3em
}

.pb5 {
    padding-bottom: 5em
}

.pl1 {
    padding-left: 1em
}

.pl3 {
    padding-left: 3em
}

.pl5 {
    padding-left: 5em
}

.pr1 {
    padding-right: 1em
}

.pr3 {
    padding-right: 3em
}

.pr5 {
    padding-right: 5em
}

.f_l {
    float: left
}

.f_r {
    float: right
}

.f_n {
    float: none
}

.bl {
    display: block
}

.inl {
    display: inline
}

.inl_bl {
    display: inline-block
}

.flex {
    display: flex
}

.m_t1 {
    margin-top: 1em
}

.m_t3 {
    margin-top: 3em
}

.m_r1 {
    margin-right: 1em
}

.m_b1 {
    margin-bottom: 1em
}

.m_l1 {
    margin-left: 1em
}

.m_tb1 {
    margin-top: 1em;
    margin-bottom: 1em
}

.m_tb3 {
    margin-top: 3em;
    margin-bottom: 3em
}

.ma_0 {
    margin: 0
}

.ma_05 {
    margin: .5em
}

.ma_1 {
    margin: 1em
}

.ma_auto {
    margin-left: auto;
    margin-right: auto
}

.ps_r {
    position: relative
}

.ps_a {
    position: absolute
}

.ps_f {
    position: fixed
}

.box_c {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.box_b {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.h25 {
    height: 25vh
}

.h50 {
    height: 50vh
}

.h75 {
    height: 75vh
}

.row:after,
.row:before {
    content: "";
    display: block;
    overflow: hidden;
    width: 0;
    height: 0
}

.row:after {
    clear: both
}

.flex_center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}

.video-container iframe,
.video-container object,
.video-container embed {

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    height: 100%;
}