a, a:hover, a:link, a:visited, a:active {
    text-decoration: none;
}
body {
    padding-top: 60px;
}
body.body-enter {
    padding-top: 0;
    overflow: hidden;
}
header {
    height: 60px;
    z-index: 10;
}
footer {
    background-color: #111;
}
.form-control {
    padding: .5rem .75rem;
}
.ls--1 {
    letter-spacing: -0.08rem;
}
.ls--2 {
    letter-spacing: -0.15rem;
}
.opacity-10 {
    opacity: .1!important;
}
.lines-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lines-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scroll-touch {
    overflow-y: auto;
    overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
 .inner-page {
    min-height: 80vh;
 }
 .avatar-text {
    display: inline-block;
    font-size: 23px;
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
    width: 36px;
    height: 36px;
 }

 #headernav {
    top: 60px;
    margin-left: -100%;
    transition: margin 0.3s;
 }
 #headernav.opened {
    margin-left: 0;
 }


 #centerrange {
	-webkit-appearance: none;
	 appearance: none;
	 background: transparent;
	 cursor: pointer;
	 width: 100%;
}
#centerrange:focus {
	outline: none;
}
#centerrange::-webkit-slider-runnable-track {
	background-color: #888;
	border-radius: 0.5rem;
	height: 0.25rem;
}
#centerrange::-webkit-slider-thumb {
	-webkit-appearance: none;
	 appearance: none;
	 margin-top: -10px;
	 background-color: red;
	 height: 24px;
	 width: 24px;
	 border-radius: 0;
}
#centerrange:focus::-webkit-slider-thumb {   
	border: 1px solid #212529;
	outline: none;
}

/* ff */
#centerrange::-moz-range-track {
	background-color: #888;
	border-radius: 0.5rem;
	height: 0.25rem;
}
#centerrange::-moz-range-thumb {
	border: none;
	border-radius: 0;
	background-color: red;
	height: 24px;
	width: 24px;
}
#centerrange:focus::-moz-range-thumb {
	border: 1px solid #212529;
	outline: none;
}

#centerwarp {
	width: 48.4375%;
	top: -10px;
	bottom: -24px;
	border-left: 1px dashed #aaa;
	border-right: 1px dashed #aaa;
}
#centerline {
	position: absolute;
	left: calc(50% - 1px);
	top: 0;
	bottom: 0;
	width: 2px;
	background-color: red;
}
#centerresult {
	min-width: 3.2rem;
}

@media (min-width: 992px) {
    #headernav {
        margin-left: 0!important;
     }
}
@media (min-width: 1200px) {
	
}