@charset "utf-8";

html{box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit;}
*
{
	padding:0;
	margin: 0;
}

p{cursor: default;}

.w-1{width: 8.33%;}
.w-2{width: 16.66%;}
.w-3{width: 25%;}
.w-4{width: 33.33%;}
.w-5{width: 41.66%;}
.w-6{width: 50%;}
.w-7{width: 58.33%;}
.w-8{width: 66.66%;}
.w-9{width: 75%;}
.w-10{width: 83.330%;}
.w-11{width: 91.66%;}
.w-12{width: 100%;}
.w-20{width: 20%;}
.w-40{width: 40%;}
.w-60{width: 60%;}
.w-80{width: 80%;}

.h-50{height: 50px;min-height: 50px;}
.h-100{height: 100px;min-height: 100px;}
.h-150{height: 150px;min-height: 150px;}
.h-200{height: 200px;min-height: 200px;}
.h-250{height: 250px;min-height: 250px;}
.h-300{height: 300px;min-height: 300px;}
.h-350{height: 350px;min-height: 350px;}
.h-400{height: 400px;min-height: 400px;}
.h-450{height: 450px;min-height: 450px;}
.h-500{height: 500px;min-height: 500px;}
.h-550{height: 550px;min-height: 550px;}

.hide{display: none}
.fade-4{opacity: 0.4}
.fade-6{opacity: 0.6}
.fade-8{opacity: 0.8}

.fs-10{font-size: 10px;}
.fs-15{font-size: 15px;}
.fs-20{font-size: 20px;}
.fs-25{font-size: 25px;}
.fs-30{font-size: 30px;}
.fs-35{font-size: 35px;}
.fs-40{font-size: 40px;}
.fs-45{font-size: 45px;}
.fs-50{font-size: 50px;}
.fs-55{font-size: 55px;}
.fs-60{font-size: 60px;}

.p-5{padding: 5px;}
.p-10{padding: 10px;}
.p-15{padding: 15px;}
.p-20{padding: 20px;}
.p-25{padding: 25px;}
.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}
.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pl-5{padding-left: 5px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pl-25{padding-left: 25px;}
.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}
.pr-25{padding-right: 25px;}

