.menu, .menu-hider{display:none; opacity:0;}
*:focus {outline: none;}
::-webkit-scrollbar{display: none;}
::selection {background-color:#CCC; color:#000;}

*{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    font-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: subpixel-antialiased!important;
    -webkit-transform: translate3d(1,1,1);
    transform: translate3d(1,1,1);
    text-rendering: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    }
body {
    user-select: none;
}
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-weight: 400;
    background-color: #f7f8fa;
    color:#191919;
}
#page {
    display: block;
    left: 0px;
    right: 0px;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    background:#f7f8fa
}

textarea, input {outline: none;}

input[type="submit"]{appearance:none;   -webkit-appearance: none;}
input{border-radius: 0; -webkit-border-radius:0px; display:inline-block;}
textarea{-webkit-appearance: none!important; border-radius: 5px!important; -webkit-border-radius:5px!important;}
label a{display:inline-block;}
.no-click{pointer-events:none!important;}
.no-transition{transition:all 0ms ease!important;}
/*---Typography---*/
/*----------------*/
p > span {display: inline;}
p strong{font-size:13px; font-weight:500;}
span > a {display: inline;}
a > span {display: inline;}
strong a, em a{display:inline;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {display: inline;}
table {border-collapse: separate; border-spacing: 0; width: 100%; clear: both; margin-bottom: 27px;}
th {vertical-align: middle; font-weight: bold;}
tr {line-height: 18px;}
td {padding:9px 0px 9px 0px; line-height: 18px;	vertical-align:top;font-size:15px;}
.table tr.even td{background: #efefef;}
th{	border-bottom: 1px solid rgba(255,255,255,0.1); color: #1f1f1f; line-height:30px;	background-color: #f6f6f6;}
td{ color: #666;}
/*table{background-color: #f6f6f6; font-size:12px;}*/
ul, ol{color:#666666; font-size:13px; margin-left:20px;}
ul {margin-bottom: 30px;}
ul ul{margin-bottom:5px;}
ol ol{margin-bottom:5px;}
ol {margin-bottom: 30px;}
li {line-height: 24px;	margin-bottom:5px;}
ol > li:last-child, ul > li:last-child {margin-bottom:0px;}
sub, sup{font-size: 50%; line-height: 0;  position: relative;  vertical-align: baseline;}
sup{top: -15px;} sub{bottom: 0px;}
i{min-width:12px;}
.disabled{display:none!important;}
.stop-scroll{overflow: hidden!important;}
.no-click{pointer-events:none;}
.no-border{border:none!important;}
.responsive-image{display:block; width:100%;}
.round-image{border-radius:100%;}
/*Typography*/
p strong{color:#1f1f1f;}

.under-heading{margin-top:-8px;}
.heading-icon{float:right;}

.color-skin{color:#000;}
.color-black{color:#000!important;}
.color-white{color:#FFF!important;}
.color-theme{color:#1f1f1f!important;}
.bg-theme{background-color:#FFF;}
.bg-black{background-color:#000!important;}
.bg-white{background-color:#FFF!important;}
.bg-transparent{background-color:transparent!important;}

.highlight{color:#FFF; padding:0px 5px;}
.icon-list{list-style: none; padding-left:5px;}
.icon-list i{position:absolute; left:0px; margin-top:6px;}
.border-box{border-left-style: solid; border-width: 4px!important; padding: 5px 0px 5px 15px;}
.border-box strong, .border-box em{display:block; font-style: normal;}

/*Reusable Classes*/
.uppercase{text-transform: uppercase;}
.capitalize{text-transform:capitalize;}
.left-text, .center-text, .right-text, .text-center, .text-right, .text-left{display:block;}
.text-left, .left-text{text-align:left!important; display:block!important;}
.text-right, .right-text{text-align:right!important; display:block!important;}
.text-center, .center-text{text-align:center!important; display:block;}
.text-center img, .center-text img{margin:0 auto;}
.boxed-text-huge{width:90%; max-width:340px; text-align:center; margin-left:auto; margin-right:auto;}
.boxed-text-large{width:85%; max-width:300px; text-align:center; margin-left:auto; margin-right:auto;}
.boxed-text-medium{width:80%; max-width:300px; text-align:center; margin-left:auto; margin-right:auto;}
.boxed-text-small{width:70%; max-width:260px; text-align:center; margin-left:auto; margin-right:auto;}
.center-vertical{position:absolute; width:100%; top:50%; transform:translateY(-50%);}
.center-horizontal{margin:0 auto;}
/*Line Height Control*/
.line-height-small{line-height:17px!important;}
.line-height-medium{line-height:24px!important;}
.line-height-large{line-height:26px!important;}
.line-height-huge{line-height:34px!important;}

/*Font Weight Control*/
.thin{font-weight:300!important}
.ultrathin{font-weight:100!important}
.thiner{font-weight:400!important}
.bold{font-weight:600!important}
.regularbold{font-weight:500!important}
.bolder{font-weight:700!important}
.ultrabold{font-weight:900!important}
.font-italic{font-style: italic;}
.font-regular{font-style: normal;}
.font-none{text-transform:none!important;}
.font-uppercase{text-transform:uppercase!important;}
.font-lowercase{text-transform:lowercase!important;}
.font-capitalize{text-transform:capitalize!important;}

/*Wrapped Text*/
.wrapped-text-small{padding:2px 10px;}
.wrapped-text-medium{padding:5px 12px;}
.wrapped-text-large{padding:6px 14px;}

/*Floats*/
.float-left{float:left;}
.float-right{float:right;}

/*Columns*/
.clear{clear:both;}
.one-half{width:48%; margin-right:2%; float:left;padding-top: 20px;padding-bottom:75px;}
.one-half.last-column{width:48%; margin:0% 0% auto 2%; float:left;}
.one-third{width:31.7%; margin-right:2%; float:left;}
.one-fourth{width:23%; margin-right:2%; float:left;}
.one-third.last-column{width:31.7%; margin:0% 0% auto 0%; float:left;}
.one-fourth.last-column {width:23%; margin:0% 0% auto 0%; float:left;}
.one-half .content-boxed .content{margin-left:8px; margin-right:8px;}
.one-third .content-boxed .content{margin-left:8px; margin-right:8px;}
.one-fourth .content-boxed .content{margin-left:6px; margin-right:6px;}
.one-half .content-boxed{margin-right:0px;}
.one-half.last-column .content-boxed{margin-right:15px; margin-left:0px;}

/*Columns Div*/
.columns-three .col{width:30%; float:left;  margin-right:5%;}
.columns-three .col:nth-child(3n+3){margin-right:0%;}
.columns-two .col{width:48%; float:left; margin-right:4%;}
.columns-two .col:nth-child(2n+2){margin-right:0%;}

.grid-columns .column{width:46%; text-align:center; float:left; margin-left:3%;}
.grid-columns .column:nth-child(2n+1){margin-right:3%; margin-left:0%;}
.grid-columns .column i{line-height:75px; width:75px; display:block; margin:0 auto 15px auto; text-align:center; font-size:40px;}
.grid-columns .column p{line-height:24px; font-size:12px;}
.grid-columns .column span{font-size:11px; margin-top:-5px; display:block; margin-bottom:10px;}


.quad-slider.grid-columns-small .column{width:100%!important; float:none!important;}
.grid-columns-small .column{
    width:25%;
    text-align:center;
    float:left;
    margin-bottom:30px;
}
.grid-columns-small .column p{
    text-align:center;
    line-height:12px;
    margin-top:10px;
    font-weight:600;
    text-transform:uppercase;
    font-size:10px;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    margin-bottom:30px;
}

.list-columns-left .column i, .list-columns-left img{text-align:center; width:65px!important; line-height:65px; position:absolute; margin-top:8px;}
.list-columns-left .column h1{padding-left:80px; margin-bottom:0px; font-size:18px;}
.list-columns-left .column p{padding-left:80px; line-height:22px;}
.list-columns-left .column{min-height:80px;}
.list-columns-left .column span{padding-left:80px; display:block; margin-top:-8px; font-size:11px; margin-bottom:5px;}

.list-columns-right .column i, .list-columns-right img{right:0px; text-align:center; width:65px!important; line-height:65px; position:absolute; margin-top:5px;}
.list-columns-right .column h1{padding-right:80px; margin-bottom:0px; font-size:18px;}
.list-columns-right .column p{padding-right:90px; line-height:22px;}
.list-columns-right .column{min-height:80px;}
.list-columns-right .column span{padding-right:80px; display:block; margin-top:-8px; font-size:11px; margin-bottom:5px;}

.single-slider .column, .double-slider .column{padding:0px 7px;}
.double-slider .column{width:100%;}

/*Preloader*/
.loader-main{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:99;
    background-color:#FFF;
    will-change: opacity;
    transition:all 250ms ease;
    z-index: 100;
}

.loader-active{
    will-change: opacity;
    transition:all 350ms ease;
    opacity:1!important;
    z-index: 99;
}
.loader-inactive{
    will-change: opacity;
    transition:all 350ms ease;
    opacity:0!important;
    pointer-events: none!important;
    z-index: 99;
}
.preload-spinner, .preload-spinner {
	/*animation: preload-spin1 1.2s ease infinite;
	clip: rect(0, 40px, 40px, 20px);*/
	height: 40px;0
	width: 40px;
	position: absolute;
	left: 50%;
	margin-left:-20px;
	top:50%;
	margin-top:-20px;
}
.preload-spinner:after{
	animation: preload-spin2 1.2s ease-in-out infinite;
	clip: rect(0, 40px, 40px, 20px);
	content:'';
	border-radius: 50%;
	height: 40px;
	width: 40px;
	position: absolute;
    border-style: solid;
    border-width: 3px;
    border-color:inherit;
}
@keyframes preload-spin1 {25% {transform: rotate(0deg)}  100% {transform: rotate(185deg)}}
@keyframes preload-spin2 {0% {transform: rotate(-175deg);}	100% {transform: rotate(175deg);}}
.preload-small:after{border-width: 1px;}
.preload-large:after{border-width: 8px;}


/*Backgrounds*/
.bg-0{background-image:url(../images/pictures/0t.jpg);}
.bg-1{background-image:url(../images/pictures/1.jpg);}
.bg-2{background-image:url(../images/pictures/2.jpg);}
.bg-3{background-image:url(../images/pictures/3.jpg);}
.bg-4{background-image:url(../images/pictures/4.jpg);}
.bg-5{background-image:url(../images/pictures/5.jpg);}
.bg-6{background-image:url(../images/pictures/6.jpg);}
.bg-7{background-image:url(../images/pictures/7.jpg);}
.bg-8{background-image:url(../images/pictures/8.jpg);}
.bg-9{background-image:url(../images/pictures/9.jpg);}
.bg-10{background-image:url(../images/pictures/10.jpg);}
.bg-11{background-image:url(../images/pictures/11.jpg);}
.bg-12{background-image:url(../images/pictures/12.jpg);}
.bg-13{background-image:url(../images/pictures/13.jpg);}
.bg-14{background-image:url(../images/pictures/14.jpg);}
.bg-15{background-image:url(../images/pictures/15.jpg);}
.bg-16{background-image:url(../images/pictures/16.jpg);}
.bg-17{background-image:url(../images/pictures/17.jpg);}
.bg-18{background-image:url(../images/pictures/18.jpg);}
.bg-19{background-image:url(../images/pictures/19.jpg);}
.bg-20{background-image:url(../images/pictures/20.jpg);}
.bg-21{background-image:url(../images/pictures/21.jpg);}
.bg-22{background-image:url(../images/pictures/22.jpg);}
.bg-23{background-image:url(../images/pictures/23.jpg);}
.bg-24{background-image:url(../images/pictures/24.jpg);}
.bg-25{background-image:url(../images/pictures/25.jpg);}
.bg-26{background-image:url(../images/pictures/26.jpg);}
.bg-27{background-image:url(../images/pictures/27.jpg);}
.bg-28{background-image:url(../images/pictures/28.jpg);}
.bg-29{background-image:url(../images/pictures/29.jpg);}
.bg-30{background-image:url(../images/pictures/30.jpg);}

/*Dividers*/
.divider{height:1px; display:block; background-color:#ebebeb; margin-bottom:30px;}
.divider-margins{margin:0px 0px 5px 0px;}
.divider-icon{height:1px; display:block; background-color:rgba(0,0,0,0.08); margin-bottom:50px;}
.content-boxed .divider-icon i{background-color:#FFF;}
.divider-icon i{position:absolute; width:50px; background-color:#FFF; text-align:center; margin-top:-8px; left:50%; transform:translateX(-50%);}
.divider-small{height:2px; width:80px; margin:auto auto 20px auto;}
.divider-small-left{height:2px; width:80px; margin-bottom:15px!important;}

/*Shadows*/
.shadow-none, .no-shadow{box-shadow:0px 0px 0px 0px rgba(0,0,0,0)!important;}
.shadow-tiny{box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.04)!important;}
.shadow-small{box-shadow: 0 4px 10px 0 rgba(0,0,0,0.10)!important;}
.shadow-medium{box-shadow:0 2px 14px 0 rgba(0,0,0,0.08)!important;}
.shadow-large{box-shadow:0 5px 15px 0 rgba(0,0,0,0.09)!important;}
.shadow-huge{box-shadow:0 5px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)!important;}
.text-shadow{text-shadow:0px 1px 0px rgba(0,0,0,0.4);}
.text-shadow-large{text-shadow:0px 1px 2px rgba(0,0,0,0.4);}


/*Content Boxes*/
@media(max-width:325px){
    .caption-margins{margin:0px 10px 40px 10px!important;}
}

.under-content-button{
    width:200px;
    left:50%;
    transform:translateX(-50%);
    text-align:center;
    margin-top:-23px;
}

.content .division_line_1{
    width: calc(100% + 30px);
    border: 1px solid #F5F5F5;
    margin: 20px 0;
    right: 15px;
}
.content.underline {
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 15px;
    margin: 15px;
}

.round-tiny, .content-round-tiny, .menu-box-round-tiny{border-radius:7px!important; overflow:hidden;}
.round-small, .content-round-small, .menu-box-round-small{border-radius:10px!important; overflow:hidden;}
.round-medium, .content-round-medium, .menu-box-round-medium{border-radius:15px!important; overflow:hidden;}
.round-large, .content-round-large, .menu-box-round-large{border-radius:20px!important; overflow:hidden;}
.round-huge, .content-round-huge, .menu-box-round-huge{border-radius:33px!important; overflow:hidden;}
.vertical-center{position:absolute; top:50%; width:100%; transform:translateY(-50%);}
.horizontal-center{display:block; margin:0 auto;}
.content-box{padding:20px; margin:0px 0px 30px 0px;}
.content-box p{margin-bottom:0px;}
.content-above{z-index:3;}
.content-overlay, .content-background{z-index:2; position:absolute; left:0px; right:0px; bottom:0px; top:0px;}
.content-background{z-index:1; background-size:cover;}

.fade-content{z-index:98;}
.fade-content h1{margin-bottom:-2px; font-size:33px; font-weight:800;}
.fade-content p{margin:0px 20px 20px 20px;}

.content-title h1{font-size:24px; font-weight:700; margin-bottom:-2px;}
.content-title span{display:block; text-align:left; font-size:12px; margin-bottom:15px;}
/*--.content-title i{
    position:absolute;
    right:0px;
    top:-1px;
    height:45px;
    width:45px;
    line-height:46px;
    font-size:15px;
    text-align:center;
    display:block;
}---*/

/*--Page Content Settings---*/
.page-content{transition:transform 300ms ease;overflow-x:hidden}
.header, .menu-active, .menu, .side-bar-menu{transition: transform 300ms ease; will-change: transform, opacity;}
.menu-hider{transition:opacity 300ms ease; will-change:opacity;}
.page-content{z-index:90;height:100%;}
/*--.page-bg{
    position:fixed;
    top:-100px;
    bottom:-100px;
    left:0px;
    right:0px;
    z-index:50;
}---*/

/*---Page Transitions---*/
.page-content-black{
    background-color:#000;
    position:fixed;
    top:-100px;
    bottom:-100px;
    left:0px;
    right:0px;
}

/*--Header---*/
.header .header-title, .header-nav .header-title{
	position:absolute;
	height:55px;
	line-height:55px;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	font-size:14px;
	color:#000;
	font-weight:900;
	z-index:1;
    text-transform:uppercase;
}

.header-subtitle{
    font-size:13px!important;
    text-transform:none!important;
    font-weight:600!important;
    transform:translateX(-5px);
}

.header .header-logo, .header-nav .header-logo{
	background-repeat: no-repeat;
	background-position:center center;
	height:100%;
	position:absolute;
	z-index:1;
	left:50%;
}

.header, .header-nav{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:55px;
	z-index:99;
}

.header-auto-show{opacity:0; pointer-events:none; transition:all 300ms ease;}
.header-active{opacity:1; pointer-events:all; transition:all 300ms ease;}
.header-always-show .header{margin-top:0px!important;}

.header-static{position:relative!important;}
.theme-light .header-transparent{background-color:transparent!important; box-shadow:none!important; border:none!important;}
.header-clear-small{padding-top:20px;}
.header-clear-medium{padding-top:70px;}
.header-clear-large{padding-top:85px;}

.header .header-icon{
	position:absolute;
	height:55px;
	width:45px;
	text-align:center;
	line-height:54px;
	font-size:18px;
    color:#3a3a3a;
    font-weight: normal;
}

.header{
    background-color:#FFF;
    border-bottom:solid 1px rgba(0,0,0,0.03);
    /*box-shadow:0 4px 18px 0 rgba(0,0,0,0.08);*/
}

.header-transparent-light{background-color:transparent;box-shadow:none!important;}
.header-transparent-light a{color:#FFF;}
.header-transparent-dark{background-color:transparent;box-shadow:none!important;}
.header-transparent-dark a{color:#000;}

.header-logo-center .header-icon-1{left:0px;}
.header-logo-center .header-icon-2{left:45px;}
.header-logo-center .header-icon-3{right:45px;}
.header-logo-center .header-icon-4{right:0px;}
.header-logo-center .header-title{width:150px; left:50%; margin-left:-75px; text-align:center;}
.header-logo-center .header-logo{background-position:center center; width:150px!important; left:50%; margin-left:-75px; text-align:center;}

.header-logo-left .header-icon-1{right:0px;}
.header-logo-left .header-icon-2{right:45px;}
.header-logo-left .header-icon-3{right:90px;}
.header-logo-left .header-icon-4{right:135px;}
.header-logo-left .header-logo{left:0px!important; margin-left:0px!important;}
.header-logo-left .header-title{left:15px!important; margin-left:0px!important;}

.header-logo-right .header-icon-1{left:0px;}
.header-logo-right .header-icon-2{left:45px;}
.header-logo-right .header-icon-3{left:90px;}
.header-logo-right .header-icon-4{left:135px;}
.header-logo-right .header-logo{left:auto!important; right:20px!important; margin-left:0px!important;}
.header-logo-right .header-title{left:auto!important; right:20px!important; margin-left:0px!important;}

.header-logo-app .header-icon-1{left:3px;}
.header-logo-app .header-icon-2{right:2px;}
.header-logo-app .header-icon-3{right:45px;}
.header-logo-app .header-icon-4{right:90px;}
.header-logo-app .header-logo{left:0px!important; margin-left:40px!important;}
.header-logo-app .header-title{left:0px!important; margin-left:55px!important;}
.header-logo{color:rgba(0,0,0,0)!important;}
.header-logo span{color:rgba(0,0,0,0)!important;}


/*Footer*/
.footer{
    z-index:99;
    padding:10px 20px 10px 20px;
}

.footer-title h1{
    text-align:center;
    font-size:36px;
    font-weight:800;
}

.footer-title p{
    text-align:center;
    margin:-8px 0px 0px 0px;
    font-size:9px;
    letter-spacing:1.1px;
    text-transform:uppercase;
    font-weight:700;
    opacity:0.8;
}

.footer-socials{
    padding-top:25px;
    text-align:center;
}

.footer-socials a{
    width:38px;
    height:38px;
    line-height:38px;
    font-size:13px;
    display:inline-block;
    text-align:center;
    border-radius:38px;
    margin:5px 0px 15px 5px;
}

.theme-dark .footer-copyright{
    border-top:solid 1px rgba(255,255,255,0.03);
    border-bottom:solid 1px rgba(255,255,255,0.03);
}

.footer-copyright{
    font-size:10px;
    text-align:center;
    padding:10px 0px 10px 0px;
    border-top:solid 1px #ebebeb;
    border-bottom:solid 1px #ebebeb;
}

.footer-links a{
    float:right;
    font-size:10px;
    padding-top:20px;
    line-height:24px;
    padding-left:10px;
}

.footer-text{
    text-align:center;
    max-width:320px;
    margin:0 auto 20px auto;
    margin-bottom:20px;
    padding-top:20px;
    font-size:12px;
}

.footer-menu .one-half.last-column{
    padding-left:30px;
}

.footer-menu{
    max-width:330px;
    margin:0 auto;
    padding-bottom:30px;
}

.footer-menu a{
    line-height:40px;
    font-size:12px;
    color:#666;
    text-align:left;
}

.footer-menu a i{
    width:25px;
    text-align:center;
    padding-right:10px;
}

.footer-logo h1{display:none;}
.footer-logo p{
    padding-top:110px;
    text-align:center;
}
.footer-logo{
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom:50px;
}

/*--Menu System---*/


.menu-hider-active{
    opacity:1!important;
    pointer-events:all!important;
}

.menu {
    position:fixed;
    background-color:#FFF;
    z-index:103;
    overflow:scroll;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0,0,0);
    -webkit-transform: translateZ(0);
}
.side-bar-menu {
    position:fixed;
    background-color:#FFF;
    z-index:103;
    overflow:scroll;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0,0,0);
    -webkit-transform: translateZ(0);
}
.menu-box-left{
    left:0px;
    top:0px;
    width:300px;
    bottom:0px;
    transform:translate3d(-100%,0,0);
}

.menu-box-right{
    right:0px;
    top:0px;
    width:300px;
    bottom:0px;
    transform:translate3d(100%,0,0);
}

.menu-box-top{
    transform:translate3d(0, -115%, 0);
    top:0px;
    left:0px;
    right:0px;
    height:300px;
}

.menu-box-bottom{
    bottom:0px;
    left:0px;
    right:0px;
    height:auto;
    border-radius: 15px 15px 0 0;
    transform:translate3d(0, 150%, 0);
    margin: 0px !important;
}

.menu-box-modal {
    top:50%;
    left:50%;
    transform:translate(-50%, -50%) scale(0, 0);
    opacity:0;
    pointer-events:none;
    transition:all 300ms ease!important;
    z-index: 122;
    border-radius:10px;
    height: fit-content;
    min-width:350px;
}

.menu-box-top.menu-box-detached{
    top:10px;
    left:10px;
    right:10px;
}

.menu-box-bottom.menu-box-detached{
    bottom:20px;
    left:10px;
    right:10px;
}

.menu-box-left.menu-box-detached{
    top:10px;
    bottom:10px;
}
.menu-box-left.menu-box-detached.menu-active{left:10px;}

.menu-box-right.menu-box-detached{
    bottom:10px;
    top:10px;
}
.menu-box-right.menu-box-detached.menu-active{right:10px;}


.menu-box-left.menu-active{transform:translate3d(0%, 0, 0)!important;z-index: 104!important;overflow-y: scroll}
.menu-box-right.menu-active{transform:translate3d(0%, 0, 0)!important;}
.menu-box-top.menu-active{transform:translate3d(0%, 0, 0)!important;}
.menu-box-bottom.menu-active{transform:translate3d(0%, 0, 0)!important;z-index:103!important;}
.menu-box-modal.menu-active{transition:all 300ms ease!important; pointer-events:all!important; opacity:1!important; transform:translate(-50%, -50%) scale(1, 1)!important;max-width:500px;}
.menu-hider.menu-active{opacity:1; pointer-events:all; }
.menu-hider.menu-active.menu-active-clear{background-color:rgba(0,0,0,0)!important;}

.menu-box-left[data-menu-effect="menu-reveal"],
.menu-box-right[data-menu-effect="menu-reveal"]{
    opacity:0;
    pointer-events:none;
    transform:translate(0px)!important;
    z-index:96;
}


/*Menu Design*/

/*Sidebar Menu*/
.sidebar-menu a{
    line-height:50px;
    color:#919ca9;
}

.sidebar-menu .active-nav span{color:#000!important; font-weight:600;}
.sidebar-menu .active-nav i{color:#000;}
.sidebar-menu .active-nav::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f111";
    position:absolute;
    right:22px;
    line-height:48px;
    font-size:6px;
    color:#8CC152;
}

.sidebar-menu .active-nav .fa-angle-right{display:none;}
.sidebar-menu a:last-child{border-bottom:none!important;}
.sidebar-menu a i.fa-circle{font-size:6px!important; color:#8CC152!important;}
.sidebar-menu a i:first-child{
    color:#000;
    position:absolute;
    left:0px;
    height:50px;
    line-height:48px;
    padding-left:16px;
    font-size:13px;
    width:33px;
    text-align:center;
}

.sidebar-menu a span{
    display:block;
    font-size:13px;
    font-weight:400;
    color:#585858;
    height:35px;
    padding-left: 25px;
     line-height: 35px;
}

.sidebar-menu b span{
    display:block;
    font-size:13px;
    font-weight:400;
    color:#585858;
    height:35px;
    padding-left: 25px;
     line-height: 35px;
}

.theme-dark .sidebar-menu a span{
    color:rgba(255,255,255,0.5);
}

.sidebar-menu a i:last-child{
    position:absolute;
    top:0px;
    right:-2px;
    line-height:46px;
    font-size:8px;
    padding-right:25px;
}

.sidebar-menu a em{
    position:absolute;
    top:19px;
    right:5px;
    line-height:16px;
    text-align:center;
    display:inline-block;
    font-weight:500;
    background-color:rgba(0,0,0,0.2);
    margin-right:10px;
    padding:0px 8px 0px 8px;
    font-size:8px;
    border-radius:24px;
    font-style: normal;
    color:#FFF!important;
    z-index:1;
}

.theme-dark .active-nav span{color:#FFF!important;}
.theme-dark .sidebar-icons a{border-color:rgba(255,255,255,0.02)!important;}
.theme-dark .sidebar-divider{border-color:rgba(255,255,255,0.02)!important;}

/*Sidebar Icons*/

.sidebar-icons a{
    font-size:13px;
    float:left;
    width:20%;
    line-height:48px;
    text-align:center;
    margin-bottom:20px;
    border-left:solid 1px rgba(0,0,0,0.03);
    border-top:solid 1px rgba(0,0,0,0.03);
    border-bottom:solid 1px rgba(0,0,0,0.03);
}

/*Sidebar Divider*/
.sidebar-divider{
    line-height:40px;
    margin-top:20px;
    margin-bottom:20px;
    font-weight:800;
    font-size:9px;
    text-transform:uppercase;
    padding-left:15px;
    border-bottom:solid 1px rgba(0,0,0,0.03);
    border-top:solid 1px rgba(0,0,0,0.03);
}

.sidebar-divider i{
    position:absolute;
    right:20px;
    line-height:42px;
}

.menu .contact-form-message{
    padding-left:15px;
    padding-right:15px;
    font-size:11px;
    margin-bottom:10px;
}

/*Sidebar Form*/

.menu .contact-form{margin-bottom:30px;}
.menu .contact-form .contactField{height:40px!important;}
.menu .contact-form .form-field{margin-bottom:15px;}
.menu .contact-form .formValidationError{border-radius:50px; font-size:11px; padding:8px 0px 8px 0px; }
.menu .contact-form input::placeholder, .menu .contact-form textarea::placeholder{font-size:14px;}
.menu .contact-form input, .menu .contact-form textarea{font-size:12px;}
.menu .contact-form .form-name{margin-bottom:0px;}
.menu .contact-form .button{height:37px!important; padding-top:10px!important;}
.menu .contact-form input{
    border-left:none;
    border-right:none;
    border-top:none;
    padding-left:0px;
}
.menu .contact-form textarea{
    border-left:none;
    border-top:none;
    border-right:none;
    padding-left:0px;
    height:45px;
    margin-top:-10px;
    transition:all 350ms ease;
}
.menu .contact-form textarea:focus{height:150px;}


/*Highlight Changer*/
.theme-change-transition{
    transition:all 150ms ease!important;
}
.highlight-changer{padding-bottom:5px; margin-top:-10px;}
.highlight-changer a{
    width:20%;
    float:left;
    text-align:center;
    line-height:42px;
    font-size:20px;
    margin-top:10px;
    margin-bottom:-5px;
}
.highlight-changer a i{margin-top:10px; display:block; font-size:26px!important;}
.highlight-changer a span{
    font-size:11px;
    display:block;
    margin-top:-10px;
    margin-bottom:-5px;
}

/*Call to Action*/
.visible-margin-slider .owl-stage-outer{overflow:visible!important;}
.visible-margin-slider{padding:0px 45px 0px 45px!important;}
.single-slider{z-index:50!important;}
.under-slider-button{z-index:90; transform:translateY(-50px); margin-bottom:30px;}
.double-slider .owl-stage-outer{overflow:visible!important;}
.double-slider{padding-left:15px; padding-right:15px;}
.double-slider .under-slider-button{margin-bottom:-40px;}
.cta-buttons{display:block; width:280px; margin:0px auto -1px auto; z-index:10;}
.cta-buttons a{display:inline-block;}

/*Table Scroll*/
.table-scroll{
    overflow-x:scroll;
    padding:0px 20px;
}
.table-scroll table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
/*.theme-light table{border:solid 1px rgba(0,0,0,0.08);}*/
.table-scroll td {padding: 8px;}
.table-scroll th {padding: 0px 10px;}


/*Image Elements & Captions*/
.caption .text-right{z-index:99;}
.caption-image{display:block; width:100%; overflow: hidden;}
.caption-top{position:absolute; left:0px; right:0px; z-index:2;}
.caption-bottom{position:absolute; left:0px; right:0px; z-index:2; bottom:0px;}
.caption-center{position:absolute; left:0px; right:0px; z-index:2; top:50%; transform: translateY(-65%);}
.caption-center .button{margin-top:-3px;}
.bg-gradient{background:linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 20%,rgba(0,0,0,0.1) 30%,rgba(0,0,0,0.8) 70%,rgba(0,0,0,1) 100%);}
.bg-gradient-fade{bottom:0px!important;}
.theme-light .bg-gradient-fade{
    background:linear-gradient(to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.05) 30%,
    rgba(255,255,255,0.1) 40%,
    rgba(255,255,255,0.2) 50%,
    rgba(255,255,255,0.3) 60%,
    rgba(255,255,255,0.5) 70%,
    rgba(255,255,255,0.8) 80%,
    rgba(255,255,255,0.9) 90%,
    rgba(255,255,255,1) 100%);
}
.theme-dark .bg-gradient-fade{
    background:linear-gradient(to bottom,
    rgba(27, 29, 33,0.0) 0%,
    rgba(27, 29, 33,0.0) 30%,
    rgba(27, 29, 33,0.05) 40%,
    rgba(27, 29, 33,0.3) 50%,
    rgba(27, 29, 33,0.5) 60%,
    rgba(27, 29, 33,1) 100%);
}
.caption-bottom p{margin-bottom:10px;}
.cover-slider{
    z-index:2!important;
    position:relative;
}
.caption-overlay{
    z-index:1;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:-1px;
    pointer-events: none;
}

[data-height="cover"] .caption-top{margin-top:55px;}
[data-height="cover-header"]{overflow:visible!important; margin-bottom:0px!important;}
.caption{z-index:2; margin-bottom:30px; overflow:hidden;}
.caption-margins{margin:0px 15px 30px 15px;}
.caption-cover{height:100vh;}
.caption-cover-header{height:calc(100vh - 55px);}
.caption-background, .caption-bg{
    position:absolute;
    background-size: cover;
    background-position:center center;
    background-repeat: no-repeat;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:0;
}

.caption-icon-top-right{top:-30px; right:-40px;}
.caption-icon-top-left{top:-30px; left:-40px;}
.caption-icon-bottom-left{bottom:-50px; left:-50px;}
.caption-icon-bottom-right{bottom:-50px; right:-50px;}

.caption-icon{
    position: absolute;
    z-index:90;
    opacity:0.1;
    font-size:200px;
}

.caption-height-10{height:10vh;}
.caption-height-20{height:20vh;}
.caption-height-30{height:30vh;}
.caption-height-40{height:40vh;}
.caption-height-50{height:50vh;}
.caption-height-60{height:60vh;}
.caption-height-70{height:70vh;}
.caption-height-80{height:80vh;}
.caption-height-90{height:90vh;}
.caption-height-100{height:100vh;}

.caption-image img{transition:all 450ms ease;}
.caption-scale-image{transform:scale(1.05, 1.05)!important;}
.caption-rotate-image{transform:rotate(5deg) scale(1.2, 1.2)!important;}
.caption-grayscale-image{filter: grayscale(100%);}
.caption-blur-image{filter: blur(5px);}
.caption-hide-image{opacity:0!important;}
.caption-hide div{
    transition:all 400ms ease;
}

.polaroid-effect{
    background-color:#FFF;
    padding:5px;
    border:solid 1px rgba(0,0,0,0.1);
}

/*Cover Slider*/
.cover-button{
    position:absolute;
    left:20px;
    right:20px;
    bottom:60px;
    z-index:99!important;
}

.is-on-homescreen .cover-button{bottom:150px!important;}
.is-on-homescreen .cover-next, .is-on-homescreen .cover-prev{bottom:60px!important;}
.is-on-homescreen .cover-has-buttons .owl-dots{transform:translateY(-55px)!important;}
.is-on-homescreen .cover-has-buttons .cover-button{margin-bottom:-50px!important;}
.is-on-homescreen .owl-only-dots .owl-dots{transform:translateY(-70px)!important;}

.cover-next, .cover-prev{
    z-index:99;
    position:absolute;
    bottom:30px;
}
.cover-next{right:20px;}
.cover-prev{left:20px;}
.cover-has-buttons .owl-dots{transform:translateY(-25px);}
.cover-no-buttons .cover-button,
.cover-no-buttons .cover-prev,
.cover-no-buttons .cover-next,
.cover-no-buttons .owl-dots{
    display:none;
}
.cover-controls{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    z-index:99;
}
.cover-controls a{
    position:absolute;
    line-height:60px;
    width:60px;
    text-align:center;
}
.cover-controls a:last-child{right:0px;}

/*Map Full*/
.map-full .cover-content, .map-full .cover-overlay{transition:all 350ms ease}
.hide-map{
	position:absolute;
	margin-top:-120px;
	width:200px;
	left:50%;
	margin-left:-100px;
    text-align:center;
	opacity:0;
    z-index:2;
}
.map-full .caption{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}
.map-full iframe{width:100vw; height:100vh; z-index:1;}
.activate-map{opacity:1; transition:all 250ms ease; transition:all 350ms ease;}
.deactivate-map{opacity:0; pointer-events: none; transition:all 350ms ease;}

/*Font Increaser*/
.text-size-increase, .text-size-decrease, .text-size-default{width:30px; height:30px; line-height:30px; margin-top:-3px!important;}
.text-size-increase i{transform:scale(1.2, 1.2);}
.text-size-default i{transform:scale(1.0, 1.0);}
.text-size-decrease i{transform:scale(0.8, 0.8);}

/*Tabs*/
.tab-content{display:none;}
.tab-controls a{border:solid 1px rgba(0,0,0,0.07); border-right:none; text-align:center; float:left; font-size:12px; margin-right:-1px; color:#1f1f1f; transition:all 250ms ease;}
.tab-controls a:last-child{border:solid 1px rgba(0,0,0,0.07);}
.tabs-large a{height:45px; line-height:45px; font-size:14px;}
.tabs-medium a{height:40px; line-height:40px; font-size:13px;}
.tabs-small a{height:33px; line-height:33px; font-size:12px;}
.tabs-rounded a:first-child{border-top-left-radius:8px!important; border-bottom-left-radius:8px!important;}
.tabs-rounded a:last-child{border-top-right-radius:8px!important; border-bottom-right-radius:8px!important;}
.tabs-circled a:first-child{border-top-left-radius:30px!important; border-bottom-left-radius:30px!important;}
.tabs-circled a:last-child{border-top-right-radius:30px!important; border-bottom-right-radius:30px!important;}
.tab-slide-left{display:block!important; position:absolute; transform:translateX(-150%); transition:all 250ms ease;}
.tab-slide-right{display:block!important; position:absolute; transform:translateX(-150%); transition:all 250ms ease;}
.tab-slide-active{display:block!important; transform:translateX(0%)!important;}

/*Accordion*/
[data-accordion] {cursor:pointer;}
[data-accordion] i{transition:all 250ms ease;}
[data-accordion] .fa-angle-down{font-size:12px;}
.accordion-content{display:none;}
.accordion-round-small .accordion-toggle-first{border-top-left-radius:6px;  border-top-right-radius:6px;}
.accordion-round-small .accordion-toggle-last{border-bottom-left-radius:6px;  border-bottom-right-radius:6px;}
.accordion-round-medium .accordion-toggle-first{border-top-left-radius:8px;  border-top-right-radius:8px;}
.accordion-round-medium .accordion-toggle-last{border-bottom-left-radius:8px;  border-bottom-right-radius:8px;}
.accordion-round-large .accordion-toggle-first{border-top-left-radius:13px;  border-top-right-radius:13px;}
.accordion-round-large .accordion-toggle-last{border-bottom-left-radius:13px;  border-bottom-right-radius:13px;}
.accordion-toggle-last{border-bottom:none;}
.accordion-style-1 a{font-size:13px; font-weight:500; line-height:50px; color:#FFF; padding:0px 15px 0px 15px;}
.accordion-style-1 .accordion-icon-right{font-size:10px; float:right; line-height:50px; width:20px; text-align:center;}
.accordion-style-1 .accordion-content{padding:10px 0px 10px 0px;}
.accordion-style-1 .accordion-icon-left{font-size:12px; width:25px; padding-right:10px; transform:translateY(1px);}
.accordion-style-2 a{font-size:13px; color:#000; font-weight:500; line-height:45px;  padding:0px 7px 0px 0px;}
.accordion-style-2 .accordion-icon-right{font-size:10px; float:right; line-height:45px; width:20px; text-align:center;}
.accordion-style-2 .accordion-content{padding:10px 0px 10px 0px;}
.accordion-style-2 .accordion-icon-left{font-size:12px; width:25px; padding-right:10px;}

/*Dropdowns*/
.dropdown-content{
    display:none;
    padding-bottom:20px;
}
.dropdown-style-1 i{
    position:absolute;
    top:0px;
    width:20px;
    text-align:center;
    line-height:56px;
}
.dropdown-style-1 .dropdown-icon{
    position:absolute;
    right:0px;
    left:auto;
    transition:all 250ms ease;
}
.dropdown-style-1 p{
    line-height:55px;
    padding-left:38px;
    margin-bottom:0px;
    font-size:14px;
    font-weight:500;
    color:#1f1f1f;
}
.dropdown-style-2 i{
    position:absolute;
    top:0px;
    left:15px;
    line-height:50px;
}
.dropdown-style-2 .dropdown-icon{
    position:absolute;
    right:20px;
    left:auto;
    transition:all 250ms ease;
}
.dropdown-style-2 p{
    line-height:50px;
    padding-left:45px;
    margin-bottom:0px;
    font-size:14px;
    font-weight:500;
    color:#1f1f1f;
}

/*Chips*/
.chip *{font-size:12px;}
.chip{display:inline-block; margin:0px 10px 15px 0px; border-radius:30px; padding-right:15px;}
.chip span{line-height:29px;}
.chip i {width:30px; line-height:30px; border-radius:100%; display:inline-block; text-align:center; margin-right:5px;}
.chip img {display:inline; float:left; margin-right:9px; border-radius:30px; width:30px; line-height:30px;}
.chip-medium{transform:scale(1.05, 1.05);}
.chip-large{transform:scale(1.1, 1.1);}

/*Toggles*/
.toggle-animated *, .toggle-animated{transition:all 250ms ease;}
.toggle-content{display:none; padding-top:15px;}
.toggle-switch input[type="checkbox"]{position:absolute; left:-999px;}
.toggle-switch .fa-t1{padding-left:0px; margin-left:0px;}
.toggle-switch .fa-t2{padding-right:0px; margin-right:1px;}
.toggle-ios strong{border:solid 1px rgba(0,0,0,0.2);}
.toggle-ios u{border:solid 1px rgba(152, 152, 152, 0.4);}
.toggle-android strong{border:solid 1px rgba(0,0,0,0.1); box-shadow: 0px 3px 3px rgba(0,0,0,0.1)}
.toggle-android .no-toggle-border{border:solid 1px rgba(0,0,0,0)!important}

.toggle-switch strong{
    display:block;
    position:absolute;
    top:0px;
    right:28px;
    z-index:1;
    background-color:#FFF;
    border-radius:30px;
}
.toggle-switch u{
    border-radius:30px;
    position:absolute;
    top:0px;
    right:0px;
}
.toggle-switch i{
    position:absolute;
    top:0px;
    right:0px;
    font-size:10px;
    text-align:center;
    z-index:9;
    color:#FFF;
    float:left;
}

.toggle-switch .toggle-icon{
    line-height:31px;
    float:left;
}

.toggle-with-icon .toggle-icon{
    float:left;
    margin-right:12px;
    line-height:29px;
    width:29px;
    text-align:center;
}
.toggle-with-icon span{
    transform:translateY(1px);
    display:inline-block;
}

.toggle-with-icon em{
    display:block;
    font-size:10px;
    margin-bottom:-10px;
    margin-top:-10px;
}

/*Classic Toggles*/
.toggle-icon i{position:absolute; right:0px; width:25px; text-align:center; line-height:25px;}
.theme-light .bg-toggle-transparent{background-color:#ebebeb;}
.theme-dark .bg-toggle-transparent{background-color:rgba(255,255,255,0.15);}
/*Toasts*/
.toast{
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    height:35px;
    border-radius:35px;
    overflow:hidden;
    z-index:99;
    transition:all 350ms ease;
}
.toast-bottom{bottom:20px; transform:translate(-50%, 150px); opacity:0;}
.toast-top{top:35px; transform:translate(-50%, -150px); opacity:0;}
.toast-active{transform:translate(-50%, 0px)!important; opacity:1!important;}
.toast p{
    font-size:12px;
    padding:0px 30px;
    line-height:35px;
    text-align:center;
    z-index:1;
}
.toast .toast-bg{
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
}

/*Buttons*/
.button{
    color:#FFF;
    display:inline-block;
    margin-bottom:15px;
    overflow:hidden;
    transition:all 250ms ease;
    font-weight:800;
    text-transform:uppercase;
}

.button-icon i{
    position:absolute;
    left:0px;
    top:0px;
    background-color:rgba(0,0,0,0.1);
    text-align:center;
    border-radius:inherit;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.button-border{border:solid 1px;}
.button-margins{margin-left:15px; margin-right:15px;}
.button:active{box-shadow: inset 0 3px 5px 0 rgba(0,0,0,0.3)!important;}
.button-round{border-radius:6px;}
.button-round-small{border-radius:6px;}
.button-round-medium{border-radius:7px;}
.button-round-large{border-radius:10px;}
.button-round-huge{border-radius:25px;}
.button-xxs{padding:5px 12px; font-size:11px;}
.button-xs{padding:7px 17px; font-size:11px;}
.button-s{padding:8px 18px; font-size:12px;}
.button-m{padding:10px 20px; font-size:12px;}
.button-l{padding:13px 26px; font-size:15px;}
.button-xl{padding:15px 30px; font-size:15px;}
.button-xxl{padding:17px 34px; font-size:17px;}
.button-full{display:block; text-align:center;border-radius: 4px;}
.button-icon-transparent i{background-color:transparent!important;}
.button-icon-transparent{padding-left:40px!important;}

.button-center-tiny{width:120px; margin:0 auto; display:block; text-align:center;}
.button-center-small{width:150px; margin:0 auto; display:block; text-align:center;}
.button-center-medium{width:180px; margin:0 auto; display:block; text-align:center;}
.button-center-large{width:200px; margin:0 auto; display:block; text-align:center;}
.button-center-huge{width:250px; margin:0 auto; display:block; text-align:center;}

.button-icon-left i{padding-right:15px;}
.button-icon-right i{padding-left:15px}
.button-icon.button-full{text-align:left;}

.button-xxs.button-icon i{width:36px; line-height:36px}
.button-xxs.button-circle.button-icon i{border-radius:36px}
.button-xxs.button-icon{padding-left:50px}
.button-xxs.button-icon i{width:40px; line-height:33px;}
.button-xxs.button-3d{border-bottom:solid 3px;}
.button-xs.button-icon i{width:40px; line-height:40px;}
.button-xs.button-circle.button-icon i{border-radius:40px}
.button-xs.button-icon{padding-left:52px}
.button-xs.button-3d{border-bottom:solid 4px; padding-top:9px;}
.button-s.button-icon i{width:40px; line-height:40px; font-size:15px;}
.button-s.button-circle.button-icon i{border-radius:43px}
.button-s.button-icon{padding-left:55px}
.button-s.button-3d{border-bottom:solid 4px; padding-top:10px;}
.button-m.button-icon i{width:45px; line-height:44px; font-size:16px;}
.button-m.button-circle.button-icon i{border-radius:46px}
.button-m.button-icon{padding-left:60px}
.button-m.button-3d{border-bottom:solid 4px; padding-top:12px;}
.button-l.button-icon i{width:52px; line-height:50px; font-size:18px;}
.button-l.button-circle.button-icon i{border-radius:52px}
.button-l.button-icon{padding-left:63px}
.button-l.button-3d{border-bottom:solid 4px; padding-top:15px;}
.button-xl.button-icon i{width:55px; line-height:55px; font-size:18px;}
.button-xl.button-circle.button-icon i{border-radius:55px}
.button-xl.button-icon{padding-left:68px}
.button-xl.button-3d{border-bottom:solid 6px; padding-top:17px;}
.button-xxl.button-icon i{width:60px; line-height:60px; font-size:20px;}
.button-xxl.button-circle.button-icon i{border-radius:60px}
.button-xxl.button-icon{padding-left:70px}
.button-xxl.button-3d{border-bottom:solid 8px; padding-top:19px;}

/*Icons*/
.icon{
    color:#FFF;
    display:inline-block;
    text-align:center;
    margin:0px 2px 15px 2px;
}

.icon:active{box-shadow: inset 0 3px 5px 0 rgba(0,0,0,0.3);}
.icon-circle{border-radius:45px;}
.icon-round{border-radius:6px;}
.icon-xxs i{width:35px; line-height:35px; font-size:13px;}
.icon-xs i{width:38px; line-height:38px; font-size:14px;}
.icon-s i{width:40px; line-height:40px; font-size:16px;}
.icon-m i{width:45px; line-height:45px; font-size:16px;}
.icon-l i{width:51px; line-height:51px; font-size:17px;}
.icon-xl i{width:55px; line-height:55px; font-size:18px;}
.icon-xxl i{width:60px; line-height:60px; font-size:19px;}
.icon-full{display:block; text-align:center;}
.icon-center-large{display:block; left:50%; transform:translateX(-62%); width:80%; margin:0 auto; text-align:center;}
.icon-center-medium{display:block; left:50%; transform:translateX(-82%); width:60%; margin:0 auto; text-align:center;}
.icon-center-small{display:block; left:50%; transform:translateX(-48%); width:40%; text-align:center;}
.icon-center{left:50%; transform:translateX(-46%); text-align:center;}

/*Social Grid*/
@media(max-width:321px){
    .social-grid-4{width:300px; margin:0 auto;}
}
@media(min-width:321px){
    .social-grid-4{margin:auto 20px auto 20px;}
    .social-grid-3{width:280px; margin:0 auto;}
}

.social-grid-4 a{
    width:20%;
    line-height:50px;
    text-align:center;
    float:left;
    margin-left:7px;
    margin-right:7px;
}
.social-grid-4 a i{
    width:50px;
    line-height:50px;
    display:block;
    margin:0 auto -5px auto;
}
.social-grid-4 a span{
    opacity:0.5;
    font-size:12px;
}
.social-grid-3 a{
    width:33%;
    line-height:50px;
    text-align:center;
    float:left;
}
.social-grid-3 a i{
    width:50px;
    line-height:50px;
    display:block;
    margin:0 auto -5px auto;
}
.social-grid-3 a span{
    opacity:0.5;
    font-size:12px;
}

/*Back to Top*/
.content .back-to-top-badge{
    transform:translate(0,0)!important;
    width:130px;
    margin:30px auto 0px auto!important;
    left:auto;
    bottom:auto;
    display:block;
    position:relative!important;
}
.content .back-to-top-icon{
    transform:scale(1,1) translate(0,0px)!important;
    margin:0px auto 30px auto;
    right:auto;
    bottom:auto;
    display:block;
    position:relative!important;
}
.back-to-top-badge{
    position:fixed;
    z-index:996;
    bottom:30px;
    left:50%;
    transform:translate(-50%, 70px);
    display:inline-block;
    padding:5px 20px;
    border-radius:35px;
    color:#FFF;
    text-align:center;
    font-size:12px;
    transition:all 250ms ease;
}
.back-to-top-icon{
    position:fixed;
    z-index:9999;
    bottom:70px;
    right:15px;
    display:inline-block;
    width:35px;
    line-height:35px;
    border-radius:35px;
    color:#FFF;
    text-align:center;
    font-size:12px;
    transform:scale(0,0);
    transition:all 250ms ease;
}
.back-to-top-badge i{padding:0px 10px 0px 0px;}
.back-to-top-icon span{display:none}
.back-to-top-badge.back-to-top-visible{transform:translate(-50%, 30px)}
.back-to-top-icon.back-to-top-visible{transform:scale(1, 1)}
.back-to-top-icon-square{border-radius:0px}
.back-to-top-icon-round{border-radius:5px}
.back-to-top-icon-circle{border-radius:40px}

/*---Pagination---*/
.pagination-round a{border-radius:35px!important;}
.pagination {
	width: 100%;
	text-align: center;
	margin:0px 0px 30px 0px;
}
.pagination a {
	color:#1f1f1f;
	font-size:11px;
	display: inline-block;
	width: 35px;
	line-height:33px;
	height:35px;
	margin:0 5px 5px 0;
    border-radius:5px;
    box-shadow:0 5px 15px 0 rgba(0,0,0,0.09);
}

/*Filter*/
.gallery-filter *{
    overflow:visible!important;
}
.gallery-filter-all{
	float:left!important;
	padding-left:0px!important;
}
.gallery-filter-controls{
	padding:0px;
    margin:0px;
}
.gallery-filter-controls li{
	list-style:none;
	cursor: pointer;
	float:right;
	padding-left:15px;
    font-weight:500;
    color:#1f1f1f;
    font-size:13px;
	transition:all 350ms ease;
}
.gallery-filter-controls li:first-child{
	padding-right:30px;
}
.gallery-filter-controls{
    width:100%;
    box-sizing:border-box;
    display:block;
}
.gallery-filter{
	transition:height 350ms ease;
	margin-left:-5px;
	margin-right:-5px;
}
.gallery-filter a{
	width:33.3%;
	padding:5px;
	display:block;
	transition:height 350ms ease;
}
.gallery-filter a img{
	display:block;
	width:100%;
    box-shadow:0 2px 14px 0 rgba(0,0,0,0.08);
}

/*Thumbs*/
.gallery-thumbs{margin-bottom:20px;}
.gallery-thumbs:after, .gallery-filter-controls, .gallery-insta-controls:after{
  content: "";
  display: table;
  clear: both;
}
.gallery-thumbs span{
	color:#1f1f1f;
	display: block;
	text-align:center;
	font-weight:500;
	font-size:12px;
}
.gallery-wide a{position:relative;}
.gallery-wide strong{
	position: absolute;
	bottom:0px;
	height:50px;
	line-height:50px;
	padding:0px 15px;
	z-index:10;
	color:#FFF;
}
.gallery-wide img{margin-bottom:0px;}
.gallery-thumbs .polaroid-effect{padding:4px;}
.gallery-thumbs a{float:left;}
.gallery-thumbs a img{
	margin-bottom:0px;
    display:block;
    width:100%;
}
.gallery-round a img{border-radius:100%; overflow: hidden;}
.gallery-square a img{border-radius:3px; overflow: hidden;}
.gallery-rounded a img{border-radius:7px; overflow: hidden;}
@media(min-width:340px){
	.gallery-thumbs a{width:31.33333333%; margin-bottom:4%;}
	.gallery-thumbs a:nth-child(3n+2){margin-left:3%; margin-right:3%;}
}
@media(max-width:340px){
	.gallery-filter a{width:50%;}
	.gallery-thumbs a{width:47%!important; margin-bottom:6%;}
	.gallery-thumbs a:nth-child(odd){margin-right:6%;}
}

/*Thumbs*/
.gallery-thumbs{margin-bottom:20px;}
.gallery-thumbs:after, .gallery-filter-controls, .gallery-insta-controls:after{
  content: "";
  display: table;
  clear: both;
}
.gallery-thumbs span{
	color:#1f1f1f;
	display: block;
	text-align:center;
	font-weight:500;
	font-size:12px;
}
.gallery-wide a{position:relative;}
.gallery-wide strong{
	position: absolute;
	bottom:0px;
	height:50px;
	line-height:50px;
	padding:0px 15px;
	z-index:10;
	color:#FFF;
}
.gallery-wide img{margin-bottom:0px;}
.gallery-thumbs .polaroid-effect{padding:4px;}
.gallery-thumbs a{float:left;}
.gallery-thumbs a img{
	margin-bottom:0px;
}
.gallery-round a img{border-radius:100%; overflow: hidden;}
.gallery-square a img{border-radius:3px; overflow: hidden;}
@media(min-width:340px){
	.gallery-thumbs a{width:31.33333333%; margin-bottom:4%;}
	.gallery-thumbs a:nth-child(3n+2){margin-left:3%; margin-right:3%;}
}
@media(max-width:340px){
	.gallery-filter a{width:50%;}
	.gallery-thumbs a{width:47%!important; margin-bottom:6%;}
	.gallery-thumbs a:nth-child(odd){margin-right:6%;}
}

/*Gallery Views*/

.gallery-view-controls a{
    float:left;
    width:33.3%;
    text-align:center;
    height:50px;
    line-height:50px;
    font-size:16px;
    color:#1f1f1f;
}
.theme-dark .gallery-view-controls a{color:#FFF;}
.theme-dark .gallery-view-controls{border-bottom:solid 1px rgba(255,255,255,0.07);}

.gallery-view-controls{border-bottom:solid 1px #ebebeb; margin-bottom:30px;}
.gallery-view-1 a{width:30%; float:left;}
.gallery-view-1 .caption{display:none;}
.gallery-view-2 .caption{display:none;}
.gallery-view-3 .caption{padding-top:20px;}
.gallery-view-1 a{margin-bottom:5%;}
.gallery-view-1 a:nth-child(3n-1){margin:auto 5% auto 5%;}
.gallery-view-2 a{width:47.5%; margin-bottom:5%; float:left;}
.gallery-view-2 a:nth-child(2n-1){margin-right:5%;}


/*Responsive Videos and iframes*/
.max-iframe{
    max-height:200px!important;
    height:300px!important;
    padding-bottom:0px!important;
    margin:0 auto;
}
.responsive-iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.responsive-iframe iframe, .responsive-iframe object, .responsive-iframe embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Snackbars*/
.snackbars{
    position:fixed;
    bottom:-10px;
    left:0px;
    right:0px;
    z-index:99;
}
.snackbars-boxed{
    left:10px;
    right:10px;
    padding-bottom:10px;
}
.snackbars a{
    font-size:13px;
    height:0px;
    padding-left:50px;
    overflow:hidden;
    line-height:45px;
    margin-bottom:10px;
}
.snackbars a i{
    position:absolute;
    left:0px;
    width:45px;
    line-height:45px;
    text-align:center;
}
.snackbar-active{
    animation-name: snackbar-show;
    animation-duration: 3s;
}
@keyframes snackbar-show{0%{height:0px;} 7%{height:45px;} 93%{height:45px;} 100%{height:0px;}}
.snackbar-round a{border-radius:5px;}

/*---Checkboxes & Radios---*/

.fac {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size:14px;
}
.fac label {
    margin: 0em 1em 0em 0em;
    padding-left: 1.5em;
    cursor:pointer;
    font-weight:inherit;
}
.fac > input + label:before,
.fac > span::after {
    font-family: "Font Awesome 5 Free";
	font-weight:900;
    position:absolute;
    left:0;
	margin-top:0.5px;
}
.fac > input + label:before {transition: opacity 150ms ease-in-out;}
.fac input{display:none;}
.checkboxes-demo .fac{display:block;}
.fac-checkbox > input + label:before, .fac-checkbox-round > input + label:before {opacity: 1;}
.fac-checkbox > input:checked + label:before, .fac > input:checked + label:before {opacity: 0;}

.fac-radio > input + label:before,
.fac-checkbox-o > input + label:before,
.fac-checkbox-round-o > input + label:before {opacity: 0;}
.fac-radio > input:checked + label:before,
.fac-checkbox-o > input:checked + label:before,
.fac-checkbox-round-o > input:checked + label:before {opacity: 1;}

.fac-default > input + label:before, .fac-default > span::after {color: #9d9d9d;}
.fac-blue > input + label:before,    .fac-blue > span::after {color: #428bca;}
.fac-green > input + label:before,   .fac-green > span::after {color: #5cb85c;}
.fac-orange > input + label:before,  .fac-orange > span::after {color: #f0ad4e;}
.fac-red > input + label:before,     .fac-red > span::after {color: #d9534f;}

.fac-checkbox > span::after {content: "\f45c"; opacity:1;}
.fac-checkbox > input[type=checkbox] + label:before {content: "\f00c"; color:#FFFFFF!important; font-size: 10px !important; padding-left: 2px; padding-right: 2px; background: #4CBCAF; height: 15px; display: flex; align-items: center; bottom: 4px;}
.fac-checkbox-round > span::after {content: "\f111";}
.fac-checkbox-round > input[type=checkbox] + label:before {content: "\f00c"; color:#FFFFFF!important; font-size:8px!important; padding-left:3px;}
.fac-radio > span::after {content: "\f45c";}
.fac-radio > input[type=radio] + label:before {content: "\f00c";  color:#FFFFFF!important; font-size:10px!important; padding-left:2px;}
.fac-radio-full > span::after {content: "\f00c"; font-size:12px!important;}
.fac-radio-full > input[type=radio] + label:before {content: "\f111";}

/*Inputs*/
.input-light i{color:#FFF;}
.input-light span{color:#FFF!important;}
.input-light em{color:#7c7c7c!important;}
.input-light input{color:#FFF!important; border-bottom:solid 1px rgba(255,255,255,0.1)!important;}
.input-light input::placeholder{color:#FFF;}


.content-boxed .input-style span{background-color:#FFF;}
.menu .input-style span{background-color:#FFF;}
.input-style span{background-color:#FFF;}

.input-style-1 textarea{
    font-size:13px;
    display:block;
    width:100%;
    height:50px;
    line-height:28px;
    padding-right:15px;
    padding-top:14px;
    margin-top:-5px;
    margin-bottom:15px;
    background-color:transparent;
    margin-left:0px!important;
    padding-left:0px!important;
    text-indent:0px!important;
    border-bottom:solid 1px rgba(0,0,0,0.08);
    transition:all 250ms ease;
}
.input-style-1 textarea:focus{
    line-height:24px;
    height:150px;
    transition:all 250ms ease;
}
.input-style-1 span{
    color:#2980b9;
    font-weight:500;
    position:absolute;
    font-size:10px;
    margin-top:-3px;
    opacity:0;
    transition:all 250ms ease;
}
.input-style-1 em{
    position:absolute;
    top:14px;
    font-size:10px;
    font-style:normal;
    right:0px;
    color:rgba(0,0,0,0.3);
}
.input-style-1 em i{
    font-size:12px;
    width:15px;
    text-align:center;
    margin-top:7px;
    display:block;
}
.input-style-1 input[type="date"]{
    font-size:13px;
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    margin-bottom:15px;
    background-color:transparent;
    border-bottom:solid 1px rgba(0,0,0,0.08);
    transition:all 250ms ease;
    color:#818181;
}
.input-style-1 input[type="date"]::-webkit-inner-spin-button{opacity:0;}
.input-style-1 input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;}
.input-style-1 input[type="date"]::-webkit-clear-button{opacity:0;}

.input-style-1-active{opacity:1!important;}
.input-style-1-inactive{color:#cacaca!important;}

.input-style-1.has-icon .input-icon{
    position:absolute;
    z-index:10;
    margin-top:20px;
    margin-left:0px;
}
.input-style-1.has-icon input{padding-left:30px;}
.input-style-1.has-icon span{margin-left:25px;}
.input-style-1.has-icon .input-style-1-active{
    color:#4cbcaf!important;
    transform:translateX(-25px);
    transition:all 150ms ease;
}
input[type="range"]{
	-webkit-appearance:none;
	height:20px;
    width:100%;
	outline: none;
}
input[type="range"]::-webkit-slider-thumb{
	-webkit-appearance:none;
	width:20px;
	height:20px;
	background:#F26B5E;
	position:relative;
	z-index:3;
}
input[type="range"]::-webkit-slider-thumb:after{
	content:" ";
	height:10px;
	position:absolute;
	z-index:1;
	right:20px;
	top:5px;
	background: #ff5b32;
	background: linear-gradient(to right, #f088fc 1%, #AC6CFF 70%);
}
/*Input Style 2*/
.input-style-2{margin-bottom:15px;}
.input-style-2 span{
    pointer-events:none;
    color:#1f1f1f!important;
    position:absolute;
    font-size:13px;
    z-index:1;
    height:22px;
    line-height:20px;
    padding:2px 5px 2px 5px;
    top:14px;
    left:10px;
    right:10px;
    transition:all 150ms ease;
}
span.input-style-1-active{padding-right:10px!important; right:auto!important;}
.input-style-2 .input-style-1-active{
    color:#4cbcaf!important;
    transform:translateY(-25px);
    transition:all 150ms ease;
}
.input-style-2 em{
    position:absolute;
    right:10px;
    z-index:2;
    font-size:10px;
    font-style:normal;
    color:#cacaca;
    line-height:53px;
}
.input-style-2 em i{font-size:12px!important; margin-top:5px!important;}
.input-style-2 input, .input-style-2 textarea, .input-style-2 select{
    background-color:transparent;
    border:solid 1px rgba(0,0,0,0.1);
    border-radius:5px!important;
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    padding:0px 14px;
    font-size:13px;
    -webkit-appearance: none;
}
.input-style-3 input, .input-style-3 textarea, .input-style-3 select{
    background-color:transparent;
    border-bottom:solid 1px #4cbcaf;
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    padding:0px 14px;
    font-size:13px;
    -webkit-appearance: none;
}
.input-style-2 input[type="date"]::-webkit-inner-spin-button{opacity:0;}
.input-style-2 input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;}
.input-style-2 input[type="date"]::-webkit-clear-button{opacity:0;}
.input-style-2.has-icon .input-icon{
    position:absolute;
    z-index:10;
    margin-top:20px;
    margin-left:15px;
}
.input-style-2.has-icon input{padding-left:40px;}
.input-style-2.has-icon span{margin-left:25px;}
.input-style-2.has-icon .input-style-1-active{
    color:#258af4!important;
    transform:translate(-25px, -25px);
    transition:all 150ms ease;
}
.ios-slider{
	height:40px!important;
	background: linear-gradient(to right, #5D9CEC 0%, #5D9CEC 100%);
	background-size:100% 3px;
	background-position:center;
	background-repeat:no-repeat;
}
.ios-slider::-webkit-slider-thumb{
	background-color:#FFF!important;
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:30px;
	height:25px!important;
	width:25px!important;
	box-shadow: -3px 3px 10px 1px rgba(0,0,0,0.2)!important;
}
.material-slider{
	height:40px!important;
	background: linear-gradient(to right, #CCD1D9 0%, #CCD1D9 100%);
	background-size:100% 18px;
	background-position:center;
	background-repeat:no-repeat;
	padding:0px 3px 0px 3px;
}
.material-slider::-webkit-slider-thumb{
	background-color:#434A54!important;
	border:solid 1px rgba(0,0,0,0.1);
	height:10px!important;
	width:30px!important;
}
.classic-slider{
	height:20px!important;
	background-color:#FFF;
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:30px!important;
	background-size:100% 25px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:transparent;
	padding:0px 3px 0px 3px;
	-webkit-box-shadow:inset 0 2px 2px 1px rgba(0,0,0,0.1);
	box-shadow:inset 0 2px 2px 1px rgba(0,0,0,0.1);
}
.classic-slider::-webkit-slider-thumb{
	background-color:#5D9CEC!important;
	border:solid 1px rgba(0,0,0,0.0);
	height:16px!important;
	border-radius:20px;
	width:16px!important;
	box-shadow: -3px 3px 10px 1px rgba(0,0,0,0.2)!important;
}
.range-slider-icons{padding:0px 30px 0px 30px;}
.range-slider.range-slider-icons i{
	position:absolute;
	top:0px;
	height:44px;
	line-height:44px;
	text-align:center;
}
.range-slider .fa-range-icon-1{left:0px;}
.range-slider .fa-range-icon-2{right:0px;}

/*Progress Slider*/
.progress-container {
    width: 100%;
    height: 3px;
    background: #ccc;
    position:sticky;
    top:0px;
    left:0px;
    right:0px;
    z-index:99;
}
.progress-line {
    height: 3px;
    background: #4caf50;
    width: 0%;
}
/*Search*/
.search-results{overflow:scroll; margin-top:30px;}
.disabled-search-list{max-height:0px!important; padding:0px!important; margin:0px!important; overflow:hidden;}
.disabled-search{display:none;}
.search-box{
     /*line-height:40px;*/
    /*border-bottom:solid 1px rgba(0,0,0,0.08);*/
}
/*.search-box input{*/
/*    width:100%;*/
/*    background-color:transparent;*/
/*    padding-left:45px;*/
/*    line-height:47px;*/
/*    border: 2px solid #31aca6;*/
/*}*/
.search-box .fa-search{
    position: absolute;
    right: 10px;
    top:-5px;
    line-height: 40px;
    font-size: 15px;
    //padding: 10px 15px 0px 15px !important;
    z-index:10;
    color: #bfbfbf;
}
.search-box .fa-times{
    position:absolute;
    right:0px;
    top:0px;
    font-size:10px;
    line-height:45px;
    width:45px;
    text-align:center;
}
.search-box input.bg-white{color:#000!important;}
.search-color input{color:#FFF;}
.search-color input::placeholder{color:#FFF;}
.search-color i{color:#FFF!important; z-index:10;}
.search-icon-list a{color:#1f1f1f;}
.search-icon-list{padding-left:10px; padding-top:10px;}
.search-icon-list a{line-height:35px;}
.search-icon-list a i{padding-right:10px;}

/*Search Page*/
/*///////////*/

.search-header input{
    height:55px;
    line-height:55px;
    width:100%;
    padding-left:40px;
    font-size:12px;
    background-color:transparent;
}


.search-header .fa-search{
    position:absolute;
    height:64px;
    line-height:64px;
    margin-top:-3px;
    left:15px;
}

.search-header a{
    position:absolute;
    top:16px;
    right:15px;
}

.search-trending ul{
    margin-left:0px;
}

.search-trending li{
    font-size:13px;
    line-height:40px;
    list-style:none;
    border-bottom:solid 1px #ebebeb;
    padding-left:0px;
}

.search-trending .fa-angle-right{
    position:absolute;
    right:0px;
    line-height:40px;
    color:#cacaca;
    font-size:10px;
}

.search-page .search-result-list{
    min-height:80px;
    margin-bottom:20px;
}

.search-page .search-results img{
    width:80px;
    position:absolute;
    border-radius:10px;
}

.search-page .search-results h1{
    font-size:15px;
    font-weight:600;
    padding-left:100px;
    margin-bottom:0px;
}

.search-page .search-results p{
    font-size:12px;
    line-height:20px;
    padding-left:100px;
    padding-right:80px;
}

.search-page .search-results a{
    position:absolute;
    right:0px;
    height:30px;
    line-height:31px;
    padding:0px 12px;
    top:50%;
    transform:translateY(-50%);
    color:#FFF;
    font-size:10px;
    font-weight:500;
    border-radius:10px;
}

.disabled-search{display:none;}
.disabled-search-item{display:none;}


/*Notifications*/
.notification-style{
    position:fixed;
    top:10px;
    left:10px;
    right:10px;
    z-index:100;
    border-radius:10px;
    opacity:0.98;
    transform:translateY(-110%);
    transition:all 250ms ease;
}
.notification-active{transform:translateY(0%)!important;}
.notification-style .notification-icon{
    padding:5px 5px;
    display:block;
    background-color:rgba(255,255,255,0.15);
}
.notification-style .notification-icon i:first-child{
    margin:0px 5px 0px 10px;
    font-size:10px;
}

.notification-style .notification-icon em{
    font-size:11px;
    text-transform: uppercase;
    font-style: normal;
}

.notification-style .notification-icon i:last-child{
    position:absolute;
    right:0px;
    line-height:30px;
    width:40px;
    text-align:center;
}
.notification-style h1{margin:10px 15px -7px 15px;}
.notification-style p{line-height:15px; margin:5px 15px 18px 15px; color:rgba(255,255,255,0.9);}
.notification-android{
    left:5px;
    right:5px;
    top:5px;
    border-radius:3px;
}
.notification-android i{
    position:absolute;
    top:50%;
    transform:translateY(-55%);
    width:35px;
    margin-left:15px;
    line-height:35px;
    border-radius:35px;
    text-align:center;
    font-size:13px;
}
.notification-android h1{padding-left:55px;}
.notification-android p{
    padding-right:60px;
    padding-left:55px;
    font-size:12px;
}
.notification-android strong{
    position:absolute;
    right:20px;
    top:20px;
    font-size:10px;
    font-weight:400;
    font-style: normal;
}
.notification-android .notification-buttons{
    width:100%;
    margin-left:70px;
    padding-top:5px;
    border-top:solid 1px rgba(255,255,255,0.1);
}
.notification-android a{
    font-size:11px;
    color:rgba(255,255,255,0.9);
    text-transform:uppercase;
    text-align:left;
    font-weight:500;
}
.notification-android .notification-buttons i{
    opacity:0.6;
    font-size:11px;
    position:relative;
    float:left;
    margin:0px 10px 0px 0px;
    width:auto;
    transform:translateY(-5px);
}
.notification-material{
    left:0px;
    right:0px;
    top:0px;
    border-radius:0px;
}
.notification-material strong{font-size:10px; font-weight:400;}
.notification-material em{text-transform:none!important}
.notification-material .notification-icon{
    background-color: transparent!important;
    margin-bottom:-15px;
}
.notification-material img{
    position:absolute;
    width:50px;
    border-radius:50px;
    right:20px;
    top:50%;
    transform:translateY(-50%);
}
.notification-material p{padding-right:50px;}

/*Alerts*/
.alert-round-small{border-radius:6px;}
.alert-round-medium{border-radius:8px;}
.alert-round-large{border-radius:13px;}
.alert-small{
    line-height:48px;
    font-size:13px;
    margin-bottom:30px;
}
.alert-small i:first-child{
    background-color:rgba(255,255,255,0.1);
    line-height:48px;
    width:48px;
    text-align:center;
    margin-right:10px;
}
.alert-large{
    font-size:13px;
    margin-bottom:30px;
}
.alert-large strong{
    display:block;
    padding:15px 0px 0px 70px;
    font-size:16px;
    margin-bottom:-5px;
}
.alert-large span{
    display:block;
    padding:0px 0px 15px 70px;
    opacity:0.7;
}
.alert-large i:first-child{
    font-size:20px;
    background-color:rgba(255,255,255,0.1);
    position:absolute;
    line-height:71px;
    width:50px;
    text-align:center;
}
.alert .fa-times{
    position:absolute;
    width:50px;
    line-height:50px;
    text-align:center;
    top:50%;
    right:0px;
    font-size:12px;
    opacity:0.4;
    z-index:9;
    cursor:pointer;
    transform:translateY(-50%);
}

/*Quotes*/
.quote-1{border-left-width: 4px; border-style: solid; padding:0px 0px 0px 20px; margin:0px 0px 30px 0px}
.quote-1 img{display:inline; width:65px; margin:5px 15px 0px 0px; float:left; border-radius:50px}
.quote-no-border{border-left-width:0px!important; padding:0px!important}
.quote-1 .fa-quote-right, .quote-1 .fa-quote-left{position:absolute; top:10px; opacity:0.05; font-size:50px}
.quote-1 .fa-quote-right{ top:auto; bottom:40px; right:0px}
.quote-1 p{line-height:26px; font-size:13px; margin-bottom:0px}
.quote-1 strong{font-size:12px; padding-top:10px; display:block; text-align:right}
.quote-1 span{position:absolute; bottom:0px;}
.quote-1 span i{padding-right:3px;}

/*Reviews*/
.review-1 em{position:absolute; right:0px; display:block; font-style:normal; font-size:13px; font-weight:500}
.review-1 em img{position:absolute; width:38px; border-radius:38px; left:-45px; margin:4px 30px 0px 0px}
.review-1 span{display:block; margin:-5px 0px 20px 0px}
.review-1 span i{font-size:14px; margin:-5px 1px 0px 0px}
.review-1 u{position:absolute; right:0px; top:20px; font-size:9px; text-decoration:none}
.review-1 strong{display:block; font-size:15px}

.review-2 img{width:120px; margin:20px auto; border-radius:120px}
.review-2 h1{text-align:center; font-size:18px; font-weight:600}
.review-2 .review-stars{width:120px; margin:10px auto; color:#f39c12}
.review-2 .review-stars i{font-size:18px}
.review-2 p{text-align:center; margin:10px auto 30px auto; font-size:15px; font-weight:300}
.review-2 em{text-align:center; display:block; font-size:12px}

.review-3 .review-icon{text-align:center; width:100px; line-height:100px; border-radius:100px; margin:0 auto 20px auto; display:block}
.review-3 .review-image{text-align:center; width:100px; line-height:100px; border-radius:100px; margin:0 auto 20px auto; display:block}
.review-3 p{text-align:center; font-size:17px; line-height:32px; font-weight:300}
.review-3 a{text-align:center; font-weight:800}
.review-3 .review-stars i{font-size:23px}
.review-3 .review-stars{width:154px; margin:20px auto}

.review-4 h1{font-size:30px; font-weight:800}
.review-4 h2{font-size:12px; position:absolute; margin:-27px 0px 0px 70px}
.review-4 a{text-align:right; font-size:12px}
.review-4 .review-stars{color:#f39c12}
.review-4 .review-stars i{margin:0px 5px 20px 0px; font-size:18px}
.review-4 img{width:50px; border-radius:50px; position:absolute; top:0px ;right:0px}

.review-4 p{font-style:italic; font-weight:300; font-size:15px;	line-height:32px}
.review-5 h1{font-size:50px; font-weight:800}
.review-5 h2{font-size:10px; position:absolute; margin:-43px 0px 0px 110px}
.review-5 .review-stars{color:#f39c12; margin:-25px 0px 0px 110px}
.review-5 .review-stars i{margin:0px 2px 20px 0px; font-size:16px}
.review-5 img{width:55px; border-radius:55px; position:absolute; top:-15px; right:0px}
.review-5 p{font-style:italic; font-weight:300; font-size:15px; margin-bottom:20px;	line-height:32px}
.review-5 a{text-align:right; font-size:12px;}

.review-6 h1{font-size:20px; font-weight:900; text-transform:uppercase; margin-bottom:-5px}
.review-6 em{font-size:12px; padding-bottom:10px; display:block}
.review-6 h3{float:left; font-size:15px; font-weight:300; line-height:30px}
.review-6 .review-stars{float:right; color:#f39c12; line-height:30px}
.review-6 .review-stars i{padding-left:5px}

/*Pricing*/
.pricing-1, .pricing-2, .pricing-3, .pricing-4{max-width:280px;	margin:0 auto;}
.pricing-single{max-width:280px; margin: 0 auto;}
.pricing-double-1{width:48%; float:left; margin-right:4%;}
.pricing-double-2{width:48%; float:left;}

.pricing-1{border:solid 1px rgba(0,0,0,0.1); padding:20px 0px 10px 0px; background}
.pricing-1 *{list-style:none;}
.pricing-1 .pricing-icon{font-size:50px;}
.pricing-1 .pricing-title{font-size:32px; padding:20px 0px 0px 0px;}
.pricing-1 .pricing-value{font-size:40px; font-weight:300; padding:20px 0px 0px 0px;}
.pricing-1 .pricing-value sup{font-size:12px; top:-18px;}
.pricing-1 .pricing-value sup:first-child{padding-right:5px; top:-13px; font-size:20px;}
.pricing-1 .pricing-subtitle{opacity:0.6; font-size:11px; line-height:18px; font-weight:300; padding:0px 0px 10px 0px;}
.pricing-1 .pricing-list{padding:0px;}
.pricing-1 .pricing-list li{line-height:40px; border-bottom:solid 1px rgba(0,0,0,0.1); font-size:14px; font-weight:500;}
.pricing-1 .pricing-list li:last-child{border-bottom:none; margin-bottom:-20px;}

.pricing-2{border:solid 1px #ebebeb; padding:0px 0px 10px 0px;}
.pricing-2 *{list-style:none;}
.pricing-2 .pricing-icon{font-size:50px; padding:10px 0px 10px 0px;}
.pricing-2 .pricing-title{font-size:25px; padding:15px 0px 15px 0px; margin:-10px 0px 20px 0px;}
.pricing-2 .pricing-overtitle{font-size:25px; padding:15px 0px 15px 0px; margin:-10px 0px 0px 0px;}
.pricing-2 .pricing-value{font-size:43px; padding:15px 0px 0px 0px;}
.pricing-2 .pricing-value sup{font-size:12px; top:-18px;}
.pricing-2 .pricing-value sup:first-child{padding-right:5px; top:-13px; font-size:20px;}
.pricing-2 .pricing-subtitle{font-size:11px; line-height:18px; font-weight:400; padding:0px 0px 0px 0px;}
.pricing-2 .pricing-list{padding:0px;}
.pricing-2 .pricing-list li{line-height:40px; border-bottom:solid 1px rgba(0,0,0,0.1); font-size:14px; font-weight:500;}
.pricing-2 .pricing-list li:last-child{border-bottom:none;}

.pricing-3{border:solid 1px #ebebeb; padding:0px 0px 10px 0px;}
.pricing-3 *{list-style:none;}
.pricing-3 .button{max-width:90%; margin:-10px auto 10px auto;}
.pricing-3 .pricing-icon{font-size:50px;}
.pricing-3 .pricing-title{font-size:28px; padding:30px 0px 0px 20px;}
.pricing-3 .pricing-value{text-align:center; font-size:40px; font-weight:300; padding:20px 0px 20px 0px;}
.pricing-3 .pricing-value sup{font-size:12px; top:-18px;}
.pricing-3 .pricing-value sup:first-child{padding-right:5px; top:-13px; font-size:20px;}
.pricing-3 .pricing-subtitle{opacity:0.6; font-size:12px; line-height:18px; font-weight:400; padding:0px 0px 30px 20px; border-bottom:solid 1px rgba(0,0,0,0.1);}
.pricing-3 .pricing-list{padding:0px;}
.pricing-3 .pricing-list i{padding-right:20px; width:30px;}
.pricing-3 .pricing-list li{line-height:50px; border-bottom:solid 1px rgba(0,0,0,0.1); font-size:14px; font-weight:500; padding:0px 0px 0px 20px;}

.pricing-4{border:solid 1px #ebebeb; padding:0px 0px 10px 0px;}
.pricing-4 *{list-style:none;}
.pricing-4 .pricing-title{font-size:18px; padding:15px 0px 15px 0px; margin:0px 0px 0px 0px;}
.pricing-4 .pricing-value{font-size:43px; padding:30px 0px 20px 0px;}
.pricing-4 .pricing-value sup{font-size:12px; top:-18px;}
.pricing-4 .pricing-value sup:first-child{padding-right:5px; top:-13px; font-size:20px;}
.pricing-4 .pricing-subtitle{font-size:11px; line-height:18px; font-weight:400; padding:0px 0px 20px 0px; margin-top:-10px;}
.pricing-4 .pricing-list{padding:0px; margin-bottom:20px;}
.pricing-4 .pricing-list li{line-height:40px; border-bottom:solid 1px rgba(0,0,0,0.1); font-size:14px; font-weight:500;}
.pricing-4 .pricing-list li:last-child{border-bottom:none;}


/*Glowing Text*/
@keyframes glow-red-light {0% {color:#000;} 50% {color:#ED5565;} 0% {color:#000;}}
@keyframes glow-red-dark {0% {color:#FFF;} 50% {color:#ED5565;} 0% {color:#FFF;}}
.theme-light .glow-red{animation: glow-red-light 4s; animation-iteration-count: infinite;}
.theme-dark .glow-red{animation: glow-red-dark 4s; animation-iteration-count: infinite;}

/*Scaling Box*/
@keyframes scale-animation {0% {transform:scale(1, 1)} 50% {transform:scale(1.05, 1.05)} 0% {transform:scale(1, 1)}}
.scale-box{animation:scale-animation 1.5s; animation-iteration-count: infinite;}

/*Link List*/
.menu-dark .link-list-1 span{color:#FFF;}
.menu-dark .link-list-1 a{border-bottom:solid 1px rgba(255,255,255,0.03);}

.link-list-no-border *{border:none!important;}
.link-list-no-border a{margin-bottom:-10px;}
.link-list-1.link-list-long-border span{
    margin-left:0px;
    padding-left:35px;
    font-size:13px;
}
.link-list-2.link-list-long-border a{
    margin-left:0px;
    padding-left:45px;
}
.link-list-2.link-list-long-border i:first-child{left:0px;}
.link-list-1 a i:last-child{
    line-height:50px;
    width:20px;
    font-size:10px;
    text-align:center;
    position:absolute;
    right:0px;
    top:0px;
    color:#666666;
}
.link-list-1 a{border-bottom:solid 1px #ebebeb;}
.link-list-1 a i:first-child{
    line-height:30px;
    width:20px;
    text-align:center;
    position:absolute;
    top:11px;
    left:0px;
}
.link-list-1 a span{
    font-weight:500;
    display:block;
    color:#1f1f1f;
    line-height:50px;
    margin-left:33px;
}
.link-list-1 em{
    font-size:9px;
    font-weight:700;
    border-radius:4px;
    position:absolute;
    top:16px;
    right:0px;
    line-height:18px;
    text-align:center;
    font-style:normal;
    z-index:2;
    color:#FFF;
    padding:0px 8px 0px 8px;
}
.link-list-2 a{
    line-height:75px;
    margin-left:45px;
    border:solid 1px #ebebeb;
    border-left:none!important;
    border-right:none!important;
    border-top:none!important;
}
.link-list-2 a i:first-child{
    line-height:30px;
    height:30px;
    width:30px;
    text-align:center;
    position:absolute;
    top:40px;
    font-size:14px;
    left:-45px;
}
.link-list-2 a i:last-child{
    line-height:107px;
    width:20px;
    font-size:10px;
    text-align:center;
    position:absolute;
    right:0px;
    top:2px;
    color:#666666;
}
.link-list-2 a span{
    font-weight:500;
    display:block;
    color:#1f1f1f;
    font-size:14px;
    margin-top:-18px;
    padding:8px 0px 8px 0px;
}
.link-list-2 a strong{
    position:absolute;
    margin-top:-65px;
    font-size:11px;
    font-weight:500;
    display:block;
    color:#a2a2a2;
}
.link-list-2 em{
    font-size:9px;
    font-weight:700;
    border-radius:3px;
    position:absolute;
    top:47px;
    right:0px;
    line-height:23px;
    text-align:center;
    font-style:normal;
    z-index:2;
    color:#FFF;
    padding:0px 8px 0px 8px;
}
.link-list-3 a{
    padding:13px 0px 13px 0px;
    margin-bottom:20px;
    border:solid 1px rgba(0,0,0,0.07);
}
.link-list-3 a i:first-child{
    position:absolute;
    left:10px;
    line-height:30px;
    margin-top:-1px;
    font-size:20px;
    transform:translateY(-50%);
    top:50%;
    width:30px;
    text-align:center;
}
.link-list-3 a i:last-child{
    position:absolute;
    right:5px;
    line-height:30px;
    transform:translateY(-50%);
    margin-top:-6px;
    top:50%;
    font-size:16px;
    width:50px;
    text-align:center;
}
.link-list-3 em{
    position:absolute;
    font-size:7px;
    right:0px;
    margin-top:-21px;
    width:60px;
    text-transform:uppercase;
    font-weight:500;
    text-align:center;
    font-style: normal;
}
.link-list-3 span{
    font-weight:700;
    color:#1f1f1f;
    font-size:14px;
    display:block;
    padding-left:53px;
}
.link-list-3 strong{
    font-weight:400;
    font-size:10px;
    display:block;
    margin-top:-9px;
    padding-left:53px;
    color:#a2a2a2;
}

.link-list strong i{
    position:relative!important;
    width:10px!important;
    padding-right:10px!important;
    line-height:10px!important;
    transform:translate(0px, -2px);
    font-size:9px!important;
}

/*Contact Form*/
.contact-form{margin-bottom:15px;}
.menu .form-field label{font-size:12px; margin-bottom:-10px;}
.form-field span{
    position:absolute;
    right:0px;
    font-size:9px;
    opacity:0.5;
}
.form-field input, .form-field textarea, .form-field select{
    box-shadow:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent!important;
    margin:10px 0px 10px 0px;
    width: 90%;
}
.form-name input, .form-email input{
    line-height: 30px;
    border-bottom: solid 1px #ebebeb;
    width: 100%;
}
.form-text textarea{
    height: 300px;
    line-height: 24px;
    width: 100%;
    border-bottom: solid 1px #ebebeb;
    padding: 10px 10px 0px 10px;
    margin-bottom: 10px;
}
.contactSubmitButton{
    width:100%;
    display:block;
    border-radius:10px;
    color:#FFF!important;
    padding:12px 0px!important;
}
.fieldHasError{
    border-bottom:solid 1px #BF263C!important;
}
.formValidationError{padding:10px 0px; margin:0px 0px 30px 0px;}

/*Ad Boxes*/
.ad-300x50{
    width:300px;
    height:50px;
    margin:0 auto;
}
.ad-300x50-fixed{
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    z-index:94;
    bottom:0px;
    width:300px;
    height:50px;
    margin:0 auto;
}

.is-on-homescreen.is-ios{
    bottom:90px!important;
}

.ad-300x250{
    width:300px;
    height:250px;
    margin:0 auto;
}
.ad-close{
    position:absolute;
    right:0px;
    top:0px;
    font-size:10px;
    line-height:21px;
    width:20px;
    text-align:center;
    background-color:rgba(255,255,255,0.1);
    color:#FFF;
}
.hide-ad{
    transform:translate(-50%, 80px);
    transition:all 250ms ease;
}

/*Scroll Fixed Ads*/
.scroll-ad-visible{transform:translateY(0%)!important;}
.scroll-ad{
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:rgba(255,255,255,0.99);
    z-index:93;
    height:80px;
    transform:translateY(150%);
    transition:all 250ms ease;
    border-top:solid 1px rgba(0,0,0,0.1);
}
.scroll-ad img{
    width:60px;
    position:absolute;
    margin:10px;
    border-radius:10px;
}
.scroll-ad h1{
    display:block;
    font-size:18px;
    padding:7px 0px 0px 80px;
    margin-bottom:-3px;
}
.scroll-ad em{
    padding:0px 85px 0px 80px;
    font-style: normal;
    font-size:11px;
    opacity:0.7;
    display:block;
    line-height:15px;
}
.scroll-ad a {
    width:60px;
    font-size:9px;
    right:15px;
    text-transform: uppercase;
    text-align:center;
    font-weight:700;
    position:absolute;
    top:50%;
    border-radius:5px;
    transform:translateY(-50%);
}

/*---Added to Home---*/
.add-to-home-visible{opacity:1!important; pointer-events:all!important;}
.add-to-home .close-add-to-home{pointer-events: none;}
.add-to-home i{display:none;}
.add-to-home-ios{bottom:25px;}
.add-to-home-ios i{
    width:40px;
    text-align:center;
    position:absolute;
    font-size:30px;
    left:50%;
    bottom:-18px!important;
    margin-left:-21px;
    transform:rotate(180deg);
    color:#0f1215;
    display:block;
}
.add-to-home-ios .close-add-to-home{
    position:absolute;
    right:13px;
    top:13px;
    transform:scale(0.5, 0.5);
}
.add-to-home-android{top:20px;}
.add-to-home-android i{
    width:40px;
    text-align:center;
    position:absolute;
    top:-18px;
    right:15px;
    font-size:30px;
    margin-left:-20px;
    color:#0f1215;
    display:block;
}
.add-to-home-android .close-add-to-home{
    position:absolute;
    right:0px;
    top:23px;
    transform:scale(0.5, 0.5);
}
.add-to-home{
    position:fixed;
    background-color:#0f1215;
    z-index:99;
    left:15px;
    right:15px;
    border-radius:10px;
    height:80px;
    opacity:0;
    pointer-events: none;
    transition:all 250ms ease;
}
.add-to-home h1{
    position:absolute;
    padding-left:75px;
    padding-top:8px;
    color:#FFF;
    font-size:13px;
}
.add-to-home p{
    color:#b4b4b4;
    position:absolute;
    font-size:11px;
    padding-right:20px;
    padding-left:75px;
    padding-top:35px;
    line-height:14px;
}
.add-to-home img{
    width:45px;
    margin-top:17px;
    margin-left:15px;
}

/*Notch Detection*/
.has-notch .offline-message,
.has-notch .online-message{padding-top:45px!important;}
.has-notch #page{padding-top:35px;}
.has-notch .header{height:90px;}
.has-notch [data-menu-type="menu-box-left"]{padding-top:44px;}
.has-notch [data-menu-type="menu-box-right"]{padding-top:44px;}
.has-notch [data-menu-type="menu-box-top"]{padding-top:44px;}
.notch-hider{display:none;}
.has-notch .notch-hider{
    display:block!important;
    background-color:#FFF;
    position:fixed;
    top:0px; left:0px; right:0px;
    z-index:990;
}

/*-Progress Bar-*/
.progress-padding{padding:20px 20px;}
.progress-bar-wrapper{display:block; overflow:hidden;}
.progress-bar-wrapper em{
	position:absolute;
	left:0px;
	right:0px;
	font-style:normal;
	display:block;
	padding:0px 15px;
	animation: pbar 1000ms 1;
}
@keyframes pbar {0% {opacity: 0;} 100% {opacity: 1;}}
.progress-bar{
	width:0%;
	position:absolute;
	border-left:solid 0px #FFF;
	border-right:solid 0px #FFF;
	transition:width 500ms ease;
}
/*Offline Detector*/
.offline-message, .online-message{
    position:fixed;
    transform:translateY(-200%);
    transition:all 350ms ease;
    top:0px;
    left:0px;
    right:0px;
    z-index:9999;
    line-height:30px;
}

.offline-message-active, .online-message-active{transform:translateY(0%);}

/*Instant Articles*/
.instant-article{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:999;
    background-color:#FFF;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    transform:translateX(100%);
    transition:all 250ms ease;
}
.instant-article-active{
    transform:translateX(0%)!important;
    transition:all 250ms ease;
    z-index: 999;
}

/*Page Timeline*/
.timeline-cover{
	height:350px;
	width:100%;
	position:fixed;
	z-index:1;
	top:0px;
	background-position:center center;
	background-size:cover;
    margin-top:50px;
}
.timeline-cover .overlay{opacity:0.8;}
.timeline-cover .content{z-index:10;}
.timeline-body{
	margin-top:270px;
	padding-top:10px;
	z-index:2;
	background-color:#FFF;
	padding-bottom:10px;
    box-shadow:none!important;
}
.timeline-header{height:55px; border-bottom:solid 1px rgba(255,255,255,0.5);}
.timeline-header .back-button{
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-size:16px;
	color:#FFF;
	z-index:11;
}
.timeline-header .menu-icon{
	position:absolute;
	top:2px;
	right:0px;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-size:16px;
	color:#FFF;
	z-index:11;
}
.timeline-header .menu-icon em{background-color:#FFF;}
.timeline-logo{
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	z-index:10;
	width:100%;
}
.timeline-deco{
	background-color:rgba(0,0,0,0.08);
	position:absolute;
	top:0px;
	bottom:0px;
	left:43px;
	width:1px;
}
.timeline-item-content, .timeline-item-content-full{
	background-color:#FFF;
	margin:0px 15px 30px 90px;
	padding:20px 15px;
}
.timeline-item-content-full{padding:0px;}
.timeline-item-content-full h5{padding:5px 15px 15px 15px;}
.timeline-item .timeline-icon{
    position:absolute;
	width:45px;
	height:45px;
    left:21px;
	line-height:45px;
	border-radius:45px;
	top:25px;
	font-size:18px;
	text-align:center;
}

/*Timeline Center*/
.timeline-cover-center .timeline-sub-heading,
.timeline-cover-center .timeline-heading{
	padding-left:0px; text-align:center;
}
.timeline-cover-center .timeline-image{
	top:50%;
	bottom:auto;
	margin-top:-150px;
	left:50%;
	margin-left:-60px;
	background-size:120px 120px;
	width:120px;
	height:120px;
	border-radius:100px;
}
.timeline-body-center{padding-bottom:40px;}
.timeline-body-center .timeline-icon{width:60px; height:60px; left:50%; line-height:60px; margin-left:-31px; margin-top:-115px;}
.timeline-body-center .timeline-deco{left:50%;	margin-left:-1px;}
.timeline-body-center .timeline-item-content,
.timeline-body-center .timeline-item-content-full
{margin:120px 20px 20px 20px!important; padding:20px;}

/*Page Profile*/

.profile-header{min-height:120px;}
.profile-header .profile-left{padding:0px 80px 0px 30px}
.profile-header .profile-left h1{font-weight:600;}
.profile-header .profile-left p{font-size:12px; line-height:22px; margin-bottom:10px;}
.profile-header .profile-left a{font-weight:600; font-size:11px; margin-right:10px;}
.profile-header .profile-left a span{font-weight:400; opacity:0.5; padding-right:5px;}
.profile-header .profile-right{top:0px; position:absolute; right:20px;}
.profile-header .profile-right img{width:75px; height:75px; border-radius:110px; object-fit: cover;}
.profile-header .profile-left h1 i{position:absolute; font-size:13px; right:140px; padding-top:8px;}


/*Page VCard*/
.vcard-title{
	font-weight:900;
	font-size:18px;
	text-transform:uppercase;
}
.vcard-field{border-left:0px!important; border-top:0px!important; border-right: 0px!important; padding-top:5px; border-bottom:solid 1px #ebebeb;}
.vcard-field strong{
	color:#ababab;
	font-weight:400;
	font-size:10px;
}
.vcard-field i{
	position:absolute;
	top:25px;
	width:15px;
	text-align:center;
	right:0px;
	opacity:0.3;
}
.vcard-field a{
	color:#000;
	font-weight:400;
	font-size:14px;
	margin-top:-10px;
	margin-bottom:10px;
    opacity:0.7;
}

/*Page Countdown*/
#page-countdown{width:290px;margin:30px auto 90px auto;}
.countdown .countdown-hours,
.countdown .countdown-minutes,
.countdown .countdown-years,
.countdown .countdown-seconds,
.countdown .countdown-days{
	float:left;
	width:25%;
	text-align:center;
	font-size:27px;
	font-weight:800;
}
.countdown em{
	font-size:12px;
	font-style:normal;
	display:block;
	font-weight:300;
	color:#848484;
}

/*PageApp Calendar*/
.calendar{
	background-color:#FFFFFF;
	overflow:hidden;
	max-width:90%;
	margin:0px auto 30px auto;
}
.cal-title, .cal-sub-title{
    color:#FFFFFF;
    line-height:60px;
	margin-bottom:0px;
	padding:0px 15px;
}
.cal-title-right{float:right; margin-top:-60px; line-height:62px; height:50px; padding-right:20px;}
.cal-title-left{float:left; margin-top:-60px; line-height:62px; height:50px; padding-left:20px;}
.cal-days a{
	width:14.28%;
	float:left;
	text-align:center;
	height:35px;
	line-height:35px;
	color:#FFFFFF;
	font-weight:800;
    font-size:10px;
}
.cal-disabled{color:#cacaca!important;}
.cal-selected span{
	z-index:2;
	position:relative;
	color:#FFFFFF;
}
.cal-selected i{
	color:#000000;
	z-index:0;
	opacity:1;
	font-size:30px;
	position:absolute;
	width:30px;
	height:30px;
	top:50%;
	left:50%;
	margin:-16px 0px 0px -15px;
	text-align:center;
	line-height:32px;
}
.cal-dates a{
	width:14.2857142857%;
	float:left;
	text-align:center;
	line-height:45px;
	color:#666666;
	font-weight:500;
}
.cal-dates-border a{
	overflow:hidden;
	border-bottom:solid 1px #ebebeb;
	border-left:solid 1px #ebebeb;
	border-right:solid 1px #ebebeb;
}
.cal-schedule{
	min-height:80px;
	border-bottom:solid 1px rgba(0,0,0,0.055);
	border-left:solid 1px #ebebeb;
	border-right:solid 1px #ebebeb;
}
.cal-schedule em{
	line-height:20px;
	padding:20px 0px 0px 20px;
	position:absolute;
	font-size:11px;
	font-style:normal;
}
.cal-schedule strong{
	display:block;
	padding:17px 0px 0px 100px;
	font-size:14px;
}
.cal-schedule span{
	display:block;
	font-size:10px;
	color:#a2a2a2;
	margin-top:0px;
}
.cal-schedule span i{
	width:50px;
	display:inline-block;
	text-align:center;
	padding:0px 20px 0px 102px;
}
.cal-message i{
	position:absolute;
	height:40px;
	line-height:43px;
	font-size:27px;
	right:20px;
}
.cal-message{
    display:block;
	border-left:solid 1px #ebebeb;
	border-right:solid 1px #ebebeb;
}
.cal-message strong{
	display:block;
	line-height:20px;
	font-weight:400;
	font-size:11px;
	padding-left:20px;
}
/*-Pageapp Chat-*/
.speech-left{max-width:240px; float:right; color:#FFF;}
.speech-right{max-width:240px; float:left;}
.speach-image{padding:0px!important;}
.speach-image img{margin:0px;}
.speech-last{margin-bottom:0px!important;}
.speech-bubble {
	position: relative;
	border-radius: 5px;
	padding:8px 15px;
	margin-bottom:15px;
	line-height:22px;
	font-size:13px;
	background-color:#E5E5EA;
	overflow: hidden;
}
.speech-bubble:after {content: ''; display: block; clear: both;}
.speech-read{
	font-size:10px;
	font-style: normal;
	display:block;
	text-align:right;
	font-weight:500;
	color:#9d9d9d;
    margin-bottom:80px;
}
.speach-input input{
    z-index:99;
    position:fixed;
    width:100%;
    left:0px;
    right:0px;
    bottom:0px;
    height:60px;
    background-color: #dcdde1;
    padding:0px 70px 0px 15px!important;
    border-top:solid 1px #ebebeb;
}
.speach-input a{
    z-index:100;
    position:fixed;
    right:15px;
    bottom:15px;
    color:#FFF;
    line-height:30px;
    width:30px;
    border-radius:30px;
    text-align:center;
}
.speach-input input::placeholder{color:#000;}

/*Reading Progress*/
#reading-progress-bar {
    height: 3px;
    top:50px;
    position:fixed;
    z-index:99;
    background: #4caf50;
    width: 0%;
    transition:all 300ms ease;
}

/*Slider Custom Settings*/
.next-slide-arrow, .prev-slide-arrow{
	position:absolute;
	bottom:50%;
	z-index:15;
	height:50px;
	line-height:50px;
	margin-bottom:-75px;
	width:50px;
	text-align:center;
}
.next-slide-arrow{right:0px;}
.prev-slide-arrow{left:0px;}
.next-slide-text{float:right; margin-top:-34px; z-index:2;}

/*Menu Update*/
#menu-update{
    background-color:#FFF;
    position:fixed;
    z-index:999;
    width:310px;
    height:440px;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    opacity:0;
    pointer-events:none;
    transition:all 350ms ease;
}

#menu-update.menu-active{opacity:1;}
.menu-active-no-click{transition:all 350ms ease; pointer-events: none; opacity:1;}


/* Owl Carousel v2.2.1 Copyright 2013-2017 David Deutsch  Licensed under  ()*/
.owl-carousel .owl-item,.owl-carousel .owl-wrapper,.owl-dots{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:all 250ms ease!important}.owl-auto-height .owl-height{transition:all 250ms ease-in-out!important}.owl-carousel .owl-item .owl-lazy{z-index:opacity: 0;transition:opacity .4s ease}.owl-carousel .owl-item img,.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-dot,
{transition:all 250ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-no-dots .owl-dots{display:none!important}.content1-full-height .owl-dot{bottom:20px!important;} .owl-no-dots .cover-content-bottom{bottom:0;padding-bottom:0}.owl-dots{text-align:center;bottom:25px;width:100%;backface-visibility:hidden;display:inline-block;padding-top:10px;}.owl-dot{border-radius:50px;height:8px;width:8px;display:inline-block;background:rgba(139,139,139,.9);margin-left:5px;margin-right:5px}.owl-dot.active{background:#4cbcaf}.owl-nav{position:absolute;top:50%;z-index:10;left:0;right:0}.owl-next,.owl-prev{width:40px;height:50px;position:absolute;color:#FFF;line-height:50px;text-align:center;font-size:16px;margin-top:-25px}.owl-prev{left:0}.owl-next{right:0}.owl-has-dots .owl-dots{margin-top:20px;margin-bottom:0}.owl-has-dots-over .owl-dots{margin-top:-40px;margin-bottom:10px}.owl-height{min-height:500px;height:500px}.cover-slider{margin-bottom:0}.cover-slider .owl-dots{z-index:99;margin-top:-18px;margin-bottom:-5px;transform:translateY(-25px)}.next-slide,.prev-slide{color:#fff;width:35px;line-height:35px;text-align:center;position:absolute;margin-top:-10px;top:50%;transform:translateY(-70%);z-index:99}.cover-slider [data-height=cover]{margin-bottom:0!important}.prev-slide{left:15px}.next-slide{right:15px}
.owl-dots-over .owl-dots{transform:translateY(-60px); margin-bottom:-10px;}

/* Lightbox v2.10.0 Copyright 2007, 2018 Lokesh Dhakar Released under the MIT license */

.lb-loader,.lightbox{position:fixed;text-align:center;line-height:0;left:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:fixed;top:0;bottom:0!important;left:0;z-index:9999;height:100%!important;width:100%!important;background-color:#000;filter:alpha(Opacity=80);opacity:1;display:none;overflow:hidden}.lightbox{right:0;bottom:0;top:50%!important;transform:translateY(-50%);width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:rgba(255,255,255,0)}.lb-outerContainer:after{display:table}.lb-loader{top:50%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-dataContainer,.lb-details{width:100%!important;position:fixed}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}.lb-outerContainer{position:fixed!important;left:50%;top:50%;transform:translate(-50%,-50%)!important}.lb-dataContainer{bottom:-50%;left:0;right:0}.lb-closeContainer{position:fixed;left:50%;bottom:-50%;padding-bottom:50px;transform:scale(.8,.8);margin-left:-15px}.lb-details{padding-top:30px;top:-50%;left:0;right:0;text-align:center!important}.lb-data .lb-caption{font-weight:700;line-height:1em;font-size:16px;padding-bottom:5px}

/*Dark Theme Settings*/
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6,
.theme-dark p strong{
    color:#FFF;
}

.theme-dark .menu .nav-title,
.theme-dark .menu .nav a i,
.theme-dark .menu .nav a span,
.theme-dark .menu .nav .active-nav i,
.theme-dark .menu .nav .active-nav span,
.theme-dark .header .header-icon,
.theme-dark .header .header-title,
.theme-dark .color-theme,
.theme-dark .countdown div,
.theme-dark .link-list-3 span,
.theme-dark .link-list-2 a span,
.theme-dark .link-list-1 a span,
.theme-dark .link-list-1 a,
.theme-dark .search-icon-list a,
.theme-dark .fac label,
.theme-dark .pagination a,
.theme-dark .accordion-style-2 a,
.theme-dark .input-style-1 .input-icon,
.theme-dark .input-style-2 .input-icon,
.theme-dark .input-style-1 span,
.theme-dark .input-style-2 span,
.theme-dark .contact-form i,
.theme-dark .demo-icon-font article,
.theme-dark [data-tab],
.theme-dark .profile-2 .profile-stats a,
.theme-dark .vcard-field *,
.theme-dark .review-1 em,
.theme-dark .review-1 u,
.theme-dark .review-1 strong{
    color:#FFF!important;
}

.theme-dark,
.theme-dark .menu,
.theme-dark .page-bg,
.theme-dark #page,
.theme-dark .loader-main,
.theme-dark .instant-article,
.theme-dark .divider-icon i,
.theme-dark .table tr.even td,
.theme-dark .timeline-body,
.theme-dark table,
.theme-dark td{
    background-color:#1b1d21!important;
}

.theme-dark .input-style-2 span{background-color:#000;}
.theme-dark .content-boxed .input-style-2 span,
.theme-dark .menu .input-style-2 span,
.theme-dark .content-boxed .input-style span,
.theme-dark .bg-theme{
    background-color:#0f1117!important;
}

.theme-dark .link-list-3 a,
.theme-dark .pricing-1,
.theme-dark .pricing-2,
.theme-dark .pricing-3,
.theme-dark .pricing-4,
.theme-dark .search-box,
.theme-dark .link-list-2 a,
.theme-dark .vcard-field,
.theme-dark table{
    /*border:solid 1px rgba(255,255,255,0.05);*/
}

.theme-dark .input-style-1 input,
.theme-dark .input-style-1 select,
.theme-dark .input-style-1 textarea,
.theme-dark .input-style-2 input,
.theme-dark .input-style-2 select,
.theme-dark .input-style-2 textarea,
.theme-dark .link-list-1 a,
.theme-dark .form-field input,
.theme-dark .form-field textarea{
    color:#FFF!important; border-color:rgba(255,255,255,0.06);
}

.theme-dark .link-list-1 a,
.theme-dark .link-list-2 a{
    border-color:rgba(255,255,255,0.05);
}

.theme-dark .input-style-1 em,
.theme-dark .input-style-2 em{
    color:#3c3c3c;
}

.theme-dark .classic-slider,
.theme-dark .timeline-deco{
    background-color:rgba(255,255,255,0.1)!important;
}

.theme-dark th,
.theme-dark .header,
.theme-dark .notch-hider,
.theme-dark .polaroid-effect,
.theme-dark .timeline-item-content,
.theme-dark .tab-controls,
.theme-dark .menu .input-style span,
.theme-dark .timeline-item-content-full{
    background-color:#21252a!important;
    color:#FFF;
}



.theme-dark .divider{background-color:rgba(255,255,255,0.07)!important;}
.theme-dark .menu-hider{background-color:rgba(0,0,0,0.7);}
.theme-dark .menu .nav-submenu a{color:rgba(255,255,255,0.5);}
.theme-dark .gallery-filter-controls li{color:#FFF;}
.theme-dark .tab-controls a{border-left:solid 1px rgba(255,255,255,0.05);}

.theme-dark .search-header input::placeholder{color:#FFF!important;}
.theme-dark .search-header input{color:#FFF;}
.theme-dark .search-trending li{border-bottom:solid 1px rgba(255,255,255,0.1);}
.theme-dark .search-header .fa-search{color:#FFF;}


/*Demo Code - Can Be Deleted*/
.demo-icon-font{
    width:100%;
    margin-left:25px;
}

.demo-icon-font article{
	width:50px;
	height:50px;
	display:inline-block;
	transform:scale(1.41, 1.41);
}

.demo-buttons a{
    margin-bottom:15px;
    width:29%;
    text-align:center;
    margin-right:4%;
}
.demo-buttons a:nth-child(3n+0){
    margin-right:0%;
}

.chart-container {
    width:100%;
    height:350px;
}

.demo-color{
    width:100%;
    line-height:45px;
    padding-left:20px;
    text-transform:capitalize;
    border-bottom:solid 1px rgba(255,255,255,0.05);
}

.demo-color span{
    font-size:10px;
    position:absolute;
    right:20px;
    line-height:48px;
    color:rgba(255,255,255,0.5);
}

.demo-shadow{
    box-shadow:0 0px 15px 0 rgba(0,0,0,0.08)!important;
    border:solid 1px #ebebeb!important;
}

.demo-preloader{
    position:relative;
    height:100px;
    width:33%;
    float:left;
}

.demo-socials{
    width:300px;
    margin:0 auto;
}
.demo-socials a{
    width:130px;
    float:left;
    margin-right:20px;
}

.demo-socials-icon a{
    float:left;
    margin-right:20px;
}

::placeholder{
    color: #BFBFBF !important;
    font-size: 12px;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}



.list_search_input {
    width: 100%;
    font-size: 11px;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 10px 10px;
    background-color: #ebebeb;
    border-radius:10px;
    color: black;
    height: 30px;
    line-height: 30px;
    padding-right:40px;
}
.input-style-1 input{
    font-size: 11px;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom:10px;
    background-color: transparent;
    border-bottom:solid 1px #ebebeb;
    transition: all 250ms ease;
}
select {
    padding:0 10px 0 10px;
    text-align: center;
    border:1px solid #ebebeb;
    border-radius:30px;
    color:black;
    background-color: #ffffff;
    -webkit-appearance: none;
    line-height: 30px;
    height:40px;
    width: -webkit-fill-available;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 25%);
}

.loader_box {
    display: none;
    padding-bottom:40px;
}




.end_list {
    text-align: center;
    height: 30px;
    color: #b1b1b1;
    padding-bottom: 50px;
    display: none;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
input[type="time"]{

}
input[type="number"]{

}

.red_circle {
    color: #FF5D51;
    font-weight: 500;
    font-size: 9px;
    padding: 2px 5px;
    border: 1px solid #FF5D51;
    border-radius: 15px;
}

.blue_circle {
    color: #5881EA;
    font-weight: 500;
    font-size: 9px;
    padding: 2px 5px;
    border: 1px solid #5881EA;
    border-radius: 15px;
}

.input_title {
    width: 100%;
    height: 50px ;
    background: #F5F5F5;
    color: #999999;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    letter-spacing: -0.02em;
    border-radius: 5px;
    padding: 15px;
    -webkit-appearance: none;
}

.input_content {
    width: 100% !important;
    height: 220px !important;
    background: #F5F5F5 !important;
    color: #999999 !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    letter-spacing: -0.02em;
    border-radius: 5px !important;
    padding: 15px;
}

.select_title {
    width: 100%;
    height: 50px;
    background: #F5F5F5;
    color: #999999;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.02em;
    border-radius: 5px;
    padding: 15px;
}

.title_name {
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #181818;
}

.subtitle_name {
	font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #181818;
    white-space: nowrap;
}

.division_line1 {
    width: calc(100vw + 60px);
    border: 1px solid #F5F5F5;
    right: 30px;
    margin: 20px 0;
}

.division_line3 {
    width: calc(100vw + 60px);
    border: 3px solid #F5F5F5;
    right: 30px;
    margin: 20px 0;
}

.division_line5{
    border: 5px solid #F5F5F5;
    margin: 20px 0;
}

.division_line5_with_cal{
    width: calc(100vw + 60px);
    border: 5px solid #F5F5F5;
    right: 30px;
    margin: 20px 0;
}

.submit_btn{
    display: flex;
    width: 100%;
    margin:20px 0px;
}
.footer_btn.none {
    z-index: 101;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #D9D9D9;
    color: #FFFFFF;
}


.footer_btn.act2 {
    background: red !important;
}
.btn_title {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.02em;
    padding: 20px 0;
}

.nav-logo {
    background-size: 28px 28px;
    height: 45px;
}

.header-logo {
    background-size: 28px 28px;
    width: 50px;
}

.footer-logo {
    background-size: 100px 100px;
    height: 100px;
}

.theme-light .header .header-logo {
    background-image: url(../images/preload-logo.png);
}

.theme-light .footer-logo {
    background-image: url(../images/preload-logo.png);
}

.theme-light .menu .nav-logo {
    background-image: url(../images/preload-logo.png);
}

.theme-dark .header .header-logo {
    background-image: url(../images/preload-logo.png);
}

.theme-dark .footer-logo {
    background-image: url(../images/preload-logo.png);
}

.theme-dark .menu .nav-logo {
    background-image: url(../images/preload-logo.png);
}
.w-15 {
    width: 15% !important;
}
.w-20 {
    width: 20% !important;
}
.w-23 {
    width: 23% !important;
}
.w-25 {
    width: 25% !important;
}
.w-30 {
    width: 30% !important;
}
.w-33 {
    width: 33% !important; }
.w-40 {
    width: 40% !important; }
.w-45 {
    width: 45% !important;
}
.w-48 {
    width: 48% !important;
}
.w-49 {
    width: 49% !important;
}
.w-50 {
    width: 50% !important;
}
.w-60 {
    width: 60% !important;
}
.w-70 {
    width: 70% !important;
}
.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}
.w-90 {
    width: 90% !important;
}
.w-80 {
    width: 80% !important;
}
.f-w{
    color:white !important
}
.f-b{
    color:#373737 !important
}
.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.reply_color {
    color:#4cbcaf;
    font-size: 11px;
}



.like_color {
    color: #ff5d51;
    font-size: 11px;
}

.title_wc {
    display: block;
    width: 100%;
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 23px;
    height: 24px;
}

.title_wc_short {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 270px;
}

.title_cl_short {
    display: inline-block;
    width: 55%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 270px;
    font-size: 18px;
}

.title_wc_long {
    display: inline-block;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 270px;
}

.main_setting_btn {
    position: absolute;
    /* right: 10px; */
    padding-top: 20px;
    color: #656565;
    font-size: 14px;
    z-index: 999;
    width: -webkit-fill-available;
    border-top: 7px solid #f1f1f1;
}

.main_setting_btn a:first-child {
    margin-left: 15px;
}

.main_setting_btn a:last-child {
    margin-right: 20px;
    float: right;
}

.list_item {
    font-size: 15px;
    /*margin-top: 10px;*/
    padding: 20px 0 0;
}

.item_header {
    font-weight: 500;
    color: #4a4a4a;
}

.content-title h1 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: -2px !important;
}

.content-title h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: -2px !important;
}

.content-title span {
    font-weight: normal;
    color: #8e929f;
    font-size: 12px;
    position: absolute;
    right: 0;
    margin-top: -25px;
}

.item_footer {
    width: 100%;
    font-size: 11px;
    margin-top: 5px;
    color: #b3b3b3 !important;
    font-weight: normal;
    line-height: 25px;
}

.item_footer span:first-child {
    width: 75%;
    display: inline-block;
}

.item_footer span:last-child {
    display: inline;
    float: right;
    height: 13px;
    position: absolute;
    right: 0;
    margin-top: 0;
    color: #cccccc;
}

.thumbnail {
    border-radius: 10px;
    object-fit:cover;
    width: 65px;
    height: 65px;
    position: absolute;
    right: 0;
    margin-top: -33px;
}

.color-theme {
    color: #8c8c8c !important;
}

.mv_fix {
    z-index: 98;
    position: fixed;
    display: block;
    right: 0;
    padding:20px;
    bottom: 50px;
    ;
}

.mv_signup {
    z-index: 98;
    position: fixed;
    display: block;
    right: 0;
    bottom: 65px;
    ;
}

.mv_top_btn {
    background-color: #3b5998;
    color: #ffffff;
    border-radius: 50%;
    margin: 20px 10px;
    padding-top: 8px;
    text-align: center;
    width: 45px;
    height: 45px;
    font-size: 25px;
    box-shadow: 5px 5px 5px #ababab;
}

.mv_write {
    background-color: #FFFFFF;
    border-radius: 16px;
    margin: 20px 10px;
    padding-top: 15px;
    text-align: center;
    width: 60px;
    height: 60px;
    display:block;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.mv_join {
    background-color: #4cbcaf;
    color: #ffffff;
    border-radius: 50%;
    margin: 20px 10px;
    padding-top: 7px;
    text-align: center;
    width: 45px;
    height: 45px;
    font-size: 13px;
    box-shadow: 5px 5px 5px #ababab;
}

.custom-file-input {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #bac8f3;
    box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}

.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
    background-color: #eaecf4;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse);
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6e707e;
    background-color: #fff;
    border: 1px solid #4cbcaf;
    border-radius: 10px;
    width: 90%;
    overflow:hidden;
    white-space:nowrap;
}


.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #ffffff;
    content: "Browse";
    background-color: #4cbcaf;
    border-left: inherit;
    border-radius: 0 0.35rem 0.35rem 0;
}

.menu_logo {
    width: 35px;
    display: inline;
    position: absolute;
    left: 40px !important;
    margin-top: -10px !important;
    margin-bottom: -4px
}
.sidebar-table{
width:100%;
text-align:center;
background-color:#fbfbfb;
}

.sidebar-divider2{
font-size:15px;
width:48%;
height:30px;
line-height:30px;
margin-top: 5px !important;
margin-bottom: 5px !important;
font-weight: 600;
border-bottom: 0 !important;
text-align:center;
display:inline-block;
}


.sidebar-menu {
    margin-top: 20px;
}

.menu_logo {
    width: 35px;
    display: inline;
    position: absolute;
    left: 40px !important;
    margin-top: -10px !important;
    margin-bottom: -4px
}

.sidebar-menu {
    margin-top: 5px !important;
}

.sidebar-divider {
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 5px !important;
    font-weight: 600;
    border-bottom: 0 !important;
}

.sidebar-menu a {
    line-height: 35px;
}

.sidebar-menu a span {
    padding-left: 10px;
}

.help_txt {
    font-size: 10px;
    margin: 5px 0 5px 5px;
    color: #6f6f6f;
    line-height: 1.2;

}

.univ_info_icon {

}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
     pointer-events: auto;
    touch-action: manipulation;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    min-width: 50%;
    width: 100%;
    max-width: 200%;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}


.simple_board_tbl {
    width: 100%;
    border: 0 !important;
    text-align: left;
}

.simple_board_tbl td {
    padding-bottom: 10px;
    padding-top: 10px;
}

.simple_board_tbl td:first-child {
    width: 80%;
    vertical-align: top;
    text-align: left;
}

.simple_board_tbl td:last-child {
    width: 20%;
    vertical-align: middle;
}


.s_tit {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #424242;
}

.s_option {
    margin-top: 5px;
}

.s_option span {
    margin-right: 5px;
}

.mute_txt {
    padding: 10px;
    font-size: 13px;
    color: #969696;
}

.hot_tag {
    padding: 2px 11px;
    background: #fbfbfb63;
    border: 1px solid #e4e4e4;
    margin-bottom: 9px;
    display: inline-block;
    border-radius: 10px;
    color: #4e4e4e;
    margin-right: 5px;
}

.hot_tag.act {
    background: #4cbcaf;
    color: #ffffff;
    font-weight: 500;
    border: 1px solid #4cbcaf;
}

.search_box {
    width: 100%;
    border: 0 !important;
    margin-top: 0px;
}

.search_box td {
    text-align: center;
}

.search_input {
    /*background-color: #f3f3f3;*/
    width: 100%;
    padding: 10px;
    font-size: 15px;
    color: #505050;
    /*border-radius: 4px !important;*/
}

.close-article {
    font-size: 14px;
    color: #8e8e8e;
}

.search_category_box {
    padding: 10px 15px 10px 25px;
}

.category_btn {
    padding: 7px 15px;
    margin-right: 15px;
    font-size: 13px;
    border-radius: 5px;
    background: #eaeaea;
    color: #929292;
}

.category_btn.act {
    background-color: #00bcd4;
    color: #ffffff;
}

.signup_terms {
    width: 100%;
    max-height: 50vh;
    overflow-y: scroll;
    border: 1px solid #D9D9D9;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px
}

.signup_terms p {
    font-size: 11px !important;
}

.agree ul {
    margin-top: 10px;
}

.agree ul li {
    margin-bottom: 15px;
}

.agree ul li:after {
    display: block;
    clear: both;
    content: "";
}

.agree ul li input[type="checkbox"] {
    display: none;
}

.agree ul li input[type="checkbox"] + label {
    width: 17px;
    height: 17px;
    background: #fa3062;
    cursor: pointer;
    border-radius: 3px;
    float: right;
}

.agree ul li input[type="checkbox"]:checked + label {
    background: url(../images/check.png) #fa3062 no-repeat center/10px 10px;
    float: right
}

.agree ul li input[type="checkbox"] + label span {
    position: absolute;
    left: 0px;
    display: block;
}



.main_search_title {
    margin-bottom: 20px;
    color: #212329;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.1;
    margin-top: 65px;
    padding-left: 18px;
}

.bg-btn {
    background-color: #258af4 !important;
    padding: 13px !important;
    font-size: 14px !important;
}

.bg-reg {
    background-color: #258af4 !important;
    padding: 15px !important;
    font-size: 15px !important;
}

.reply_reg_btn {
    margin-top: 10px;
    font-size: 14px;
    color: #ababab;
    text-decoration: underline;
    text-underline-position: under;
    padding: 5px 5px 5px 0;
    display: inherit;
}

.alarm_item {
    color: #4a4a4a;
    border-bottom: 0px solid #f3f3f3;
    padding: 10px !important;
    margin:5px 10px 5px 10px;
    border-radius:5px;
}

.alarm_item .at {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.02em;
    color: #999999;
}

.new_icon {
    font-size: 9px;
    padding: 3px 5px;
    position: absolute;
    margin-top: 5px;
    color: #ffffff;
    background: #4cbcaf;
    display: inline-block;
    line-height: 11px;
    border-radius: 50%;
    margin-right: 5px;
    font-weight: normal;
    border-bottom: 0px;
}

.alarm_more {
    font-size: 12px !important;
}

.no_read {
    background-color: #edf6ff;
}

.board_list_item {
    padding: 20px 5px;
    border-bottom: 1px solid #eeeeee;
}

.board_list_item .board_title {
//    padding: 0px 0;
  //  font-size: 14px;
    //font-weight: 600;
    //display: block;
   // height: 18px;
}

.board_list_item .board_content {
    padding: 0 0 5px;
    font-size: 13px;
    color: #b7b7b7;
}

.board_list_item .board_reply {
    font-size: 15px;
    color: #ff675b;
}

.board_list_item .board_user_profile {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.board_list_item .item_desc {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.02em;
    color: #AAAAAA;
}


.board_list_item .attach_image {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    float: right;
    background-image: url(/s/front/images/photo.svg);
}

.board_list_item .attach_file {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    float: right;
    background-image: url(/s/front/images/file.png);
}

.univ_desc {
    color: #808080;
}

.no_cert {
    color: #a9a9a9;
}

.cert {
    color: #0d5aa7;
}

.download_item {
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.download_item a {
    color: #0d5aa7;
    text-underline-position: under;
    text-decoration: underline;
}

.bg-bg-blue1-dark {
    background: #31aca6;
}

.menu_desc {
    color: #929292;
    width: 100%;
    display: block;
    background-color: #efefef;
    padding: 6px 24px;
}



.list_un_search_input {
    padding: 10px;
    border: 1px solid #dddddd;
    border-radius: 10px !important;
    width: 100%;
    /*margin-bottom: 10px;*/
    font-size: 15px;
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 10px 10px;
    padding-right: 15px;
}

.s_btn {
    position: absolute;
    right: 7px;
    margin-top: -1px;
    color: #676767;
    z-index: 10;
    padding: 3px 10px;
    font-size: 14px;
    padding-bottom: 14px;
}

.comment_options {
    margin-top: 7px;
}



.sms_time {
    margin-top: 15px;
    font-size: 11px;
    color: #ff1f1f;
    z-index: 10;
}

.input_act {
    background: white
}

.input_deact {
    background: #fbfbfb !important
}

.main_cg_name {
    display: block;
    font-size: 11px;
    border: 1px solid #e0e0e0;
    padding: 1px 4px;
    font-weight: normal;
    color: #777777;
    border-radius: 5px;
    margin-right: 3px;
    margin-bottom: 5px;
    width: max-content;
}

textarea {
    resize: none;
}

.footer_menu {
    position: fixed;
    box-shadow: 3px 0px 5px #ececec;
    z-index: 101;
    top: 0;
    width: 100%;
    left: 0;
        opacity: 0.9;
}

.footer_menu table {
    border: 0 !important;
    width: 100%;
    margin-bottom: 0 !important;
}



.footer_menu table td a i {
    color: #777777 !important;
    font-size: 22px;
}


.footer_menu table{
    ;
	}

	.footer_menu table td {
	width: 20%;
    padding: 10px 10px 10px 10px;
    text-align: center;
    background-color: transparent !important;
	}
	.footer_menu table td a i{
	color:white !important;
	    padding: 3px;
	    font-size:19px;
	}

.menu_icon.home {
    background-image: url(/s/front/images/icons/footer/home.svg);
}

.menu_icon.alarm {
    background-image: url(/s/front/images/icons/footer/alarm.svg);
}

.menu_icon.my_page {
    background-image: url(/s/front/images/icons/footer/my_page.svg);
}

.menu_icon img {
    width: 20px;
    height: 20px;
    margin: auto;
    margin-bottom: 5px;
    border-radius:0px !important;
}

.menu_icon.act {
    color: #222222 !important;
}

.new_alarm {
    margin-left: 19px;
    padding: 8px;
    margin-top: 3px;
    position: absolute;
    z-index: 99;
    background-size: 50%;
    background-repeat: no-repeat;
    background-image: url(/s/front/images/new_alarm.png);
}
.new_alarm_mobile {
    margin-left: 12px;
    padding: 6px;
    margin-top: 0px;
    position: absolute;
    z-index: 99;
    background-size: 50%;
    background-repeat: no-repeat;
    background-image: url(/s/front/images/new_msg.png);
}


.new_msg {
    z-index: 52;
    padding: 6px;
    top: -5px;
    right: -8px;
    position: absolute;
    background-size: 50%;
    background-repeat: no-repeat;
    background-image: url(/s/front/images/new_msg.png);
}



.login_input {
    display: block;
    border-bottom: 1px solid #dddddd;
    width: 100%;
    padding: 20px 5px 7px;
    font-size: 14px;
    color: #5d5d5d;
    margin-bottom: 15px;
}

.app_un_btn {
    position: absolute;
    right: 0px;
    background-color: #ffffff00;
    font-size: 15px;
    padding: 0px;
    color: #868686;
    z-index: 1;
}

.common_top_nav_header {
    width: 100%;
    height: 54px;
    padding: 17px 15px;
    position: fixed;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #222222;
    border-bottom: 1px solid #f1f1f1;
    z-index: 99;
    top: 0;
    background: #FFFFFF;
}

.modal_nav_header {
    text-align: center;
    width: 100%;
    padding: 15px;
    position: fixed;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #f1f1f1;
    color: #565656;
    z-index: 99;
    top: 0;
    background: white;
}
.modal_nav_header i {
    position: absolute;
    left: 5px;
    padding: 14px 15px;
    top: 0;
    font-size: 25px;
    font-weight: 600;
    background-color: #ffffff;
    //color: #4cbcaf;
}

.common_top_nav_header i {
    position: absolute;
    left: 5px;
    padding: 14px 15px;
    top: 0;
    font-size: 25px;
    font-weight: 600;
    background-color: #ffffff;
    //color: #4cbcaf;
}

.common_top_nav_header button {
    position: absolute;
    right: 5px;
    padding: 15px 15px;
    top: 0;
    background-color: #ffffff;
    color: #585858;
}

.main_cg_thumb {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: inline;
    float: left;
    object-fit: cover;
}

.img-overlay {
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    background: #0000000a;
    border-radius: 50%;
}

.overlay-txt {
    width: 100px;
    padding: 10px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;
    display: block;
    color: #929292;
    padding-right: 15px;
}
.main_header_logo{
    top:0px;
        padding: 13px;
        font-size: 17px;
        background-image: none;
        color: #0096b0;
        font-weight: 600;
        position: fixed;
        z-index: 98;
        width: 100%;
        background-color: #ffffff;
}



.main_header img {
    width: 30px;
    display: inherit;
}

.more_btn {
    position: absolute;
    right: 20px;
    top: 18px;
}

.cg_menu {
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #555555;
    padding: 15px;
    margin-right: 10px;
    margin-left: 10px;
}


.menu-hider {
    position: fixed;
    top: -100px;
    bottom: -100px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 102;
    pointer-events: none;
    opacity: 0;
}

.menu-hider-active {
    opacity: 1 !important;
    pointer-events: all !important;
}

.menu-box-left {
    left: 0px;
    top: 0px;
    width: 250px;
    bottom: 0px;
    transform: translate3d(-100%, 0, 0);
}

.menu-box-right {
    right: 0px;
    transform: translateX(100%);
    top: 0px;
    bottom: 0px;
    box-shadow: 0 15px 25px 1px rgba(0, 0, 0, 0.1);
    width: 250px;
}

.menu-box-top {
    transform: translate3d(0, -115%, 0);
    top: 0px;
    left: 0px;
    right: 0px;
    height: 300px;
}

.menu-box-bottom {
    bottom: 0px;
    left: 0px;
    right: 0px;
    transform: translate3d(0, 110%, 0);
    margin-bottom:0px !important;
    border-radius:15px 15px 0px 0px !important;
    padding-top: 10px;
    }



.menu-box-top.menu-box-detached {
    top: 10px;
    left: 10px;
    right: 10px;
}

.menu-box-bottom.menu-box-detached {
    bottom: 20px;
    left: 10px;
    right: 10px;
}

.menu-box-left.menu-box-detached {
    top: 10px;
    bottom: 10px;
}

.menu-box-left.menu-box-detached.menu-active {
    left: 10px;
}

.menu-box-right.menu-box-detached {
    bottom: 10px;
    top: 10px;
}

.menu-box-right.menu-box-detached.menu-active {
    right: 10px;
}


.menu-box-left.menu-active {
    transform: translate3d(0%, 0, 0) !important;
}

.menu-box-right.menu-active {
    transform: translate3d(0%, 0, 0) !important;
}

.menu-box-top.menu-active {
    transform: translate3d(0%, 0, 0) !important;
}

.menu-box-bottom.menu-active {
    transform: translate3d(0%, 0, 0) !important;
}

.menu-box-modal.menu-active {
    transition: all 300ms ease !important;
    pointer-events: all !important;
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1, 1) !important
}

.menu-hider.menu-active {
    opacity: 1;
    pointer-events: all;
}

.menu-hider.menu-active.menu-active-clear {
    background-color: rgba(0, 0, 0, 0) !important;
}

.menu-box-left[data-menu-effect="menu-reveal"],
.menu-box-right[data-menu-effect="menu-reveal"] {
    opacity: 0;
    pointer-events: none;
    transform: translate(0px) !important;
    z-index: 96;
}


.menu_tab {
    width: 100%;
    border: 0 !important;
    margin-top: 10px;
    z-index: 99;
    margin-bottom: 5px;
}
select{
    -webkit-appearance: none;
    background:white;
}

.search_button{
width:15px;
z-index:10;
}

.red_circle {
    color: #FF5D51;
    font-weight: 500;
    font-size: 9px;
    padding: 2px 5px;
    border: 1px solid #FF5D51;
    border-radius: 15px;
}

.division_line_1 {
    width: calc(100% + 60px);
    border: 1px solid #F5F5F5;
    margin: 20px 0;
    right: 30px;
}

.division_line_5 {
    width: 100%;
    border: 5px solid #F5F5F5;
    margin: 20px 0;
}

.division_line_10 {
    width: 100%;
    border: 10px solid #F5F5F5;
    margin: 20px 0;
}
.fa-spinner{
    color:white;
}

.f-15{
    font-size:15px;
}
.point_box{
    border-radius: 15px !important
}

.select_wrap {
    height: 40px;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    background: url('/s/front/images/icons/angle_down_black.svg') no-repeat 95% 50%/15px auto;
}
.select_wrap.act {
    height: 40px;
    border: 0;
    background: url('/s/front/images/icons/angle_down_white.svg') no-repeat 95% 50%/15px auto #4CBCAF;
}
select {
    width: 100%;
    height: 100%;
    padding: 8px 18px 8px 8px;
    margin: 0;
    font-size: 15px;
    border: 0;
    -webkit-appearance: none; /* for chrome */
    -moz-appearance: none; /*for firefox*/
    appearance :none;
    box-sizing: border-box;
    background: transparent;
    box-shadow: none;
}
.select_wrap_grey {
    height: 50px;
    border-radius: 5px;
    background: url('/s/front/images/icons/angle_down_9.svg') no-repeat 95% 50%/15px auto #F5F5F5;;
}
.select_name {
    font-weight: 400;
	line-height: 15px;
	letter-spacing: -0.02em;
	color: #3A3A3A;
	text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}
.select_name.act {
	color: #FFFFFF;
}
select::-ms-expand{
   display:none;/*for IE10,11*/
}
.input_place {
	display: flex;
	flex-direction: column;
	width: 100%;
    font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #666666;
	margin-bottom: 30px;
}
.common_board_type_name {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #181818;
}
.move_to_list {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    letter-spacing: -0.02em;
}
.common_board_title {
    width: 100%;
    max-width: 80%;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #8E8E8E;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 15px;
}
.common_board_created {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    letter-spacing: -0.02em;
    color: #8E8E8E;
    white-space: nowrap;
}
.updown_place {
    width: 100%;
    height: 50px;
    padding: 7px 20px 10px 30px;
    word-break: keep-all;
}
  .menu_logo {
        width: 35px;
        display: inline;
        position: absolute;
        left: 40px !important;
        margin-top: -10px !important;
        margin-bottom: -4px
    }

    .sidebar-menu {
        margin-top: 20px;
    }

    .sidebar-divider {
        font-size: 15px;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .bg-highlight {
        background-color: #258af4 !important;
    }

    .loading-logo {
        text-align: center;
        width: 60px;
        position: fixed;
        top: 20%;
        left: 50%;
        margin: -28px 0 0 -25px;
    }
    .menu-active.menu.point_info{
        opacity:1!important;
        overflow-y: scroll;
        bottom: 8%;
}

.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #000000;
    margin: 0 auto;
}
.la-ball-clip-rotate.la-dark {
    color: #333;
}
.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-clip-rotate {
    width: 40px;
    height: 40px;
}
.la-ball-clip-rotate > div {
    width: 40px;
    height: 40px;
    background: transparent;
    border-width: 3px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate .75s linear infinite;
       -moz-animation: ball-clip-rotate .75s linear infinite;
         -o-animation: ball-clip-rotate .75s linear infinite;
            animation: ball-clip-rotate .75s linear infinite;
}
.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}
.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}
.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}
.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(180deg);
             transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}
@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(180deg);
           transform: rotate(180deg);
    }
    100% {
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
}
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.img_20_20_half {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    object-fit: cover;
    margin-right: 5px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}
.btn_box{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.btn_box .app_btn_1{width: 290px; height: 50px; background: #FFFFFF; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); border-radius: 5px; font-weight: 500; font-size: 15px; line-height: 18px; text-align: center; letter-spacing: -0.02em; color: #3A3A3A; padding: 16px 0; margin: 50px 0 10px 0;}
.btn_box .app_btn_2{width: 290px; height: 50px; background: #A7E4DD; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); border-radius: 5px; font-weight: 500; font-size: 15px; line-height: 18px; text-align: center; letter-spacing: -0.02em; color: #3A3A3A; padding: 16px 0;}

.img_70_25 {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 25px;
    object-fit: cover;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.img_40_12 {
    width: 40px;
    height: 40px;
    border-radius: 12px;
}
.check_list {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
}
.check_list.act{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 0;
    background: #4CBCAF;
}
.un_btn {
    display: flex;
    background: #F5F5F5;
    padding: 16px 0;
    border-radius: 5px;
    width: 48%;
    height: 50px;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.act_btn {
	color: #ffffff;
	background:#4CBCAF;
}
.admin_only {
    border: 1px solid #FF5D51 !important;
}
.img_60_20 {
	width: 60px;
	height: 60px;
	border-radius: 20px;
	border: 1px solid #F5F5F5;
}

/* font-size: under 12 & order by fs, fw, lh, color(w(#FFFFFF) -> b) */
.fw400_7_8_FF {
    font-weight: 400;
    font-size: 7px;
    line-height: 8px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.fw400_9_11_FF {
    font-weight: 400;
    font-size: 9px;
    line-height: 11px;
    color: #FFFFFF;
}
.fw400_10_12_8E {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.02em;
    color: #8E8E8E;
    white-space: nowrap;
}
.fw700_11_13_FF {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #FFFFFF;
    letter-spacing: -0.02em;
}
.fw500_11_20_3A {
    font-weight: 700;
    font-size: 11px;
    line-height: 20px;
    color: #3A3A3A;
    letter-spacing: -0.02em;
}

/* font-size: 12 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw300_12_14_3A {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #3A3A3A;
}
.fw400_12_14_FF {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    white-space: nowrap;
}
.fw400_12_14_8E {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.02em;
    color: #8E8E8E;
}
.fw400_12_14_3A {
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.02em;
	color: #3A3A3A;
	white-space: nowrap;
}
.fw400_12_18_99 {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #999999;
}
.fw400_12_20_3A {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #3A3A3A;
	white-space: nowrap;
}
.fw500_12_14_FF {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

.fw700_12_20_7D {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #7D7D7D;
}

/* font-size: 13 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw400_13_16_8E {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #8E8E8E;
}
.fw400_13_18_8E {
    font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #8E8E8E;
}
.fw400_13_20_18 {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #181818;
}
.fw500_13_16_22 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw600_13_16_3A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}

/* font-size: 14 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw400_14_17_8E {
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.02em;
	color: #8E8E8E;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fw400_14_17_44 {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #444444;
}
.fw400_14_18_99 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #999999;
}
.fw400_14_20_55 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #555555;
}
.fw500_14_17_99 {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #999999;
}
.fw600_14_17_4C {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #4CBCAF;
}
.fw700_14_17_FF {
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	white-space: nowrap;
}
.fw700_14_20_3A {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #3A3A3A;
	white-space: nowrap;
}

/* font-size: 15 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw400_15_18_22 {
    font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #222222;
}
.fw600_15_18_55 {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #555555;
}
.fw400_15_18_66 {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #666666;
}
.fw400_15_18_77 {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #777777;
}
.fw500_15_18_18 {
    font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #181818;
}

.fw700_15_18_3A {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw700_15_20_3A {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw900_15_22_FF {
    font-weight: 900;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

/* font-size: 16 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw400_16_20_3A {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #3A3A3A;
	white-space: nowrap;
}
.fw500_16_18_3A {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw500_16_20_55 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #555555;
}
.fw600_16_19_3A {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw700_16_19_22 {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.02em;
	color: #222222;
}
.fw700_16_19_8E {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.02em;
	color: #8E8E8E;
	white-space: nowrap;
}

/* font-size: 17 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw600_17_20_3A{
    font-weight: 600;
    color: #3A3A3A;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.02em;
}
.fw700_17_20_3A{
    font-weight: 700;
    color: #3A3A3A;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.02em;
}
.fw700_17_26_66{
    font-weight: 700;
    color: #666666;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.02em;
}

/* font-size: 18 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw300_18_20_8E {
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #8E8E8E;
}
.fw400_18_26_18 {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #181818;
}
.fw400_18_28_22 {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw400_18_28_77 {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #777777;
}
.fw500_18_28_18 {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #181818;
}
.fw600_18_20_22 {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw700_18_28_18 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #181818;
}
.fw700_18_28_22 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #222222;
}

/* font-size: 19 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw700_19_23_22 {
    font-weight: 700;
    font-size: 19px;
    line-height: 23px;
    color: #222222;
}

/* font-size: over 20 & order by fs, fw, lh, color(w(#FFFFFF) -> b) */
.fw500_20_24_22 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw700_20_24_22 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw700_21_25_22 {
    font-weight: 700;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw600_22_34_22 {
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw700_55_66_CC {
    font-weight: 700;
    font-size: 55px;
    line-height: 66px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #CCCCCC;
}

.text_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .col {
    box-sizing: border-box;
    width: 100%;
    padding: 1px 1px;
    aspect-ratio:1/1;
}
 .square {
    position: relative;
    width: 100%;
    border-radius: 10px;
    padding-bottom: 100%;
    float: left;
    height: 0;
    overflow: hidden;
    }


    .fw200_15_20_76 {
    font-weight: 200;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.02em;
    color: #767676;
}
.fw500_15_20_76 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.02em;
    color: #767676;
}
.fw700_15_20_76 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.02em;
    color: #767676;
}
.fw700_15_20_19 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.02em;
    color: #191919;
}
.fw700_45_55_19 {
    font-weight: 700;
    font-size: 4.5rem;
    line-height: 5.5rem;
    color: #191919;
    letter-spacing: -0.02em;
}
.fw700_30_40_19 {
    font-weight: 700;
    font-size: 3rem;
    line-height: 4rem;
    color: #191919;
    letter-spacing: -0.02em;
}
.fw500_30_40_19 {
    font-weight: 500;
    font-size: 3rem;
    line-height: 4rem;
    color: #191919;
    letter-spacing: -0.02em;
}
.fw700_28_35_19 {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.5rem;
    color: #191919;
    letter-spacing: -0.02em;
}
.fw700_24_35_19 {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.5rem;
    color: #191919;
    letter-spacing: -0.02em;
}
.fw700_20_35_19 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.5rem;
    color: #191919;
    letter-spacing: -0.02em;
}
.fw500_11_20_76 {
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 2rem;
    color: #767676;
    letter-spacing: -0.02em;
}
.fw500_11_20_19 {
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 2rem;
    color: #191919 !important;
    letter-spacing: -0.02em;
}
.fw500_14_18_19 {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #191919;
    letter-spacing: -0.02em;
}
.fw500_16_20_19 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.0rem;
    color: #191919;
    letter-spacing: -0.02em;
}
.fw300_16_20_19 {
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2.0rem;
    color: #191919;
    letter-spacing: -0.02em;
}
.fw500_10_16_76 {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6rem;
    color: #767676;
    letter-spacing: -0.02em;
}


  .br-10{
        border-radius:10px;
    }

    .back_btn {
    padding: 15px 15px;;
    border: 1px solid #AEAEAE;
    z-index: 10;
    color: #AEAEAE;
    white-space: nowrap;
    justify-content: center;
    position: initial;
    display: flex;
    align-items: center;
    width: 100px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 2rem;
    letter-spacing: -0.02em;
    margin-left: 10px;
}

.box-3 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-around;
    padding: 2rem 0rem;
}

.box-2-down {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 25%;
    min-width: 170px;
    justify-content: space-between;
    margin-bottom: 5rem;
}
.box-3 .box-2-down {
    justify-content: flex-start;
}

.grey_circle {
    color: #777777;
    background: #eeeeee;
    font-weight: 400;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px !important;
}

.keyword {
    width: 100%;
    height: 50px;
    background: #F5F5F5;
    color: #999999;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    letter-spacing: -0.02em;
    border-radius: 5px;
    padding: 15px;
    -webkit-appearance: none;
}

.postcodify_search_controls {
    display: flex;
    margin-bottom: 0px !important;
}

div.postcodify_search_form {
    clear: both;
    margin: 12px;
    padding: 0;
    position: relative;
}

div.postcodify_search_form {
    margin: 0 !important;
}

.input_place_2 {
    color: #AEAEAE;
    width: 100%;

}


.grey_circle_small {
    color: #777777;
    background: #eeeeee;
    font-weight: 400;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 23px;
}
.division_line {
    width:100%;
    border: 1px solid #F5F5F5;
    margin: 2rem 0;
}

.mene_side_bar_act{
        color:#3A3A3A;
        font-weight: 500;
        font-size:1.4rem !important;
    }

    .slick-dots {
    overflow: hidden;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 21px;
}
.slide{
	position: relative;
    }
.slide .txt_box {
    position: absolute;
    left: 50%;
    top:20vw;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(1264/1920*100vw);
}
.slide_1{
	position: relative;
    }
.slide_1 .txt_box {
    position: absolute;
    left: 85%;
    top:21.5vw;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(1264/1920*100vw);
	text-align:left;
}
@media only screen and (max-width: 1024px){
.slide .txt_box {
    top: 30vw;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    padding:1.5rem;
	}
	.slide{
	background-position: bottom !important;
	background-size: cover !important;
	}
	.slide_1 .txt_box {
	top: 22vw;
	left:70%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 42%;
    padding:1.5rem;
}
}
@media only screen and (max-width: 768px){
.slide .txt_box {
    top: 25vw;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    padding:30px;
	}
	.slide{
	background-position: bottom !important;
	background-size: cover !important;
	}
	.slide_1 .txt_box {
	top: 24.5vw;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-45%,-50%);
    width: 50%;
    padding:30px 10px 30px 30px;;
    text-align:left;
}
.slick-list{
overflow:unset;
}
}
@font-face {
    font-family: 'twaysky';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.tway_sky{
     font-family: 'twaysky' !important;
}

.box-shadow{
    box-shadow: 5px 5px 8px rgb(50 60 70/10%), -3px -3px 6px #fff;
    -webkit-box-shadow: 5px 5px 8px rgb(50 60 70/10%);
    background:white;
}

.mp_title {
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.02em;
	color: #444444;
}
.mp_content {
	font-weight: 800;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #222222;
}


.input_title_1 {
    width: 100%;
    height: 30px ;
    background: #F5F5F5;
    color: #999999;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    letter-spacing: -0.02em;
    border-radius: 5px;
    padding: 15px;
    -webkit-appearance: none;
}
.input_place_side{
    display: flex;
    flex-direction: column;
    width: 100%;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #20222C;
    margin-bottom: 10px;
}

#search_txt {
    display: flex;
    align-items: center;
    width: 90%;
    height: 40px;
    background: #f5f5f5;
    color: #999999;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.02em;
    padding: 12px 15px;
}

.list_new {
	display: inline;
    color: #FF5D51;
    font-size: 20px;
    margin-left: 3px;
    vertical-align: top;
    line-height: 10px;
}

.board_event_dday {
    width: fit-content;
    border-radius: 5px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    white-space: nowrap;
    padding: 2px 13px;
    margin-bottom: 10px;
}
.warning_box{
    display: inline-block;
    background: #f56c67;
    color: #ffffff;
    padding: 1px 0.35rem 0;
    border-radius: 4px;
    width:fit-content
}

.cg_board_name {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #AAAAAA;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fire_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    background-color: #ebebeb;
    color: #444444;
    border-radius: 10px;
}
    .cg_act{
    color: #3A3A3A;
    font-weight: 700;
    font-size: 16px !important;
    }

    .my_page_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33%;
    height: 100px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #222222;
}

.my_page_box img {
    width: 36px;
    height: 36px;
    margin: 0 auto 8px auto;
}

@media (max-width: 1280px) {
    .mobile_view_home{
        width:100% !important;;
        magin-bottom:20px;
    }
    .mobile_view_home_flex{
        flex-direction: column;
        margin:10px 0px;
    }
    .width_mobile{
        width:33% !important;
    }
    .width_mobile_board{
            width:50% !important;
            margin-bottom:10px;
    }
}

img{
    border-radius:5px !important
}
.main_logo_small{
    width:16px;
    height:16px;
}

.calendar_board_title4 {
    font-weight: 600;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: -0.02em;
    color: #181818;
    display: flex;
    align-items: center;
}

 #scrollable-container a {
    white-space:nowrap;
}
.cg_tab{
    width:100%;
    display:block;
    word-break: keep-all;
    height:40px;
    display:flex;
    align-items: center;
    justify-content: center;
}
a{
    display:block;
}
.cg_tab_side{
    width:100%;
    display:block;
}
b{
    white-space:nowrap;
}
.scroll_menu{
    white-space:nowrap;
}
.count_view {
font-weight: bold;
}
#comment::placeholder{font-size:15px;}
.input_content::placeholder{font-size:15px;}
#title::placeholder{font-size:15px;}
.input_title::placeholder{font-size:15px;}

.input_place_1 {
    font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #666666;
    margin-bottom: 10px;
}

.input_place_3 {
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #4CBCAF;
}
.input_place_inner {
    font-weight: 500;
	font-size: 1rem;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #20222C;
    margin-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
    display: flex;
    align-items: center;
}
.input_place {
	display: flex;
	flex-direction: column;
	width: 100%;
    font-weight: 500;
	font-size: 1.3rem;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #20222C;
	margin-bottom: 30px;
}
.input_place_title {
	display: flex;
	flex-direction: column;
	width: 100%;
    font-weight: 500;
	font-size: 1.3rem;
	line-height: 1.5rem;
	letter-spacing: -0.02em;
	color: #20222C;
	margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
}
.title_clamp{
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    text-align:left;
    word-break: break-all;
    margin-bottom:3px;
    font-size:14px;
}
html {
  font-size: 15px; /* 기본 폰트 크기 설정 */
}

@media (max-width: 1280px) {
  html {
    font-size: 13px; /* 1280px 이하에서 폰트 크기를 더 작게 조정 */
  }
}

@media (max-width: 768px) {
  html {
    font-size: 11px; /* 768px 이하에서 폰트 크기를 더 작게 조정 */
  }
}

*{
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.w_10 {
    width: 10%;
}
.w_20 {
    width: 20%;
}
.w_25 {
    width: 25%;
}
.w_30 {
    width: 30%;
}
.w_33 {
    width: 33%;
}
.w_35 {
    width: 35%;
}
.w_48 {
    width: 48%;
}
.w_50 {
    width: 50%;
}
.w_50 {
    width: 55%;
}
.w_60 {
    width: 60%;
}
.w_70 {
    width: 70%;
}
.w_75 {
    width: 75%;
}
.w_80 {
    width: 80%;
}
.w_90 {
    width: 90%;
}
.w_100 {
    width: 100%;
}
.h_100 {
    height: 10rem;
}
.text_ellipsis {
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text_ellipsis_2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text_ellipsis_1 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* image */
.ob_co {
    object-fit: cover;
}
.img_5 {
	width: 0.5rem;
    height: 0.5rem;
}
.img_10 {
	width: 1rem;
    height: 1rem;
}
.img_12 {
	width: 1.2rem;
    height: 1.2rem;
}
.img_15 {
	width: 1.5rem;
    height: 1.5rem;
}
.img_18 {
	width: 1.8rem;
    height: 1.8rem;
}
.img_20 {
	width: 2rem;
    height: 2rem;
}
.img_25 {
	width: 2.5rem;
    height: 2.5rem;
}
.img_30 {
	width: 3rem;
    height: 3rem;
}
.img_36 {
	width: 3.6rem;
    height: 3.6rem;
}
.img_40 {
	width: 4rem;
    height: 4rem;
}
.img_45 {
	width: 4.5rem;
    height: 4.5rem;
}
.img_50 {
	width: 5rem;
    height: 5rem;
}
.img_60 {
	width: 6rem;
    height: 6rem;
}
.img_70 {
	width: 7rem;
    height: 7rem;
}
.img_75 {
	width: 7.5rem;
    height: 7.5rem;
}
.img_80 {
	width: 8rem;
    height: 8rem;
}
.img_85 {
	width: 8.5rem;
    height: 8.5rem;
}
.img_160 {
	width: 16rem;
    height: 16rem;
}
.img_2_50 {
	width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
}
.img_20_20_half {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    object-fit: cover;
    margin-right: 5px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}
.img_18_half {
	width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    object-fit: cover;
}
.img_40_12 {
    width: 40px;
    height: 40px;
    border-radius: 12px;
}
.img_60_20 {
	width: 60px;
	height: 60px;
	border-radius: 20px;
	border: 1px solid #F5F5F5;
}
.img_70_25 {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 25px;
    object-fit: cover;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.img_100_50 {
	width: 10rem;
    height: 10rem;
    border-radius: 50%;
    object-fit: cover;
}
/* border */
.bor_1_4C {
    border: 1px solid #4CBCAF;
}
.bor_1_F5 {
    border: 1px solid #F5F5F5;
}
.bor_1_EB {
    border: 1px solid #EBEBEB;
}
/* border-radius */
.br_half {
    border-radius: 50%;
}
.br_3 {
    border-radius: 0.3rem;
}
.br_5 {
    border-radius: 0.5rem;
}
.br_8 {
    border-radius: 0.8rem;
}
.br_10 {
    border-radius: 1rem;
}
.br_15 {
    border-radius: 1.5rem;
}
.br_20 {
    border-radius: 2rem;
}
.br_25 {
    border-radius: 2.5rem;
}
.br_30 {
    border-radius: 3rem;
}
.br_35 {
    border-radius: 3.5rem;
}
/* font-size: under 12 & order by fs, fw, lh, color(w(#FFFFFF) -> b) */
.fw400_7_8_FF {
    font-weight: 400;
    font-size: 7px;
    line-height: 8px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.fw400_9_11_FF {
    font-weight: 400;
    font-size: 9px;
    line-height: 11px;
    color: #FFFFFF;
}
.f_10_12 {
    font-size: 1rem;
    line-height: 1.2rem;
    letter-spacing: -0.02em;
}
.f_10_16 {
    font-size: 1rem;
    line-height: 1.6rem;
    letter-spacing: -0.02em;
}
.f_11_13 {
    font-size: 1.1rem;
    line-height: 1.3rem;
    letter-spacing: -0.02em;
}
.fw400_10_12_8E {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.02em;
    color: #8E8E8E;
    white-space: nowrap;
}
.fw600_10_16_33 {
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #333333;
}
.fw400_11_13_8E {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #8E8E8E;
    letter-spacing: -0.02em;
}
.fw700_11_13_FF {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #FFFFFF;
    letter-spacing: -0.02em;
}
.fw500_11_20_3A {
    font-weight: 700;
    font-size: 11px;
    line-height: 20px;
    color: #3A3A3A;
    letter-spacing: -0.02em;
}

/* font-size: 12 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw300_12_14_3A {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #3A3A3A;
}
.fw400_12_14_FF {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    white-space: nowrap;
}
.fw400_12_14_8E {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.02em;
    color: #8E8E8E;
}
.fw400_12_14_3A {
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.02em;
	color: #3A3A3A;
	white-space: nowrap;
}
.fw400_12_18_99 {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #999999;
}
.fw400_12_20_3A {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #3A3A3A;
	white-space: nowrap;
}
.fw500_12_14_FF {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.fw500_12_15_22 {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #222222;
}
.f_12_12 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    letter-spacing: -0.02em;
}
.f_12_14 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    letter-spacing: -0.02em;
}
.f_12_15 {
    font-size: 1.2rem;
    line-height: 1.5rem;
    letter-spacing: -0.02em;
}
.f_12_16 {
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: -0.02em;
}
.f_12_18 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: -0.02em;
}
.f_12_20 {
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: -0.02em;
}
.fw400_12_16_88 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #888888;
}
.fw700_12_20_7D {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #7D7D7D;
}

/* font-size: 13 & order by fw, lh */
.f_13_13 {
    font-size: 1.3rem;
    line-height: 1.3rem;
    letter-spacing: -0.02em;
}
.f_13_16 {
    font-size: 1.3rem;
    line-height: 1.6rem;
    letter-spacing: -0.02em;
}
.f_13_20 {
    font-size: 1.3rem;
    line-height: 2rem;
    letter-spacing: -0.02em;
}
.fw400_13_16 {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.6rem;
    letter-spacing: -0.02em;
}
.fw500_13_16_22 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw600_13_16_3A {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw400_13_18_8E {
    font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #8E8E8E;
}
.fw400_13_20_18 {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #181818;
}
.fw600_13_20_3A {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
/* font-size: 14 & order by fw, lh, color(w(#FFFFFF) -> b) */
.f_14_14 {
	font-size: 1.4rem;
	line-height: 1.4rem;
	letter-spacing: -0.02em;
}
.f_14_16 {
	font-size: 1.4rem;
	line-height: 1.6rem;
	letter-spacing: -0.02em;
}
.f_14_18 {
	font-size: 1.4rem;
	line-height: 1.8rem;
	letter-spacing: -0.02em;
}
.f_14_20 {
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
}
.fw400_14_17_8E {
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.02em;
	color: #8E8E8E;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fw400_14_17_44 {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #444444;
}
.fw400_14_18_99 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #999999;
}
.fw400_14_20_55 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #555555;
}
.fw500_14_17_99 {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #999999;
}
.fw600_14_17_4C {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #4CBCAF;
}
.fw700_14_17_FF {
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	white-space: nowrap;
}
.fw700_14_20_3A {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #3A3A3A;
	white-space: nowrap;
}

/* font-size: 15 & order by fw, lh, color(w(#FFFFFF) -> b) */
.f_15_15 {
	font-size: 1.5rem;
	line-height: 1.5rem;
	letter-spacing: -0.02em;
}
.f_15_18 {
	font-size: 1.5rem;
	line-height: 1.8rem;
	letter-spacing: -0.02em;
}
.f_15_20 {
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
}
.f_15_22 {
	font-size: 1.5rem;
	line-height: 2.2rem;
	letter-spacing: -0.02em;
}
.fw400_15_18_66 {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #666666;
}
.fw400_15_18_77 {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #777777;
}
.fw400_15_18_8E {
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #8E8E8E;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fw500_15_18_18 {
    font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #181818;
}
.fw600_15_18_44 {
    font-weight: 600;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: -0.02em;
	color: #444444;
}
.fw600_15_22_44 {
    font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -0.02em;
	color: #444444;
}
.fw600_15_18_55 {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #555555;
}
.fw600_15_18_47 {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.02em;
}
.fw700_15_18_3A {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw700_15_20_3A {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw900_15_22_FF {
    font-weight: 900;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

/* font-size: 16 & order by fw, lh, color(w(#FFFFFF) -> b) */
.f_16_19 {
    font-size: 1.6rem;
    line-height: 1.9rem;
    letter-spacing: -0.02em;
}
.f_16_20 {
    font-size: 1.6rem;
    line-height: 2.0rem;
    letter-spacing: -0.02em;
}
.fw400_16_20_3A {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #3A3A3A;
	white-space: nowrap;
}
.fw500_16_18_3A {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw500_16_20_55 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #555555;
}
.fw600_16_19_3A {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw700_16_19_22 {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.02em;
	color: #222222;
}
.fw700_16_19_8E {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.02em;
	color: #8E8E8E;
	white-space: nowrap;
}

/* font-size: 17 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw600_17_20_3A{
    font-weight: 600;
    color: #3A3A3A;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.02em;
}
.fw700_17_20_3A{
    font-weight: 700;
    color: #3A3A3A;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.02em;
}
.fw700_17_26_66{
    font-weight: 700;
    color: #666666;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.02em;
}

.fw600_16_26_66{
    font-weight: 600;
    color: #666666;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.02em;
}
/* font-size: 18 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw300_18_20_8E {
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #8E8E8E;
}
.f_18_18 {
    font-size: 1.8rem;
    line-height: 1.8rem;
    letter-spacing: -0.02em;
}
.f_18_20 {
    font-size: 1.8rem;
    line-height: 2rem;
    letter-spacing: -0.02em;
}
.f_18_21 {
    font-size: 1.8rem;
    line-height: 2.1rem;
    letter-spacing: -0.02em;
}
.f_18_22 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    letter-spacing: -0.02em;
}
.f_18_25 {
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.02em;
}
.fw400_18_26_18 {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #181818;
}
.fw400_18_28_22 {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw400_18_28_77 {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #777777;
}
.fw500_18_28_18 {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #181818;
}
.fw600_18_20_22 {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw700_18_28_18 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #181818;
}
.fw700_18_28_22 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #222222;
}

/* font-size: 19 & order by fw, lh, color(w(#FFFFFF) -> b) */
.fw700_19_23_22 {
    font-weight: 700;
    font-size: 19px;
    line-height: 23px;
    color: #222222;
}

/* font-size: over 20 & order by fs, fw, lh, color(w(#FFFFFF) -> b) */
.fw400_20_29_3A {
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #3A3A3A;
}
.f_20_20 {
    font-size: 2.0rem;
    line-height: 2.0rem;
    letter-spacing: -0.02em;
}
.f_20_24 {
    font-size: 2.0rem;
    line-height: 2.4rem;
    letter-spacing: -0.02em;
}
.f_21_25 {
    font-size: 2.1rem;
    line-height: 2.5rem;
    letter-spacing: -0.02em;
}
.f_20_30 {
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: -0.02em;
}
.f_24_28 {
    font-size: 2.4rem;
    line-height: 3.0rem;
    letter-spacing: -0.02em;
}
.f_24_30 {
    font-size: 2.4rem;
    line-height: 3.0rem;
    letter-spacing: -0.02em;
}
.f_24_32 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: -0.02em;
}
.f_24_34 {
    font-size: 2.4rem;
    line-height: 3.4rem;
    letter-spacing: -0.02em;
}
.fw500_20_24 {
    font-weight: 500;
    font-size: 2.0rem;
    line-height: 2.4rem;
    letter-spacing: -0.02em;
}
.fw700_20_24_22 {
    font-weight: 700;
    font-size: 20px !important;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw700_21_25_22 {
    font-weight: 700;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: #222222;
}
.f_22_26 {
    font-size: 2.2rem;
    line-height: 2.6rem;
    letter-spacing: -0.02em;
}
.f_22_36 {
    font-size: 2.2rem;
    line-height: 3.6rem;
    letter-spacing: -0.02em;
}
.fw600_22_34_22 {
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -0.02em;
    color: #222222;
}
.fw400_24_30_3A {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw700_25_28_3A {
    font-weight: 700;
    font-size: 25px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.f_28_33 {
    font-size: 2.8rem;
    line-height: 3.3rem;
    letter-spacing: -0.02em;
}
.fw400_30_36_3A {
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw700_32_40_3A {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.02em;
    color: #3A3A3A;
}
.fw700_55_66_CC {
    font-weight: 700;
    font-size: 55px;
    line-height: 66px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #CCCCCC;
}

/* font-weight */
.fw300 {
    font-weight: 300;
}
.fw400 {
    font-weight: 400;
}
.fw500 {
    font-weight: 500;
}
.fw600 {
    font-weight: 600;
}
.fw700 {
    font-weight: 700;
}
.fw900 {
    font-weight: 900;
}
/* padding */
.pa_3 {
    padding: 0.3rem;
}
.pa_5 {
    padding: 0.5rem;
}
.pa_10 {
    padding: 1rem;
}
.pa_15 {
    padding: 1.5rem;
}
.pa_20 {
    padding: 2rem;
}
.pa_25 {
    padding: 2.5rem;
}
.pa_30 {
    padding: 3rem;
}
.pa_40 {
    padding: 4rem;
}
.pt_10 {
    padding-top: 1rem;
}
.pt_20 {
    padding-top: 2rem;
}
.pt_40 {
    padding-top: 4rem;
}
.pt_60 {
    padding-top: 6rem;
}
.pt_65 {
    padding-top: 6.5rem;
}
.pb_5 {
    padding-bottom: 0.5rem;
}
.pb_10 {
    padding-bottom: 1rem;
}
.pb_15 {
    padding-bottom: 1.5rem;
}
.pb_20 {
    padding-bottom: 2rem;
}
.pb_30 {
    padding-bottom: 3rem;
}
.pb_40 {
    padding-bottom: 4rem;
}
.pb_50 {
    padding-bottom: 5rem;
}
.pb_60 {
    padding-bottom: 6rem;
}
.ptb_3 {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.ptb_5 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.ptb_10 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.ptb_12 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}
.ptb_15 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.ptb_20 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.ptb_25 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.ptb_30 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.ptb_50 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.ptb_55 {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
}
.ptb_60 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.ptb_80 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.plr_5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.plr_10 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.plr_12 {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}
.plr_15 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.plr_20 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.plr_30 {
    padding-left: 3rem;
    padding-right: 3rem;
}
.plr_40 {
    padding-left: 4rem;
    padding-right: 4rem;
}
.pl_3 {
    padding-left: 0.3rem;
}
.pl_5 {
    padding-left: 0.5rem;
}
.pl_15 {
    padding-left: 1.5rem;
}
/* margin */
.ma_15 {
    margin: 1.5rem;
}
.ma_20 {
    margin: 2rem;
}
.mt_0 {
    margin-top: 0;
}
.mt_10 {
    margin-top: 1rem;
}
.mt_15 {
    margin-top: 1.5rem;
}
.mt_20 {
    margin-top: 2rem;
}
.mt_30 {
    margin-top: 3rem;
}
.mt_35 {
    margin-top: 3.5rem;
}
.mt_40 {
    margin-top: 4rem;
}
.mt_60 {
    margin-top: 6rem;
}
.mb_3 {
    margin-bottom: 0.3rem;
}
.mb_5 {
    margin-bottom: 0.5rem;
}
.mb_10 {
    margin-bottom: 1rem;
}
.mb_12 {
    margin-bottom: 1.2rem;
}
.mb_15 {
    margin-bottom: 1.5rem;
}
.mb_20 {
    margin-bottom: 2rem;
}
.mb_25 {
    margin-bottom: 2.5rem;
}
.mb_30 {
    margin-bottom: 3rem;
}
.mb_40 {
    margin-bottom: 4rem;
}
.mb_50 {
    margin-bottom: 5rem;
}
.mb_55 {
    margin-bottom: 5.5rem;
}
.mb_65 {
    margin-bottom: 6.5rem;
}
.mb_75 {
    margin-bottom: 7.5rem;
}
.mb_80 {
    margin-bottom: 8rem;
}
.ml_5 {
    margin-left: 0.5rem;
}
.ml_10 {
    margin-left: 1rem;
}
.ml_20 {
    margin-left: 2rem;
}
.mr_3 {
    margin-right: 0.3rem;
}
.mr_5 {
    margin-right: 0.5rem;
}
.mr_7 {
    margin-right: 0.7rem;
}
.mr_10 {
    margin-right: 1rem;
}
.mr_15 {
    margin-right: 1.5rem;
}
.mr_20 {
    margin-right: 2rem;
}
.mr_25 {
    margin-right: 2.5rem;
}
.mtb_5 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.mtb_8 {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}
.mtb_10 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.mtb_15 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.mtb_20 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.mtb_30 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.mtb_40 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.mtb_55 {
    margin-top: 5.5rem;
    margin-bottom: 5.5rem;
}
.mlr_5 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mlr_10 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.mlr_20 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.mlr_25 {
    margin-left: 2.5em;
    margin-right: 2.5rem;
}
.mlr_30 {
    margin-left: 3rem;
    margin-right: 3rem;
}
.mlr_40 {
    margin-left: 4rem;
    margin-right: 4rem;
}

/* display */
.flex_row {
    display: flex;
    flex-direction: row;
}
.flex_row_center {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.flex_row_justify_center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.flex_row_space_center {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.flex_row_wrap_center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.flex_row_wrap_justify_center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.flex_row_wrap_space_center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.flex_col {
    display: flex;
    flex-direction: column;
}
.flex_col_center {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.flex_col_justify_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* color(AA -> ZZ) */
.color_AA {
    color: #AAAAAA;
}
.color_BF {
    color: #BFBFBF;
}
.color_FF {
    color: #FFFFFF;
}
.color_FF5 {
    color: #FF5D51;
}
/* color(A0 -> Z9) */
.color_B7 {
    color: #B7B7B7;
}
.color_F2 {
    color: #F2F6FC;
}
.color_F4 {
    color: #F4F6F9;
}
/* color(00 -> 99) */
.color_00 {
    color: #00A793;
}
.color_009 {
    color: #009098;
}
.color_22 {
    color: #222222;
}
.color_33 {
    color: #333333;
}
.color_44 {
    color: #444444;
}
.color_34 {
    color: #3455FF;
}
.color_55 {
    color: #555555;
}
.color_58 {
    color: #587AFF;
}
.color_66 {
    color: #666666;
}
.color_76 {
    color: #767676;
}
.color_77 {
    color: #777;
}
.color_88 {
    color: #888888;
}
.color_99 {
    color: #999;
}
/* color(0A -> 9Z) */
.color_3A {
    color: #3A3A3A;
}
.color_4C {
    color: #4CBCAF;
}
.color_6C {
    color: #6C6C6C;
}
.color_8E {
    color: #8E8E8E;
}


.bgc_34 {
    background-color: #3455FF;
}
.bgc_3A {
    background-color: #3A3A3A;
}
.bgc_4C {
    background-color: #4CBCAF;
}
.bgc_5A {
    background-color: #5A8ADF;
}
.bgc_88 {
    background-color: #888888;
}
.bgc_8E {
    background-color: #8E8E8E;
}
.bgc_CC {
    background-color: #CCCCCC;
}
.bgc_C7 {
    background-color: #C7C7C7;
}
.bgc_E4 {
    background-color: #E4F2F0;
}
.bgc_EB {
    background-color: #EBEBEB;
}
.bgc_EE {
    background-color: #EEEEEE;
}
.bgc_F2 {
    background-color: #F2F6FC;
}
.bgc_F4 {
    background-color: #F4F6F9;
}
.bgc_F44 {
    background-color: #F44336;
}
.bgc_F5 {
    background-color: #F5F5F5;
}
.bgc_F8 {
    background-color: #F8F8FA;
}
.bgc_F9 {
    background-color: #F9F9F9;
}
.bgc_FF {
    background-color: #FFFFFF !important;
}
.bgc_FF5 {
    background-color: #FF5D51;
}
.bgc_trans {
    background-color: transparent;
}


.br-0{
    border-radius:0 !important
}