/*
* icon
*/
.icon {
	font: normal normal normal 0/1 a;
	display: inline-block;
	border: none;
	background-color: transparent;
}
.icon:before {
	content: '';
	display: inline-block;
}

/*
* button
*/
.btns {margin-top: 20px; text-align: center; font-weight: 400;}
.btn{
	display:inline-block;
	min-width:150px;
	height:55px;
	padding:0 30px;
	color:#808990;
	font-size:17px;
	text-align:center;
	background-color:#fff;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	border:0;
}
.btns .btn{
	width: 190px;
	margin: 0 10px;
}
.btn:after{
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.btn-small{
    height:45px;
    font-size:16px;
}
.btn:focus{
	outline: 0;
}
.btn-bordered{
	border:1px solid #c2c7cb;
}
.btn-radius{
	border-radius:5px;
}
.btn-light{
	color:#f7f8f8;
	background-color:#bec3c7;
}
.btn-dark{
	color:#fff;
	background-color:#808990;
}
.btn-deepdark{
	color:#fff;
	background-color:#1e1f21;
}
.btn-primary{
	color:#fff;
	background-color:#009ada;
}
.btn-hover:hover{
	color:#fff;
	background-color:#009ada;
}
.btn-blue{
    min-width:160px;
    color:#ffffff;
    background-color:#0099da;
}
.btn-blue:hover{
    color:#007eb4;
    background-color:#ffffff;
}
.btn-blueopacity{
    min-width:220px;
    color:#ffffff;
    background-color:rgba(0,153,218,0.7);
}
.btn-blueopacity:hover{
    color:#0190cd;
    background-color:rgba(255,255,255,0.7);
}


.sub-btn{
	min-width:80px;
	height:30px;
	padding:0 15px;
	font-size:12px;
}
.btn-rounded{
	border-radius:28px;
}
.sub-btn.btn-rounded{
	border-radius:15px;
}
.btn em,
.btn .icon{
	vertical-align:middle;
}
.btn .icon{margin-right:9px;}

.btn:disabled,
.btn.disabled {cursor: default; opacity: .8; }

/*
* input
*/
.size-half{width:50%;}
.size-full{width:100%;}

.input-text{display:inline-block; width:100%;}
.input-text input,
.input-text textarea{width:100%; padding:10px; line-height:18px; border:1px solid #bdc3c6; -webkit-box-sizing:border-box; box-sizing:border-box;}
.input-text textarea{min-height: 120px; line-height: 1.6; resize:none;}
.input-text input::-webkit-input-placeholder,
.input-text textarea::-webkit-input-placeholder{font-weight:300; font-size:15px; color: #808990;}
.input-text input::-moz-placeholder,
.input-text textarea::-moz-input-placeholder{font-weight:300; font-size:15px; color: #808990;}
.input-text input:-ms-input-placeholder,
.input-text textarea:-ms-input-placeholder{font-weight:300; font-size:15px; color: #808990;}

.form-error:focus,
.form-error {border-color: #e1b6b5 !important; background-color: #fff7f6 !important;}
select.form-error {color: #9f3a38 !important;}
.form-error::-webkit-input-placeholder {color: #9f3a38 !important;}
.form-error::-moz-placeholder {color: #9f3a38 !important;}
.form-error:-ms-input-placeholder {color: #9f3a38 !important;}
.error-message {display:none;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/*
* default-select
*/
.default-select{position:relative; display:inline-block;}
.default-select:after{content:''; position:absolute; top:50%; right:15px; display:inline-block; width:7px; height:7px; margin-top:-7px; border:1px solid; border-color:#808890 #808890 transparent transparent; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.default-select select{width:100%; padding:7px 30px 7px 10px; border:1px solid #bdc3c6; -webkit-box-sizing:border-box; box-sizing:border-box; font-weight:300; color:#2f3538; cursor: pointer; background-color:#fff; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.default-select select::-ms-expand {display: none;}


/*
* design-select
*/
span.design-select {text-align: left; cursor: pointer; position: relative; display: inline-block;}
span.design-select select {display: none;}
.design-select .selected {color: #fff; font-size: 26px; display: block; height: 52px; padding: 0 19px 0 6px; border-bottom: 3px solid;}
.design-select .selected:after {content:attr(data-title); font-size: 15px; margin-left: 10px;}
.design-select .arrow {position: absolute; top: 50%; right: 5px; display: block; width: 9px; height: 5px; margin-top: -2.5px; background-repeat: no-repeat; background-image: url('../images/arrow-selectbox.png');}
.design-select.select-focus .selected {color: #0099da;}
.design-select.select-focus .arrow {background-position: 0 -5px}
.design-select.select-focus .selected:after {color: rgba(0, 154, 218, .5); }
.design-select-list {max-height: 260px; border: 1px solid #0099da; background-color: #fff; overflow-y: auto;}
.design-select-list li {padding: 5px 10px; color: #555; font-weight: 300; cursor: pointer;}
.design-select-list li.selected {color: #0099da; font-weight: bold;}
.design-select-list li:hover{background-color: #f3f5f6; color: #0099da; font-weight: bold;}

.reverse .selected{color: #1e1f21;}
.reverse .selected:after{color: #bec3c7; font-weight:300; font-size:15px;}
.reverse .arrow {background-position: 0 -10px;}

.gray-select .selected{color: #808890;}
.gray-select .arrow {background-position: 0 -10px;}

.small-select .selected {height: 25px; font-weight: 300; font-size: 14px; border-bottom: 2px solid;}


/*
* design-checkbox, radio
*/
.radio,
.checkbox{
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	margin-right: 2px;
	vertical-align: middle;
	border: 1px solid #adb2b6;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.radio{
	border-radius: 50%;
}
input[type="radio"] {
	-webkit-appearance: radio;
}
input[type="checkbox"] {
	-webkit-appearance: checkbox;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	opacity: 0;
	width: 100%;
	height: 100%;
	letter-spacing: 0;
	border: none;
	border-radius: 0;
	background: none;
	vertical-align: middle;
	-webkit-appearance: none;
	-ms-appearance: none;
	cursor:pointer;
}
.radio input[type='radio'] ~ i,
.checkbox input[type='checkbox'] ~ i {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 8px;
	height: 8px;
	opacity: 0;
	vertical-align: middle;
	background-color: #0099da;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	-webkit-transition: opacity ease-in-out .2s;
	-o-transition: opacity ease-in-out .2s;
	transition: opacity ease-in-out .2s
}
.radio input[type='radio'] + i {
	border-radius: 50%;
}
input[type='radio']:checked + i,
input[type='checkbox']:checked + i {
	opacity: 1;
}
label {
	display: inline-block;
	cursor: pointer;
	font-weight: 300;
	vertical-align: middle;
}
.radio .form-error,
.checkbox .form-error {border-color:#C82E2D;}

.point{color:#0099da;}
.bullet{display:inline-block; width:7px; height:7px; border-radius:50%; background-color:#bfc5c8;}
.bullet.active{background-color:#0099da;}
.text-right{text-align:right;}

/*
* label
* .label-auth{z-index:1;}
*/
.label-auth{display:inline-block; width:68px; height:68px;}

/*
* article
*/
.article{position:relative; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
.article .label-auth{position:absolute; top:10px; left:10px; z-index:1;}
.article > .box{position:relative; display:block; background-color:#fff;}
.article .img{position:relative; display:block; width:100%; background-color:#d8cfc6; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.article .img:before{content:''; display:block; padding-bottom:72.22%;}
.article .img span{position:absolute; top:0; right:0; bottom:0; left:0; display:block; text-align:center;}
.article .img img{position:absolute; top:50%; left:50%; max-width: none; min-width: 100%; max-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;
	transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;
	-o-transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;
	transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;
	transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;
}
.article .img {-webkit-backface-visibility: hidden; -webkit-perspective: 2000;}
.article a:hover .img img {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	    -ms-transform: translate(-50%, -50%) scale(1.1);
	        transform: translate(-50%, -50%) scale(1.1);
}
.article .content{position:relative; padding:25px 20px 30px; text-align:left; background-color:#fff;}
.article .tags span {margin-right: 5px; color: #0099da; font-weight: 500;}
.article .tags span:before{content:'#';}
.article .model{display:block; display: -webkit-box; line-height: 28px; color: #303539; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; word-break: keep-all; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.article .price{color:#009ada;}
.article .meta span{display:inline-block; height:30px; margin-top:5px; margin-right:5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.article .meta span:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.article .meta span em,
.article .meta span small{font-size:12px; font-weight:300; color:#808990; vertical-align:middle;}
.article .btn-like{position:absolute; min-width: 0; height: auto; padding: 10px; line-height: normal; background: transparent;}
.article .btn-like .icon-util-like{margin-right: 0;}
.article .btn-like:after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
.article a .btn-like:after {display:none;}


/*
* list
*/
.list{max-width: 1140px; margin: 0 auto; text-align: left;}
.list .article .soldout{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; white-space: nowrap; text-align:center; font-size:14px; color:#fff; background-color:rgba(30,31,33,0.7); -webkit-box-sizing:border-box; box-sizing:border-box; z-index:1;}
.list .article .soldout:after{content:''; display:inline-block; height:100%; vertical-align:middle;}

.list .article .soldout em{display: inline-block; vertical-align: middle; white-space: normal; word-break: keep-all;}
.list .article .soldout em .icon{margin-bottom:10px;}
/* .list .article .soldout em:before {content: ''; display: block; width: 64px; height: 64px; margin: 0 auto 15px;; background-image: url(../images/icons.png); background-position: -1084px -428px;} */

/*
* list : list-grid
*/
.list-grid{font-size:0;}
.list-grid .inner{margin: 0 -15px;}
.list-grid .article{width:33.3334%; margin-bottom: 30px; padding:0 15px;}
.list-grid .article .tags{margin-bottom:5px;}
.list-grid .article .tags span{font-size:13px;}
.list-grid .article .model{height: 56px; margin-bottom: 5px; font-weight:700; font-size:24px; }
.list-grid .article .model small{margin-left:8px; font-weight:300; font-size:18px;}
.list-grid .article .price{float: left; max-width: calc(100% - 50px); margin-bottom: 5px; font-weight: 700; font-size: 27px;}
.list-grid .article .price small{margin-left:3px; font-size:16px;}
.list-grid .article .price .monthly-pay{font-weight: 300; font-size:15px; letter-spacing: -1px;}
.list-grid .article .meta {display: block; clear: both;}
.list-grid .article .meta span{padding:0 10px; border:1px solid #bec3c7;}
.list-grid .article .meta span em:first-child,
.list-grid .article .meta .branch{display:none;}
.list-grid .article .btn-like{position: static; top:115px; right:5px; float: right; margin: -5px -5px 0 0;}

/*
* list : list-simple
*/
.list-simple{font-size:0;}
.list-simple .article{width:100%;}
.list-simple .article .label-auth{width:55px; height:55px;}
.list-simple .article .img{float:left; width: 48.65%; max-width: 235px;}
.list-simple .article .content{padding:0; background-color:transparent;}
.list-simple .article .tags,
.list-simple .article .model,
.list-simple .article .price{float:left; width:51.35%; padding-left:20px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.list-simple .article .tags{margin-bottom:5px;}
.list-simple .article .tags span{font-size:14px;}
.list-simple .article .model{height: 56px; margin-bottom: 5px; font-weight:700; font-size:24px; }
.list-simple .article .model small{display:block; font-weight:300; font-size:18px;}
.list-simple .article .price{font-weight: 700; font-size: 27px;}
.list-simple .article .price small{margin-left:3px; font-size:16px;}
.list-simple .article .price .monthly-pay{display:block; font-weight: 300; font-size:15px; letter-spacing: -1px;}
.list-simple .article .meta{clear:both; display:block; padding-top: 5px;}
.list-simple .article .meta span{padding:0 10px; border:1px solid #bec3c7;}
.list-simple .article .meta span em:first-child,
.list-simple .article .meta .branch{display:none;}

/*
* list : list-ahead
*/
.list-ahead{font-size:0;}
.list-ahead .article{width:100%; margin-bottom:20px;}
.list-ahead .article .img{position: absolute; top: 0; left: 0; width: 31.57895%; height: 100%;}
.list-ahead .article .content{padding: 35px 0 30px; margin-left:31.57895%;}
.list-ahead .article .tags,
.list-ahead .article .model,
.list-ahead .article .price,
.list-ahead .article .meta{margin-left:40px; margin-right: 40px;}
.list-ahead .article .tags span {font-size: 14px;}
.list-ahead .article .model{display: block; padding: 7px 0; font-weight:500; font-size:35px; color:#303539; line-height: 1.2; white-space: nowrap; border-bottom:1px solid #d2d2d3;}
.list-ahead .article .model small{margin-left:5px; font-weight:300; font-size:26px;}
.list-ahead .article .price{position:absolute; bottom: 25px; font-weight: 700; font-size: 40px;}
.list-ahead .article .price small{margin-left:3px; font-weight:500; font-size:18px;}
.list-ahead .article .price .monthly-pay{font-weight: 500; font-size:18px; letter-spacing: -1px;}
.list-ahead .article .meta{display:block; margin-bottom:80px;}
.list-ahead .article .meta span{margin-right:15px;}
.list-ahead .article .meta span em{font-weight:500; font-size:16px; color:#303539; letter-spacing: -.5px;}
.list-ahead .article .meta span em:first-child{margin-right:5px; font-weight:100; color:#808990;}
.list-ahead .article .meta small{color: #000; font-size: 20px; font-weight: 700; vertical-align:text-bottom;}
.list-ahead .article .meta .local{display:none;}
.list-ahead .article .btn-like{right: 30px; bottom: 25px;}

/*
  list : list-number
 */
.list-decimal {counter-reset: item;}
.list-decimal li {position: relative; padding-left: 18px; }
.list-decimal li:before {content: counter(item) ")"; counter-increment: item; position: absolute; left: 0;}

/*
  list : list-bullet
 */
.list-bullet li {position: relative; margin-top: 10px; padding-left: 18px; }
.list-bullet li:before {content: ''; position: absolute; left: 8px; top: 12px; width: 2px; height: 2px; background-color: #1d1f20;}


/*
  list : list-dash
 */
.list-dash li{position: relative; margin-top: 10px; padding-left: 10px;}
.list-dash li:before {content: '-'; margin-left: -10px; margin-right:3px;}



/*
* slick slider
*/
.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slider {position: relative; display: inline-block; width: 100%; height: 9px; margin-bottom: 0 !important;}
.slider-track {position: relative; height: 100%; background-color: #bec3c7;}
.slider-handle {position: absolute; top: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 23px; height: 23px; margin: -11.5px 0 0 -11.5px; border-radius: 50%; border: 7px solid #dde1e4; background-color: #fff;}
.slider-selection {position: absolute; height: 100%; background-color: #009ada;}
.slider .tooltip {display: none;}
.slider-tick-label-container {white-space: nowrap; margin-left: 0 !important;}
.slider-tick-label-container:after {content: ''; display: block; clear: both;}
.slider-tick-label-container .slider-tick-label {color: #808990; font-size: 12px; display: block; width: auto !important; margin-top: 12px;}
.slider-tick-label-container .slider-tick-label:first-child {float: left; margin-left: -11.5px;}
.slider-tick-label-container .slider-tick-label:last-child {float: right; margin-right: -11.5px;}
.range-wrap {-webkit-box-sizing: border-box;box-sizing: border-box;}

/*
  table
 */
.table {width: 100%;}
.table table {width: 100%; table-layout: fixed; color: #808890; font-weight: 300; border-top: 3px solid #1d1f20; border-bottom: 1px solid #1d1f20; }
.table th,
.table td {height: 60px; padding: 10px; border-top: 1px solid #dee1e3; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
.table th {padding-left: 20px; color: #1e1f21; font-weight: 300; text-align: left; background-color: #fcfcfc; }
.table td + td {border-left: 1px solid #dee1e3;}
.table .table-title {font-size: 18px; padding-bottom: 16px;}
.table .text-right {text-align: right; padding-right: 20px;}
.table.table-center,
.table.table-center th,
.table.table-center td,
.table .text-center {text-align: center;}
.table.table-center .text-left,
.table .text-left {text-align: left;}
.table small {display: block; margin-top: 10px; font-size: 14px; font-weight: 300; }


/*
  Layer
 */
html.show-layer {overflow: hidden;}
.layer-wrap {display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%;}
.layer-wrap.active {display: block;}
.layer-wrap .dim {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.layer-wrap .layer {position: absolute; top: 50%; left: 50%; z-index: 1; max-width: 1140px; padding: 70px 100px; background-color: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-sizing: border-box; box-sizing: border-box;}
.layer-wrap .layer-md {width: 730px;}
.layer-wrap .layer-sm {width: 500px;}
.layer-wrap .btn-layer-close {position: absolute; right: 0; top: 0; width: 60px; min-width: 0; height: 60px; padding: 0; text-align: center; background-color: #FFF; }
.layer-wrap .btn-layer-close .icon {margin: 0;}
.layer-wrap .layer-header {margin-bottom: 20px; padding-bottom: 15px; border-bottom: 3px solid #1d1f20; }
.layer-wrap .layer-title {font-size: 34px;}
.layer-wrap .layer-header.bg {margin: 0; padding: 0; border: 0;}
.layer-wrap .layer-header.bg:before {content: ''; position: absolute; left: 0; top: 0; right: 0;  display: block; height: 140px; background-color: #009ada; }
.layer-wrap .layer-header.bg .layer-title {position: relative; z-index: 1; top: -20px; font-size: 44px; font-weight: 700; text-align: center; color: #fff;}
.layer-wrap .layer-bg {padding: 0;}
.layer-wrap .layer-bg .layer-header {margin-bottom: 30px; padding: 45px 0 30px; text-align: center; background-color: #0099da; border: 0;}
.layer-wrap .layer-bg .layer-header .layer-title {font-size: 44px; font-weight: 700; color: #fff;}
.layer-wrap .layer-bg .layer-body {padding: 0 80px 60px;}
.layer-toast .layer {z-index: 50; padding: 50px;}
.layer-toast {text-align: center;}
.layer-toast .icon {margin-bottom: 20px;}
.layer-toast .layer-body .btn {margin-top: 40px;}