.m-5{margin: 5px;}
.m-10{margin: 10px;}
.m-15{margin: 15px;}
.m-20{margin: 20px;}
.m-25{margin: 25px;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-25{margin-left: 25px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-25{margin-right: 25px;}

.b-black{border: 1px solid black;}
.bl-black{border-left: 1px solid black;}
.br-black{border-right: 1px solid black;}
.bt-black{border-top: 1px solid black;}
.bb-black{border-bottom: 1px solid black;}

.b-white{border: 1px solid white;}
.bl-white{border-left: 1px solid white;}
.br-white{border-right: 1px solid white;}
.bt-white{border-top: 1px solid white;}
.bb-white{border-bottom: 1px solid white;}

.b-gray{border: 1px solid lightgray;}
.bl-gray{border-left: 1px solid lightgray;}
.br-gray{border-right: 1px solid lightgray;}
.bt-gray{border-top: 1px solid lightgray;}
.bb-gray{border-bottom: 1px solid lightgray;}

.b-sh-gray{box-shadow:0px 0px 3px gray;}

.cont:after{content: "";display: table;clear: both;}
.disp-l{overflow: hidden;float: left;}
.disp-r{overflow: hidden;float: right;}
.disp-c{overflow: hidden; margin: auto;}
.hide{display: none;}
.disp-block{display: block;}
.disp-cell{display: table-cell;}
.full-w{width:100%;}
.full-h{height: 100%;}
.full-v-w{width:100vw;}
.full-v-h{height: 100vh;}
.fill{width: 100%;height: 100%}
.fill-v{width: 100vw;height: 100vh}
.table-bc{border-collapse: collapse;}
.b-check{border: 1px red solid;}

.btl-r-l{border-top-left-radius: 5px}
.btl-r-m{border-top-left-radius: 20px}
.btl-r-h{border-top-left-radius: 35px}
.btr-r-l{border-top-right-radius: 5px}
.btr-r-l{border-top-right-radius: 20px}
.btr-r-l{border-top-right-radius: 35px}
.bbl-r-l{border-bottom-left-radius: 5px}
.bbl-r-l{border-bottom-left-radius: 20px}
.bbl-r-l{border-bottom-left-radius: 35px}
.bbr-r-l{border-bottom-right-radius: 5px}
.bbr-r-l{border-bottom-right-radius: 20px}
.bbr-r-l{border-bottom-right-radius: 35px}
.b-r-l{border-radius: 5px;}
.b-r-m{border-radius: 20px;}
.b-r-h{border-radius: 35px;}
.b-r-c{border-radius: 50%}

.ft-caps{text-transform:uppercase;}
.ft-bold{font-weight: bold;}
.ft-center{text-align: center;align-content: center;}
.ft-left{text-align: left;}
.ft-right{text-align: right;}
.ft-justify{text-align: justify;text-justify: inter-word;}

.back-black{background: black;}
.back-hover-black:hover{background: black;}
.back-white{background: white;}
.back-hover-white:hover{background: white;}
.back-gray{background: lightgray;}
.back-hover-gray:hover{background: lightgray;}
.color-black{color: black;}
.color-hover-black{color: black;}
.color-white{color: white;}
.color-hover-white{color: white;}
.color-gray{color: lightgray;}
.color-hover-lightgray{color: lightgray;}

.cont-hover{}
.hover-disp{opacity: 0;}
.cont-hover:hover .hover-disp{opacity: 0.9;}
.cont-hover:hover .hover-hide{opacity: 0;}

.pos-rel{position: relative;}
.pos-abs{position: absolute;}
.pos-stc{position: static;}
.pos-t{top:0px;}
.pos-b{bottom:0px;}
.pos-r{right:0px;}
.pos-l{left:0px;}
.pos-vc{top:50%;transform: translateY(-50%)}
.pos-hc{left:50%;transform: translateX(-50%)}
.pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
.pos-total{top: 0;bottom: 0;left: 0;right: 0;}

.back-img-pos-c{background-position: center;}
.back-img-pos-b{background-position: bottom;}
.back-img-pos-t{background-position: top;}
.back-img-pos-l{background-position: left;}
.back-img-pos-r{background-position: right;}
.back-img-rep-no{background-repeat: no-repeat;}
.back-img-size-cov{background-size: cover;}
.back-img-size-cont{background-size: contain;}

.overf-x-scr{overflow-x: scroll;}
.overf-y-scr{overflow-y: scroll;}
.over-hidden{overflow: hidden;}

.cursor-pointer{cursor: pointer;}

.no-sel{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.no-list{list-style: none}
.no-dec{text-decoration: none}

.img-whole
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.img-center
{
    display: block;
    margin: auto;
}

.img-flip
{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

@media only screen and (max-width: 320px)
{
    .xxs-w-1{width: 8.33%;}
    .xxs-w-2{width: 16.66%;}
    .xxs-w-3{width: 25%;}
    .xxs-w-4{width: 33.33%;}
    .xxs-w-5{width: 41.66%;}
    .xxs-w-6{width: 50%;}
    .xxs-w-7{width: 58.33%;}
    .xxs-w-8{width: 66.66%;}
    .xxs-w-9{width: 75%;}
    .xxs-w-10{width: 83.330%;}
    .xxs-w-11{width: 91.66%;}
    .xxs-w-12{width: 100%;}
    .xxs-w-20{width: 20%;}
    .xxs-w-40{width: 40%;}
    .xxs-w-60{width: 60%;}
    .xxs-w-80{width: 80%;}
    
    .xxs-h-50{height: 50px;min-height: 50px;}
    .xxs-h-100{height: 100px;min-height: 100px;}
    .xxs-h-150{height: 150px;min-height: 150px;}
    .xxs-h-200{height: 200px;min-height: 200px;}
    .xxs-h-250{height: 250px;min-height: 250px;}
    .xxs-h-300{height: 300px;min-height: 300px;}
    .xxs-h-350{height: 350px;min-height: 350px;}
    .xxs-h-400{height: 400px;min-height: 400px;}
    .xxs-h-450{height: 450px;min-height: 450px;}
    .xxs-h-500{height: 500px;min-height: 500px;}
    .xxs-h-550{height: 550px;min-height: 550px;}
    
    .xxs-full-w{width:100%;}
    .xxs-full-h{height: 100%;}
    .xxs-full-v-w{width:100vw;}
    .xxs-full-v-h{height: 100vh;}
    .xxs-fill{width: 100%;height: 100%}
    .xxs-fill-v{width: 100vw;height: 100vh}
    
    .xxs-hide{display: none}
    .xxs-fade-4{opacity: 0.4}
    .xxs-fade-6{opacity: 0.6}
    .xxs-fade-8{opacity: 0.8}
    
    .xxs-fs-10{font-size: 10px;}
    .xxs-fs-15{font-size: 15px;}
    .xxs-fs-20{font-size: 20px;}
    .xxs-fs-25{font-size: 25px;}
    .xxs-fs-30{font-size: 30px;}
    .xxs-fs-35{font-size: 35px;}
    .xxs-fs-40{font-size: 40px;}
    .xxs-fs-45{font-size: 45px;}
    .xxs-fs-50{font-size: 50px;}
    .xxs-fs-55{font-size: 55px;}
    .xxs-fs-60{font-size: 60px;}
    
    .xxs-p-5{padding: 5px;}
    .xxs-p-10{padding: 10px;}
    .xxs-p-15{padding: 15px;}
    .xxs-p-20{padding: 20px;}
    .xxs-p-25{padding: 25px;}
    .xxs-pt-5{padding-top: 5px;}
    .xxs-pt-10{padding-top: 10px;}
    .xxs-pt-15{padding-top: 15px;}
    .xxs-pt-20{padding-top: 20px;}
    .xxs-pt-25{padding-top: 25px;}
    .xxs-pb-5{padding-bottom: 5px;}
    .xxs-pb-10{padding-bottom: 10px;}
    .xxs-pb-15{padding-bottom: 15px;}
    .xxs-pb-20{padding-bottom: 20px;}
    .xxs-pb-25{padding-bottom: 25px;}
    .xxs-pl-5{padding-left: 5px;}
    .xxs-pl-10{padding-left: 10px;}
    .xxs-pl-15{padding-left: 15px;}
    .xxs-pl-20{padding-left: 20px;}
    .xxs-pl-25{padding-left: 25px;}
    .xxs-pr-5{padding-right: 5px;}
    .xxs-pr-10{padding-right: 10px;}
    .xxs-pr-15{padding-right: 15px;}
    .xxs-pr-20{padding-right: 20px;}
    .xxs-pr-25{padding-right: 25px;}
    
    .xxs-m-5{margin: 5px;}
    .xxs-m-10{margin: 10px;}
    .xxs-m-15{margin: 15px;}
    .xxs-m-20{margin: 20px;}
    .xxs-m-25{margin: 25px;}
    .xxs-mt-5{margin-top: 5px;}
    .xxs-mt-10{margin-top: 10px;}
    .xxs-mt-15{margin-top: 15px;}
    .xxs-mt-20{margin-top: 20px;}
    .xxs-mt-25{margin-top: 25px;}
    .xxs-mb-5{margin-bottom: 5px;}
    .xxs-mb-10{margin-bottom: 10px;}
    .xxs-mb-15{margin-bottom: 15px;}
    .xxs-mb-20{margin-bottom: 20px;}
    .xxs-mb-25{margin-bottom: 25px;}
    .xxs-ml-5{margin-left: 5px;}
    .xxs-ml-10{margin-left: 10px;}
    .xxs-ml-15{margin-left: 15px;}
    .xxs-ml-20{margin-left: 20px;}
    .xxs-ml-25{margin-left: 25px;}
    .xxs-mr-5{margin-right: 5px;}
    .xxs-mr-10{margin-right: 10px;}
    .xxs-mr-15{margin-right: 15px;}
    .xxs-mr-20{margin-right: 20px;}
    .xxs-mr-25{margin-right: 25px;}
    
    .xxs-b-black{border: 1px solid black;}
    .xxs-bl-black{border-left: 1px solid black;}
    .xxs-br-black{border-right: 1px solid black;}
    .xxs-bt-black{border-top: 1px solid black;}
    .xxs-bb-black{border-bottom: 1px solid black;}
    
    .xxs-b-white{border: 1px solid white;}
    .xxs-bl-white{border-left: 1px solid white;}
    .xxs-br-white{border-right: 1px solid white;}
    .xxs-bt-white{border-top: 1px solid white;}
    .xxs-bb-white{border-bottom: 1px solid white;}
    
    .xxs-b-gray{border: 1px solid lightgray;}
    .xxs-bl-gray{border-left: 1px solid lightgray;}
    .xxs-br-gray{border-right: 1px solid lightgray;}
    .xxs-bt-gray{border-top: 1px solid lightgray;}
    .xxs-bb-gray{border-bottom: 1px solid lightgray;}
    
    .xxs-disp-l{overflow: hidden;float: left;}
    .xxs-disp-r{overflow: hidden;float: right;}
    
    .xxs-pos-rel{position: relative;}
    .xxs-pos-abs{position: absolute;}
    .xxs-pos-stc{position: static;}
    .xxs-pos-t{top:0px;}
    .xxs-pos-b{bottom:0px;}
    .xxs-pos-r{right:0px;}
    .xxs-pos-l{left:0px;}
    .xxs-pos-vc{top:50%;transform: translateY(-50%)}
    .xxs-pos-hc{left:50%;transform: translateX(-50%)}
    .xxs-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .xxs-back-img-pos-c{background-position: center;}
    .xxs-back-img-pos-b{background-position: bottom;}
    .xxs-back-img-pos-t{background-position: top;}
    .xxs-back-img-pos-l{background-position: left;}
    .xxs-back-img-pos-r{background-position: right;}
    .xxs-back-img-rep-no{background-repeat: no-repeat;}
    .xxs-back-img-size-cov{background-size: cover;}
    .xxs-back-img-size-cont{background-size: contain;}
}

@media only screen and (min-width: 321px) and (max-width: 375px)
{
    .xs-w-1{width: 8.33%;}
    .xs-w-2{width: 16.66%;}
    .xs-w-3{width: 25%;}
    .xs-w-4{width: 33.33%;}
    .xs-w-5{width: 41.66%;}
    .xs-w-6{width: 50%;}
    .xs-w-7{width: 58.33%;}
    .xs-w-8{width: 66.66%;}
    .xs-w-9{width: 75%;}
    .xs-w-10{width: 83.330%;}
    .xs-w-11{width: 91.66%;}
    .xs-w-12{width: 100%;}
    .xs-w-20{width: 20%;}
    .xs-w-40{width: 40%;}
    .xs-w-60{width: 60%;}
    .xs-w-80{width: 80%;}
    
    .xs-h-50{height: 50px;min-height: 50px;}
    .xs-h-100{height: 100px;min-height: 100px;}
    .xs-h-150{height: 150px;min-height: 150px;}
    .xs-h-200{height: 200px;min-height: 200px;}
    .xs-h-250{height: 250px;min-height: 250px;}
    .xs-h-300{height: 300px;min-height: 300px;}
    .xs-h-350{height: 350px;min-height: 350px;}
    .xs-h-400{height: 400px;min-height: 400px;}
    .xs-h-450{height: 450px;min-height: 450px;}
    .xs-h-500{height: 500px;min-height: 500px;}
    .xs-h-550{height: 550px;min-height: 550px;}
    
    .xs-full-w{width:100%;}
    .xs-full-h{height: 100%;}
    .xs-full-v-w{width:100vw;}
    .xs-full-v-h{height: 100vh;}
    .xs-fill{width: 100%;height: 100%}
    .xs-fill-v{width: 100vw;height: 100vh}
    
    .xs-hide{display: none}
    .xs-fade-4{opacity: 0.4}
    .xs-fade-6{opacity: 0.6}
    .xs-fade-8{opacity: 0.8}
    
    .xs-fs-10{font-size: 10px;}
    .xs-fs-15{font-size: 15px;}
    .xs-fs-20{font-size: 20px;}
    .xs-fs-25{font-size: 25px;}
    .xs-fs-30{font-size: 30px;}
    .xs-fs-35{font-size: 35px;}
    .xs-fs-40{font-size: 40px;}
    .xs-fs-45{font-size: 45px;}
    .xs-fs-50{font-size: 50px;}
    .xs-fs-55{font-size: 55px;}
    .xs-fs-60{font-size: 60px;}
    
    .xs-p-5{padding: 5px;}
    .xs-p-10{padding: 10px;}
    .xs-p-15{padding: 15px;}
    .xs-p-20{padding: 20px;}
    .xs-p-25{padding: 25px;}
    .xs-pt-5{padding-top: 5px;}
    .xs-pt-10{padding-top: 10px;}
    .xs-pt-15{padding-top: 15px;}
    .xs-pt-20{padding-top: 20px;}
    .xs-pt-25{padding-top: 25px;}
    .xs-pb-5{padding-bottom: 5px;}
    .xs-pb-10{padding-bottom: 10px;}
    .xs-pb-15{padding-bottom: 15px;}
    .xs-pb-20{padding-bottom: 20px;}
    .xs-pb-25{padding-bottom: 25px;}
    .xs-pl-5{padding-left: 5px;}
    .xs-pl-10{padding-left: 10px;}
    .xs-pl-15{padding-left: 15px;}
    .xs-pl-20{padding-left: 20px;}
    .xs-pl-25{padding-left: 25px;}
    .xs-pr-5{padding-right: 5px;}
    .xs-pr-10{padding-right: 10px;}
    .xs-pr-15{padding-right: 15px;}
    .xs-pr-20{padding-right: 20px;}
    .xs-pr-25{padding-right: 25px;}
    
    .xs-m-5{margin: 5px;}
    .xs-m-10{margin: 10px;}
    .xs-m-15{margin: 15px;}
    .xs-m-20{margin: 20px;}
    .xs-m-25{margin: 25px;}
    .xs-mt-5{margin-top: 5px;}
    .xs-mt-10{margin-top: 10px;}
    .xs-mt-15{margin-top: 15px;}
    .xs-mt-20{margin-top: 20px;}
    .xs-mt-25{margin-top: 25px;}
    .xs-mb-5{margin-bottom: 5px;}
    .xs-mb-10{margin-bottom: 10px;}
    .xs-mb-15{margin-bottom: 15px;}
    .xs-mb-20{margin-bottom: 20px;}
    .xs-mb-25{margin-bottom: 25px;}
    .xs-ml-5{margin-left: 5px;}
    .xs-ml-10{margin-left: 10px;}
    .xs-ml-15{margin-left: 15px;}
    .xs-ml-20{margin-left: 20px;}
    .xs-ml-25{margin-left: 25px;}
    .xs-mr-5{margin-right: 5px;}
    .xs-mr-10{margin-right: 10px;}
    .xs-mr-15{margin-right: 15px;}
    .xs-mr-20{margin-right: 20px;}
    .xs-mr-25{margin-right: 25px;}
    
    .xs-b-black{border: 1px solid black;}
    .xs-bl-black{border-left: 1px solid black;}
    .xs-br-black{border-right: 1px solid black;}
    .xs-bt-black{border-top: 1px solid black;}
    .xs-bb-black{border-bottom: 1px solid black;}
    
    .xs-b-white{border: 1px solid white;}
    .xs-bl-white{border-left: 1px solid white;}
    .xs-br-white{border-right: 1px solid white;}
    .xs-bt-white{border-top: 1px solid white;}
    .xs-bb-white{border-bottom: 1px solid white;}
    
    .xs-b-gray{border: 1px solid lightgray;}
    .xs-bl-gray{border-left: 1px solid lightgray;}
    .xs-br-gray{border-right: 1px solid lightgray;}
    .xs-bt-gray{border-top: 1px solid lightgray;}
    .xs-bb-gray{border-bottom: 1px solid lightgray;}
    
    .xs-disp-l{overflow: hidden;float: left;}
    .xs-disp-r{overflow: hidden;float: right;}
    
    .xs-pos-rel{position: relative;}
    .xs-pos-abs{position: absolute;}
    .xs-pos-stc{position: static;}
    .xs-pos-t{top:0px;}
    .xs-pos-b{bottom:0px;}
    .xs-pos-r{right:0px;}
    .xs-pos-l{left:0px;}
    .xs-pos-vc{top:50%;transform: translateY(-50%)}
    .xs-pos-hc{left:50%;transform: translateX(-50%)}
    .xs-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .xs-back-img-pos-c{background-position: center;}
    .xs-back-img-pos-b{background-position: bottom;}
    .xs-back-img-pos-t{background-position: top;}
    .xs-back-img-pos-l{background-position: left;}
    .xs-back-img-pos-r{background-position: right;}
    .xs-back-img-rep-no{background-repeat: no-repeat;}
    .xs-back-img-size-cov{background-size: cover;}
    .xs-back-img-size-cont{background-size: contain;}
}

@media only screen and (min-width: 376px) and (max-width: 425px)
{
    .s-w-1{width: 8.33%;}
    .s-w-2{width: 16.66%;}
    .s-w-3{width: 25%;}
    .s-w-4{width: 33.33%;}
    .s-w-5{width: 41.66%;}
    .s-w-6{width: 50%;}
    .s-w-7{width: 58.33%;}
    .s-w-8{width: 66.66%;}
    .s-w-9{width: 75%;}
    .s-w-10{width: 83.330%;}
    .s-w-11{width: 91.66%;}
    .s-w-12{width: 100%;}
    .s-w-20{width: 20%;}
    .s-w-40{width: 40%;}
    .s-w-60{width: 60%;}
    .s-w-80{width: 80%;}
    
    .s-h-50{height: 50px;min-height: 50px;}
    .s-h-100{height: 100px;min-height: 100px;}
    .s-h-150{height: 150px;min-height: 150px;}
    .s-h-200{height: 200px;min-height: 200px;}
    .s-h-250{height: 250px;min-height: 250px;}
    .s-h-300{height: 300px;min-height: 300px;}
    .s-h-350{height: 350px;min-height: 350px;}
    .s-h-400{height: 400px;min-height: 400px;}
    .s-h-450{height: 450px;min-height: 450px;}
    .s-h-500{height: 500px;min-height: 500px;}
    .s-h-550{height: 550px;min-height: 550px;}
    
    .s-full-w{width:100%;}
    .s-full-h{height: 100%;}
    .s-full-v-w{width:100vw;}
    .s-full-v-h{height: 100vh;}
    .s-fill{width: 100%;height: 100%}
    .s-fill-v{width: 100vw;height: 100vh}
    
    .s-hide{display: none}
    .s-fade-4{opacity: 0.4}
    .s-fade-6{opacity: 0.6}
    .s-fade-8{opacity: 0.8}
    
    .s-fs-10{font-size: 10px;}
    .s-fs-15{font-size: 15px;}
    .s-fs-20{font-size: 20px;}
    .s-fs-25{font-size: 25px;}
    .s-fs-30{font-size: 30px;}
    .s-fs-35{font-size: 35px;}
    .s-fs-40{font-size: 40px;}
    .s-fs-45{font-size: 45px;}
    .s-fs-50{font-size: 50px;}
    .s-fs-55{font-size: 55px;}
    .s-fs-60{font-size: 60px;}
    
    .s-p-5{padding: 5px;}
    .s-p-10{padding: 10px;}
    .s-p-15{padding: 15px;}
    .s-p-20{padding: 20px;}
    .s-p-25{padding: 25px;}
    .s-pt-5{padding-top: 5px;}
    .s-pt-10{padding-top: 10px;}
    .s-pt-15{padding-top: 15px;}
    .s-pt-20{padding-top: 20px;}
    .s-pt-25{padding-top: 25px;}
    .s-pb-5{padding-bottom: 5px;}
    .s-pb-10{padding-bottom: 10px;}
    .s-pb-15{padding-bottom: 15px;}
    .s-pb-20{padding-bottom: 20px;}
    .s-pb-25{padding-bottom: 25px;}
    .s-pl-5{padding-left: 5px;}
    .s-pl-10{padding-left: 10px;}
    .s-pl-15{padding-left: 15px;}
    .s-pl-20{padding-left: 20px;}
    .s-pl-25{padding-left: 25px;}
    .s-pr-5{padding-right: 5px;}
    .s-pr-10{padding-right: 10px;}
    .s-pr-15{padding-right: 15px;}
    .s-pr-20{padding-right: 20px;}
    .s-pr-25{padding-right: 25px;}
    
    .s-m-5{margin: 5px;}
    .s-m-10{margin: 10px;}
    .s-m-15{margin: 15px;}
    .s-m-20{margin: 20px;}
    .s-m-25{margin: 25px;}
    .s-mt-5{margin-top: 5px;}
    .s-mt-10{margin-top: 10px;}
    .s-mt-15{margin-top: 15px;}
    .s-mt-20{margin-top: 20px;}
    .s-mt-25{margin-top: 25px;}
    .s-mb-5{margin-bottom: 5px;}
    .s-mb-10{margin-bottom: 10px;}
    .s-mb-15{margin-bottom: 15px;}
    .s-mb-20{margin-bottom: 20px;}
    .s-mb-25{margin-bottom: 25px;}
    .s-ml-5{margin-left: 5px;}
    .s-ml-10{margin-left: 10px;}
    .s-ml-15{margin-left: 15px;}
    .s-ml-20{margin-left: 20px;}
    .s-ml-25{margin-left: 25px;}
    .s-mr-5{margin-right: 5px;}
    .s-mr-10{margin-right: 10px;}
    .s-mr-15{margin-right: 15px;}
    .s-mr-20{margin-right: 20px;}
    .s-mr-25{margin-right: 25px;}
    
    .s-b-black{border: 1px solid black;}
    .s-bl-black{border-left: 1px solid black;}
    .s-br-black{border-right: 1px solid black;}
    .s-bt-black{border-top: 1px solid black;}
    .s-bb-black{border-bottom: 1px solid black;}
    
    .s-b-white{border: 1px solid white;}
    .s-bl-white{border-left: 1px solid white;}
    .s-br-white{border-right: 1px solid white;}
    .s-bt-white{border-top: 1px solid white;}
    .s-bb-white{border-bottom: 1px solid white;}
    
    .s-b-gray{border: 1px solid lightgray;}
    .s-bl-gray{border-left: 1px solid lightgray;}
    .s-br-gray{border-right: 1px solid lightgray;}
    .s-bt-gray{border-top: 1px solid lightgray;}
    .s-bb-gray{border-bottom: 1px solid lightgray;}
    
    .s-disp-l{overflow: hidden;float: left;}
    .s-disp-r{overflow: hidden;float: right;}
    
    .s-pos-rel{position: relative;}
    .s-pos-abs{position: absolute;}
    .s-pos-stc{position: static;}
    .s-pos-t{top:0px;}
    .s-pos-b{bottom:0px;}
    .s-pos-r{right:0px;}
    .s-pos-l{left:0px;}
    .s-pos-vc{top:50%;transform: translateY(-50%)}
    .s-pos-hc{left:50%;transform: translateX(-50%)}
    .s-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .s-back-img-pos-c{background-position: center;}
    .s-back-img-pos-b{background-position: bottom;}
    .s-back-img-pos-t{background-position: top;}
    .s-back-img-pos-l{background-position: left;}
    .s-back-img-pos-r{background-position: right;}
    .s-back-img-rep-no{background-repeat: no-repeat;}
    .s-back-img-size-cov{background-size: cover;}
    .s-back-img-size-cont{background-size: contain;}
}

@media only screen and (min-width: 426px) and (max-width: 768px)
{
    .m-w-1{width: 8.33%;}
    .m-w-2{width: 16.66%;}
    .m-w-3{width: 25%;}
    .m-w-4{width: 33.33%;}
    .m-w-5{width: 41.66%;}
    .m-w-6{width: 50%;}
    .m-w-7{width: 58.33%;}
    .m-w-8{width: 66.66%;}
    .m-w-9{width: 75%;}
    .m-w-10{width: 83.330%;}
    .m-w-11{width: 91.66%;}
    .m-w-12{width: 100%;}
    .m-w-20{width: 20%;}
    .m-w-40{width: 40%;}
    .m-w-60{width: 60%;}
    .m-w-80{width: 80%;}
    
    .m-h-50{height: 50px;min-height: 50px;}
    .m-h-100{height: 100px;min-height: 100px;}
    .m-h-150{height: 150px;min-height: 150px;}
    .m-h-200{height: 200px;min-height: 200px;}
    .m-h-250{height: 250px;min-height: 250px;}
    .m-h-300{height: 300px;min-height: 300px;}
    .m-h-350{height: 350px;min-height: 350px;}
    .m-h-400{height: 400px;min-height: 400px;}
    .m-h-450{height: 450px;min-height: 450px;}
    .m-h-500{height: 500px;min-height: 500px;}
    .m-h-550{height: 550px;min-height: 550px;}
    
    .m-full-w{width:100%;}
    .m-full-h{height: 100%;}
    .m-full-v-w{width:100vw;}
    .m-full-v-h{height: 100vh;}
    .m-fill{width: 100%;height: 100%}
    .m-fill-v{width: 100vw;height: 100vh}
    
    .m-hide{display: none}
    .m-fade-4{opacity: 0.4}
    .m-fade-6{opacity: 0.6}
    .m-fade-8{opacity: 0.8}
    
    .m-fs-10{font-size: 10px;}
    .m-fs-15{font-size: 15px;}
    .m-fs-20{font-size: 20px;}
    .m-fs-25{font-size: 25px;}
    .m-fs-30{font-size: 30px;}
    .m-fs-35{font-size: 35px;}
    .m-fs-40{font-size: 40px;}
    .m-fs-45{font-size: 45px;}
    .m-fs-50{font-size: 50px;}
    .m-fs-55{font-size: 55px;}
    .m-fs-60{font-size: 60px;}
    
    .m-p-5{padding: 5px;}
    .m-p-10{padding: 10px;}
    .m-p-15{padding: 15px;}
    .m-p-20{padding: 20px;}
    .m-p-25{padding: 25px;}
    .m-pt-5{padding-top: 5px;}
    .m-pt-10{padding-top: 10px;}
    .m-pt-15{padding-top: 15px;}
    .m-pt-20{padding-top: 20px;}
    .m-pt-25{padding-top: 25px;}
    .m-pb-5{padding-bottom: 5px;}
    .m-pb-10{padding-bottom: 10px;}
    .m-pb-15{padding-bottom: 15px;}
    .m-pb-20{padding-bottom: 20px;}
    .m-pb-25{padding-bottom: 25px;}
    .m-pl-5{padding-left: 5px;}
    .m-pl-10{padding-left: 10px;}
    .m-pl-15{padding-left: 15px;}
    .m-pl-20{padding-left: 20px;}
    .m-pl-25{padding-left: 25px;}
    .m-pr-5{padding-right: 5px;}
    .m-pr-10{padding-right: 10px;}
    .m-pr-15{padding-right: 15px;}
    .m-pr-20{padding-right: 20px;}
    .m-pr-25{padding-right: 25px;}
    
    .m-m-5{margin: 5px;}
    .m-m-10{margin: 10px;}
    .m-m-15{margin: 15px;}
    .m-m-20{margin: 20px;}
    .m-m-25{margin: 25px;}
    .m-mt-5{margin-top: 5px;}
    .m-mt-10{margin-top: 10px;}
    .m-mt-15{margin-top: 15px;}
    .m-mt-20{margin-top: 20px;}
    .m-mt-25{margin-top: 25px;}
    .m-mb-5{margin-bottom: 5px;}
    .m-mb-10{margin-bottom: 10px;}
    .m-mb-15{margin-bottom: 15px;}
    .m-mb-20{margin-bottom: 20px;}
    .m-mb-25{margin-bottom: 25px;}
    .m-ml-5{margin-left: 5px;}
    .m-ml-10{margin-left: 10px;}
    .m-ml-15{margin-left: 15px;}
    .m-ml-20{margin-left: 20px;}
    .m-ml-25{margin-left: 25px;}
    .m-mr-5{margin-right: 5px;}
    .m-mr-10{margin-right: 10px;}
    .m-mr-15{margin-right: 15px;}
    .m-mr-20{margin-right: 20px;}
    .m-mr-25{margin-right: 25px;}
    
    .m-b-black{border: 1px solid black;}
    .m-bl-black{border-left: 1px solid black;}
    .m-br-black{border-right: 1px solid black;}
    .m-bt-black{border-top: 1px solid black;}
    .m-bb-black{border-bottom: 1px solid black;}
    
    .m-b-white{border: 1px solid white;}
    .m-bl-white{border-left: 1px solid white;}
    .m-br-white{border-right: 1px solid white;}
    .m-bt-white{border-top: 1px solid white;}
    .m-bb-white{border-bottom: 1px solid white;}
    
    .m-b-gray{border: 1px solid lightgray;}
    .m-bl-gray{border-left: 1px solid lightgray;}
    .m-br-gray{border-right: 1px solid lightgray;}
    .m-bt-gray{border-top: 1px solid lightgray;}
    .m-bb-gray{border-bottom: 1px solid lightgray;}
    
    .m-disp-l{overflow: hidden;float: left;}
    .m-disp-r{overflow: hidden;float: right;}
    
    .m-pos-rel{position: relative;}
    .m-pos-abs{position: absolute;}
    .m-pos-stc{position: static;}
    .m-pos-t{top:0px;}
    .m-pos-b{bottom:0px;}
    .m-pos-r{right:0px;}
    .m-pos-l{left:0px;}
    .m-pos-vc{top:50%;transform: translateY(-50%)}
    .m-pos-hc{left:50%;transform: translateX(-50%)}
    .m-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .m-back-img-pos-c{background-position: center;}
    .m-back-img-pos-b{background-position: bottom;}
    .m-back-img-pos-t{background-position: top;}
    .m-back-img-pos-l{background-position: left;}
    .m-back-img-pos-r{background-position: right;}
    .m-back-img-rep-no{background-repeat: no-repeat;}
    .m-back-img-size-cov{background-size: cover;}
    .m-back-img-size-cont{background-size: contain;}
}

@media only screen and (min-width: 769px) and (max-width: 1024px)
{
    .l-w-1{width: 8.33%;}
    .l-w-2{width: 16.66%;}
    .l-w-3{width: 25%;}
    .l-w-4{width: 33.33%;}
    .l-w-5{width: 41.66%;}
    .l-w-6{width: 50%;}
    .l-w-7{width: 58.33%;}
    .l-w-8{width: 66.66%;}
    .l-w-9{width: 75%;}
    .l-w-10{width: 83.330%;}
    .l-w-11{width: 91.66%;}
    .l-w-12{width: 100%;}
    .l-w-20{width: 20%;}
    .l-w-40{width: 40%;}
    .l-w-60{width: 60%;}
    .l-w-80{width: 80%;}
    
    .l-h-50{height: 50px;min-height: 50px;}
    .l-h-100{height: 100px;min-height: 100px;}
    .l-h-150{height: 150px;min-height: 150px;}
    .l-h-200{height: 200px;min-height: 200px;}
    .l-h-250{height: 250px;min-height: 250px;}
    .l-h-300{height: 300px;min-height: 300px;}
    .l-h-350{height: 350px;min-height: 350px;}
    .l-h-400{height: 400px;min-height: 400px;}
    .l-h-450{height: 450px;min-height: 450px;}
    .l-h-500{height: 500px;min-height: 500px;}
    .l-h-550{height: 550px;min-height: 550px;}
    
    .l-full-w{width:100%;}
    .l-full-h{height: 100%;}
    .l-full-v-w{width:100vw;}
    .l-full-v-h{height: 100vh;}
    .l-fill{width: 100%;height: 100%}
    .l-fill-v{width: 100vw;height: 100vh}
    
    .l-hide{display: none}
    .l-fade-4{opacity: 0.4}
    .l-fade-6{opacity: 0.6}
    .l-fade-8{opacity: 0.8}
    
    .l-fs-10{font-size: 10px;}
    .l-fs-15{font-size: 15px;}
    .l-fs-20{font-size: 20px;}
    .l-fs-25{font-size: 25px;}
    .l-fs-30{font-size: 30px;}
    .l-fs-35{font-size: 35px;}
    .l-fs-40{font-size: 40px;}
    .l-fs-45{font-size: 45px;}
    .l-fs-50{font-size: 50px;}
    .l-fs-55{font-size: 55px;}
    .l-fs-60{font-size: 60px;}
    
    .l-p-5{padding: 5px;}
    .l-p-10{padding: 10px;}
    .l-p-15{padding: 15px;}
    .l-p-20{padding: 20px;}
    .l-p-25{padding: 25px;}
    .l-pt-5{padding-top: 5px;}
    .l-pt-10{padding-top: 10px;}
    .l-pt-15{padding-top: 15px;}
    .l-pt-20{padding-top: 20px;}
    .l-pt-25{padding-top: 25px;}
    .l-pb-5{padding-bottom: 5px;}
    .l-pb-10{padding-bottom: 10px;}
    .l-pb-15{padding-bottom: 15px;}
    .l-pb-20{padding-bottom: 20px;}
    .l-pb-25{padding-bottom: 25px;}
    .l-pl-5{padding-left: 5px;}
    .l-pl-10{padding-left: 10px;}
    .l-pl-15{padding-left: 15px;}
    .l-pl-20{padding-left: 20px;}
    .l-pl-25{padding-left: 25px;}
    .l-pr-5{padding-right: 5px;}
    .l-pr-10{padding-right: 10px;}
    .l-pr-15{padding-right: 15px;}
    .l-pr-20{padding-right: 20px;}
    .l-pr-25{padding-right: 25px;}
    
    .l-m-5{margin: 5px;}
    .l-m-10{margin: 10px;}
    .l-m-15{margin: 15px;}
    .l-m-20{margin: 20px;}
    .l-m-25{margin: 25px;}
    .l-mt-5{margin-top: 5px;}
    .l-mt-10{margin-top: 10px;}
    .l-mt-15{margin-top: 15px;}
    .l-mt-20{margin-top: 20px;}
    .l-mt-25{margin-top: 25px;}
    .l-mb-5{margin-bottom: 5px;}
    .l-mb-10{margin-bottom: 10px;}
    .l-mb-15{margin-bottom: 15px;}
    .l-mb-20{margin-bottom: 20px;}
    .l-mb-25{margin-bottom: 25px;}
    .l-ml-5{margin-left: 5px;}
    .l-ml-10{margin-left: 10px;}
    .l-ml-15{margin-left: 15px;}
    .l-ml-20{margin-left: 20px;}
    .l-ml-25{margin-left: 25px;}
    .l-mr-5{margin-right: 5px;}
    .l-mr-10{margin-right: 10px;}
    .l-mr-15{margin-right: 15px;}
    .l-mr-20{margin-right: 20px;}
    .l-mr-25{margin-right: 25px;}
    
    .l-b-black{border: 1px solid black;}
    .l-bl-black{border-left: 1px solid black;}
    .l-br-black{border-right: 1px solid black;}
    .l-bt-black{border-top: 1px solid black;}
    .l-bb-black{border-bottom: 1px solid black;}
    
    .l-b-white{border: 1px solid white;}
    .l-bl-white{border-left: 1px solid white;}
    .l-br-white{border-right: 1px solid white;}
    .l-bt-white{border-top: 1px solid white;}
    .l-bb-white{border-bottom: 1px solid white;}
    
    .l-b-gray{border: 1px solid lightgray;}
    .l-bl-gray{border-left: 1px solid lightgray;}
    .l-br-gray{border-right: 1px solid lightgray;}
    .l-bt-gray{border-top: 1px solid lightgray;}
    .l-bb-gray{border-bottom: 1px solid lightgray;}
    
    .l-disp-l{overflow: hidden;float: left;}
    .l-disp-r{overflow: hidden;float: right;}
    
    .l-pos-rel{position: relative;}
    .l-pos-abs{position: absolute;}
    .l-pos-stc{position: static;}
    .l-pos-t{top:0px;}
    .l-pos-b{bottom:0px;}
    .l-pos-r{right:0px;}
    .l-pos-l{left:0px;}
    .l-pos-vc{top:50%;transform: translateY(-50%)}
    .l-pos-hc{left:50%;transform: translateX(-50%)}
    .l-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .l-back-img-pos-c{background-position: center;}
    .l-back-img-pos-b{background-position: bottom;}
    .l-back-img-pos-t{background-position: top;}
    .l-back-img-pos-l{background-position: left;}
    .l-back-img-pos-r{background-position: right;}
    .l-back-img-rep-no{background-repeat: no-repeat;}
    .l-back-img-size-cov{background-size: cover;}
    .l-back-img-size-cont{background-size: contain;}
}

@media only screen and (min-width 1025px) and (max-width: 1440px)
{
    .xl-w-1{width: 8.33%;}
    .xl-w-2{width: 16.66%;}
    .xl-w-3{width: 25%;}
    .xl-w-4{width: 33.33%;}
    .xl-w-5{width: 41.66%;}
    .xl-w-6{width: 50%;}
    .xl-w-7{width: 58.33%;}
    .xl-w-8{width: 66.66%;}
    .xl-w-9{width: 75%;}
    .xl-w-10{width: 83.330%;}
    .xl-w-11{width: 91.66%;}
    .xl-w-12{width: 100%;}
    .xl-w-20{width: 20%;}
    .xl-w-40{width: 40%;}
    .xl-w-60{width: 60%;}
    .xl-w-80{width: 80%;}
    
    .xl-h-50{height: 50px;min-height: 50px;}
    .xl-h-100{height: 100px;min-height: 100px;}
    .xl-h-150{height: 150px;min-height: 150px;}
    .xl-h-200{height: 200px;min-height: 200px;}
    .xl-h-250{height: 250px;min-height: 250px;}
    .xl-h-300{height: 300px;min-height: 300px;}
    .xl-h-350{height: 350px;min-height: 350px;}
    .xl-h-400{height: 400px;min-height: 400px;}
    .xl-h-450{height: 450px;min-height: 450px;}
    .xl-h-500{height: 500px;min-height: 500px;}
    .xl-h-550{height: 550px;min-height: 550px;}
    
    .xl-full-w{width:100%;}
    .xl-full-h{height: 100%;}
    .xl-full-v-w{width:100vw;}
    .xl-full-v-h{height: 100vh;}
    .xl-fill{width: 100%;height: 100%}
    .xl-fill-v{width: 100vw;height: 100vh}
    
    .xl-hide{display: none}
    .xl-fade-4{opacity: 0.4}
    .xl-fade-6{opacity: 0.6}
    .xl-fade-8{opacity: 0.8}
    
    .xl-fs-10{font-size: 10px;}
    .xl-fs-15{font-size: 15px;}
    .xl-fs-20{font-size: 20px;}
    .xl-fs-25{font-size: 25px;}
    .xl-fs-30{font-size: 30px;}
    .xl-fs-35{font-size: 35px;}
    .xl-fs-40{font-size: 40px;}
    .xl-fs-45{font-size: 45px;}
    .xl-fs-50{font-size: 50px;}
    .xl-fs-55{font-size: 55px;}
    .xl-fs-60{font-size: 60px;}
    
    .xl-p-5{padding: 5px;}
    .xl-p-10{padding: 10px;}
    .xl-p-15{padding: 15px;}
    .xl-p-20{padding: 20px;}
    .xl-p-25{padding: 25px;}
    .xl-pt-5{padding-top: 5px;}
    .xl-pt-10{padding-top: 10px;}
    .xl-pt-15{padding-top: 15px;}
    .xl-pt-20{padding-top: 20px;}
    .xl-pt-25{padding-top: 25px;}
    .xl-pb-5{padding-bottom: 5px;}
    .xl-pb-10{padding-bottom: 10px;}
    .xl-pb-15{padding-bottom: 15px;}
    .xl-pb-20{padding-bottom: 20px;}
    .xl-pb-25{padding-bottom: 25px;}
    .xl-pl-5{padding-left: 5px;}
    .xl-pl-10{padding-left: 10px;}
    .xl-pl-15{padding-left: 15px;}
    .xl-pl-20{padding-left: 20px;}
    .xl-pl-25{padding-left: 25px;}
    .xl-pr-5{padding-right: 5px;}
    .xl-pr-10{padding-right: 10px;}
    .xl-pr-15{padding-right: 15px;}
    .xl-pr-20{padding-right: 20px;}
    .xl-pr-25{padding-right: 25px;}
    
    .xl-m-5{margin: 5px;}
    .xl-m-10{margin: 10px;}
    .xl-m-15{margin: 15px;}
    .xl-m-20{margin: 20px;}
    .xl-m-25{margin: 25px;}
    .xl-mt-5{margin-top: 5px;}
    .xl-mt-10{margin-top: 10px;}
    .xl-mt-15{margin-top: 15px;}
    .xl-mt-20{margin-top: 20px;}
    .xl-mt-25{margin-top: 25px;}
    .xl-mb-5{margin-bottom: 5px;}
    .xl-mb-10{margin-bottom: 10px;}
    .xl-mb-15{margin-bottom: 15px;}
    .xl-mb-20{margin-bottom: 20px;}
    .xl-mb-25{margin-bottom: 25px;}
    .xl-ml-5{margin-left: 5px;}
    .xl-ml-10{margin-left: 10px;}
    .xl-ml-15{margin-left: 15px;}
    .xl-ml-20{margin-left: 20px;}
    .xl-ml-25{margin-left: 25px;}
    .xl-mr-5{margin-right: 5px;}
    .xl-mr-10{margin-right: 10px;}
    .xl-mr-15{margin-right: 15px;}
    .xl-mr-20{margin-right: 20px;}
    .xl-mr-25{margin-right: 25px;}
    
    .xl-b-black{border: 1px solid black;}
    .xl-bl-black{border-left: 1px solid black;}
    .xl-br-black{border-right: 1px solid black;}
    .xl-bt-black{border-top: 1px solid black;}
    .xl-bb-black{border-bottom: 1px solid black;}
    
    .xl-b-white{border: 1px solid white;}
    .xl-bl-white{border-left: 1px solid white;}
    .xl-br-white{border-right: 1px solid white;}
    .xl-bt-white{border-top: 1px solid white;}
    .xl-bb-white{border-bottom: 1px solid white;}
    
    .xl-b-gray{border: 1px solid lightgray;}
    .xl-bl-gray{border-left: 1px solid lightgray;}
    .xl-br-gray{border-right: 1px solid lightgray;}
    .xl-bt-gray{border-top: 1px solid lightgray;}
    .xl-bb-gray{border-bottom: 1px solid lightgray;}
    
    .xl-disp-l{overflow: hidden;float: left;}
    .xl-disp-r{overflow: hidden;float: right;}
    
    .xl-pos-rel{position: relative;}
    .xl-pos-abs{position: absolute;}
    .xl-pos-stc{position: static;}
    .xl-pos-t{top:0px;}
    .xl-pos-b{bottom:0px;}
    .xl-pos-r{right:0px;}
    .xl-pos-l{left:0px;}
    .xl-pos-vc{top:50%;transform: translateY(-50%)}
    .xl-pos-hc{left:50%;transform: translateX(-50%)}
    .xl-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .xl-back-img-pos-c{background-position: center;}
    .xl-back-img-pos-b{background-position: bottom;}
    .xl-back-img-pos-t{background-position: top;}
    .xl-back-img-pos-l{background-position: left;}
    .xl-back-img-pos-r{background-position: right;}
    .xl-back-img-rep-no{background-repeat: no-repeat;}
    .xl-back-img-size-cov{background-size: cover;}
    .xl-back-img-size-cont{background-size: contain;}
}

@media only screen and (min-width 1441px)
{
    .xxl-w-1{width: 8.33%;}
    .xxl-w-2{width: 16.66%;}
    .xxl-w-3{width: 25%;}
    .xxl-w-4{width: 33.33%;}
    .xxl-w-5{width: 41.66%;}
    .xxl-w-6{width: 50%;}
    .xxl-w-7{width: 58.33%;}
    .xxl-w-8{width: 66.66%;}
    .xxl-w-9{width: 75%;}
    .xxl-w-10{width: 83.330%;}
    .xxl-w-11{width: 91.66%;}
    .xxl-w-12{width: 100%;}
    .xxl-w-20{width: 20%;}
    .xxl-w-40{width: 40%;}
    .xxl-w-60{width: 60%;}
    .xxl-w-80{width: 80%;}
    
    .xxl-h-50{height: 50px;min-height: 50px;}
    .xxl-h-100{height: 100px;min-height: 100px;}
    .xxl-h-150{height: 150px;min-height: 150px;}
    .xxl-h-200{height: 200px;min-height: 200px;}
    .xxl-h-250{height: 250px;min-height: 250px;}
    .xxl-h-300{height: 300px;min-height: 300px;}
    .xxl-h-350{height: 350px;min-height: 350px;}
    .xxl-h-400{height: 400px;min-height: 400px;}
    .xxl-h-450{height: 450px;min-height: 450px;}
    .xxl-h-500{height: 500px;min-height: 500px;}
    .xxl-h-550{height: 550px;min-height: 550px;}
    
    .xxl-full-w{width:100%;}
    .xxl-full-h{height: 100%;}
    .xxl-full-v-w{width:100vw;}
    .xxl-full-v-h{height: 100vh;}
    .xxl-fill{width: 100%;height: 100%}
    .xxl-fill-v{width: 100vw;height: 100vh}
    
    .xxl-hide{display: none}
    .xxl-fade-4{opacity: 0.4}
    .xxl-fade-6{opacity: 0.6}
    .xxl-fade-8{opacity: 0.8}
    
    .xxl-fs-10{font-size: 10px;}
    .xxl-fs-15{font-size: 15px;}
    .xxl-fs-20{font-size: 20px;}
    .xxl-fs-25{font-size: 25px;}
    .xxl-fs-30{font-size: 30px;}
    .xxl-fs-35{font-size: 35px;}
    .xxl-fs-40{font-size: 40px;}
    .xxl-fs-45{font-size: 45px;}
    .xxl-fs-50{font-size: 50px;}
    .xxl-fs-55{font-size: 55px;}
    .xxl-fs-60{font-size: 60px;}
    
    .xxl-p-5{padding: 5px;}
    .xxl-p-10{padding: 10px;}
    .xxl-p-15{padding: 15px;}
    .xxl-p-20{padding: 20px;}
    .xxl-p-25{padding: 25px;}
    .xxl-pt-5{padding-top: 5px;}
    .xxl-pt-10{padding-top: 10px;}
    .xxl-pt-15{padding-top: 15px;}
    .xxl-pt-20{padding-top: 20px;}
    .xxl-pt-25{padding-top: 25px;}
    .xxl-pb-5{padding-bottom: 5px;}
    .xxl-pb-10{padding-bottom: 10px;}
    .xxl-pb-15{padding-bottom: 15px;}
    .xxl-pb-20{padding-bottom: 20px;}
    .xxl-pb-25{padding-bottom: 25px;}
    .xxl-pl-5{padding-left: 5px;}
    .xxl-pl-10{padding-left: 10px;}
    .xxl-pl-15{padding-left: 15px;}
    .xxl-pl-20{padding-left: 20px;}
    .xxl-pl-25{padding-left: 25px;}
    .xxl-pr-5{padding-right: 5px;}
    .xxl-pr-10{padding-right: 10px;}
    .xxl-pr-15{padding-right: 15px;}
    .xxl-pr-20{padding-right: 20px;}
    .xxl-pr-25{padding-right: 25px;}
    
    .xxl-m-5{margin: 5px;}
    .xxl-m-10{margin: 10px;}
    .xxl-m-15{margin: 15px;}
    .xxl-m-20{margin: 20px;}
    .xxl-m-25{margin: 25px;}
    .xxl-mt-5{margin-top: 5px;}
    .xxl-mt-10{margin-top: 10px;}
    .xxl-mt-15{margin-top: 15px;}
    .xxl-mt-20{margin-top: 20px;}
    .xxl-mt-25{margin-top: 25px;}
    .xxl-mb-5{margin-bottom: 5px;}
    .xxl-mb-10{margin-bottom: 10px;}
    .xxl-mb-15{margin-bottom: 15px;}
    .xxl-mb-20{margin-bottom: 20px;}
    .xxl-mb-25{margin-bottom: 25px;}
    .xxl-ml-5{margin-left: 5px;}
    .xxl-ml-10{margin-left: 10px;}
    .xxl-ml-15{margin-left: 15px;}
    .xxl-ml-20{margin-left: 20px;}
    .xxl-ml-25{margin-left: 25px;}
    .xxl-mr-5{margin-right: 5px;}
    .xxl-mr-10{margin-right: 10px;}
    .xxl-mr-15{margin-right: 15px;}
    .xxl-mr-20{margin-right: 20px;}
    .xxl-mr-25{margin-right: 25px;}
    
    .xxl-b-black{border: 1px solid black;}
    .xxl-bl-black{border-left: 1px solid black;}
    .xxl-br-black{border-right: 1px solid black;}
    .xxl-bt-black{border-top: 1px solid black;}
    .xxl-bb-black{border-bottom: 1px solid black;}
    
    .xxl-b-white{border: 1px solid white;}
    .xxl-bl-white{border-left: 1px solid white;}
    .xxl-br-white{border-right: 1px solid white;}
    .xxl-bt-white{border-top: 1px solid white;}
    .xxl-bb-white{border-bottom: 1px solid white;}
    
    .xxl-b-gray{border: 1px solid lightgray;}
    .xxl-bl-gray{border-left: 1px solid lightgray;}
    .xxl-br-gray{border-right: 1px solid lightgray;}
    .xxl-bt-gray{border-top: 1px solid lightgray;}
    .xxl-bb-gray{border-bottom: 1px solid lightgray;}
    
    .xxl-disp-l{overflow: hidden;float: left;}
    .xxl-disp-r{overflow: hidden;float: right;}
    
    .xxl-pos-rel{position: relative;}
    .xxl-pos-abs{position: absolute;}
    .xxl-pos-stc{position: static;}
    .xxl-pos-t{top:0px;}
    .xxl-pos-b{bottom:0px;}
    .xxl-pos-r{right:0px;}
    .xxl-pos-l{left:0px;}
    .xxl-pos-vc{top:50%;transform: translateY(-50%)}
    .xxl-pos-hc{left:50%;transform: translateX(-50%)}
    .xxl-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .xxl-back-img-pos-c{background-position: center;}
    .xxl-back-img-pos-b{background-position: bottom;}
    .xxl-back-img-pos-t{background-position: top;}
    .xxl-back-img-pos-l{background-position: left;}
    .xxl-back-img-pos-r{background-position: right;}
    .xxl-back-img-rep-no{background-repeat: no-repeat;}
    .xxl-back-img-size-cov{background-size: cover;}
    .xxl-back-img-size-cont{background-size: contain;}
}

@media only screen and (min-width: 321px)
{
    .xs-up-w-1{width: 8.33%;}
    .xs-up-w-2{width: 16.66%;}
    .xs-up-w-3{width: 25%;}
    .xs-up-w-4{width: 33.33%;}
    .xs-up-w-5{width: 41.66%;}
    .xs-up-w-6{width: 50%;}
    .xs-up-w-7{width: 58.33%;}
    .xs-up-w-8{width: 66.66%;}
    .xs-up-w-9{width: 75%;}
    .xs-up-w-10{width: 83.330%;}
    .xs-up-w-11{width: 91.66%;}
    .xs-up-w-12{width: 100%;}
    .xs-up-w-20{width: 20%;}
    .xs-up-w-40{width: 40%;}
    .xs-up-w-60{width: 60%;}
    .xs-up-w-80{width: 80%;}
    
    .xs-up-h-50{height: 50px;min-height: 50px;}
    .xs-up-h-100{height: 100px;min-height: 100px;}
    .xs-up-h-150{height: 150px;min-height: 150px;}
    .xs-up-h-200{height: 200px;min-height: 200px;}
    .xs-up-h-250{height: 250px;min-height: 250px;}
    .xs-up-h-300{height: 300px;min-height: 300px;}
    .xs-up-h-350{height: 350px;min-height: 350px;}
    .xs-up-h-400{height: 400px;min-height: 400px;}
    .xs-up-h-450{height: 450px;min-height: 450px;}
    .xs-up-h-500{height: 500px;min-height: 500px;}
    .xs-up-h-550{height: 550px;min-height: 550px;}
    
    .xs-up-full-w{width:100%;}
    .xs-up-full-h{height: 100%;}
    .xs-up-full-v-w{width:100vw;}
    .xs-up-full-v-h{height: 100vh;}
    .xs-up-fill{width: 100%;height: 100%}
    .xs-up-fill-v{width: 100vw;height: 100vh}
    
    .xs-up-hide{display: none}
    .xs-up-fade-4{opacity: 0.4}
    .xs-up-fade-6{opacity: 0.6}
    .xs-up-fade-8{opacity: 0.8}
    
    .xs-up-fs-10{font-size: 10px;}
    .xs-up-fs-15{font-size: 15px;}
    .xs-up-fs-20{font-size: 20px;}
    .xs-up-fs-25{font-size: 25px;}
    .xs-up-fs-30{font-size: 30px;}
    .xs-up-fs-35{font-size: 35px;}
    .xs-up-fs-40{font-size: 40px;}
    .xs-up-fs-45{font-size: 45px;}
    .xs-up-fs-50{font-size: 50px;}
    .xs-up-fs-55{font-size: 55px;}
    .xs-up-fs-60{font-size: 60px;}
    
    .xs-up-p-5{padding: 5px;}
    .xs-up-p-10{padding: 10px;}
    .xs-up-p-15{padding: 15px;}
    .xs-up-p-20{padding: 20px;}
    .xs-up-p-25{padding: 25px;}
    .xs-up-pt-5{padding-top: 5px;}
    .xs-up-pt-10{padding-top: 10px;}
    .xs-up-pt-15{padding-top: 15px;}
    .xs-up-pt-20{padding-top: 20px;}
    .xs-up-pt-25{padding-top: 25px;}
    .xs-up-pb-5{padding-bottom: 5px;}
    .xs-up-pb-10{padding-bottom: 10px;}
    .xs-up-pb-15{padding-bottom: 15px;}
    .xs-up-pb-20{padding-bottom: 20px;}
    .xs-up-pb-25{padding-bottom: 25px;}
    .xs-up-pl-5{padding-left: 5px;}
    .xs-up-pl-10{padding-left: 10px;}
    .xs-up-pl-15{padding-left: 15px;}
    .xs-up-pl-20{padding-left: 20px;}
    .xs-up-pl-25{padding-left: 25px;}
    .xs-up-pr-5{padding-right: 5px;}
    .xs-up-pr-10{padding-right: 10px;}
    .xs-up-pr-15{padding-right: 15px;}
    .xs-up-pr-20{padding-right: 20px;}
    .xs-up-pr-25{padding-right: 25px;}
    
    .xs-up-m-5{margin: 5px;}
    .xs-up-m-10{margin: 10px;}
    .xs-up-m-15{margin: 15px;}
    .xs-up-m-20{margin: 20px;}
    .xs-up-m-25{margin: 25px;}
    .xs-up-mt-5{margin-top: 5px;}
    .xs-up-mt-10{margin-top: 10px;}
    .xs-up-mt-15{margin-top: 15px;}
    .xs-up-mt-20{margin-top: 20px;}
    .xs-up-mt-25{margin-top: 25px;}
    .xs-up-mb-5{margin-bottom: 5px;}
    .xs-up-mb-10{margin-bottom: 10px;}
    .xs-up-mb-15{margin-bottom: 15px;}
    .xs-up-mb-20{margin-bottom: 20px;}
    .xs-up-mb-25{margin-bottom: 25px;}
    .xs-up-ml-5{margin-left: 5px;}
    .xs-up-ml-10{margin-left: 10px;}
    .xs-up-ml-15{margin-left: 15px;}
    .xs-up-ml-20{margin-left: 20px;}
    .xs-up-ml-25{margin-left: 25px;}
    .xs-up-mr-5{margin-right: 5px;}
    .xs-up-mr-10{margin-right: 10px;}
    .xs-up-mr-15{margin-right: 15px;}
    .xs-up-mr-20{margin-right: 20px;}
    .xs-up-mr-25{margin-right: 25px;}
    
    .xs-up-b-black{border: 1px solid black;}
    .xs-up-bl-black{border-left: 1px solid black;}
    .xs-up-br-black{border-right: 1px solid black;}
    .xs-up-bt-black{border-top: 1px solid black;}
    .xs-up-bb-black{border-bottom: 1px solid black;}
    
    .xs-up-b-white{border: 1px solid white;}
    .xs-up-bl-white{border-left: 1px solid white;}
    .xs-up-br-white{border-right: 1px solid white;}
    .xs-up-bt-white{border-top: 1px solid white;}
    .xs-up-bb-white{border-bottom: 1px solid white;}
    
    .xs-up-b-gray{border: 1px solid lightgray;}
    .xs-up-bl-gray{border-left: 1px solid lightgray;}
    .xs-up-br-gray{border-right: 1px solid lightgray;}
    .xs-up-bt-gray{border-top: 1px solid lightgray;}
    .xs-up-bb-gray{border-bottom: 1px solid lightgray;}
    
    .xs-up-disp-l{overflow: hidden;float: left;}
    .xs-up-disp-r{overflow: hidden;float: right;}
    
    .xs-up-pos-rel{position: relative;}
    .xs-up-pos-abs{position: absolute;}
    .xs-up-pos-stc{position: static;}
    .xs-up-pos-t{top:0px;}
    .xs-up-pos-b{bottom:0px;}
    .xs-up-pos-r{right:0px;}
    .xs-up-pos-l{left:0px;}
    .xs-up-pos-vc{top:50%;transform: translateY(-50%)}
    .xs-up-pos-hc{left:50%;transform: translateX(-50%)}
    .xs-up-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .xs-up-back-img-pos-c{background-position: center;}
    .xs-up-back-img-pos-b{background-position: bottom;}
    .xs-up-back-img-pos-t{background-position: top;}
    .xs-up-back-img-pos-l{background-position: left;}
    .xs-up-back-img-pos-r{background-position: right;}
    .xs-up-back-img-rep-no{background-repeat: no-repeat;}
    .xs-up-back-img-size-cov{background-size: cover;}
    .xs-up-back-img-size-cont{background-size: contain;}
}

@media only screen and (max-width: 375px)
{
    .xs-down-w-1{width: 8.33%;}
    .xs-down-w-2{width: 16.66%;}
    .xs-down-w-3{width: 25%;}
    .xs-down-w-4{width: 33.33%;}
    .xs-down-w-5{width: 41.66%;}
    .xs-down-w-6{width: 50%;}
    .xs-down-w-7{width: 58.33%;}
    .xs-down-w-8{width: 66.66%;}
    .xs-down-w-9{width: 75%;}
    .xs-down-w-10{width: 83.330%;}
    .xs-down-w-11{width: 91.66%;}
    .xs-down-w-12{width: 100%;}
    .xs-down-w-20{width: 20%;}
    .xs-down-w-40{width: 40%;}
    .xs-down-w-60{width: 60%;}
    .xs-down-w-80{width: 80%;}
    
    .xs-down-h-50{height: 50px;min-height: 50px;}
    .xs-down-h-100{height: 100px;min-height: 100px;}
    .xs-down-h-150{height: 150px;min-height: 150px;}
    .xs-down-h-200{height: 200px;min-height: 200px;}
    .xs-down-h-250{height: 250px;min-height: 250px;}
    .xs-down-h-300{height: 300px;min-height: 300px;}
    .xs-down-h-350{height: 350px;min-height: 350px;}
    .xs-down-h-400{height: 400px;min-height: 400px;}
    .xs-down-h-450{height: 450px;min-height: 450px;}
    .xs-down-h-500{height: 500px;min-height: 500px;}
    .xs-down-h-550{height: 550px;min-height: 550px;}
    
    .xs-down-full-w{width:100%;}
    .xs-down-full-h{height: 100%;}
    .xs-down-full-v-w{width:100vw;}
    .xs-down-full-v-h{height: 100vh;}
    .xs-down-fill{width: 100%;height: 100%}
    .xs-down-fill-v{width: 100vw;height: 100vh}
    
    .xs-down-hide{display: none}
    .xs-down-fade-4{opacity: 0.4}
    .xs-down-fade-6{opacity: 0.6}
    .xs-down-fade-8{opacity: 0.8}
    
    .xs-down-fs-10{font-size: 10px;}
    .xs-down-fs-15{font-size: 15px;}
    .xs-down-fs-20{font-size: 20px;}
    .xs-down-fs-25{font-size: 25px;}
    .xs-down-fs-30{font-size: 30px;}
    .xs-down-fs-35{font-size: 35px;}
    .xs-down-fs-40{font-size: 40px;}
    .xs-down-fs-45{font-size: 45px;}
    .xs-down-fs-50{font-size: 50px;}
    .xs-down-fs-55{font-size: 55px;}
    .xs-down-fs-60{font-size: 60px;}
    
    .xs-down-p-5{padding: 5px;}
    .xs-down-p-10{padding: 10px;}
    .xs-down-p-15{padding: 15px;}
    .xs-down-p-20{padding: 20px;}
    .xs-down-p-25{padding: 25px;}
    .xs-down-pt-5{padding-top: 5px;}
    .xs-down-pt-10{padding-top: 10px;}
    .xs-down-pt-15{padding-top: 15px;}
    .xs-down-pt-20{padding-top: 20px;}
    .xs-down-pt-25{padding-top: 25px;}
    .xs-down-pb-5{padding-bottom: 5px;}
    .xs-down-pb-10{padding-bottom: 10px;}
    .xs-down-pb-15{padding-bottom: 15px;}
    .xs-down-pb-20{padding-bottom: 20px;}
    .xs-down-pb-25{padding-bottom: 25px;}
    .xs-down-pl-5{padding-left: 5px;}
    .xs-down-pl-10{padding-left: 10px;}
    .xs-down-pl-15{padding-left: 15px;}
    .xs-down-pl-20{padding-left: 20px;}
    .xs-down-pl-25{padding-left: 25px;}
    .xs-down-pr-5{padding-right: 5px;}
    .xs-down-pr-10{padding-right: 10px;}
    .xs-down-pr-15{padding-right: 15px;}
    .xs-down-pr-20{padding-right: 20px;}
    .xs-down-pr-25{padding-right: 25px;}
    
    .xs-down-m-5{margin: 5px;}
    .xs-down-m-10{margin: 10px;}
    .xs-down-m-15{margin: 15px;}
    .xs-down-m-20{margin: 20px;}
    .xs-down-m-25{margin: 25px;}
    .xs-down-mt-5{margin-top: 5px;}
    .xs-down-mt-10{margin-top: 10px;}
    .xs-down-mt-15{margin-top: 15px;}
    .xs-down-mt-20{margin-top: 20px;}
    .xs-down-mt-25{margin-top: 25px;}
    .xs-down-mb-5{margin-bottom: 5px;}
    .xs-down-mb-10{margin-bottom: 10px;}
    .xs-down-mb-15{margin-bottom: 15px;}
    .xs-down-mb-20{margin-bottom: 20px;}
    .xs-down-mb-25{margin-bottom: 25px;}
    .xs-down-ml-5{margin-left: 5px;}
    .xs-down-ml-10{margin-left: 10px;}
    .xs-down-ml-15{margin-left: 15px;}
    .xs-down-ml-20{margin-left: 20px;}
    .xs-down-ml-25{margin-left: 25px;}
    .xs-down-mr-5{margin-right: 5px;}
    .xs-down-mr-10{margin-right: 10px;}
    .xs-down-mr-15{margin-right: 15px;}
    .xs-down-mr-20{margin-right: 20px;}
    .xs-down-mr-25{margin-right: 25px;}
    
    .xs-down-b-black{border: 1px solid black;}
    .xs-down-bl-black{border-left: 1px solid black;}
    .xs-down-br-black{border-right: 1px solid black;}
    .xs-down-bt-black{border-top: 1px solid black;}
    .xs-down-bb-black{border-bottom: 1px solid black;}
    
    .xs-down-b-white{border: 1px solid white;}
    .xs-down-bl-white{border-left: 1px solid white;}
    .xs-down-br-white{border-right: 1px solid white;}
    .xs-down-bt-white{border-top: 1px solid white;}
    .xs-down-bb-white{border-bottom: 1px solid white;}
    
    .xs-down-b-gray{border: 1px solid lightgray;}
    .xs-down-bl-gray{border-left: 1px solid lightgray;}
    .xs-down-br-gray{border-right: 1px solid lightgray;}
    .xs-down-bt-gray{border-top: 1px solid lightgray;}
    .xs-down-bb-gray{border-bottom: 1px solid lightgray;}
    
    .xs-down-disp-l{overflow: hidden;float: left;}
    .xs-down-disp-r{overflow: hidden;float: right;}
    
    .xs-down-pos-rel{position: relative;}
    .xs-down-pos-abs{position: absolute;}
    .xs-down-pos-stc{position: static;}
    .xs-down-pos-t{top:0px;}
    .xs-down-pos-b{bottom:0px;}
    .xs-down-pos-r{right:0px;}
    .xs-down-pos-l{left:0px;}
    .xs-down-pos-vc{top:50%;transform: translateY(-50%)}
    .xs-down-pos-hc{left:50%;transform: translateX(-50%)}
    .xs-down-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .xs-down-back-img-pos-c{background-position: center;}
    .xs-down-back-img-pos-b{background-position: bottom;}
    .xs-down-back-img-pos-t{background-position: top;}
    .xs-down-back-img-pos-l{background-position: left;}
    .xs-down-back-img-pos-r{background-position: right;}
    .xs-down-back-img-rep-no{background-repeat: no-repeat;}
    .xs-down-back-img-size-cov{background-size: cover;}
    .xs-down-back-img-size-cont{background-size: contain;}
}

@media only screen and (min-width: 376px)
{
    .s-up-w-1{width: 8.33%;}
    .s-up-w-2{width: 16.66%;}
    .s-up-w-3{width: 25%;}
    .s-up-w-4{width: 33.33%;}
    .s-up-w-5{width: 41.66%;}
    .s-up-w-6{width: 50%;}
    .s-up-w-7{width: 58.33%;}
    .s-up-w-8{width: 66.66%;}
    .s-up-w-9{width: 75%;}
    .s-up-w-10{width: 83.330%;}
    .s-up-w-11{width: 91.66%;}
    .s-up-w-12{width: 100%;}
    .s-up-w-20{width: 20%;}
    .s-up-w-40{width: 40%;}
    .s-up-w-60{width: 60%;}
    .s-up-w-80{width: 80%;}
    
    .s-up-h-50{height: 50px;min-height: 50px;}
    .s-up-h-100{height: 100px;min-height: 100px;}
    .s-up-h-150{height: 150px;min-height: 150px;}
    .s-up-h-200{height: 200px;min-height: 200px;}
    .s-up-h-250{height: 250px;min-height: 250px;}
    .s-up-h-300{height: 300px;min-height: 300px;}
    .s-up-h-350{height: 350px;min-height: 350px;}
    .s-up-h-400{height: 400px;min-height: 400px;}
    .s-up-h-450{height: 450px;min-height: 450px;}
    .s-up-h-500{height: 500px;min-height: 500px;}
    .s-up-h-550{height: 550px;min-height: 550px;}
    
    .s-up-full-w{width:100%;}
    .s-up-full-h{height: 100%;}
    .s-up-full-v-w{width:100vw;}
    .s-up-full-v-h{height: 100vh;}
    .s-up-fill{width: 100%;height: 100%}
    .s-up-fill-v{width: 100vw;height: 100vh}
    
    .s-up-hide{display: none}
    .s-up-fade-4{opacity: 0.4}
    .s-up-fade-6{opacity: 0.6}
    .s-up-fade-8{opacity: 0.8}
    
    .s-up-fs-10{font-size: 10px;}
    .s-up-fs-15{font-size: 15px;}
    .s-up-fs-20{font-size: 20px;}
    .s-up-fs-25{font-size: 25px;}
    .s-up-fs-30{font-size: 30px;}
    .s-up-fs-35{font-size: 35px;}
    .s-up-fs-40{font-size: 40px;}
    .s-up-fs-45{font-size: 45px;}
    .s-up-fs-50{font-size: 50px;}
    .s-up-fs-55{font-size: 55px;}
    .s-up-fs-60{font-size: 60px;}
    
    .s-up-p-5{padding: 5px;}
    .s-up-p-10{padding: 10px;}
    .s-up-p-15{padding: 15px;}
    .s-up-p-20{padding: 20px;}
    .s-up-p-25{padding: 25px;}
    .s-up-pt-5{padding-top: 5px;}
    .s-up-pt-10{padding-top: 10px;}
    .s-up-pt-15{padding-top: 15px;}
    .s-up-pt-20{padding-top: 20px;}
    .s-up-pt-25{padding-top: 25px;}
    .s-up-pb-5{padding-bottom: 5px;}
    .s-up-pb-10{padding-bottom: 10px;}
    .s-up-pb-15{padding-bottom: 15px;}
    .s-up-pb-20{padding-bottom: 20px;}
    .s-up-pb-25{padding-bottom: 25px;}
    .s-up-pl-5{padding-left: 5px;}
    .s-up-pl-10{padding-left: 10px;}
    .s-up-pl-15{padding-left: 15px;}
    .s-up-pl-20{padding-left: 20px;}
    .s-up-pl-25{padding-left: 25px;}
    .s-up-pr-5{padding-right: 5px;}
    .s-up-pr-10{padding-right: 10px;}
    .s-up-pr-15{padding-right: 15px;}
    .s-up-pr-20{padding-right: 20px;}
    .s-up-pr-25{padding-right: 25px;}
    
    .s-up-m-5{margin: 5px;}
    .s-up-m-10{margin: 10px;}
    .s-up-m-15{margin: 15px;}
    .s-up-m-20{margin: 20px;}
    .s-up-m-25{margin: 25px;}
    .s-up-mt-5{margin-top: 5px;}
    .s-up-mt-10{margin-top: 10px;}
    .s-up-mt-15{margin-top: 15px;}
    .s-up-mt-20{margin-top: 20px;}
    .s-up-mt-25{margin-top: 25px;}
    .s-up-mb-5{margin-bottom: 5px;}
    .s-up-mb-10{margin-bottom: 10px;}
    .s-up-mb-15{margin-bottom: 15px;}
    .s-up-mb-20{margin-bottom: 20px;}
    .s-up-mb-25{margin-bottom: 25px;}
    .s-up-ml-5{margin-left: 5px;}
    .s-up-ml-10{margin-left: 10px;}
    .s-up-ml-15{margin-left: 15px;}
    .s-up-ml-20{margin-left: 20px;}
    .s-up-ml-25{margin-left: 25px;}
    .s-up-mr-5{margin-right: 5px;}
    .s-up-mr-10{margin-right: 10px;}
    .s-up-mr-15{margin-right: 15px;}
    .s-up-mr-20{margin-right: 20px;}
    .s-up-mr-25{margin-right: 25px;}
    
    .s-up-b-black{border: 1px solid black;}
    .s-up-bl-black{border-left: 1px solid black;}
    .s-up-br-black{border-right: 1px solid black;}
    .s-up-bt-black{border-top: 1px solid black;}
    .s-up-bb-black{border-bottom: 1px solid black;}
    
    .s-up-b-white{border: 1px solid white;}
    .s-up-bl-white{border-left: 1px solid white;}
    .s-up-br-white{border-right: 1px solid white;}
    .s-up-bt-white{border-top: 1px solid white;}
    .s-up-bb-white{border-bottom: 1px solid white;}
    
    .s-up-b-gray{border: 1px solid lightgray;}
    .s-up-bl-gray{border-left: 1px solid lightgray;}
    .s-up-br-gray{border-right: 1px solid lightgray;}
    .s-up-bt-gray{border-top: 1px solid lightgray;}
    .s-up-bb-gray{border-bottom: 1px solid lightgray;}
    
    .s-up-disp-l{overflow: hidden;float: left;}
    .s-up-disp-r{overflow: hidden;float: right;}
    
    .s-up-pos-rel{position: relative;}
    .s-up-pos-abs{position: absolute;}
    .s-up-pos-stc{position: static;}
    .s-up-pos-t{top:0px;}
    .s-up-pos-b{bottom:0px;}
    .s-up-pos-r{right:0px;}
    .s-up-pos-l{left:0px;}
    .s-up-pos-vc{top:50%;transform: translateY(-50%)}
    .s-up-pos-hc{left:50%;transform: translateX(-50%)}
    .s-up-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .s-up-back-img-pos-c{background-position: center;}
    .s-up-back-img-pos-b{background-position: bottom;}
    .s-up-back-img-pos-t{background-position: top;}
    .s-up-back-img-pos-l{background-position: left;}
    .s-up-back-img-pos-r{background-position: right;}
    .s-up-back-img-rep-no{background-repeat: no-repeat;}
    .s-up-back-img-size-cov{background-size: cover;}
    .s-up-back-img-size-cont{background-size: contain;}
}

@media only screen and (max-width: 425px)
{
    .s-down-w-1{width: 8.33%;}
    .s-down-w-2{width: 16.66%;}
    .s-down-w-3{width: 25%;}
    .s-down-w-4{width: 33.33%;}
    .s-down-w-5{width: 41.66%;}
    .s-down-w-6{width: 50%;}
    .s-down-w-7{width: 58.33%;}
    .s-down-w-8{width: 66.66%;}
    .s-down-w-9{width: 75%;}
    .s-down-w-10{width: 83.330%;}
    .s-down-w-11{width: 91.66%;}
    .s-down-w-12{width: 100%;}
    .s-down-w-20{width: 20%;}
    .s-down-w-40{width: 40%;}
    .s-down-w-60{width: 60%;}
    .s-down-w-80{width: 80%;}
    
    .s-down-h-50{height: 50px;min-height: 50px;}
    .s-down-h-100{height: 100px;min-height: 100px;}
    .s-down-h-150{height: 150px;min-height: 150px;}
    .s-down-h-200{height: 200px;min-height: 200px;}
    .s-down-h-250{height: 250px;min-height: 250px;}
    .s-down-h-300{height: 300px;min-height: 300px;}
    .s-down-h-350{height: 350px;min-height: 350px;}
    .s-down-h-400{height: 400px;min-height: 400px;}
    .s-down-h-450{height: 450px;min-height: 450px;}
    .s-down-h-500{height: 500px;min-height: 500px;}
    .s-down-h-550{height: 550px;min-height: 550px;}
    
    .s-down-full-w{width:100%;}
    .s-down-full-h{height: 100%;}
    .s-down-full-v-w{width:100vw;}
    .s-down-full-v-h{height: 100vh;}
    .s-down-fill{width: 100%;height: 100%}
    .s-down-fill-v{width: 100vw;height: 100vh}
    
    .s-down-hide{display: none}
    .s-down-fade-4{opacity: 0.4}
    .s-down-fade-6{opacity: 0.6}
    .s-down-fade-8{opacity: 0.8}
    
    .s-down-fs-10{font-size: 10px;}
    .s-down-fs-15{font-size: 15px;}
    .s-down-fs-20{font-size: 20px;}
    .s-down-fs-25{font-size: 25px;}
    .s-down-fs-30{font-size: 30px;}
    .s-down-fs-35{font-size: 35px;}
    .s-down-fs-40{font-size: 40px;}
    .s-down-fs-45{font-size: 45px;}
    .s-down-fs-50{font-size: 50px;}
    .s-down-fs-55{font-size: 55px;}
    .s-down-fs-60{font-size: 60px;}
    
    .s-down-p-5{padding: 5px;}
    .s-down-p-10{padding: 10px;}
    .s-down-p-15{padding: 15px;}
    .s-down-p-20{padding: 20px;}
    .s-down-p-25{padding: 25px;}
    .s-down-pt-5{padding-top: 5px;}
    .s-down-pt-10{padding-top: 10px;}
    .s-down-pt-15{padding-top: 15px;}
    .s-down-pt-20{padding-top: 20px;}
    .s-down-pt-25{padding-top: 25px;}
    .s-down-pb-5{padding-bottom: 5px;}
    .s-down-pb-10{padding-bottom: 10px;}
    .s-down-pb-15{padding-bottom: 15px;}
    .s-down-pb-20{padding-bottom: 20px;}
    .s-down-pb-25{padding-bottom: 25px;}
    .s-down-pl-5{padding-left: 5px;}
    .s-down-pl-10{padding-left: 10px;}
    .s-down-pl-15{padding-left: 15px;}
    .s-down-pl-20{padding-left: 20px;}
    .s-down-pl-25{padding-left: 25px;}
    .s-down-pr-5{padding-right: 5px;}
    .s-down-pr-10{padding-right: 10px;}
    .s-down-pr-15{padding-right: 15px;}
    .s-down-pr-20{padding-right: 20px;}
    .s-down-pr-25{padding-right: 25px;}
    
    .s-down-m-5{margin: 5px;}
    .s-down-m-10{margin: 10px;}
    .s-down-m-15{margin: 15px;}
    .s-down-m-20{margin: 20px;}
    .s-down-m-25{margin: 25px;}
    .s-down-mt-5{margin-top: 5px;}
    .s-down-mt-10{margin-top: 10px;}
    .s-down-mt-15{margin-top: 15px;}
    .s-down-mt-20{margin-top: 20px;}
    .s-down-mt-25{margin-top: 25px;}
    .s-down-mb-5{margin-bottom: 5px;}
    .s-down-mb-10{margin-bottom: 10px;}
    .s-down-mb-15{margin-bottom: 15px;}
    .s-down-mb-20{margin-bottom: 20px;}
    .s-down-mb-25{margin-bottom: 25px;}
    .s-down-ml-5{margin-left: 5px;}
    .s-down-ml-10{margin-left: 10px;}
    .s-down-ml-15{margin-left: 15px;}
    .s-down-ml-20{margin-left: 20px;}
    .s-down-ml-25{margin-left: 25px;}
    .s-down-mr-5{margin-right: 5px;}
    .s-down-mr-10{margin-right: 10px;}
    .s-down-mr-15{margin-right: 15px;}
    .s-down-mr-20{margin-right: 20px;}
    .s-down-mr-25{margin-right: 25px;}
    
    .s-down-b-black{border: 1px solid black;}
    .s-down-bl-black{border-left: 1px solid black;}
    .s-down-br-black{border-right: 1px solid black;}
    .s-down-bt-black{border-top: 1px solid black;}
    .s-down-bb-black{border-bottom: 1px solid black;}
    
    .s-down-b-white{border: 1px solid white;}
    .s-down-bl-white{border-left: 1px solid white;}
    .s-down-br-white{border-right: 1px solid white;}
    .s-down-bt-white{border-top: 1px solid white;}
    .s-down-bb-white{border-bottom: 1px solid white;}
    
    .s-down-b-gray{border: 1px solid lightgray;}
    .s-down-bl-gray{border-left: 1px solid lightgray;}
    .s-down-br-gray{border-right: 1px solid lightgray;}
    .s-down-bt-gray{border-top: 1px solid lightgray;}
    .s-down-bb-gray{border-bottom: 1px solid lightgray;}
    
    .s-down-disp-l{overflow: hidden;float: left;}
    .s-down-disp-r{overflow: hidden;float: right;}
    
    .s-down-pos-rel{position: relative;}
    .s-down-pos-abs{position: absolute;}
    .s-down-pos-stc{position: static;}
    .s-down-pos-t{top:0px;}
    .s-down-pos-b{bottom:0px;}
    .s-down-pos-r{right:0px;}
    .s-down-pos-l{left:0px;}
    .s-down-pos-vc{top:50%;transform: translateY(-50%)}
    .s-down-pos-hc{left:50%;transform: translateX(-50%)}
    .s-down-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .s-down-back-img-pos-c{background-position: center;}
    .s-down-back-img-pos-b{background-position: bottom;}
    .s-down-back-img-pos-t{background-position: top;}
    .s-down-back-img-pos-l{background-position: left;}
    .s-down-back-img-pos-r{background-position: right;}
    .s-down-back-img-rep-no{background-repeat: no-repeat;}
    .s-down-back-img-size-cov{background-size: cover;}
    .s-down-back-img-size-cont{background-size: contain;}
}

@media only screen and (min-width: 426px)
{
    .m-up-w-1{width: 8.33%;}
    .m-up-w-2{width: 16.66%;}
    .m-up-w-3{width: 25%;}
    .m-up-w-4{width: 33.33%;}
    .m-up-w-5{width: 41.66%;}
    .m-up-w-6{width: 50%;}
    .m-up-w-7{width: 58.33%;}
    .m-up-w-8{width: 66.66%;}
    .m-up-w-9{width: 75%;}
    .m-up-w-10{width: 83.330%;}
    .m-up-w-11{width: 91.66%;}
    .m-up-w-12{width: 100%;}
    .m-up-w-20{width: 20%;}
    .m-up-w-40{width: 40%;}
    .m-up-w-60{width: 60%;}
    .m-up-w-80{width: 80%;}
    
    .m-up-h-50{height: 50px;min-height: 50px;}
    .m-up-h-100{height: 100px;min-height: 100px;}
    .m-up-h-150{height: 150px;min-height: 150px;}
    .m-up-h-200{height: 200px;min-height: 200px;}
    .m-up-h-250{height: 250px;min-height: 250px;}
    .m-up-h-300{height: 300px;min-height: 300px;}
    .m-up-h-350{height: 350px;min-height: 350px;}
    .m-up-h-400{height: 400px;min-height: 400px;}
    .m-up-h-450{height: 450px;min-height: 450px;}
    .m-up-h-500{height: 500px;min-height: 500px;}
    .m-up-h-550{height: 550px;min-height: 550px;}
    
    .m-up-full-w{width:100%;}
    .m-up-full-h{height: 100%;}
    .m-up-full-v-w{width:100vw;}
    .m-up-full-v-h{height: 100vh;}
    .m-up-fill{width: 100%;height: 100%}
    .m-up-fill-v{width: 100vw;height: 100vh}
    
    .m-up-hide{display: none}
    .m-up-fade-4{opacity: 0.4}
    .m-up-fade-6{opacity: 0.6}
    .m-up-fade-8{opacity: 0.8}
    
    .m-up-fs-10{font-size: 10px;}
    .m-up-fs-15{font-size: 15px;}
    .m-up-fs-20{font-size: 20px;}
    .m-up-fs-25{font-size: 25px;}
    .m-up-fs-30{font-size: 30px;}
    .m-up-fs-35{font-size: 35px;}
    .m-up-fs-40{font-size: 40px;}
    .m-up-fs-45{font-size: 45px;}
    .m-up-fs-50{font-size: 50px;}
    .m-up-fs-55{font-size: 55px;}
    .m-up-fs-60{font-size: 60px;}
    
    .m-up-p-5{padding: 5px;}
    .m-up-p-10{padding: 10px;}
    .m-up-p-15{padding: 15px;}
    .m-up-p-20{padding: 20px;}
    .m-up-p-25{padding: 25px;}
    .m-up-pt-5{padding-top: 5px;}
    .m-up-pt-10{padding-top: 10px;}
    .m-up-pt-15{padding-top: 15px;}
    .m-up-pt-20{padding-top: 20px;}
    .m-up-pt-25{padding-top: 25px;}
    .m-up-pb-5{padding-bottom: 5px;}
    .m-up-pb-10{padding-bottom: 10px;}
    .m-up-pb-15{padding-bottom: 15px;}
    .m-up-pb-20{padding-bottom: 20px;}
    .m-up-pb-25{padding-bottom: 25px;}
    .m-up-pl-5{padding-left: 5px;}
    .m-up-pl-10{padding-left: 10px;}
    .m-up-pl-15{padding-left: 15px;}
    .m-up-pl-20{padding-left: 20px;}
    .m-up-pl-25{padding-left: 25px;}
    .m-up-pr-5{padding-right: 5px;}
    .m-up-pr-10{padding-right: 10px;}
    .m-up-pr-15{padding-right: 15px;}
    .m-up-pr-20{padding-right: 20px;}
    .m-up-pr-25{padding-right: 25px;}
    
    .m-up-m-5{margin: 5px;}
    .m-up-m-10{margin: 10px;}
    .m-up-m-15{margin: 15px;}
    .m-up-m-20{margin: 20px;}
    .m-up-m-25{margin: 25px;}
    .m-up-mt-5{margin-top: 5px;}
    .m-up-mt-10{margin-top: 10px;}
    .m-up-mt-15{margin-top: 15px;}
    .m-up-mt-20{margin-top: 20px;}
    .m-up-mt-25{margin-top: 25px;}
    .m-up-mb-5{margin-bottom: 5px;}
    .m-up-mb-10{margin-bottom: 10px;}
    .m-up-mb-15{margin-bottom: 15px;}
    .m-up-mb-20{margin-bottom: 20px;}
    .m-up-mb-25{margin-bottom: 25px;}
    .m-up-ml-5{margin-left: 5px;}
    .m-up-ml-10{margin-left: 10px;}
    .m-up-ml-15{margin-left: 15px;}
    .m-up-ml-20{margin-left: 20px;}
    .m-up-ml-25{margin-left: 25px;}
    .m-up-mr-5{margin-right: 5px;}
    .m-up-mr-10{margin-right: 10px;}
    .m-up-mr-15{margin-right: 15px;}
    .m-up-mr-20{margin-right: 20px;}
    .m-up-mr-25{margin-right: 25px;}
    
    .m-up-b-black{border: 1px solid black;}
    .m-up-bl-black{border-left: 1px solid black;}
    .m-up-br-black{border-right: 1px solid black;}
    .m-up-bt-black{border-top: 1px solid black;}
    .m-up-bb-black{border-bottom: 1px solid black;}
    
    .m-up-b-white{border: 1px solid white;}
    .m-up-bl-white{border-left: 1px solid white;}
    .m-up-br-white{border-right: 1px solid white;}
    .m-up-bt-white{border-top: 1px solid white;}
    .m-up-bb-white{border-bottom: 1px solid white;}
    
    .m-up-b-gray{border: 1px solid lightgray;}
    .m-up-bl-gray{border-left: 1px solid lightgray;}
    .m-up-br-gray{border-right: 1px solid lightgray;}
    .m-up-bt-gray{border-top: 1px solid lightgray;}
    .m-up-bb-gray{border-bottom: 1px solid lightgray;}
    
    .m-up-disp-l{overflow: hidden;float: left;}
    .m-up-disp-r{overflow: hidden;float: right;}
    
    .m-up-pos-rel{position: relative;}
    .m-up-pos-abs{position: absolute;}
    .m-up-pos-stc{position: static;}
    .m-up-pos-t{top:0px;}
    .m-up-pos-b{bottom:0px;}
    .m-up-pos-r{right:0px;}
    .m-up-pos-l{left:0px;}
    .m-up-pos-vc{top:50%;transform: translateY(-50%)}
    .m-up-pos-hc{left:50%;transform: translateX(-50%)}
    .m-up-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .m-up-back-img-pos-c{background-position: center;}
    .m-up-back-img-pos-b{background-position: bottom;}
    .m-up-back-img-pos-t{background-position: top;}
    .m-up-back-img-pos-l{background-position: left;}
    .m-up-back-img-pos-r{background-position: right;}
    .m-up-back-img-rep-no{background-repeat: no-repeat;}
    .m-up-back-img-size-cov{background-size: cover;}
    .m-up-back-img-size-cont{background-size: contain;}
}

@media only screen and (max-width: 768px)
{
    .m-down-w-1{width: 8.33%;}
    .m-down-w-2{width: 16.66%;}
    .m-down-w-3{width: 25%;}
    .m-down-w-4{width: 33.33%;}
    .m-down-w-5{width: 41.66%;}
    .m-down-w-6{width: 50%;}
    .m-down-w-7{width: 58.33%;}
    .m-down-w-8{width: 66.66%;}
    .m-down-w-9{width: 75%;}
    .m-down-w-10{width: 83.330%;}
    .m-down-w-11{width: 91.66%;}
    .m-down-w-12{width: 100%;}
    .m-down-w-20{width: 20%;}
    .m-down-w-40{width: 40%;}
    .m-down-w-60{width: 60%;}
    .m-down-w-80{width: 80%;}
    
    .m-down-h-50{height: 50px;min-height: 50px;}
    .m-down-h-100{height: 100px;min-height: 100px;}
    .m-down-h-150{height: 150px;min-height: 150px;}
    .m-down-h-200{height: 200px;min-height: 200px;}
    .m-down-h-250{height: 250px;min-height: 250px;}
    .m-down-h-300{height: 300px;min-height: 300px;}
    .m-down-h-350{height: 350px;min-height: 350px;}
    .m-down-h-400{height: 400px;min-height: 400px;}
    .m-down-h-450{height: 450px;min-height: 450px;}
    .m-down-h-500{height: 500px;min-height: 500px;}
    .m-down-h-550{height: 550px;min-height: 550px;}
    
    .m-down-full-w{width:100%;}
    .m-down-full-h{height: 100%;}
    .m-down-full-v-w{width:100vw;}
    .m-down-full-v-h{height: 100vh;}
    .m-down-fill{width: 100%;height: 100%}
    .m-down-fill-v{width: 100vw;height: 100vh}
    
    .m-down-hide{display: none}
    .m-down-fade-4{opacity: 0.4}
    .m-down-fade-6{opacity: 0.6}
    .m-down-fade-8{opacity: 0.8}
    
    .m-down-fs-10{font-size: 10px;}
    .m-down-fs-15{font-size: 15px;}
    .m-down-fs-20{font-size: 20px;}
    .m-down-fs-25{font-size: 25px;}
    .m-down-fs-30{font-size: 30px;}
    .m-down-fs-35{font-size: 35px;}
    .m-down-fs-40{font-size: 40px;}
    .m-down-fs-45{font-size: 45px;}
    .m-down-fs-50{font-size: 50px;}
    .m-down-fs-55{font-size: 55px;}
    .m-down-fs-60{font-size: 60px;}
    
    .m-down-p-5{padding: 5px;}
    .m-down-p-10{padding: 10px;}
    .m-down-p-15{padding: 15px;}
    .m-down-p-20{padding: 20px;}
    .m-down-p-25{padding: 25px;}
    .m-down-pt-5{padding-top: 5px;}
    .m-down-pt-10{padding-top: 10px;}
    .m-down-pt-15{padding-top: 15px;}
    .m-down-pt-20{padding-top: 20px;}
    .m-down-pt-25{padding-top: 25px;}
    .m-down-pb-5{padding-bottom: 5px;}
    .m-down-pb-10{padding-bottom: 10px;}
    .m-down-pb-15{padding-bottom: 15px;}
    .m-down-pb-20{padding-bottom: 20px;}
    .m-down-pb-25{padding-bottom: 25px;}
    .m-down-pl-5{padding-left: 5px;}
    .m-down-pl-10{padding-left: 10px;}
    .m-down-pl-15{padding-left: 15px;}
    .m-down-pl-20{padding-left: 20px;}
    .m-down-pl-25{padding-left: 25px;}
    .m-down-pr-5{padding-right: 5px;}
    .m-down-pr-10{padding-right: 10px;}
    .m-down-pr-15{padding-right: 15px;}
    .m-down-pr-20{padding-right: 20px;}
    .m-down-pr-25{padding-right: 25px;}
    
    .m-down-m-5{margin: 5px;}
    .m-down-m-10{margin: 10px;}
    .m-down-m-15{margin: 15px;}
    .m-down-m-20{margin: 20px;}
    .m-down-m-25{margin: 25px;}
    .m-down-mt-5{margin-top: 5px;}
    .m-down-mt-10{margin-top: 10px;}
    .m-down-mt-15{margin-top: 15px;}
    .m-down-mt-20{margin-top: 20px;}
    .m-down-mt-25{margin-top: 25px;}
    .m-down-mb-5{margin-bottom: 5px;}
    .m-down-mb-10{margin-bottom: 10px;}
    .m-down-mb-15{margin-bottom: 15px;}
    .m-down-mb-20{margin-bottom: 20px;}
    .m-down-mb-25{margin-bottom: 25px;}
    .m-down-ml-5{margin-left: 5px;}
    .m-down-ml-10{margin-left: 10px;}
    .m-down-ml-15{margin-left: 15px;}
    .m-down-ml-20{margin-left: 20px;}
    .m-down-ml-25{margin-left: 25px;}
    .m-down-mr-5{margin-right: 5px;}
    .m-down-mr-10{margin-right: 10px;}
    .m-down-mr-15{margin-right: 15px;}
    .m-down-mr-20{margin-right: 20px;}
    .m-down-mr-25{margin-right: 25px;}
    
    .m-down-b-black{border: 1px solid black;}
    .m-down-bl-black{border-left: 1px solid black;}
    .m-down-br-black{border-right: 1px solid black;}
    .m-down-bt-black{border-top: 1px solid black;}
    .m-down-bb-black{border-bottom: 1px solid black;}
    
    .m-down-b-white{border: 1px solid white;}
    .m-down-bl-white{border-left: 1px solid white;}
    .m-down-br-white{border-right: 1px solid white;}
    .m-down-bt-white{border-top: 1px solid white;}
    .m-down-bb-white{border-bottom: 1px solid white;}
    
    .m-down-b-gray{border: 1px solid lightgray;}
    .m-down-bl-gray{border-left: 1px solid lightgray;}
    .m-down-br-gray{border-right: 1px solid lightgray;}
    .m-down-bt-gray{border-top: 1px solid lightgray;}
    .m-down-bb-gray{border-bottom: 1px solid lightgray;}
    
    .m-down-disp-l{overflow: hidden;float: left;}
    .m-down-disp-r{overflow: hidden;float: right;}
    
    .m-down-pos-rel{position: relative;}
    .m-down-pos-abs{position: absolute;}
    .m-down-pos-stc{position: static;}
    .m-down-pos-t{top:0px;}
    .m-down-pos-b{bottom:0px;}
    .m-down-pos-r{right:0px;}
    .m-down-pos-l{left:0px;}
    .m-down-pos-vc{top:50%;transform: translateY(-50%)}
    .m-down-pos-hc{left:50%;transform: translateX(-50%)}
    .m-down-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .m-down-back-img-pos-c{background-position: center;}
    .m-down-back-img-pos-b{background-position: bottom;}
    .m-down-back-img-pos-t{background-position: top;}
    .m-down-back-img-pos-l{background-position: left;}
    .m-down-back-img-pos-r{background-position: right;}
    .m-down-back-img-rep-no{background-repeat: no-repeat;}
    .m-down-back-img-size-cov{background-size: cover;}
    .m-down-back-img-size-cont{background-size: contain;}
}

@media only screen and (min-width: 769px)
{
    .l-up-w-1{width: 8.33%;}
    .l-up-w-2{width: 16.66%;}
    .l-up-w-3{width: 25%;}
    .l-up-w-4{width: 33.33%;}
    .l-up-w-5{width: 41.66%;}
    .l-up-w-6{width: 50%;}
    .l-up-w-7{width: 58.33%;}
    .l-up-w-8{width: 66.66%;}
    .l-up-w-9{width: 75%;}
    .l-up-w-10{width: 83.330%;}
    .l-up-w-11{width: 91.66%;}
    .l-up-w-12{width: 100%;}
    .l-up-w-20{width: 20%;}
    .l-up-w-40{width: 40%;}
    .l-up-w-60{width: 60%;}
    .l-up-w-80{width: 80%;}
    
    .l-up-h-50{height: 50px;min-height: 50px;}
    .l-up-h-100{height: 100px;min-height: 100px;}
    .l-up-h-150{height: 150px;min-height: 150px;}
    .l-up-h-200{height: 200px;min-height: 200px;}
    .l-up-h-250{height: 250px;min-height: 250px;}
    .l-up-h-300{height: 300px;min-height: 300px;}
    .l-up-h-350{height: 350px;min-height: 350px;}
    .l-up-h-400{height: 400px;min-height: 400px;}
    .l-up-h-450{height: 450px;min-height: 450px;}
    .l-up-h-500{height: 500px;min-height: 500px;}
    .l-up-h-550{height: 550px;min-height: 550px;}
    
    .l-up-full-w{width:100%;}
    .l-up-full-h{height: 100%;}
    .l-up-full-v-w{width:100vw;}
    .l-up-full-v-h{height: 100vh;}
    .l-up-fill{width: 100%;height: 100%}
    .l-up-fill-v{width: 100vw;height: 100vh}
    
    .l-up-hide{display: none}
    .l-up-fade-4{opacity: 0.4}
    .l-up-fade-6{opacity: 0.6}
    .l-up-fade-8{opacity: 0.8}
    
    .l-up-fs-10{font-size: 10px;}
    .l-up-fs-15{font-size: 15px;}
    .l-up-fs-20{font-size: 20px;}
    .l-up-fs-25{font-size: 25px;}
    .l-up-fs-30{font-size: 30px;}
    .l-up-fs-35{font-size: 35px;}
    .l-up-fs-40{font-size: 40px;}
    .l-up-fs-45{font-size: 45px;}
    .l-up-fs-50{font-size: 50px;}
    .l-up-fs-55{font-size: 55px;}
    .l-up-fs-60{font-size: 60px;}
    
    .l-up-p-5{padding: 5px;}
    .l-up-p-10{padding: 10px;}
    .l-up-p-15{padding: 15px;}
    .l-up-p-20{padding: 20px;}
    .l-up-p-25{padding: 25px;}
    .l-up-pt-5{padding-top: 5px;}
    .l-up-pt-10{padding-top: 10px;}
    .l-up-pt-15{padding-top: 15px;}
    .l-up-pt-20{padding-top: 20px;}
    .l-up-pt-25{padding-top: 25px;}
    .l-up-pb-5{padding-bottom: 5px;}
    .l-up-pb-10{padding-bottom: 10px;}
    .l-up-pb-15{padding-bottom: 15px;}
    .l-up-pb-20{padding-bottom: 20px;}
    .l-up-pb-25{padding-bottom: 25px;}
    .l-up-pl-5{padding-left: 5px;}
    .l-up-pl-10{padding-left: 10px;}
    .l-up-pl-15{padding-left: 15px;}
    .l-up-pl-20{padding-left: 20px;}
    .l-up-pl-25{padding-left: 25px;}
    .l-up-pr-5{padding-right: 5px;}
    .l-up-pr-10{padding-right: 10px;}
    .l-up-pr-15{padding-right: 15px;}
    .l-up-pr-20{padding-right: 20px;}
    .l-up-pr-25{padding-right: 25px;}
    
    .l-up-m-5{margin: 5px;}
    .l-up-m-10{margin: 10px;}
    .l-up-m-15{margin: 15px;}
    .l-up-m-20{margin: 20px;}
    .l-up-m-25{margin: 25px;}
    .l-up-mt-5{margin-top: 5px;}
    .l-up-mt-10{margin-top: 10px;}
    .l-up-mt-15{margin-top: 15px;}
    .l-up-mt-20{margin-top: 20px;}
    .l-up-mt-25{margin-top: 25px;}
    .l-up-mb-5{margin-bottom: 5px;}
    .l-up-mb-10{margin-bottom: 10px;}
    .l-up-mb-15{margin-bottom: 15px;}
    .l-up-mb-20{margin-bottom: 20px;}
    .l-up-mb-25{margin-bottom: 25px;}
    .l-up-ml-5{margin-left: 5px;}
    .l-up-ml-10{margin-left: 10px;}
    .l-up-ml-15{margin-left: 15px;}
    .l-up-ml-20{margin-left: 20px;}
    .l-up-ml-25{margin-left: 25px;}
    .l-up-mr-5{margin-right: 5px;}
    .l-up-mr-10{margin-right: 10px;}
    .l-up-mr-15{margin-right: 15px;}
    .l-up-mr-20{margin-right: 20px;}
    .l-up-mr-25{margin-right: 25px;}
    
    .l-up-b-black{border: 1px solid black;}
    .l-up-bl-black{border-left: 1px solid black;}
    .l-up-br-black{border-right: 1px solid black;}
    .l-up-bt-black{border-top: 1px solid black;}
    .l-up-bb-black{border-bottom: 1px solid black;}
    
    .l-up-b-white{border: 1px solid white;}
    .l-up-bl-white{border-left: 1px solid white;}
    .l-up-br-white{border-right: 1px solid white;}
    .l-up-bt-white{border-top: 1px solid white;}
    .l-up-bb-white{border-bottom: 1px solid white;}
    
    .l-up-b-gray{border: 1px solid lightgray;}
    .l-up-bl-gray{border-left: 1px solid lightgray;}
    .l-up-br-gray{border-right: 1px solid lightgray;}
    .l-up-bt-gray{border-top: 1px solid lightgray;}
    .l-up-bb-gray{border-bottom: 1px solid lightgray;}
    
    .l-up-disp-l{overflow: hidden;float: left;}
    .l-up-disp-r{overflow: hidden;float: right;}
    
    .l-up-pos-rel{position: relative;}
    .l-up-pos-abs{position: absolute;}
    .l-up-pos-stc{position: static;}
    .l-up-pos-t{top:0px;}
    .l-up-pos-b{bottom:0px;}
    .l-up-pos-r{right:0px;}
    .l-up-pos-l{left:0px;}
    .l-up-pos-vc{top:50%;transform: translateY(-50%)}
    .l-up-pos-hc{left:50%;transform: translateX(-50%)}
    .l-up-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .l-up-back-img-pos-c{background-position: center;}
    .l-up-back-img-pos-b{background-position: bottom;}
    .l-up-back-img-pos-t{background-position: top;}
    .l-up-back-img-pos-l{background-position: left;}
    .l-up-back-img-pos-r{background-position: right;}
    .l-up-back-img-rep-no{background-repeat: no-repeat;}
    .l-up-back-img-size-cov{background-size: cover;}
    .l-up-back-img-size-cont{background-size: contain;}
}

@media only screen and (max-width: 1024px)
{
    .l-down-w-1{width: 8.33%;}
    .l-down-w-2{width: 16.66%;}
    .l-down-w-3{width: 25%;}
    .l-down-w-4{width: 33.33%;}
    .l-down-w-5{width: 41.66%;}
    .l-down-w-6{width: 50%;}
    .l-down-w-7{width: 58.33%;}
    .l-down-w-8{width: 66.66%;}
    .l-down-w-9{width: 75%;}
    .l-down-w-10{width: 83.330%;}
    .l-down-w-11{width: 91.66%;}
    .l-down-w-12{width: 100%;}
    .l-down-w-20{width: 20%;}
    .l-down-w-40{width: 40%;}
    .l-down-w-60{width: 60%;}
    .l-down-w-80{width: 80%;}
    
    .l-down-h-50{height: 50px;min-height: 50px;}
    .l-down-h-100{height: 100px;min-height: 100px;}
    .l-down-h-150{height: 150px;min-height: 150px;}
    .l-down-h-200{height: 200px;min-height: 200px;}
    .l-down-h-250{height: 250px;min-height: 250px;}
    .l-down-h-300{height: 300px;min-height: 300px;}
    .l-down-h-350{height: 350px;min-height: 350px;}
    .l-down-h-400{height: 400px;min-height: 400px;}
    .l-down-h-450{height: 450px;min-height: 450px;}
    .l-down-h-500{height: 500px;min-height: 500px;}
    .l-down-h-550{height: 550px;min-height: 550px;}
    
    .l-down-full-w{width:100%;}
    .l-down-full-h{height: 100%;}
    .l-down-full-v-w{width:100vw;}
    .l-down-full-v-h{height: 100vh;}
    .l-down-fill{width: 100%;height: 100%}
    .l-down-fill-v{width: 100vw;height: 100vh}
    
    .l-down-hide{display: none}
    .l-down-fade-4{opacity: 0.4}
    .l-down-fade-6{opacity: 0.6}
    .l-down-fade-8{opacity: 0.8}
    
    .l-down-fs-10{font-size: 10px;}
    .l-down-fs-15{font-size: 15px;}
    .l-down-fs-20{font-size: 20px;}
    .l-down-fs-25{font-size: 25px;}
    .l-down-fs-30{font-size: 30px;}
    .l-down-fs-35{font-size: 35px;}
    .l-down-fs-40{font-size: 40px;}
    .l-down-fs-45{font-size: 45px;}
    .l-down-fs-50{font-size: 50px;}
    .l-down-fs-55{font-size: 55px;}
    .l-down-fs-60{font-size: 60px;}
    
    .l-down-p-5{padding: 5px;}
    .l-down-p-10{padding: 10px;}
    .l-down-p-15{padding: 15px;}
    .l-down-p-20{padding: 20px;}
    .l-down-p-25{padding: 25px;}
    .l-down-pt-5{padding-top: 5px;}
    .l-down-pt-10{padding-top: 10px;}
    .l-down-pt-15{padding-top: 15px;}
    .l-down-pt-20{padding-top: 20px;}
    .l-down-pt-25{padding-top: 25px;}
    .l-down-pb-5{padding-bottom: 5px;}
    .l-down-pb-10{padding-bottom: 10px;}
    .l-down-pb-15{padding-bottom: 15px;}
    .l-down-pb-20{padding-bottom: 20px;}
    .l-down-pb-25{padding-bottom: 25px;}
    .l-down-pl-5{padding-left: 5px;}
    .l-down-pl-10{padding-left: 10px;}
    .l-down-pl-15{padding-left: 15px;}
    .l-down-pl-20{padding-left: 20px;}
    .l-down-pl-25{padding-left: 25px;}
    .l-down-pr-5{padding-right: 5px;}
    .l-down-pr-10{padding-right: 10px;}
    .l-down-pr-15{padding-right: 15px;}
    .l-down-pr-20{padding-right: 20px;}
    .l-down-pr-25{padding-right: 25px;}
    
    .l-down-m-5{margin: 5px;}
    .l-down-m-10{margin: 10px;}
    .l-down-m-15{margin: 15px;}
    .l-down-m-20{margin: 20px;}
    .l-down-m-25{margin: 25px;}
    .l-down-mt-5{margin-top: 5px;}
    .l-down-mt-10{margin-top: 10px;}
    .l-down-mt-15{margin-top: 15px;}
    .l-down-mt-20{margin-top: 20px;}
    .l-down-mt-25{margin-top: 25px;}
    .l-down-mb-5{margin-bottom: 5px;}
    .l-down-mb-10{margin-bottom: 10px;}
    .l-down-mb-15{margin-bottom: 15px;}
    .l-down-mb-20{margin-bottom: 20px;}
    .l-down-mb-25{margin-bottom: 25px;}
    .l-down-ml-5{margin-left: 5px;}
    .l-down-ml-10{margin-left: 10px;}
    .l-down-ml-15{margin-left: 15px;}
    .l-down-ml-20{margin-left: 20px;}
    .l-down-ml-25{margin-left: 25px;}
    .l-down-mr-5{margin-right: 5px;}
    .l-down-mr-10{margin-right: 10px;}
    .l-down-mr-15{margin-right: 15px;}
    .l-down-mr-20{margin-right: 20px;}
    .l-down-mr-25{margin-right: 25px;}
    
    .l-down-b-black{border: 1px solid black;}
    .l-down-bl-black{border-left: 1px solid black;}
    .l-down-br-black{border-right: 1px solid black;}
    .l-down-bt-black{border-top: 1px solid black;}
    .l-down-bb-black{border-bottom: 1px solid black;}
    
    .l-down-b-white{border: 1px solid white;}
    .l-down-bl-white{border-left: 1px solid white;}
    .l-down-br-white{border-right: 1px solid white;}
    .l-down-bt-white{border-top: 1px solid white;}
    .l-down-bb-white{border-bottom: 1px solid white;}
    
    .l-down-b-gray{border: 1px solid lightgray;}
    .l-down-bl-gray{border-left: 1px solid lightgray;}
    .l-down-br-gray{border-right: 1px solid lightgray;}
    .l-down-bt-gray{border-top: 1px solid lightgray;}
    .l-down-bb-gray{border-bottom: 1px solid lightgray;}
    
    .l-down-disp-l{overflow: hidden;float: left;}
    .l-down-disp-r{overflow: hidden;float: right;}
    
    .l-down-pos-rel{position: relative;}
    .l-down-pos-abs{position: absolute;}
    .l-down-pos-stc{position: static;}
    .l-down-pos-t{top:0px;}
    .l-down-pos-b{bottom:0px;}
    .l-down-pos-r{right:0px;}
    .l-down-pos-l{left:0px;}
    .l-down-pos-vc{top:50%;transform: translateY(-50%)}
    .l-down-pos-hc{left:50%;transform: translateX(-50%)}
    .l-down-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .l-down-back-img-pos-c{background-position: center;}
    .l-down-back-img-pos-b{background-position: bottom;}
    .l-down-back-img-pos-t{background-position: top;}
    .l-down-back-img-pos-l{background-position: left;}
    .l-down-back-img-pos-r{background-position: right;}
    .l-down-back-img-rep-no{background-repeat: no-repeat;}
    .l-down-back-img-size-cov{background-size: cover;}
    .l-down-back-img-size-cont{background-size: contain;}
}

@media only screen and (min-width: 1025px)
{
    .xl-up-w-1{width: 8.33%;}
    .xl-up-w-2{width: 16.66%;}
    .xl-up-w-3{width: 25%;}
    .xl-up-w-4{width: 33.33%;}
    .xl-up-w-5{width: 41.66%;}
    .xl-up-w-6{width: 50%;}
    .xl-up-w-7{width: 58.33%;}
    .xl-up-w-8{width: 66.66%;}
    .xl-up-w-9{width: 75%;}
    .xl-up-w-10{width: 83.330%;}
    .xl-up-w-11{width: 91.66%;}
    .xl-up-w-12{width: 100%;}
    .xl-up-w-20{width: 20%;}
    .xl-up-w-40{width: 40%;}
    .xl-up-w-60{width: 60%;}
    .xl-up-w-80{width: 80%;}
    
    .xl-up-h-50{height: 50px;min-height: 50px;}
    .xl-up-h-100{height: 100px;min-height: 100px;}
    .xl-up-h-150{height: 150px;min-height: 150px;}
    .xl-up-h-200{height: 200px;min-height: 200px;}
    .xl-up-h-250{height: 250px;min-height: 250px;}
    .xl-up-h-300{height: 300px;min-height: 300px;}
    .xl-up-h-350{height: 350px;min-height: 350px;}
    .xl-up-h-400{height: 400px;min-height: 400px;}
    .xl-up-h-450{height: 450px;min-height: 450px;}
    .xl-up-h-500{height: 500px;min-height: 500px;}
    .xl-up-h-550{height: 550px;min-height: 550px;}
    
    .xl-up-full-w{width:100%;}
    .xl-up-full-h{height: 100%;}
    .xl-up-full-v-w{width:100vw;}
    .xl-up-full-v-h{height: 100vh;}
    .xl-up-fill{width: 100%;height: 100%}
    .xl-up-fill-v{width: 100vw;height: 100vh}
    
    .xl-up-hide{display: none}
    .xl-up-fade-4{opacity: 0.4}
    .xl-up-fade-6{opacity: 0.6}
    .xl-up-fade-8{opacity: 0.8}
    
    .xl-up-fs-10{font-size: 10px;}
    .xl-up-fs-15{font-size: 15px;}
    .xl-up-fs-20{font-size: 20px;}
    .xl-up-fs-25{font-size: 25px;}
    .xl-up-fs-30{font-size: 30px;}
    .xl-up-fs-35{font-size: 35px;}
    .xl-up-fs-40{font-size: 40px;}
    .xl-up-fs-45{font-size: 45px;}
    .xl-up-fs-50{font-size: 50px;}
    .xl-up-fs-55{font-size: 55px;}
    .xl-up-fs-60{font-size: 60px;}
    
    .xl-up-p-5{padding: 5px;}
    .xl-up-p-10{padding: 10px;}
    .xl-up-p-15{padding: 15px;}
    .xl-up-p-20{padding: 20px;}
    .xl-up-p-25{padding: 25px;}
    .xl-up-pt-5{padding-top: 5px;}
    .xl-up-pt-10{padding-top: 10px;}
    .xl-up-pt-15{padding-top: 15px;}
    .xl-up-pt-20{padding-top: 20px;}
    .xl-up-pt-25{padding-top: 25px;}
    .xl-up-pb-5{padding-bottom: 5px;}
    .xl-up-pb-10{padding-bottom: 10px;}
    .xl-up-pb-15{padding-bottom: 15px;}
    .xl-up-pb-20{padding-bottom: 20px;}
    .xl-up-pb-25{padding-bottom: 25px;}
    .xl-up-pl-5{padding-left: 5px;}
    .xl-up-pl-10{padding-left: 10px;}
    .xl-up-pl-15{padding-left: 15px;}
    .xl-up-pl-20{padding-left: 20px;}
    .xl-up-pl-25{padding-left: 25px;}
    .xl-up-pr-5{padding-right: 5px;}
    .xl-up-pr-10{padding-right: 10px;}
    .xl-up-pr-15{padding-right: 15px;}
    .xl-up-pr-20{padding-right: 20px;}
    .xl-up-pr-25{padding-right: 25px;}
    
    .xl-up-m-5{margin: 5px;}
    .xl-up-m-10{margin: 10px;}
    .xl-up-m-15{margin: 15px;}
    .xl-up-m-20{margin: 20px;}
    .xl-up-m-25{margin: 25px;}
    .xl-up-mt-5{margin-top: 5px;}
    .xl-up-mt-10{margin-top: 10px;}
    .xl-up-mt-15{margin-top: 15px;}
    .xl-up-mt-20{margin-top: 20px;}
    .xl-up-mt-25{margin-top: 25px;}
    .xl-up-mb-5{margin-bottom: 5px;}
    .xl-up-mb-10{margin-bottom: 10px;}
    .xl-up-mb-15{margin-bottom: 15px;}
    .xl-up-mb-20{margin-bottom: 20px;}
    .xl-up-mb-25{margin-bottom: 25px;}
    .xl-up-ml-5{margin-left: 5px;}
    .xl-up-ml-10{margin-left: 10px;}
    .xl-up-ml-15{margin-left: 15px;}
    .xl-up-ml-20{margin-left: 20px;}
    .xl-up-ml-25{margin-left: 25px;}
    .xl-up-mr-5{margin-right: 5px;}
    .xl-up-mr-10{margin-right: 10px;}
    .xl-up-mr-15{margin-right: 15px;}
    .xl-up-mr-20{margin-right: 20px;}
    .xl-up-mr-25{margin-right: 25px;}
    
    .xl-up-b-black{border: 1px solid black;}
    .xl-up-bl-black{border-left: 1px solid black;}
    .xl-up-br-black{border-right: 1px solid black;}
    .xl-up-bt-black{border-top: 1px solid black;}
    .xl-up-bb-black{border-bottom: 1px solid black;}
    
    .xl-up-b-white{border: 1px solid white;}
    .xl-up-bl-white{border-left: 1px solid white;}
    .xl-up-br-white{border-right: 1px solid white;}
    .xl-up-bt-white{border-top: 1px solid white;}
    .xl-up-bb-white{border-bottom: 1px solid white;}
    
    .xl-up-b-gray{border: 1px solid lightgray;}
    .xl-up-bl-gray{border-left: 1px solid lightgray;}
    .xl-up-br-gray{border-right: 1px solid lightgray;}
    .xl-up-bt-gray{border-top: 1px solid lightgray;}
    .xl-up-bb-gray{border-bottom: 1px solid lightgray;}
    
    .xl-up-disp-l{overflow: hidden;float: left;}
    .xl-up-disp-r{overflow: hidden;float: right;}
    
    .xl-up-pos-rel{position: relative;}
    .xl-up-pos-abs{position: absolute;}
    .xl-up-pos-stc{position: static;}
    .xl-up-pos-t{top:0px;}
    .xl-up-pos-b{bottom:0px;}
    .xl-up-pos-r{right:0px;}
    .xl-up-pos-l{left:0px;}
    .xl-up-pos-vc{top:50%;transform: translateY(-50%)}
    .xl-up-pos-hc{left:50%;transform: translateX(-50%)}
    .xl-up-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .xl-up-back-img-pos-c{background-position: center;}
    .xl-up-back-img-pos-b{background-position: bottom;}
    .xl-up-back-img-pos-t{background-position: top;}
    .xl-up-back-img-pos-l{background-position: left;}
    .xl-up-back-img-pos-r{background-position: right;}
    .xl-up-back-img-rep-no{background-repeat: no-repeat;}
    .xl-up-back-img-size-cov{background-size: cover;}
    .xl-up-back-img-size-cont{background-size: contain;}
}

@media only screen and (max-width: 1440px)
{
    .xl-down-w-1{width: 8.33%;}
    .xl-down-w-2{width: 16.66%;}
    .xl-down-w-3{width: 25%;}
    .xl-down-w-4{width: 33.33%;}
    .xl-down-w-5{width: 41.66%;}
    .xl-down-w-6{width: 50%;}
    .xl-down-w-7{width: 58.33%;}
    .xl-down-w-8{width: 66.66%;}
    .xl-down-w-9{width: 75%;}
    .xl-down-w-10{width: 83.330%;}
    .xl-down-w-11{width: 91.66%;}
    .xl-down-w-12{width: 100%;}
    .xl-down-w-20{width: 20%;}
    .xl-down-w-40{width: 40%;}
    .xl-down-w-60{width: 60%;}
    .xl-down-w-80{width: 80%;}
    
    .xl-down-h-50{height: 50px;min-height: 50px;}
    .xl-down-h-100{height: 100px;min-height: 100px;}
    .xl-down-h-150{height: 150px;min-height: 150px;}
    .xl-down-h-200{height: 200px;min-height: 200px;}
    .xl-down-h-250{height: 250px;min-height: 250px;}
    .xl-down-h-300{height: 300px;min-height: 300px;}
    .xl-down-h-350{height: 350px;min-height: 350px;}
    .xl-down-h-400{height: 400px;min-height: 400px;}
    .xl-down-h-450{height: 450px;min-height: 450px;}
    .xl-down-h-500{height: 500px;min-height: 500px;}
    .xl-down-h-550{height: 550px;min-height: 550px;}
    
    .xl-down-full-w{width:100%;}
    .xl-down-full-h{height: 100%;}
    .xl-down-full-v-w{width:100vw;}
    .xl-down-full-v-h{height: 100vh;}
    .xl-down-fill{width: 100%;height: 100%}
    .xl-down-fill-v{width: 100vw;height: 100vh}
    
    .xl-down-hide{display: none}
    .xl-down-fade-4{opacity: 0.4}
    .xl-down-fade-6{opacity: 0.6}
    .xl-down-fade-8{opacity: 0.8}
    
    .xl-down-fs-10{font-size: 10px;}
    .xl-down-fs-15{font-size: 15px;}
    .xl-down-fs-20{font-size: 20px;}
    .xl-down-fs-25{font-size: 25px;}
    .xl-down-fs-30{font-size: 30px;}
    .xl-down-fs-35{font-size: 35px;}
    .xl-down-fs-40{font-size: 40px;}
    .xl-down-fs-45{font-size: 45px;}
    .xl-down-fs-50{font-size: 50px;}
    .xl-down-fs-55{font-size: 55px;}
    .xl-down-fs-60{font-size: 60px;}
    
    .xl-down-p-5{padding: 5px;}
    .xl-down-p-10{padding: 10px;}
    .xl-down-p-15{padding: 15px;}
    .xl-down-p-20{padding: 20px;}
    .xl-down-p-25{padding: 25px;}
    .xl-down-pt-5{padding-top: 5px;}
    .xl-down-pt-10{padding-top: 10px;}
    .xl-down-pt-15{padding-top: 15px;}
    .xl-down-pt-20{padding-top: 20px;}
    .xl-down-pt-25{padding-top: 25px;}
    .xl-down-pb-5{padding-bottom: 5px;}
    .xl-down-pb-10{padding-bottom: 10px;}
    .xl-down-pb-15{padding-bottom: 15px;}
    .xl-down-pb-20{padding-bottom: 20px;}
    .xl-down-pb-25{padding-bottom: 25px;}
    .xl-down-pl-5{padding-left: 5px;}
    .xl-down-pl-10{padding-left: 10px;}
    .xl-down-pl-15{padding-left: 15px;}
    .xl-down-pl-20{padding-left: 20px;}
    .xl-down-pl-25{padding-left: 25px;}
    .xl-down-pr-5{padding-right: 5px;}
    .xl-down-pr-10{padding-right: 10px;}
    .xl-down-pr-15{padding-right: 15px;}
    .xl-down-pr-20{padding-right: 20px;}
    .xl-down-pr-25{padding-right: 25px;}
    
    .xl-down-m-5{margin: 5px;}
    .xl-down-m-10{margin: 10px;}
    .xl-down-m-15{margin: 15px;}
    .xl-down-m-20{margin: 20px;}
    .xl-down-m-25{margin: 25px;}
    .xl-down-mt-5{margin-top: 5px;}
    .xl-down-mt-10{margin-top: 10px;}
    .xl-down-mt-15{margin-top: 15px;}
    .xl-down-mt-20{margin-top: 20px;}
    .xl-down-mt-25{margin-top: 25px;}
    .xl-down-mb-5{margin-bottom: 5px;}
    .xl-down-mb-10{margin-bottom: 10px;}
    .xl-down-mb-15{margin-bottom: 15px;}
    .xl-down-mb-20{margin-bottom: 20px;}
    .xl-down-mb-25{margin-bottom: 25px;}
    .xl-down-ml-5{margin-left: 5px;}
    .xl-down-ml-10{margin-left: 10px;}
    .xl-down-ml-15{margin-left: 15px;}
    .xl-down-ml-20{margin-left: 20px;}
    .xl-down-ml-25{margin-left: 25px;}
    .xl-down-mr-5{margin-right: 5px;}
    .xl-down-mr-10{margin-right: 10px;}
    .xl-down-mr-15{margin-right: 15px;}
    .xl-down-mr-20{margin-right: 20px;}
    .xl-down-mr-25{margin-right: 25px;}
    
    .xl-down-b-black{border: 1px solid black;}
    .xl-down-bl-black{border-left: 1px solid black;}
    .xl-down-br-black{border-right: 1px solid black;}
    .xl-down-bt-black{border-top: 1px solid black;}
    .xl-down-bb-black{border-bottom: 1px solid black;}
    
    .xl-down-b-white{border: 1px solid white;}
    .xl-down-bl-white{border-left: 1px solid white;}
    .xl-down-br-white{border-right: 1px solid white;}
    .xl-down-bt-white{border-top: 1px solid white;}
    .xl-down-bb-white{border-bottom: 1px solid white;}
    
    .xl-down-b-gray{border: 1px solid lightgray;}
    .xl-down-bl-gray{border-left: 1px solid lightgray;}
    .xl-down-br-gray{border-right: 1px solid lightgray;}
    .xl-down-bt-gray{border-top: 1px solid lightgray;}
    .xl-down-bb-gray{border-bottom: 1px solid lightgray;}
    
    .xl-down-disp-l{overflow: hidden;float: left;}
    .xl-down-disp-r{overflow: hidden;float: right;}
    
    .xl-down-pos-rel{position: relative;}
    .xl-down-pos-abs{position: absolute;}
    .xl-down-pos-stc{position: static;}
    .xl-down-pos-t{top:0px;}
    .xl-down-pos-b{bottom:0px;}
    .xl-down-pos-r{right:0px;}
    .xl-down-pos-l{left:0px;}
    .xl-down-pos-vc{top:50%;transform: translateY(-50%)}
    .xl-down-pos-hc{left:50%;transform: translateX(-50%)}
    .xl-down-pos-ca{top:50%;left:50%;transform: translate(-50%, -50%);}
    
    .xl-down-back-img-pos-c{background-position: center;}
    .xl-down-back-img-pos-b{background-position: bottom;}
    .xl-down-back-img-pos-t{background-position: top;}
    .xl-down-back-img-pos-l{background-position: left;}
    .xl-down-back-img-pos-r{background-position: right;}
    .xl-down-back-img-rep-no{background-repeat: no-repeat;}
    .xl-down-back-img-size-cov{background-size: cover;}
    .xl-down-back-img-size-cont{background-size: contain;}
}