@import 'tabs.css';
@import 'logo.css';
@import 'products.css';
@import 'blog.css';
@import 'gallery.css';
@import 'menu.css';

body { font-family: 'Open Sans', sans-serif; background: #F5F7F9; font-size: 13px; position: relative; -moz-osx-font-smoothing: grayscale; }
.header .contact-phone,
.header .contact-date-time,
.custom-navbar .navbar-nav li,
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.tagsale,
.tagpre,
.tagbestbike,
.services .service-item .item-title h3,
.product-item .product-title,
.blog-item .blog-title,
.product-featured .featured-section-heading .title,
.parallax-bg .title h4,
.blog .blog-title,
.video .vid-title,
.blog .nav-tabs > li > a,
.blog .blog-category-nav a,
.profile .nav-tabs > li > a,
.album-list .album-item .album-title,
.form-group label,
.product-shop-detail .product-name,
.product-form .total,
.product-form .variant-price,
.navbar.bottom .navbar-nav li,
.contact-info .detail-container.contact-phone,
.contact-info .detail-container.contact-office-time,
.steps .step-item .step-label,
.empty-state,
.contact-hero .contact-date-time,
.contact-hero .contact-phone,
.blog .tab-pane .content .blog-category-title,
.product-item .product-label .label,
.well.classified-warning,
.well.classified-info,
.single-content .text-single-heading,
.our-services .service-price-list li,
footer .col-title,
.header .topbar .main-section li a,
.btn { font-family: 'Prompt'; }
body > hgroup { position: absolute; left: -100em; opacity: 0; }
#main-content { min-height: 320px; }
#main-content > .container { padding-top: 0; background-color: #F5F7F9; }
#main-content.content-area { background-color: #FFF; }
#main-content.content-area > .container { padding-top: 20px; background-color: transparent; }
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; }
.overlay.active { display: block; z-index: 1020; }
section { margin-bottom: 16px; }
a, a:hover { text-decoration: none; }
.material-icons { vertical-align: middle; text-rendering: optimizeLegibility; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; margin-top: -2px; }
.btn .material-icons { font-size: 19px; margin-top: -2px; }
.btn.btn-sm .material-icons { font-size: 18px; }
hr { height: 1px; background: #ECF1F7; border: none; padding: 0; margin: 10px 0; clear: both; }
.input-group-addon { background-color: #F5F7F9; border-color: #C4CCD5; color: #333; }
.well hr { background: #C4CCD5; position: relative; padding: 16px 16px 16px 56px; }
.well[class^=classified-],
.well[class*= classified-] { border-style: dashed; position: relative; padding: 16px 16px 16px 52px; }
.well[class^=classified-] strong,
.well[class*= classified-] strong { font-weight: 600; text-decoration: underline; }
.well.classified-warning { background-color: #f7f3e6; border-color: #d5b58a; color: #c2852c; }
.well.classified-info { background-color: #ECF1F7; border-color: #90acd5; color: #056BCC; }
.well.classified-info .material-icons { color: #68B414; }
.well[class^=classified-] .material-icons,
.well[class*= classified-] .material-icons { position: absolute; left: 16px; top: 16px; }
.well.well-xs { font-size: 12px; }
.breadcrumb > li + li:before { display: none; }
.breadcrumb > li:first-child .material-icons { display: none; }
.breadcrumb > li .material-icons { font-size: 13px; margin: 0 5px; color: #969FA9; }
.breadcrumb a { color: #7b838b !important; font-weight: bold; }
.breadcrumb a:hover { color: #303E4E !important; }
.form-control { box-shadow: none; border-radius: 2px; border-color: #C4CCD5; color: #303E4E; font-size: 13px; -webkit-appearance: none; -moz-appearance: none; }
.form-control:focus { border-color: #056BCC; box-shadow: none; }
.form-control::-webkit-input-placeholder { color: #a6b2c0; }
.form-control::-moz-placeholder { color: #a6b2c0; }
.form-control::-ms-input-placeholder { color: #a6b2c0; }
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control { background-color: #EFF3F9; border-color: #EFF3F9; color: #C4CCD5; }
.has-error .form-control,
.has-error .form-control:focus { border-color: #fa424a; box-shadow: none; }
.table-borderless > tbody > tr > th,
.table-borderless > tbody > tr > td,
.table-borderless > thead > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > tfoot > tr > td { border: none; }
.input-lg { border-radius: 2px; }
.alert { border-radius: 2px; border: none; color: #FFF; }
.alert.alert-success { background-color: #46c35f; }
.alert.alert-danger { background-color: #fa424a; }
.alert.alert-warning { background-color: #f29824; }
.alert.alert-warning .section-title { border-bottom-color: rgba(255,255,255,.3); }
.alert.alert-warning .form-control { border-color: #faebcc; }
.alert.alert-info { background-color: #00a8ff; }
.alert.alert-info .section-title { border-bottom-color: rgba(255,255,255,.3); }
.alert-fixed { position: fixed; right: 16px; top: 132px; min-width: 300px; z-index: 1050; }
.alert .close { opacity: .5; text-shadow: none; }
.well { background: #ECF1F7; border: 1px solid #C4CCD5; border-radius: 0; box-shadow: none; }
.nav-right a:hover { color: #303E4E; }
.header { margin: 0; background: #fff; position: relative; z-index: 1030; box-shadow: 0 1px 2px rgba(0, 0, 0,.1); overflow: hidden; }
.header .main-header { height: 80px; }
.header .nav-right i { vertical-align: middle; margin-top: -2px; }
.header .nav-right .cart-top {list-style: none; float: left; position: relative;}
.header .nav-right .cart-top .empty-cart { font-weight: normal; }
.header .nav-right .cart-top .dropdown-menu { left: auto; right: 0; }
.header .nav-user { line-height: 44px; }
.header .nav-user a,
.header .nav-user button { color: #969FA9; text-decoration: none; font-weight: 400; text-transform: uppercase; font-size: 12px; margin-left: 30px; padding: 0; }
.header .nav-user a:hover,
.header .nav-user button:hover { color: #303E4E; }
.header .nav-user button { background: transparent; border: none; }
.header .form-search { margin-top: 18px; }
.header .form-search .input-group { height: 34px; border-radius: 22px; border: 1px solid #C4CCD5; padding: 4px; }
.header .form-search .input-group ::-webkit-input-placeholder { font-size: 13px; }
.header .form-search .input-group ::-moz-placeholder { font-size: 13px;} /* firefox 19+ */
.header .form-search .input-group ::-ms-input-placeholder { font-size: 13px; } /* ie */
.header .form-search .input-group input { border: none; box-shadow: none; background: transparent; }
.header .form-search .input-group .btn { border-radius: 20px; padding: 4px 12px; text-transform: uppercase; font-size: 12px; line-height: 2; }
.header .socials { margin: 0; padding: 0; float: right; }
.header .socials li { display: inline-block; margin: 0 0 0 6px; padding: 0; font-size: 12px; }
.header .socials li:first-child { margin-left: 0; }
.header .socials li .fa,
.contact-socials .fa { margin-right: 4px; font-size: 16px; vertical-align: middle; margin-top: -2px; }
.header .contact-phone,
.header .contact-date-time { width: 100%; margin-left: 0; }
.header .contact-phone { margin-top: 16px; font-size: 18px; display: inline-block; float: right; width: auto; }
.header .contact-date-time { color: #969FA9; font-size: 16px; text-align: right; float: right; margin-top: 4px; }
.header .contact-phone a { color: #303E4E; }
.header .socials li a { color: #FFF; }
/* .header .socials .fa-facebook-official, */
.contact-socials .fa-facebook-official { color: #3b5998; }
/* .header .socials .fa-instagram, */
.contact-socials .fa-instagram { color: #e1306c; }
.header .socials .fa-line-at,
.contact-socials .fa-line-at { display: inline-block; margin-right: 4px; width: 14px; }
.header .topbar { height: 40px; line-height: 32px; overflow: hidden; /* border-bottom: 1px solid #EAEFF5; */ background-color: #056BCC; }
.header .socials li,
.header .topbar .main-section li { line-height: 40px; }
.header .topbar .main-section,
.header .topbar .main-section li { list-style: none; margin: 0; padding: 0; }
.header .topbar .main-section { float: left; }
.header .topbar .main-section li { width: 146px; display: block; overflow: hidden; float: left; }
.header .topbar .main-section li a { display: block; width: 100%; height: 100%; font-size: 16px; color: #FFF; text-align: center; position: relative; }
/* .header .topbar .main-section li.active a { color: #FFF; } */
.header .topbar .main-section li a:after { display: none; content: ""; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; }
.header .topbar .main-section .section-store a:after,
.header .topbar .main-section .section-store.active a { /* background-color: #056BCC; */ background-color: #FFF; color: #303E4E; }
.header .topbar .main-section .section-plaza a:after,
.header .topbar .main-section .section-plaza.active a { /* background-color: #68B414; */ background-color: #FFF; color: #303E4E; }
.logo { display: inline-block; width: auto; height: 48px; margin: 16px 0; }
.logo img { display: block; width: auto; max-height: 100%; }
.custom-navbar { background: #303E4E; /* background: rgba(28, 35, 42, .9); */ border-radius: 0; text-align: center; margin-bottom: 0; z-index: 3; position: relative; line-height: 0; box-shadow: 0 2px 4px rgba(0, 0, 0,.4); }
.custom-navbar .navbar-nav { display: inline-block; }
.custom-navbar .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: #303E4E; }
.custom-navbar .navbar-nav li { transition: all 0.3s linear; position: relative; }
.custom-navbar .navbar-nav .divider { background-color: #222D3A; height: 1px; }
.custom-navbar .navbar-nav .switch-plaza a,
.custom-navbar .navbar-nav .switch-plaza a:hover,
.custom-navbar .navbar-nav .switch-plaza a:active { background-color: #68B414; }
.custom-navbar .navbar-nav .switch-store a,
.custom-navbar .navbar-nav .switch-store a:hover,
.custom-navbar .navbar-nav .switch-store a:active { background-color: #056BCC; }
.custom-navbar .navbar-nav .switch-plaza .material-icons,
.custom-navbar .navbar-nav .switch-store .material-icons { position: absolute; right: 14px; top: 12px; }
.custom-navbar .navbar-nav > li:last-child { margin-right: 0; }
.custom-navbar .navbar-nav > li a { color: #FFF; padding: 10px 18px; }
.custom-navbar .navbar-nav > li .material-icons { font-size: 18px; }
.custom-navbar .navbar-nav > li > a:hover,
.custom-navbar .navbar-nav > li > a:focus,
.custom-navbar .navbar-nav > .open > a,
.custom-navbar .navbar-nav > .open > a:hover,
.custom-navbar .navbar-nav > .open > a:focus { background: #222D3A; }
.custom-navbar .navbar-nav > .active > a,
.custom-navbar .navbar-nav > .active > a:hover,
.custom-navbar .navbar-nav > .active > a:focus { color: #fff; background: #056BCC; }
.custom-navbar .navbar-nav .dropdown-menu > li  { text-align: left; margin: 0 0 1px 0; }
.custom-navbar .navbar-nav .dropdown-menu > li a  { color: #fff; padding: 10px 20px; }
.custom-navbar .navbar-nav .dropdown-menu > li a:hover,
.custom-navbar .navbar-nav .dropdown-menu > li a:focus { background-color: rgba(0, 0, 0, .2); }
.custom-navbar .navbar-nav .dropdown-menu > li.divider { margin: 6px 0; background-color: #045bae; }
.custom-navbar .navbar-nav .open .dropdown-menu { background: #056BCC; color: #fff; min-width: 200px; border-radius: 0; }
.custom-navbar .navbar-nav .dropdown.open .dropdown-menu .dropdown-submenu.open > a { background-color: #303E4E; }
.section-title { position: relative; margin-bottom: 16px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #C4CCD5; }
.section-ttile:before,
.section-title:after { content: " "; display: table; }
.section-title:after { clear: both; }
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4 { color: #303E4E; font-weight: 500; margin: 0; text-transform: uppercase; min-height: 20px; }
.section-title h1 { font-size: 20px; }
.section-title h2 { font-size: 18px; }
.section-title h3,
.section-title h4 { font-size: 16px; }
.section-title a.view-all { position: absolute; color: #969FA9; right: 0; bottom: 8px;  text-decoration: none; text-transform: uppercase; font-size: 12px;}
.section-title a.view-all:hover { color: #303E4E; }
.section-title .btn.btn-fixed { position: absolute; right: 0; top: 0; }
.section-title ul { margin: 16px 0 0 0; padding: 0; display: block; }
.section-title li { display: inline-block; list-style: none; margin: 0 16px 0 0; color: #969FA9; font-size: 12px; }
.section-title li a { color: #969FA9; }
.section-title li .material-icons { font-size: 20px; }
.section-title .checkbox,
.section-title .radio { margin: 0; }
.page-heading { padding-top: 16px; margin-bottom: 16px; }
.page-heading .section-title { margin: 0; }
.flash-news { padding-top: 16px; overflow: hidden; margin: 0; max-height:60px; }
.flash-news .container { position: relative; }
.flash-news .flash-news-item { line-height: 40px; font-size: 14px; background: #FFF; overflow-y: scroll; white-space: nowrap; padding-right: 80px; padding-left: 16px; -webkit-overflow-scrolling: touch; }
.flash-news .flash-news-item a,
.flash-news .flash-news-item a:hover { color: #333; }
.flash-news .material-icons { font-size: 18px; margin-right: 6px; }
.flash-news .datetime { opacity: .5; display: inline-block; margin-right: 6px; }
.flash-news .btn-link { position: absolute; right: 8px; top: 0; color: #969FA9; background: #FFF; text-transform: uppercase; padding: 12px 16px; border: none; }
.flash-news .btn-link:hover { color: #303E4E; text-decoration: none; }
.flash-news .btn-link:before { display: block; content: ""; width: 40px; height: 100%; position: absolute; left: -40px; top: 0; /*background-color: #ffffff;*/
	background-image: -webkit-gradient(linear, left center, right center, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 1.00)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 1.00));
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 1.00));
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 1.00));
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 1.00));
	background-image: linear-gradient(left, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 1.00));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#ffffff', EndColorStr='#ffffff'); }
.flash-news-list .detail-container ul { margin: 0; }
.flash-news-list .detail-container li { margin-bottom: 12px; }
.flash-news-list .detail-container li:last-child { margin-bottom: 0; }
.flash-news-list .detail-container .material-icons { margin-right: 8px; }
.flash-news-list .detail-container .datetime { opacity: .5; display: block; margin-top: -4px; margin-left: 34px; font-size: 12px; }
.hero,
.services,
.services + .ads,
.flash-news,
.product-highlight { background: #303E4E }
.hero { overflow: hidden; position: relative; margin-bottom: 0; height: 392px; }
.hero .side-nav { position: relative; top: 16px; left: 0; z-index: 2; background: #303E4E; width: 234px; padding: 0; margin: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); }
.hero .side-nav > li { position: initial; list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #293542; height: 60px; line-height: 60px; font-size: 13px; }
.hero .side-nav > li:last-child { border: none; }
.hero .side-nav > li > a { text-decoration: none; color: #fff; padding: 0 5px; display: block; text-transform: uppercase; position: relative; }
.hero .side-nav > li > a:hover { background: #222D3A; }
.hero .side-nav > li.open > a { background: #056BCC; }
.hero .side-nav > li > a > .material-icons { position: absolute; right: 10px; top: 18px; color: #505A65; }
.hero .side-nav > li.open > a > .material-icons { color: #0A559D; }
.hero .side-nav .img-icon { margin-right: 5px; height: 56px; }
.hero .slider { z-index: 0; height: 392px; width: 100%; position: absolute; left: 0; top: 0; }
.hero .slider img { width: 100% !important; min-height: 392px; min-width: 1144px; }
.hero .owl-controls { display: none !important; }
.hero .side-nav .vertical-menu { opacity: 1; position: absolute; left: 234px !important; right: 0 !important; top: 0; bottom: 0; margin-top: 0; min-width: 910px; padding: 0; border-radius: 0; border: none; background-color: #FFF; }
.hero .side-nav .vertical-menu > li { padding: 0; margin: 0; border: 0; border-radius: 0; line-height: normal; }
.hero .side-nav .section-title { padding: 20px; margin: 0; height: 60px; background: #FFF; box-shadow: 0 1px 2px rgba(0,0,0,.1); z-index: 1; }
.hero .side-nav .menu-content { color: #303E4E; height: 300px; }
.hero .side-nav .menu-content .sub-category { padding: 20px 0 20px 20px; margin: 0; display: block; }
.hero .side-nav .menu-content .sub-category li { display: inline-block; margin: 0; padding: 0; list-style: none; width: 49%; }
.hero .side-nav .menu-content .sub-category li .material-icons { font-size: 20px; margin-right: 4px; margin-top: -2px; color: #969FA9; }
.hero .side-nav .menu-content .sub-category li a { color: #303E4E; font-size: 13px; display: block; padding: 6px 0; }
.hero .side-nav .menu-content .sub-category li a:hover { color: #056BCC; }
.hero .product-item { border-top: none; border-right: none; overflow: hidden; background: #FFF; }
.hero .product-item:last-child { border-bottom: none; }
.hero .product-item .thumbnail { padding: 0; }
.hero .product-item .thumbnail .product-img { float: left; width: 131px; }
.hero .product-item .thumbnail .product-img img { margin: 0; }
.hero .product-item .thumbnail .caption { overflow: hidden; text-align: left; background: #FFF; }
.hero .product-item .thumbnail .caption-hover { display: none; }
.hero + .ads { padding-top: 16px; margin-bottom: 0; background: #D9E1E9; }
.ads .ad { width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); }
.ads a { display: block; }
.services + .ads { margin-bottom: 0; padding-bottom: 16px; }
.img-icon { display: inline-block; width: 60px; height: 60px; background-size: 100%; background-repeat: no-repeat; background-position: center center; vertical-align: middle; }
.img-icon.img-icon-bike,
.img-icon.img-icon-cat-894 { background-image: url("../img/icon-category-bike@2x.png"); }
.img-icon.img-icon-frame,
.img-icon.img-icon-cat-2 { background-image: url("../img/icon-category-frame@2x.png"); }
.img-icon.img-icon-group,
.img-icon.img-icon-cat-3 { background-image: url("../img/icon-category-group@2x.png"); }
.img-icon.img-icon-accessory,
.img-icon.img-icon-cat-902 { background-image: url("../img/icon-category-accessory@2x.png"); }
.img-icon.img-icon-helmet,
.img-icon.img-icon-cat-895 { background-image: url("../img/icon-category-helmet@2x.png"); }
.img-icon.img-icon-apparel,
.img-icon.img-icon-cat-897 { background-image: url("../img/icon-category-apparel@2x.png"); }
.img-icon.img-icon-wheel,
.img-icon.img-icon-cat-901 { background-image: url("../img/icon-category-wheel@2x.png"); }
.img-icon.img-icon-shoe,
.img-icon.img-icon-cat-896 { background-image: url("../img/icon-category-shoe@2x.png"); }
.tagsale,
.tagpre,
.tagbestbike { font-size: 12px; font-weight: 500; text-transform: uppercase; padding: 6px 6px 6px 10px; height: 50px; text-align: left; position: absolute; left: -6px;top: 20px; }
.tagsale:before,
.tagsale:after,
.tagpre:before,
.tagpre:after,
.tagbestbike:before,
.tagbestbike:after { display: block; content: ""; position: absolute; }
.tagsale:before,
.tagpre:before,
.tagbestbike:before { left: 0; bottom: -8px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 0; }
.tagsale:after,
.tagpre:after,
.tagbestbike:after,
.tagbestbike:after { right: -10px; top: 0; width: 0; height: 0; border-style: solid; border-width: 25px 0px 25px 10px; }
.tagsale .percent,
.tagpre .percent,
.tagbestbike .brand { display: block; line-height: 1em; color: #FFF; font-weight: bold; }
.tagsale { background: #FA424A; color: rgba(255,255,255,.6); }
.tagsale:before { border-color: transparent #af0014 transparent transparent; }
.tagsale:after { border-color: transparent transparent transparent #fa424b; }
.tagsale .percent { font-size: 19px; }
.tagpre { background: #19B3D9; color: #FFF; }
.tagpre:before { border-color: transparent #157a93 transparent transparent; }
.tagpre:after { border-color: transparent transparent transparent #19B3D9; }
.tagpre .percent { font-size: 16px; }
.tagbestbike { background: #68B414; color: rgba(255,255,255,.8); font-size: 14px; }
.tagbestbike:before { border-color: transparent #346400 transparent transparent; }
.tagbestbike:after { border-color: transparent transparent transparent #68B414; }
.tagbestbike .brand { font-size: 16px; }
.custom-text { position: absolute ; background: rgba(0,0,0,.6); bottom: 0; left: 0; right: 0; padding: 10px 10px 10px 40px; font-size: 13px; color: #FFF; text-shadow: 0 1px 0 #000; }
.custom-text .material-icons { position: absolute; left: 10px; top: 12px; font-size: 18px; }
.services { position: relative; z-index: 0; margin: 0; padding: 16px 0; }
.services .service-item { color: #222D3A; background-color: #fff; text-align: left; font-size: 13px; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); height: 128px; overflow: hidden; }
.services .service-item:hover { color: #fff !important; cursor: inherit; }
.services .service-item i { font-size: 40px;}
.services .service-item:hover i { color: #fff !important; transition: all 0.3s linear; }
.services .service-content { padding: 20px; }
.services .service-footer { color: #FFF; text-align: center; padding: 5px 0; border-top: 1px solid rgba(0,0,0,.2); font-weight: bold; }
.services .service-item .icon-item { float: left; line-height: 1; width: 40px; text-align: center; }
.services .service-item .item-title { padding-left: 56px; }
.services .service-item .item-title h3 { font-weight: 400; font-size: 18px; margin-top: 0; margin-bottom: 5px; }
.services .service-item .item-title:hover h3 { color: #fff; }
.services .service-item .item-title p { color: #969FA9; margin-bottom: 0; }
.services .service-item:hover .item-title * { color: #fff !important; }
.services .service-item.service-1 i { color: #19B3D9; }
.services .service-item.service-2 i { color: #C11C30; }
.services .service-item.service-3 i { color: #F7A41D; }
.services .service-item:hover { background: #222D3A; }
.services .service-item.service-1:hover,
.services .service-item.service-1 .service-footer { background: #19B3D9; }
.services .service-item.service-2:hover,
.services .service-item.service-2 .service-footer { background: #C11C30; }
.services .service-item.service-3:hover,
.services .service-item.service-3 .service-footer { background: #F7A41D; }
.services .service-item .stat-value { font-weight: bold; color: #303E4E; float: right; }
.advertise { background: #DBE0E6; color: #C4CCD5;  font-style: italic; text-align: center; padding:20px 0; text-transform: uppercase; margin: 10px 0 10px 0; }
.product-item,
.blog-item,
.album-item { position: relative; transition: all 0.3s linear; border: 1px solid #C4CCD5; }
.product-item .caption .title { margin-bottom: 0!important; }
.product-item .thumbnail { background: #FFF; border: none; margin: 0; padding: 0; border-radius: 0; overflow: hidden; }
.product-item .thumbnail .caption { padding: 8px; }
.product-item .thumbnail .product-img,
.blog-item .thumbnail .blog-img { display: block; border-bottom: 1px solid #eee; padding: 0; position: relative; }
.product-item .thumbnail .product-img .view-count { position: absolute; display: block; right: 4px; bottom: 4px; background: rgba(48, 62, 78, 0.6); color: #FFF; font-size: 13px; padding: 2px 6px; border-radius: 3px; font-weight: bold; }
.product-item .thumbnail .product-img .view-count .material-icons { font-size: 14px; margin-right: 4px; }
.product-item .thumbnail .caption { background: #fff; color: #303E4E; text-align: center; font-size: 13px; height: 82px; }
.product-item:hover,
.blog-item:hover,
.album-item:hover { cursor: inherit; box-shadow: 0 7px 10px 0px rgba(0,0,0,0.1); transform: translateY(-2px); }
.product-item .caption-hover { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background-color: #FFF; transition: all 0.2s linear; opacity: 0; transform: translateY(5%); height: 124px; display: none; }
.product-item .caption-hover:after { display: block; content: ''; height: 6px; position: absolute; left: 0; top: -6px; width: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(196, 204, 214, 0.00)), to(rgba(196, 204, 214, 0.40)));
	background-image: -webkit-linear-gradient(top, rgba(196, 204, 214, 0.00), rgba(196, 204, 214, 0.40));
	background-image: -moz-linear-gradient(top, rgba(196, 204, 214, 0.00), rgba(196, 204, 214, 0.40));
	background-image: -o-linear-gradient(top, rgba(196, 204, 214, 0.00), rgba(196, 204, 214, 0.40));
	background-image: -ms-linear-gradient(top, rgba(196, 204, 214, 0.00), rgba(196, 204, 214, 0.40));
	background-image: linear-gradient(top, rgba(196, 204, 214, 0.00), rgba(196, 204, 214, 0.40));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c4ccd6', EndColorStr='#c4ccd6'); }
.product-item:hover .caption-hover { opacity: 1; z-index: 9; transform: translateY(0); }
.product-item .caption .regular-price { color: #333; font-weight: normal; }
.product-item .caption .regular-price + .sale-price,
.product-shop-detail .product-price .regular-price + .sale-price { color: #D0021B; }
.product-item .caption .sale-price { color: #969FA9; font-weight: bold; font-size: 16px; }
.product-item .caption .product-spec { margin: 0; padding: 10px 0; border: 0; }
.product-item .caption .product-spec ul { padding: 0 10px; margin: 0; }
.product-item .caption .product-spec .item,
.product-item .caption .product-spec .item { display: block; margin: 0 0 3px 0; padding: 0; line-height: 1.8em; text-align: left; }
.product-item .caption .product-spec .custom-label,
.product-item .product-spec .custom-value,
.product-item .caption .product-spec .custom-label { display: inline-block; }
.product-item .caption .product-spec .custom-label { text-align: center; width: 70px; border-radius: 3px; font-size: 11px; color: #969FA9; margin-right: 10px; background: #ECF1F7; }
.product-item .caption-hover .product-spec .custom-value,
.product-item .caption .product-spec .custom-value { text-align: left; font-weight: bold; }
.product-item .caption .product-price { margin: 0; font-size: 14px; }
.product-item .caption .product-actions { margin: 10px 0 0 0; }
.product-item .product-title,
.blog-item .blog-title { margin: 0 0 5px 0; font-weight: 500; font-size: 14px; line-height: 1.4; color: #303E4E; height: auto; max-height: 40px; overflow: hidden; }
.product-item .product-title a,
.blog-item .blog-title a { color: #303E4E; }
.product-item .product-label .label { font-size: 12px; font-weight: 500; height: 20px; padding-top: 0; line-height: 20px; padding-bottom: 0; display: inline-block; vertical-align: middle; }
.product-item .product-label .label.label-best { background-color: #68B414; }
.product-item .product-label .label.label-fair { background-color: #A9D100; }
.product-item .product-label .label.label-ok { background-color: rgba(150, 159, 169, 0.6); }
.product-item .product-label .label.label-bestbike { background: url("../img/badge-bestbike@2x.png") no-repeat left top; width: 79px; background-size: 100%; }
.product-item .product-label .label.label-member { background: url("../img/badge-member@2x.png") no-repeat left top; width: 76px; background-size: 100%; }
.product-item .product-label .label.label-vip { background: url("../img/badge-vip@2x.png") no-repeat left top; width: 48px; background-size: 100%; }
.product-item .product-brand { color: #777; margin: 0 0 5px 0; }
.product-item .product-badge { position: absolute; top: 4px; right: 4px; display: none; }
.product-item .product-badge label { color: #fff; font-size: 10px; padding: 2px 5px; border-radius: 22px; }
.product-item .product-badge label.sale { font-weight: normal; background-color: #D0021B; }
.product-item .product-badge label.new {font-weight: normal; background-color: #056BCC; }
.product-item .product-badge label.hot {font-weight: normal;background-color: #F5A623; }
.classified-item .product-location { color: #969FA9; }
.classified-item .product-location .material-icons { font-size: 16px; margin-top: -3px; }
.classified-item .thumbnail .caption { height: 100px; }
.classified-item.history-item .btn-edit-classified { position: absolute; right: 8px; top: 8px; }
.classified-item.history-item .caption { height: 200px; }
.btn-classified-type > .btn { width: 50%; }
.btn-classified-type .btn .fa-square { color: #c5ced2; }
.btn-classified-type .btn.active .fa-square { color: #46c35f; }
.btn-classified-type .btn.active .fa-square:before { content: "\f14a"; }
.layout-view-grid .product-item,
.layout-view-list .product-item { margin-bottom: 8px; }
.layout-view-list .product-item { background: #FFF; }
.layout-view-list .product-item:after { display: block; content: ''; clear: both; }
.layout-view-list .product-item .caption .product-spec { margin-bottom: 10px; border-bottom: 1px solid #ECF1F7; }
.layout-view-list .product-item .caption .product-spec ul { padding: 0; }
.layout-view-list .product-item .caption .product-spec .item { display: inline-block; margin-right: 16px; margin-bottom: 0; }
.layout-view-list .product-item .caption .product-spec .custom-label {  width: auto; padding: 0 5px; margin-right: 5px; }
.layout-view-list .product-item .caption .product-spec .custom-value { font-weight: normal; }
.layout-view-list .product-item .thumbnail .product-img { border: none; width: 25%; float: left; padding: 8px; }
.layout-view-list .product-item .thumbnail .caption { width: 75%; float: left; height: auto; }
.layout-view-list .product-item .product-title { margin-top: 5px; }
.layout-view-grid .product-item .product-img img { width: 100%; }
.product-featured .product-items { border: 1px solid #C4CCD5; border-top: none; background: #FFF; position: relative; }
.product-featured .product-items .row { margin: 0; }
.product-featured .product-items [class^=col-],
.product-featured .product-items [class*=" col-"] { padding: 0; }
/* .product-featured .product-items .col-sm-10.item-list { width: 960px; float: right; } */
.product-featured .product-items:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 16%; height: 40px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 1.00)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 1.00));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 1.00));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 1.00));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 1.00));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 1.00));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#ffffff'); }
.product-featured .product-item { border: 0; border-right: 1px solid #C4CCD5; height: 250px; }
.product-featured .product-item:hover,
.layout-view-list .product-item:hover,
.hero .product-item:hover { transform: none; box-shadow: none; }
.product-featured .product-item .thumbnail .product-title { height: auto; max-height: 38px; overflow: hidden; }
.product-featured .featured-section-heading { margin: 0; border-bottom: 4px solid #056BCC; border-top: 1px solid #C4CCD5; border-right: 1px solid #C4CCD5; background: #FFF; }
.product-featured .featured-section-heading [class^=col-] { padding: 0; }
.product-featured .featured-section-heading .title { display: block; font-size: 16px; text-transform: uppercase; margin: 0; padding: 0; color: #303E4E; }
.product-featured .featured-section-heading .img-icon { width: 44px; height: 44px; margin: 0 16px 0 0; background-color: #056BCC; }
.product-featured .featured-section-heading .btn { margin: 10px 5px 0 0; border: none; color: #969FA9; text-transform: uppercase; float: right; }
.product-featured .featured-section-heading .btn:hover { color: #303E4E; text-decoration: none; }
.product-featured .category-intro { border-right: 1px solid #C4CCD5; height: 310px; overflow-y: scroll; position: relative; }
.product-featured .category-intro .intro-title { background: #056BCC; color: #fff; padding: 0 5px; line-height: 60px; height: 60px; text-align: left; font-weight: 600; }
.product-featured .category-intro .intro-title .img-icon { margin-right: 5px; }
.product-featured .category-intro .category-list { padding: 0; margin: 10px 0 40px 0; }
.product-featured .category-intro .category-list li { list-style: none; margin: 0; padding: 0; text-align: left; font-size: 13px; font-weight: 600; }
.product-featured .category-intro .category-list li a { color: #303E4E; display: block; padding: 8px 16px; }
.product-featured .category-intro .category-list li a:hover { background: #ECF1F7; }
.product-featured .category-intro .btn { width: auto; margin: 0 16px; display: block; }
.product-featured .selected-brand { width: 100%; position: relative; background-color: #FFF; border-top: 1px solid #C4CCD5; height: 60px; }
.product-featured .selected-brand .brands-slider { padding-top: 5px; }
.product-featured .selected-brand .brands-slider .brand-logo { line-height: 50px; }
.product-featured .selected-brand .brands-slider .brand-logo img { margin: 0 20px; max-height: 50px; max-width: 100px; display: inline-block !important; }
.product-featured .item-carousel .slick-arrow { width: 40px; height: 250px; opacity: 0.6; z-index: 1; background: #ECF1F7; transition: 0.2s all ease-in-out; }
.product-featured .item-carousel .slick-arrow:hover { opacity: 1; }
.product-featured .item-carousel .slick-arrow.slick-next:before,
.product-featured .item-carousel .slick-arrow.slick-prev:before { font-family: 'Material Icons'; font-size: 40px; color: #303E4E; opacity: 0.5; }
.product-featured .item-carousel .slick-arrow.slick-next:before { content: 'chevron_right'; }
.product-featured .item-carousel .slick-arrow.slick-prev:before { content: 'chevron_left'; }
.product-featured .item-carousel .slick-arrow.slick-next { right: 0; }
.product-featured .item-carousel .slick-arrow.slick-prev { left: 0; width: 39px; }
.product-featured .product-img { height: 162px; overflow: hidden; }
.product-promotion,
.video { background: #D9E1E9; padding: 16px 0; }
.product-highlight { padding: 16px 0 8px 0; }
.product-highlight .btn-default.btn-lg { background-color: transparent; border: none; color: #969FA9; }
.product-promotion { background: url("../img/blurred-dark-bike.jpg") no-repeat center center; background-size: cover; padding-bottom: 8px; }
.product-promotion .section-title,
.product-highlight .section-title { border-bottom: none; margin-bottom: 8px; }
.product-promotion .section-title h3,
.product-highlight .section-title h3 { color: #FFF; }
.product-promotion .section-title a.view-all:hover,
.product-highlight .section-title a.view-all:hover,
.product-highlight .btn-default.btn-lg:hover { color: #cbdae8; }
.product-promotion .product-item,
.product-highlight .product-item { margin-bottom: 8px; border: none; }
.product-classified-items .product-item { margin-bottom: 16px; }
.product-promotion .product-item .thumbnail,
.product-highlight .product-item .thumbnail { overflow: visible; }
.product-highlight .product-item .thumbnail .caption,
.product-classified-items .product-item .thumbnail .caption { height: 130px; position: relative; }
.product-highlight .product-item .product-title a { color: #FFF; }
.product-highlight .product-item .thumbnail { border: 3px solid #68B414; }
.product-highlight .product-item .thumbnail .caption { background-color: #222D3A; }  
.product-highlight .product-item .thumbnail .product-img { border-bottom: none; }
.product-promotion .highlight .product-item .product-title { font-size: 18px; }
.product-promotion .highlight .product-item .product-price { margin-bottom: 8px; }
.product-promotion .highlight .product-item .product-spec { padding: 0; display: none; }
.product-promotion .highlight .product-item .product-spec ul { padding: 0; }
.product-promotion .highlight .product-item .product-spec .item { width: 25%; border-right: 1px solid #f5f5f5; text-align: center; margin-bottom: 0; float: left; font-size: 12px; }
.product-promotion .highlight .product-item .product-spec .item:last-child { border: none; }
.product-promotion .highlight .product-item .product-spec .item .custom-label,
.product-promotion .highlight .product-item .product-spec .item .custom-value { display: block; width: auto; max-width: 100%; float: none; color: #999; }
.product-promotion .highlight .product-item .product-spec .item .custom-value { color: #555; font-weight: bold; }
.product-promotion .highlight .product-detail { font-size: 13px; padding: 0 16px 16px; }
.product-promotion .highlight .description { position: relative; height: 104px; min-height: 104px; margin-bottom: 10px; overflow: hidden; }
.product-promotion .highlight .description:after,
.blog-list .layout-view-grid .blog-item .description:after,
.item-related .blog-item .description:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
.product-promotion .highlight .readmore { display: block; border: 2px solid #056bcc; color: #056bcc; font-weight: bold; transition: all 0.3s linear;}
.product-promotion .highlight .readmore:hover {background-color: #056bcc; color: #fff;}
.product-promotion .highlight .caption { padding: 16px 16px 0;}
.product-classified-items .col-sm-2-extended { width: 20%; }
.product-promotion .row,
.product-highlight .row,
.item-related .row,
.layout-view-grid > .row,
.album-list .row { margin-left: -4px; margin-right: -4px; }
.product-promotion [class^=col-],
.product-promotion [class*=" col-"],
.product-highlight [class^=col-],
.product-highlight [class*=" col-"],
.item-related [class^=col-],
.item-related [class*=" col-"],
.layout-view-grid > .row > [class^=col-],
.layout-view-grid > .row > [class*=" col-"],
.album-list [class^=col-],
.album-list [class*=" col-"] { padding-left: 4px; padding-right: 4px; }
.layout-view-grid > .row > .col-sm-4:nth-child(3n+1) { clear: both; }
.filters .filter-categories .material-icons,
.product-category-list .product-category-item .material-icons { font-size: 20px; color: #969FA9; margin-right: 5px; }
.filters .filter a,
.filters .filter-categories li a,
.product-category-list .product-category-item a { color: #303E4E; font-weight: 600; display: block; }
.filters .filter a:hover,
.filters .filter-categories li a:hover,
.product-category-list .product-category-item a:hover { color: #056BCC; }
.filters .filter-categories ul,
.filters .filter-tag.item-meta ol { margin: 0; padding: 0; }
.filters .filter-categories li,
.filters .filter-tag.item-meta li { margin-bottom: 4px; list-style: none; }
.filters .filter-categories li:last-child,
.filters .filter-tag.item-meta li:last-child { margin: 0; }
.filters.sticky-filter { position: -webkit-sticky; position: sticky; top: 8px; }
.filters .filter { display: block; padding: 10px 0; border-bottom: 1px solid #ECF1F7; }
.filters .filter:last-child { border: none; }
.filters .filter span.expand { float: right; color: #969FA9; }
.filters .filter-price-range input { border-radius: 2px 2px 0 0; }
.filters .filter-price-range input:last-child { margin-top: -1px; border-radius: 0 0 2px 2px; }
.filters .section-title { position: relative; }
.filters .section-title .btn-toggle { color: #969FA9; position: absolute; right: 0; top: -5px; }
.filters .section-title .btn-toggle.collapsed .mi-add,
.filters .section-title .btn-toggle .mi-remove { display: inline-block; }
.filters .section-title .btn-toggle .mi-add,
.filters .section-title .btn-toggle.collapsed .mi-remove { display: none; }
.parallax-bg { height: auto; margin: 0; position: relative; background-image: url("../img/cycling-parallax.jpg"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 16px 0 0 0;}
.parallax-bg:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 16px; /*background-color: #000000;*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.60)), to(rgba(0, 0, 0, 0.00)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.00));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.00));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.00));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.00));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.00));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#000000'); }
.parallax-bg .title { padding: 0 0 16px 0; }
.parallax-bg .title h4 { color : #fff; font-weight: 500; margin: 0; text-transform: uppercase; min-height: 20px;}
.parallax-bg .thumbnail { border: 0; margin: 0; background: transparent;}
.parallax-bg .slick-dots li.slick-active button:before { color: #0068cf;  }
.parallax-bg .slick-dots li button:before { color : #FFF; opacity: 1; }
.parallax-bg .testimonial-content { background: #0068cf; color : #fff; padding: 10px 20px 10px 40px; position: relative; border-radius: 4px 4px 0 0;}
.parallax-bg .testimonial-content i { font-size: 22px; position: absolute; left: 8px; }
.parallax-bg .testimonial-content:after {content: "";position: absolute;height: 20px;width: 20px; background: #0068cf; left: 50%; margin-left: -10px; transform: rotate(45deg); bottom: -5px;}
.parallax-bg .testimonial-user { background: rgba(0, 0, 0, .6); overflow: auto; padding: 20px 0 0 0;}
.parallax-bg .testimonial-user .user-img { text-align: center; }
.parallax-bg .testimonial-user .user-img img { border-radius: 50%; border : 3px solid #fff; width: 80px; height: 80px; display: inline-block; }
.parallax-bg .testimonial-user .user-profile { text-align: center; padding: 10px; }
.parallax-bg .testimonial-user .user-profile .testimonial-date { color : #00ccff; font-size: 12px; padding-bottom: 20px;}
.parallax-bg .testimonial-user .user-profile .testimonial-name { color : #fff; font-weight: bold; font-size: 14px; }
.blog { padding-top: 16px; }
.blog .thumbnail,
.video .thumbnail { background-color: transparent; border: 0; float: left; width: 100%; margin: 0; border-radius: 0; }
.blog .thumbnail .blog-img,
.video .thumbnail .vid-frame { margin-bottom: 10px; display: block; }
.blog .thumbnail .caption,
.video .thumbnail .caption { padding: 0; }
.blog .blog-highlight .thumbnail .blog-img { width: 41%; }
.blog .blog-highlight .thumbnail .caption { width: 59%; }
.blog .blog-title,
.video .vid-title { font-weight: 500; color: #303E4E; margin: 0 0 5px 0; line-height: 1.4; font-size: 16px; }
.video .vid-title a,
.blog .blog-title a { color: #303E4E; text-decoration: none; display: block; }
.product-item .product-title a:hover,
.video .vid-title a:hover,
.blog .blog-title a:hover { color: #056BCC; }
.blog .blog-category,
.blog-item .blog-category { color: #969FA9; margin-bottom: 10px; background: #ECF1F7; padding: 4px 10px; display: inline-block; font-size: 11px; border-radius: 3px; }
.blog .blog-category a,
.blog-item .blog-category a { color: #969FA9; }
.blog .blog-category a:hover,
.blog-item .blog-category a:hover { color: #303E4E; }
.blog .blog-description { color: #303E4E; font-size: 13px; margin: 0; }
.blog .blog-brief .blog-title { font-size: 16px; }
.blog .tab-pane .content,
.profile .tab-pane .content { background: #FFF; padding: 16px; border: 1px solid #C4CCD5; border-top: none; margin-bottom: 0; }
.blog .tab-pane .content > .row,
.profile .tab-pane .content > .row { margin-bottom: 0; }
.blog .nav-tabs > li.active > a,
.blog .nav-tabs > li.active > a:focus,
.blog .nav-tabs > li.active > a:hover,
.profile .nav-tabs > li.active > a,
.profile .nav-tabs > li.active > a:focus,
.profile .nav-tabs > li.active > a:hover { color: #fff; background-color: #056BCC; border: 0px; border-bottom-color: transparent; }
.blog .nav-tabs,
.blog .blog-category-nav,
.profile .nav-tabs { border :1px solid #C4CCD5; background: #fff; position: relative; }
.blog .nav-tabs,
.profile .nav-tabs { border-bottom: 4px solid #056BCC; }
.blog .nav-tabs > li,
.profile .nav-tabs > li { float: left; margin-bottom: 0; }
.blog .nav-tabs > li > a,
.blog .blog-category-nav a,
.profile .nav-tabs > li > a { border-radius: 0; border: none; margin-right: 0; white-space: nowrap; position: relative; display: block; padding: 10px 16px; }
.blog .nav-tabs > li > a,
.profile .nav-tabs > li > a { color: #303E4E; }
.blog .nav-tabs > li > a:hover,
.profile .nav-tabs > li > a:hover { background: #ECF1F7; }
.blog .blog-category-nav { text-transform: uppercase; box-shadow: 0 1px 2px rgba(0,0,0,.4); z-index: 1; }
.blog .blog-category-nav a { color: #FFF; background: #303E4E; }
.blog .blog-category-nav .material-icons { position: absolute; right: 10px; top: 7px; }
.blog .blog-category-nav .mi-close,
.blog .blog-category-nav .collapsed .mi-menu { display: inline-block; }
.blog .blog-category-nav .mi-menu,
.blog .blog-category-nav .collapsed .mi-close { display: none; }
.blog-item { margin-bottom: 16px; }
.blog-item .blog-title { margin-bottom: 5px; font-size: 16px; max-height: 40px; overflow: hidden; }
.blog-item .blog-title a:hover { color: #056BCC; }
.blog-item .thumbnail { border-radius: 0; border: none; margin: 0; }
.blog-item .thumbnail .caption { padding: 16px; height: 205px; min-height: 205px; overflow: hidden; }
.blog-item .description + .btn { padding: 0; margin-top: 8px; }
.blog-list .layout-view-grid .blog-item .description,
.item-related .blog-item .description { position: relative; height: 70px; min-height: 70px; overflow: hidden; }
.item-related .col-sm-3:nth-child(4n+1) { clear: both; }
.item-related .blog-item,
.item-related .product-item { margin-bottom: 8px; }
.blog-detail .cover-img { margin-bottom: 30px; }
.detail-container { background: #FFF; padding: 16px; border: 1px solid #C4CCD5; }
.detail-container .section-title { padding-top: 0; }
.detail-container .section-content { margin-bottom: 32px; }
.detail-container > :last-child { margin-bottom: 0; }
.detail-container .section-content ol li { margin-bottom: 8px; line-height: 1.8em; }
.detail-container .section-content ol li li { list-style-type: square; }
.detail-container .product-description-content { margin-bottom: 16px; }
.filters .detail-container { padding: 16px; margin-bottom: 8px; }
.video .vid-title { margin-bottom: 0; }
.video .thumbnail .vid-frame { height: 200px; }
.gallery .row { margin: 0; }
.gallery .album { padding: 1px 1px 0 0; border: 1px solid #C4CCD5; background: #FFF; }
.gallery .album [class^=col-],
.gallery .album [class*=" col-"] { padding-left: 0; padding-right: 0; }
.gallery .album img { width: 100%; }
.gallery .album .view-more { position: absolute; margin: auto; top: 0; left: 1px; right: 0; bottom: 1px; z-index: 1; background: rgba(0,0,0,.5); }
.gallery .album .view-more a { display: block; width: 100%; height: 100%; color: #FFF; }
.gallery .album .photo { display: block; margin: 0 0 1px 1px; position: relative; }
.gallery .album .photo .photo-overlay { width: 100%; height: 100%; background: rgba(0,0,0,.5); color: #FFF; position: absolute; transition: opacity 0.2s ease-out; opacity: 0; }
.gallery .album .photo .photo-overlay:hover { opacity: 1; }
.gallery .album .photo .photo-overlay .material-icons,
.gallery .album .view-more .material-icons { top: 50%; left: 50%; position: absolute; font-size: 48px; margin-top: -24px; margin-left: -24px; }
.album-list .album-item { background: #FFF; padding: 4px; margin-bottom: 8px; border-radius: 2px; }
.album-list .album-item .caption { padding: 16px; }
.album-list .album-item .album-img { display: block; height: 180px; overflow: hidden; }
.album-list .album-item .album-title { font-size: 14px; color: #303E4E; margin: 0 0 8px 0; }
.album-list .album-item .album-title a { color: #303E4E; display: block; }
.album-list .album-item .album-title a:hover { color: #0569C8; }
.album-list .album-item .album-meta { color: #969FA9; margin: 0; }
.album-list .album-item .album-meta .material-icons { font-size: 18px; margin: -2px 4px 0 -2px; }
.photo-list .photo-item .photo { height: 190px; min-height: 190px; overflow: hidden; }
.photo-list hr { margin: 0; }
.photo-list .item-meta { padding: 16px; }
.gallery-detail .share { float: none; }
.content-page-header,
.content-comment-form { background: #D9E1E9; }
.product-basic-info { padding-top: 16px; }
.content-page-header { margin: 0; }
.content-page-header .breadcrumb { margin: 12px 0; padding-left: 16px; }
.content-comment-form { padding-top: 16px; padding-bottom: 16px; margin-bottom: 0; }
.content-comment-list { margin-top: 16px; }
.content-comment-list .comment-item.media { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #ECF1F7; }
.content-comment-list .comment-item.media:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.content-comment-list .comment-item.media .media-left { padding-right: 16px; }
.content-comment-list .comment-item.media .media-left,
.content-comment-list .comment-item.media .media-object { width: 80px; }
.content-comment-list .comment-item.media .media-body { width: auto; }
.content-comment-list .comment-item.media .media-body p { margin: 0; }
.content-comment-list .comment-item.media .media-heading { font-size: 16px; color: #0569C8; margin-bottom: 8px; }
.content-comment-list .comment-item.media .media-heading span { display: inline-block; float: right; }
.content-comment-list .comment-item.media .media-heading small { color: #969FA9; display: inline-block; margin-left: 8px; }
.content-comment-list .comment-item.media .media-heading small .material-icons { font-size: 15px; color: #969FA9; }
.form-group label { font-weight: 500; }
.form-group .custom-select { position: relative; }
.form-group .custom-select:after { display: block; content: "\f0dd"; font-family: 'FontAwesome'; color: #C4CCD5; position: absolute; top: 5px; right: 16px; }
.product-shop-detail .product-features,
.product-shop-detail .product-form,
.product-shop-detail .item-meta { border: none; padding: 0; margin: 0; border-radius: 0; }
.product-shop-detail .product-name { font-size: 20px; font-weight: 500; margin-bottom: 10px; }
.product-shop-detail .please-select-option .alert { margin: 0; }
.product-shop-detail .product-features ul { margin: 0; padding: 0; list-style: none; }
.product-shop-detail .product-features li { display: block; margin-bottom: 6px; }
.product-shop-detail .product-features li .custom-label { display: inline-block; width: 29%; font-weight: bold; color: #969FA9; }
.product-shop-detail .product-features li .custom-value { display: inline-block; width: 70%; }
.product-shop-detail .btn-report { margin-top: 12px; }
.product-shop-detail .share { padding: 0 !important; margin-top: 5px; }
.product-shop-detail .buy-options .btn-buy,
.product-shop-detail .buy-options .btn-cart { margin-top: 26px; height: 34px; }
.product-shop-detail .row { margin-left: -5px; margin-right: -5px; }
.product-shop-detail [class^=col-],
.product-shop-detail [class*=" col-"] { padding-left: 5px; padding-right: 5px; }
.product-shop-detail .price { color: #056BCC; }
.product-shop-detail .user-review { margin-bottom: 8px; }
.product-form .form-control { background: #F5F7F9; box-shadow: none; color: #303E4E; border-color: #C4CCD5; border-radius: 2px; -webkit-appearance: none; }
.product-form .form-group label { height: 20px; }
.product-form .alert { margin-bottom: 16px; }
.product-form .total,
.product-form .variant-price { font-size: 22px; color: #0569C8; margin-top: 5px; }
.product-img-box,
.product-shop-detail { margin-bottom: 16px; }
.product-img-box #sync1 { margin-bottom: 4px; }
.product-img-box #sync1 .owl-item .item { text-align: center; border: 2px solid #ECF1F7; border-radius: 2px; margin-right: 4px; line-height: 0; }
.product-img-box #sync2 { margin-bottom: 20px; }
.product-img-box #sync2 .owl-wrapper { width: auto !important; }
.product-img-box #sync2 .owl-item { margin-bottom: 4px; position: relative; width: 20% !important; }
/* .product-img-box #sync2 .owl-item:nth-child(5n+0) { margin-right: 0; } */
.product-img-box #sync2 .owl-item .item { text-align: center; padding-right: 4px; }
.product-img-box #sync2 .owl-item .item img { display: block; border-radius: 2px; border: 2px solid #ECF1F7; opacity: .7; }
.product-img-box #sync2 .owl-item.synced .item img { border-color: #0569C8; opacity: 1; }
.comment-form { padding: 0; background: transparent; }
.item-meta ol { display: inline-block; padding: 0; margin: 0 0 10px 10px; }
.item-meta li { list-style: none; display: inline-block; margin: 0 4px 0 0; }
.item-meta li a { display: block; padding: 2px 4px; border-radius: 3px; color: #969FA9; background: #ECF1F7; font-size: 12px; }
.item-meta li a:hover { color: #303E4E; }
.share { line-height: 0; }
.share .fb-share-button { vertical-align: bottom; }
.navbar.bottom { margin-bottom: 0; border: 0; border-radius: 0; background: #056BCC; box-shadow: 0 2px 4px rgba(0, 0, 0, .4); min-height: 40px; height: 40px; }
.navbar.bottom .navbar-nav { float: none; text-align: center; width: 100%; }
.navbar.bottom .navbar-nav li { float: none; display: inline-block; margin: 0; }
.navbar.bottom .navbar-nav li a { color: #fff; padding: 10px 20px; }
.navbar.bottom .navbar-nav li.active a,
.navbar.bottom .navbar-nav li.active a:hover { color: #fff; background: #303E4E; }
.navbar.bottom .navbar-nav li a:hover { background: #155DA1; }
/* .register { margin-top: 30px; } */
.register .signup-facebook { margin-bottom: 32px; }
.register .btn-facebook i { font-size: 22px; margin-right: 10px; }
.register .detail-container.register-form { height: 640px; }
#office-address { height: 400px; position: relative; }
.map { margin: 0; }
.contact-info { padding: 30px 0 0 0; }
.contact-info .detail-container { height: 190px; min-height: 190px; padding: 16px; }
.contact-info .detail-container.contact-phone,
.contact-info .detail-container.contact-office-time { font-size: 18px; }
.contact-info .contact-icon,
.contact-info .contact-detail { text-align: center; }
.contact-info .contact-detail { margin: 0; }
.contact-info .contact-icon { margin: 0 0 16px 0; color: #056BCC; }
.contact-info .contact-icon .material-icons { font-size: 48px; }
.contact-info .contact-phone .contact-icon { color: #19B3D9; }
.contact-info .contact-office-time .contact-icon { color: #C11C30; }
.contact-info .contact-socials { text-align: center; }
.contact-info .contact-socials .fa { width: 16px; }
.contact-info .contact-socials a { color: #333; }
.contact-info .contact-socials .contact-icon { color: #F7A41D; }
.contact-info .contact-socials ul { margin: 0; padding: 0; }
.contact-info .contact-socials li { margin-bottom: 5px; list-style: none; }
.contact-info .contact-socials li:last-child { margin: 0; }
.comment-form .captcha.alert,
.comment-form .captcha.alert .form-group { margin: 0; }
.comment-form .captcha.alert { margin-bottom: 16px; width: 50%; }
.btn-toggle-view .btn .material-icons { font-size: 22px; margin: 0; }
.lifestyle-list .lifestyle-item { margin-bottom: 16px; }
.lifestyle-list .lifestyle-item a.lifestyle-img { display: block; transition: all .2s ease; }
.lifestyle-list .lifestyle-item a.lifestyle-img:hover { opacity: .8; }
footer { background: #303E4E; color: #fff; padding: 40px 0; font-size: 13px; }
footer ul > li i:first-child { padding-left: 0; }
footer ul > li i { padding-left: 10px; }
footer ul > li a,
footer ul > li a:hover { color: #FFF; }
footer .logo-item { text-align: center; }
footer .logo-item img { display: inline-block; }
footer .col-title { text-transform: uppercase; margin: 0 0 20px 0; }
footer .social { font-size: 11px; text-align: center; color: #969FA9; }
footer .social p { display: inline-block; margin: 0; }
footer .social ul { display: block; padding: 0; }
footer .social ul > li { display: inline-block; list-style: none; margin: 0 10px; }
footer .social ul > li > a { color: #969FA9; font-size: 28px; line-height: 28px; }
footer .social ul > li > a:hover { color: #fff; }
footer .social ul > li > .fa { vertical-align: top; }
footer .social ul > li #icon-line-at { fill: currentcolor; }
footer .imgonnafixyou { position: fixed; bottom: 0; right: 16px; width: 240px; z-index: 3; }
footer .back-to-top { width: 44px; height: 44px; text-align: center; line-height: 30px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; color: #FFF; background: #969FA9; border-radius: 4px; margin-bottom: 8px; float: right; }
footer .back-to-top i { font-size: 44px; }
footer .back-to-top.show { opacity: 0.6; }
footer .back-to-top:hover  { opacity: 1; }
footer .add-line-contact { width: 100%; float: left; }
footer .add-line-contact > .btn { border-radius: 4px 4px 0 0; position: relative; padding-left: 36px; text-align: left; }
footer .add-line-contact svg { position: absolute; left: 4px; top: 4px; }
footer .contact ul { margin: 0; padding: 0; display: block; }
footer .contact li { list-style: none; margin: 0 0 10px 0; padding: 0 0 0 30px; display: block; position: relative; line-height: 1.8em; }
footer .contact li .material-icons { position: absolute; left: 0; }
footer .form-subscribe { border: 2px solid #22262C; border-radius: 2px; }
footer .form-subscribe input[type="text"] { background: #22262C; border: none; border-radius: 2px 0 0 2px; color: #FFF; }
footer .form-subscribe input[type="text"]:focus { box-shadow: none; }
footer .form-subscribe input[type="text"]::-webkit-input-placeholder,
footer .form-subscribe input[type="text"]::-moz-placeholder,
footer .form-subscribe input[type="text"]::-ms-input-placeholder { color: #969FA9; }
footer .brands { padding: 0 0 10px 0; border-bottom: 1px solid #293542; margin-bottom: 30px}
footer .brands .logo-item { margin-bottom: 20px; }
footer .brands svg { height: auto; width: auto; }
footer .brands .brand-layout { text-align: right; }
footer .brands .btn-default-light { margin-top: 12px; }
.modal .modal-content { border-radius: 3px; }
#member-modal.modal .modal-body { padding: 32px; }
#member-modal.modal .modal-dialog { margin-top: 15%; }
#member-modal.modal .modal-dialog { width: 420px; }
#member-modal.modal .form-group { position: relative; }
#member-modal.modal .form-group .material-icons { position: absolute; color: #303E4E; font-size: 32px; top: 6px; left: 8px; }
#member-modal.modal .form-group input { padding-left: 48px; }
#member-modal.modal .help-block .checkbox { margin-top: 8px; }
#member-modal.modal .help-block .btn-link { float: right; padding-right: 0; }
.text-divider { display: block; text-align: center; margin: 32px 0; text-transform: uppercase; color: #303E4E; position: relative; }
.text-divider:before,
.text-divider:after { content: ''; display: block; height: 1px; background: #C4CCD5; position: absolute; width: 44%; top: 8px; }
.text-divider:before { left: 0; }
.text-divider:after { right: 0; }
.paging { background: #FFF; padding: 16px; margin-bottom: 32px; border: 1px solid #C4CCD5; text-align: center; line-height: 0; position: relative; }
.paging .pagination { margin: 0; }
.paging .pagination > li { display: inline-block; margin-right: 8px; }
.paging .pagination > li:first-child,
.paging .pagination > li:last-child { position: absolute; top: 16px; margin: 0; }
.paging .pagination > li:first-child { left: 16px; }
.paging .pagination > li:last-child { right: 16px; }
.paging .pagination > li > a,
.paging .pagination > li > span { border-radius: 2px !important; color: #303E4E; border-color: #C4CCD5; text-transform: uppercase; }
.paging .pagination > li > a:hover,
.paging .pagination > li > span:hover,
.paging .pagination > li > a:focus,
.paging .pagination > li > span:focus { background-color: #EFF3F9; border-color: #C4CCD5; color: #4E5B6A; }
.paging .pagination > .disabled > span,
.paging .pagination > .disabled > span:hover,
.paging .pagination > .disabled > span:focus,
.paging .pagination > .disabled > a,
.paging .pagination > .disabled > a:hover,
.paging .pagination > .disabled > a:focus { background-color: #EFF3F9; border-color: #EFF3F9; color: #C4CCD5; }
.paging .pagination > .active > a,
.paging .pagination > .active > span,
.paging .pagination > .active > a:hover,
.paging .pagination > .active > span:hover,
.paging .pagination > .active > a:focus,
.paging .pagination > .active > span:focus { color: #FFF; background-color: #303E4E; border-color: #303E4E; }
.paging .pagination > li:first-child > a,
.paging .pagination > li:first-child > span,
.paging .pagination > li:last-child > a,
.paging .pagination > li:last-child > span { padding-top: 3px; padding-bottom: 3px; }
.custom-navbar .navbar-nav .cart-top .dropdown-menu { min-width: 300px; background: #FFF; color: inherit; left: auto; right: 0; }
.custom-navbar .navbar-nav .cart-top .dropdown-menu .item { padding: 8px; float: left; position: relative; }
.custom-navbar .navbar-nav .cart-top .dropdown-menu .item .item-delete { margin: 0; padding: 0; position: absolute; right: 10px; top: 10px; line-height: normal; color: #C4CCD5; }
.custom-navbar .navbar-nav .cart-top .dropdown-menu .item .item-delete:hover { color: #fa424a; }
.custom-navbar .navbar-nav .cart-top .dropdown-menu .item-image { display: block; margin: 0; padding: 0; width: 30%; float: left; }
.custom-navbar .navbar-nav .cart-top .dropdown-menu .item-detail { float: left; overflow: hidden; width: 70%; margin: 0; padding: 0; list-style: none; }
.custom-navbar .navbar-nav .cart-top .dropdown-menu .item-detail li { margin: 0 16px 4px 16px; line-height: 1.4; }
.custom-navbar .navbar-nav .cart-top .dropdown-menu .item-detail li:last-child { margin-bottom: 0; }
.custom-navbar .navbar-nav .cart-top .dropdown-menu .item-detail li a { margin: 0; padding: 0; color: inherit; }
.custom-navbar .navbar-nav .cart-top .dropdown-menu .item-detail .item-title a { color: #056BCC; }
.custom-navbar .navbar-nav .cart-top .dropdown-menu .btn-checkout { margin: 0; padding: 6px 12px; color: #FFF !important; }
.custom-navbar .navbar-nav .cart-top .result .action-has-item { padding: 10px 10px 5px 10px; }
.detail-container .steps { margin: -16px -16px 20px -16px; }
.steps { padding: 20px; background: #ECF1F7; border-bottom: 1px solid #C4CCD5; }
.steps .step-item { text-align: center; position: relative; padding: 0; }
.steps .step-item a { display: block; }
.steps .step-item .material-icons { display: inline-block; font-size: 28px; padding: 12px; border-radius: 50%; background-color: #969FA9; color: #FFF; margin-bottom: 8px; position: relative; z-index: 1; }
.steps .step-item .step-label { display: inline-block; width: 100%; font-size: 14px; color: #969FA9; }
.steps .step-item.completed .material-icons,
.steps .step-item a:hover .material-icons,
.steps .step-item.completed:before,
.steps .step-item.completed:after { background: #303E4E; }
.steps .step-item a:hover .step-label,
.steps .step-item.completed .step-label,
.steps .step-item.active .step-label { color: #303E4E; }
.steps .step-item.active .material-icons { background-color: #056BCC; position: relative; }
.steps .step-item.completed .material-icons:after { content: '\f058'; font-family: 'FontAwesome'; display: inline-block; font-size: 18px; color: #46c35f; position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: #303E4E; padding: 2px; line-height: 17px; border-radius: 50%; }
.steps .step-item:before,
.steps .step-item:after { display: block; position: absolute; top: 24px; content: ''; width: 50%; height: 4px; background-color: #969FA9; z-index: 0; }
.steps .step-item:before { left: -20px; }
.steps .step-item:after { right: -20px; }
.steps .step-item:first-child:before,
.steps .step-item:last-child:after { display: none; }
.steps .step-item.active:before { background-color: #303E4E;
	background-image: -webkit-gradient(linear, left center, right center, from(rgb(49, 55, 62)), to(rgb(20, 109, 201)));
	background-image: -webkit-linear-gradient(left, rgb(49, 55, 62), rgb(20, 109, 201));
	background-image: -moz-linear-gradient(left, rgb(49, 55, 62), rgb(20, 109, 201));
	background-image: -o-linear-gradient(left, rgb(49, 55, 62), rgb(20, 109, 201));
	background-image: -ms-linear-gradient(left, rgb(49, 55, 62), rgb(20, 109, 201));
	background-image: linear-gradient(left, rgb(49, 55, 62), rgb(20, 109, 201));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#303E4E', EndColorStr='#146dc9'); }
.cart-list .cart-heading,
.cart-list .cart-item { padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #C4CCD5; position: relative; }
.cart-list .cart-item:last-child { margin-bottom: 18px; }
.cart-list .cart-heading { font-weight: bold; }
.cart-list .cart-item .product-img { width: 120px; float: left; margin-right: 8px; }
.cart-list .cart-item .caption { overflow: hidden; margin-bottom: 8px; }
.cart-list .cart-item .caption .product-title { font-size: 14px; margin: 0 0 5px 0; }
.cart-list .cart-item .caption .product-title a { color: #056BCC; }
.cart-list .cart-item .btn-del { color: #C4CCD5; font-size: 16px; }
.cart-list .cart-item .btn-del:hover { color: #fa424a; }
.cart-list .well.cart-summary .section-title { margin-bottom: 8px; }
.cart-list .well.cart-summary .table > tfoot > tr > td { border-top: 1px solid #C4CCD5; }
.cart-list .well.cart-summary .summary-price { font-size: 18px; font-weight: bold; color: #78B0E5; }
.cart-list .well.cart-summary .table { margin-bottom: 10px; }
.cart-list .well.cart-summary .table > thead > tr > th,
.cart-list .well.cart-summary .table > tbody > tr > td { padding-left: 0; padding-right: 0; }
.cart-list .empty-cart > .material-icons { font-size: 32px; margin-bottom: 10px; color: #969FA9; }
.cart-list .empty-cart > h4 { margin-bottom: 20px; color: #969FA9; }
.alert.note { clear: both; }
.alert.note textarea { border: none; }
.bank-account-info { border-color: #C4CCD5; border-radius: 2px; }
.bank-account-info .material-icons { font-size: 42px; margin-bottom: 5px; color: #969FA9; }
.bank-account-info .account-title { margin-top: 0; }
.bank-account-info p { margin-bottom: 0; color: #969FA9; }
.bank-account-info p:last-child { margin-top: 10px; }
.bank-account-info strong { font-size: 16px; font-weight: bold; color: #19B3D9; }
.product-category-list { margin-bottom: 16px; }
.image-upload .preview img { max-width: 100%; max-height: 400px; display: inline-block; margin-bottom: 16px; }
.our-services .single-content { margin-top: 0; }
.our-services .single-content .text-single-heading { margin-bottom: 16px; }
.our-services .service-content-1 .service-price-list,
.our-services .service-content-2 .service-price-list { height: 136px; }
.our-services .service-price-list,
.our-services .service-price-list li { list-style: none; display: block; font-size: 16px; margin: 0; padding: 0; }
.our-services .service-price-list li { float: left; width: 100%; padding: 0 8px; margin-bottom: 6px; }
.our-services .service-price-list.col-2 li { width: 50%; }
.our-services .service-price-list span { display: block; width: 50%; float: left; }
.our-services .service-price-list span:first-child { color: #303E4E; }
.our-services .service-price-list span:last-child { text-align: right; color: #969FA9; }
.our-services hr { margin-bottom: 0; }
.our-services .service-gallery a { display: block; margin-top: 16px; position: relative; }
.our-services .service-gallery a:before { display: block; content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-color: #000; opacity: 0; transition: all 0.2s ease-in-out; }
.our-services .service-gallery a:hover:before { opacity: .5; }
.our-services .service-gallery a.service-vid:before { opacity: .5 }
.our-services .service-gallery a.service-vid:hover:before { opacity: .7 }
.our-services .service-gallery a .material-icons { position: absolute; color: #FFF; font-size: 36px; left: 50%; top: 50%; margin-left: -18px; margin-top: -18px; transition: all 0.2s ease-in-out; opacity: 0; }
.our-services .service-gallery a:hover .material-icons { opacity: 1; }
.our-services .service-gallery a.service-vid .material-icons { opacity: 1; }

.empty-state { color: #969FA9; font-size: 20px; text-align: center; padding: 16px 0; }
.empty-state .material-icons { font-size: 48px; }
.empty-state p { margin: 0; }
.coming-soon { padding-top: 60px; }
.coming-soon .brand { display: block; width: 300px; height: 73px; background: url("../img/coming-soon-brand@2x.png") no-repeat center center transparent; background-size: 100%; margin: 0 auto 20px auto; text-indent: -999em; overflow: hidden; }
.coming-soon .intro-text,
.coming-soon .sub-intro-text { font-family: 'Kanit'; text-align: center; font-weight: normal; margin: 0 0 10px 0; }
.coming-soon .intro-text { font-size: 2rem; color: #516475; }
.coming-soon .sub-intro-text { font-size: 2rem; color: #909FAD; margin-bottom: 20px; }
.coming-soon .intro-photo { display: block; width: 580px; height: 280px; margin: 0 auto 20px auto; background: url("../img/photo-store-front.jpg") no-repeat center center transparent; background-size: 100%; border: 5px solid #FFF; box-shadow: 0 4px 6px rgba(0,0,0,.2); text-indent: -999em; overflow: hidden; }
.temp-store-info { color: #FFF; font-family: 'Kanit'; font-size: 16px; padding: 20px; }
.temp-store-info .store-contact a { color: #FFF; border-bottom: 1px dashed rgba(255,255,255,.4); }
.temp-store-info .store-contact { position: relative; padding-left: 50px; margin-bottom: 20px; }
.temp-store-info .store-contact .btn { border: none; }
.temp-store-info .material-icons.icon-title { position: absolute; font-size: 40px; left: 0; }
.temp-store-info .socials { display: block; margin: 10px 0; padding: 0; text-align: center; }
.temp-store-info .socials li { display: inline-block; margin: 0 10px; }
.temp-store-info .socials li a { display: block; border: 2px solid #FFF; color: #FFF; width: 50px; height: 50px; border-radius: 25px; text-align: center; font-size: 24px; background: rgba(255,255,255,.2); transition: all 0.3s ease-in; }
.temp-store-info .socials .fa { line-height: 45px; }
.temp-store-info .socials .social-facebook:hover { background: #3b5998; border-color: #3b5998; }
.temp-store-info .socials .social-instagram:hover { background: #e1306c; border-color: #e1306c; }
.temp-store-info .socials .social-twitter:hover { background: #1da1f2; border-color: #1da1f2; }

/* Buttons */
.btn, .btn-sm, .btn-xs, .btn-lg { border-radius: 2px; }
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active { box-shadow: none; }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn { opacity: 1; }

.btn { font-size: 13px; }
.btn-sm { font-size: 12px; }
.btn-lg { font-size: 16px; }

.btn-sm > .material-icons { font-size: 16px; margin-top: -2px; }

.btn-primary { background-color: #056BCC; border-color: #056BCC; color: #FFF; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary.active { background-color: #004B92; border-color: #004B92; color: #FFF; }
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active { background-color: #8DB1D3; border-color: #8DB1D3; color: #517DA6; }

.btn-primary-ghost { background-color: #FFF; border-color: #056BCC; color: #056BCC; }
.btn-primary-ghost:hover,
.btn-primary-ghost:focus,
.btn-primary-ghost:active,
.btn-primary-ghost:active:focus,
.btn-primary-ghost.active { background-color: #E0EEFF; border-color: #056BCC; color: #056BCC; }
.btn-primary-ghost.disabled,
.btn-primary-ghost.disabled:hover,
.btn-primary-ghost.disabled:focus,
.btn-primary-ghost.disabled:active,
.btn-primary-ghost.disabled.active,
.btn-primary-ghost[disabled]:hover,
.btn-primary-ghost[disabled]:focus,
.btn-primary-ghost[disabled]:active,
.btn-primary-ghost[disabled].active,
fieldset[disabled] .btn-primary-ghost:hover,
fieldset[disabled] .btn-primary-ghost:focus,
fieldset[disabled] .btn-primary-ghost:active,
fieldset[disabled] .btn-primary-ghost.active { background-color: #E0EEFF; border-color: #E0EEFF; color: #85ACD8; }

.btn-default { background-color: #FFF; border-color: #C4CCD5; color: #4E5B6A; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active { background-color: #EFF3F9; border-color: #C4CCD5; color: #4E5B6A; }
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active { background-color: #EFF3F9; border-color: #EFF3F9; color: #C4CCD5; }

.btn-default-light { background-color: transparent; border-color: #969FA9; color: #969FA9; }
.btn-default-light:hover,
.btn-default-light:focus,
.btn-default-light:active,
.btn-default-light:active:focus,
.btn-default-light.active { background-color: transparent; border-color: #FFF; color: #FFF; }
.btn-default-light.disabled,
.btn-default-light.disabled:hover,
.btn-default-light.disabled:focus,
.btn-default-light.disabled:active,
.btn-default-light.disabled.active,
.btn-default-light[disabled]:hover,
.btn-default-light[disabled]:focus,
.btn-default-light[disabled]:active,
.btn-default-light[disabled].active,
fieldset[disabled] .btn-default-light:hover,
fieldset[disabled] .btn-default-light:focus,
fieldset[disabled] .btn-default-light:active,
fieldset[disabled] .btn-default-light.active { background-color: #39424B; border-color: #39424B; color: #677280; }

.btn-default-dark { background-color: #303E4E; border-color: #303E4E; color: #FFF; }
.btn-default-dark:hover,
.btn-default-dark:focus,
.btn-default-dark:active,
.btn-default-dark:active:focus,
.btn-default-dark.active { background-color: #222D3A; border-color: #222D3A; color: #FFF; }
.btn-default-dark.disabled,
.btn-default-dark.disabled:hover,
.btn-default-dark.disabled:focus,
.btn-default-dark.disabled:active,
.btn-default-dark.disabled.active,
.btn-default-dark[disabled]:hover,
.btn-default-dark[disabled]:focus,
.btn-default-dark[disabled]:active,
.btn-default-dark[disabled].active,
fieldset[disabled] .btn-default-dark:hover,
fieldset[disabled] .btn-default-dark:focus,
fieldset[disabled] .btn-default-dark:active,
fieldset[disabled] .btn-default-dark.active { background-color: #9BA7B4; border-color: #9BA7B4; color: #6C7A89; }

.btn-success { background-color: #5DC137; border-color: #5DC137; color: #FFF; }
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:active:focus,
.btn-success.active { background-color: #429B20; border-color: #429B20; color: #FFF; }
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active { background-color: #CCE8C2; border-color: #CCE8C2; color: #8DBD7B; }

.btn-success-ghost { background-color: transparent; border-color: #5DC137; color: #5DC137; }
.btn-success-ghost:hover,
.btn-success-ghost:focus,
.btn-success-ghost:active,
.btn-success-ghost:active:focus,
.btn-success-ghost.active { background-color: #EEFEE8; border-color: #5DC137; color: #5DC137; }
.btn-success-ghost.disabled,
.btn-success-ghost.disabled:hover,
.btn-success-ghost.disabled:focus,
.btn-success-ghost.disabled:active,
.btn-success-ghost.disabled.active,
.btn-success-ghost[disabled]:hover,
.btn-success-ghost[disabled]:focus,
.btn-success-ghost[disabled]:active,
.btn-success-ghost[disabled].active,
fieldset[disabled] .btn-success-ghost:hover,
fieldset[disabled] .btn-success-ghost:focus,
fieldset[disabled] .btn-success-ghost:active,
fieldset[disabled] .btn-success-ghost.active { background-color: #F0F9EC; border-color: #F0F9EC; color: #A9DB95; }

.btn-danger { background-color: #fa424a; border-color: #fa424a; color: #FFF; }
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:active:focus,
.btn-danger.active { background-color: #fb6067; border-color: #fb6067; color: #FFF; }
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active { background-color: #d97068; border-color: #d97068; color: #943527; }

.btn-danger-ghost { background-color: transparent; border-color: #fa424a; color: #fa424a; }
.btn-danger-ghost:hover,
.btn-danger-ghost:focus,
.btn-danger-ghost:active,
.btn-danger-ghost:active:focus,
.btn-danger-ghost.active { background-color: #ffe8e9; border-color: #fa424a; color: #fa424a; }
.btn-danger-ghost.disabled,
.btn-danger-ghost.disabled:hover,
.btn-danger-ghost.disabled:focus,
.btn-danger-ghost.disabled:active,
.btn-danger-ghost.disabled.active,
.btn-danger-ghost[disabled]:hover,
.btn-danger-ghost[disabled]:focus,
.btn-danger-ghost[disabled]:active,
.btn-danger-ghost[disabled].active,
fieldset[disabled] .btn-danger-ghost:hover,
fieldset[disabled] .btn-danger-ghost:focus,
fieldset[disabled] .btn-danger-ghost:active,
fieldset[disabled] .btn-danger-ghost.active { background-color: #ffe8e9; border-color: #ffe8e9; color: #dd989c; }

.btn-default-light.btn-del:hover,
.btn-default-light.btn-del:focus,
.btn-default-light.btn-del:active,
.btn-default-light.btn-del:active:focus,
.btn-default-light.btn-del.active { background-color: #fa424a; border-color: #fa424a; color: #FFF; }

.btn-link { color: #056BCC; }
.btn-link:focus,
.btn-link:hover { color: #056BCC; }

.btn-facebook { background-color: #3B5998; border-color: #3B5998; color: #FFF; }
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook:active:focus,
.btn-facebook.active { background-color: #4c70ba; border-color: #4c70ba; color: #FFF; }

.text-success { color: #5DC137; }
.text-warning { color: #f29824; }
.text-danger { color: #FA424A; }

.label-default { background-color: #969FA9; }
.label-default[href]:hover,
.label-default[href]:focus,
.label-default[href]:active { background-color: #6f7780; }

.label-primary { background-color: #056BCC; }
.label-primary[href]:hover,
.label-primary[href]:focus,
.label-primary[href]:active { background-color: #155DA1; }

.label-danger { background-color: #FA424A; }
.label-danger[href]:hover,
.label-danger[href]:focus,
.label-danger[href]:active { background-color: #d82831; }

.login-page,
.classified-page,
.single-content { margin-top: 32px; margin-bottom: 16px; }
section .login-page { margin-bottom: 0; }
.login-page .form-group .material-icons { position: absolute; color: #303E4E; font-size: 32px; top: 6px; left: 8px; }
.login-page .form-group input { padding-left: 48px; }
.login-page .btn-login { margin-bottom: 8px; }
.profile { padding-top: 30px;  }
.profile .profile-setting { background: #fff; }
.classified-page.text-center > .material-icons { font-size: 64px; }
.single-content .icon-single-heading { display: block; margin: 16px auto; }
.single-content .icon-single-heading.icon-single-heading-user { width: 140px; height: 160px; background: url("../img/icon-heading-member@2x.png") no-repeat center center; background-size: 100%; }
.single-content .icon-single-heading.icon-single-heading-vip-lg { width: 237px; height: 175px; margin-top: 1px; background: url("../img/vip-member-intro@2x.png") no-repeat center center; background-size: 100%; }
.single-content .icon-single-heading[class*=" icon-single-heading-service-"] { width: 140px; height: 156px; }
.single-content .icon-single-heading.icon-single-heading-service-1 { background: url("../img/icon-heading-service-1@2x.png") no-repeat center center; background-size: 100%; }
.single-content .icon-single-heading.icon-single-heading-service-2 { background: url("../img/icon-heading-service-2@2x.png") no-repeat center center; background-size: 100%; }
.single-content .icon-single-heading.icon-single-heading-service-3 { background: url("../img/icon-heading-service-3@2x.png") no-repeat center center; background-size: 100%; }
.single-content .icon-single-heading.icon-single-heading-service-4 { background: url("../img/icon-heading-service-4@2x.png") no-repeat center center; background-size: 100%; }
.single-content .text-single-heading { font-size: 18px; font-weight: 400; margin-bottom: 32px; margin-top: 16px; color: #056BCC; }
.single-content .text-single-content { margin-bottom: 32px; color: #303E4E; }
.single-content .text-single-heading + .text-single-content { margin-top: -16px; }

@media (max-width: 767px) {
	.row { margin-left: -5px; margin-right: -5px; }
	.container,
	[class^="col-"],
	[class*=" col-"] { padding-left: 5px; padding-right: 5px; }
	body { padding-top: 50px; }
	.header { position: fixed; width: 100%; top: 0; left: 0; box-shadow: 0 2px 4px rgba(0, 0, 0,.3); line-height: 50px; overflow: visible; }
	.header .main-header { height: 50px; }
	.header .nav-right { padding: 0; margin: 0; height: 50px; overflow: hidden; }
	.header .nav-right i { margin: 0; line-height: 50px; }
	.header .navbar-toggle,
	.header .search-m,
	.header .cart-m,
	.header .member-m { border: none; border-left: 1px solid #C4CCD5; border-radius: 0; background: transparent!important; margin: 0; padding: 0 8px; color: #303E4E; display: block; float: left; }
	.header .cart-m { position: relative; }
	.header .cart-m .label { position: absolute; right: 4px; top: 10px; }
	.header .navbar-toggle:last-child { margin-right: -5px; }
	.header .navbar-toggle.collapsed .material-icons.mi-close,
	.header .navbar-toggle .material-icons.mi-menu { display: none; }
	.header .navbar-toggle.collapsed .material-icons.mi-menu,
	.header .navbar-toggle .material-icons.mi-close { display: inline-block; }
	.header .navbar-collapse { background: #056BCC; position: absolute; z-index: 999; width: 100%; box-shadow: 0 2px 4px rgba(0,0,0,.3);}
	.header .navbar-collapse.in { z-index: 9999; }
	.header .nav-user { line-height: inherit; }
	.header .nav-user a,
	.header .nav-user button { display: block; float: left; margin: 0 20px 0 0; }
	.header .nav-user a span,
	.header .nav-user button span { display: none; }
	.logo { height: 30px; margin: 10px 0 10px 10px; display: block; }
	section { margin-bottom: 16px; }
	.custom-navbar { z-index: 1049; margin-bottom: 0; position: fixed; width: 100%; text-align: left; overflow: scroll; max-height: 100%; }
	.custom-navbar .navbar-nav { height: auto; width: 100%; margin: 4px 0; }
	.custom-navbar .navbar-nav > li { width: 100%; margin: 0 0 4px 0; }
	.custom-navbar .navbar-nav > li:last-child { margin: 0; }
	.custom-navbar .navbar-nav > li > a > .caret { position: absolute; top: 16px; right: 16px; }
	.custom-navbar .navbar-nav .open .dropdown-menu { background: #1a232d !important; padding: 4px; }
	.custom-navbar .navbar-nav .dropdown-menu > li { text-indent: 8px; }
	.custom-navbar .navbar-nav .dropdown-menu > li li { text-indent: 16px; }
	.navbar-collapse { padding-left: 0; padding-right: 0; }
	.hero { margin-top: 0; height: auto; }
	.hero > .container { padding: 0; }
	.hero .side-nav { float: none; margin: 0; width: 100%; position: relative; left: 0; top: 0; }
	.hero .side-nav > li { border-right: 1px solid #24282E; width: 33.333333%; float: left; overflow: hidden; height: auto; line-height: normal; font-size: 10px; text-align: center; }
	.hero .side-nav > li:last-child { border-bottom: 1px solid #24282E; }
	.hero .side-nav > li > a { padding: 5px; height: 60px; }
	.hero .side-nav .material-icons { display: none; }
	.hero .side-nav .img-icon { height: 36px; width: 36px; margin: 0 auto; display: block; float: none; }
	.hero .slider { position: relative; height: auto; }
	.hero .slider img { min-width: inherit; min-height: inherit; }
	.hero + .ads { padding-top: 8px; }
	.alert-fixed { left: 8px; right: 8px; top: 60px; }
	.services,
	.flash-news,
	.services + .ads { background: #000; }
	.flash-news { padding-bottom: 0; padding-top: 8px; }
	.flash-news .flash-news-item { padding-left: 8px; }
	.flash-news .btn-link { padding: 10px 8px; }
	.contact-hero { margin: 0; padding: 8px; background: #24282E; }
	.contact-hero ul { margin: 0; padding: 0; color: #FFF; }
	.contact-hero li { margin: 0; float: left; width: 33.333333%; text-align: center; list-style: none; }
	.contact-hero .contact-date-time,
	.contact-hero .contact-phone { font-size: 16px; width: 100%; margin-bottom: 4px; }
	.contact-hero a { color: #FFF; }
	.contact-hero .fa { font-size: 16px; margin-right: 4px; }
	.contact-hero .fa-facebook-official { color: #3b5998; }
	.contact-hero .fa-instagram { color: #e1306c; }
	.contact-hero .fa-line-at { width: 14px; margin-right: 4px; }
	.section-title { padding-left: 8px; }
	.section-title a { right: 10px; }
	.services { padding: 8px 0; }
	.services .service-item { text-align: center; height: auto; max-height: 115px; }
	.services .service-content { padding: 10px; min-height: 104px; }
	.services .service-item .icon-item { float: none; margin: 0 auto 5px auto; }
	.services .service-item .item-title { padding: 0; }
	.services .service-item .item-title h3 { font-size: 14px; }
	.services .service-item .item-title p,
	.services .service-footer { display: none; }
	#search-mobile { position: absolute; max-width: 100%; line-height: normal; }
	#search-mobile .form-control { border-radius: 0; background: transparent; color: #fff; border: 0; box-shadow: none; height: 43px; }
	#search-mobile input::-webkit-input-placeholder { color: rgba(255,255,255,0.5); }
	#search-mobile input:-moz-placeholder { color: rgba(255,255,255,0.5); }
	#search-mobile input::-moz-placeholder { color: rgba(255,255,255,0.5); }
	#search-mobile input:-ms-input-placeholder { color: rgba(255,255,255,0.5); }
	#search-mobile .input-group { background: #056BCC; padding: 4px; }
	#search-mobile .input-group .btn { height: 43px; background: #303E4E; color :#fff; border: 0; border-radius: 4px; text-transform: uppercase; }
	#search-mobile .show { display: block; }
	.page-heading { margin-bottom: 16px; padding-top: 16px; }
	.product-promotion { padding: 10px 0 0 0; }
	.product-promotion .product-item { margin-bottom: 8px; }
	.product-featured { margin-bottom: 0; }
	.product-featured .product-items { background: none; border: none; }
	.product-featured .product-items:after { display: none; }
	.product-featured .product-item { height: auto; border: 1px solid #C4CCD5; margin-bottom: 8px; }
	.product-featured .product-items > .row { padding: 0 !important; }
	.product-featured .product-items .row { margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; }
	.product-featured .product-items [class^=col-] { padding-left: 4px; padding-right: 4px; }
	.product-featured .product-items .col-xs-12.item-list { width: 100%; float: left; padding: 0; }
	.product-featured .product-img { height: 124px; }
	.product-featured .item-carousel.slick-dotted.slick-slider { margin-bottom: 20px; }
	/* 	.product-featured .product-item .thumbnail .caption { min-height: 130px; } */
	.product-featured + .parallax-bg { margin-top: 10px; }
	.product-item .product-title { font-size: 13px; max-height: 36px; overflow: hidden; }
	.product-item .product-price { font-size: 14px; }
	.product-item .product-label .label.label-bestbike { background: url("../img/badge-bestbike-mobile@2x.png") no-repeat left top; width: 30px; background-size: 100%; }
	.product-item .product-label .label.label-vip { background: url("../img/badge-vip-mobile@2x.png") no-repeat left top; width: 30px; background-size: 100%; }
	.product-item .regular-price,
	.product-item .regular-price strike { font-size: inherit; }
	.product-item:hover,
	.blog-item:hover { box-shadow: none; transform: none; }
	.product-item:hover .caption-hover { display: none; }
	.product-item .caption .sale-price { display: block; }
	.product-item .thumbnail .caption { height: 100px; }
	.product-classified-items .col-sm-2-extended { width: 50% !important; }
	.classified-item .thumbnail .caption { height: 114px; }
	.filters.sticky-filter { position: relative; top: 0; }
	.layout-view-grid > .row > .col-sm-4:nth-child(3n+1) { clear: none; }
	.layout-view-grid > .row > .col-xs-6:nth-child(2n+1) { clear: both; }
	.product-basic-info { padding-top: 5px; }
	.product-shop-detail { margin-bottom: 10px; }
	.product-shop-detail .product-features li { width: 50%; float: left; padding-right: 10px; }
	.product-shop-detail .product-features li:nth-child(2n+1) { clear: both; }
	.product-shop-detail .product-features li .custom-label,
	.product-shop-detail .product-features li .custom-value { width: 100%; }
	.product-shop-detail .buy-options .btn-cart { margin-top: 10px; }
	.product-shop-detail .buy-options .btn-buy,
	.product-shop-detail .buy-options .btn-cart { height: auto; }
	.product-shop-detail .share { margin: 10px 0 20px 0; }
	.product-shop-detail .btn-report { margin-top: -12px; }
	.product-img-box { margin-bottom: 0; }
	.product-img-box #sync1 { border: none; }
	.product-list .form-sorting { padding: 8px; background: #303E4E; margin-bottom: 8px; }
	.product-list .form-sorting .form-control { border-color: transparent; }
	.ads { margin: 0; padding-top: 6px; }
	.ads .ad { margin-bottom: 8px; }
	.services + .ads { padding-bottom: 0; padding-top: 0; }
	.blog .blog-highlight .thumbnail { margin: 0; }
	.blog .blog-highlight .thumbnail .blog-img,
	.blog .blog-highlight .thumbnail .caption { width: 100%; float: none; }
	.blog .blog-highlight .thumbnail .blog-img { margin-bottom: 10px; }
	.blog .blog-highlight .thumbnail .caption { padding: 0 !important; }
	.blog .nav-tabs,
	.blog .blog-category-nav { border: 1px solid #303E4E; }
	.blog .nav-tabs > li { float: none; }
	.blog .tab-pane .content { padding: 8px; }
	.blog .tab-pane .content .blog-category-title { margin-top: 0; margin-bottom: 16px; font-size: 20px; }
	.blog .tab-pane .content .row > .col-xs-6:nth-child(2n+1) { clear: both; }
	.blog-item .thumbnail .caption { padding: 10px; height: auto; min-height: inherit; }
	.video .thumbnail { margin-bottom: 16px; }
	.album-list .album-item .album-img { max-height: 120px; overflow: hidden; }
	.album-list .album-item .album-title { height: 30px; overflow: hidden; }
	.detail-container { padding: 8px; }
	.detail-container .section-title { padding-left: 0; }
	.gallery .album .photo .photo-overlay { display: none; }
	.photo-list .photo-item .photo { height: 120px; min-height: 120px; }
	.comment-form button[type="submit"] { margin-top: 10px; width: 100%; }
	.contact-info { padding-top: 5px; padding-bottom: 0; margin-bottom: 0; }
	.contact-info .detail-container { height: auto; min-height: auto; margin-bottom: 10px; }
	.contact-info .contact-phone,
	.contact-info .contact-office-time { min-height: 164px; }
	.contact-info .detail-container.contact-phone,
	.contact-info .detail-container.contact-office-time { font-size: 14px; }
	.contact-info .contact-socials li { font-size: 16px; list-style: none; }
	#office-address { height: 240px; }
	.item-related .col-sm-3:nth-child(4n+1) { clear: none; }
	footer { padding: 20px 0 48px 0; }
	footer .brands { display: none; }
	footer .contact ul { margin-left: 20px; }
	footer .social ul { padding: 20px 0 0 0; margin-top: 10px; border-top: 1px solid #22262C;  }
	footer .brand .logo-item { margin-bottom: 10px; }
	footer .brand .btn-default-light { margin-top: 0; }
	.lg-toolbar { top: 50px; }
	.slick-slider .slick-dots { bottom: -16px; }
	.slick-slider .slick-dots li,
	.slick-dots li button,
	.slick-slider .slick-dots li button:before { width: 10px; height: 10px; padding: 0; }
	.slick-slider .slick-dots li button:before { font-size: 10px; }
	.detail-container .steps { margin: -10px -10px 10px -10px; }
	.steps .step-item .material-icons { margin-bottom: 0; }
	.cart-list .cart-item .product-img { margin-bottom: 8px; }
	.cart-list .cart-item .col-quantity label { margin-top: 5px; }
	.cart-list .cart-item .col-quantity .input-group { margin-bottom: 8px; }
	.cart-list .cart-item .col-item-del { position: absolute; right: 4px; top: 4px; padding: 0; background: #FFF; }
	.cart-list .btn-checkout { margin-top: 8px; }
	.coming-soon { padding-top: 0; }
	.coming-soon .brand { margin-bottom: 20px; width: 240px; }
	.coming-soon .intro-photo { width: 300px; height: 200px; }
	.temp-store-info { background: rgba(0,0,0,.3); }
	.modal-checkout .modal-dialog { width: auto; }
	.modal-checkout .or { margin: 20px 0; }
	.modal-checkout .btn-primary-ghost { margin-top: 10px; }
	.member-form .remember { margin-bottom: 10px; }
	#member-modal.modal .modal-dialog { width: auto; }
	#member-modal.modal .modal-body { padding: 16px; }
	#member-modal.modal .modal-body .btn-primary { margin-bottom: 8px; }
	.content-comment-list .comment-item.media .media-left { padding-right: 8px; }
	.content-comment-list .comment-item.media .media-left,
	.content-comment-list .comment-item.media .media-object { width: 60px; }
	.content-comment-list .comment-item.media .media-heading span { display: block; float: none; }
	.content-comment-list .comment-item.media .media-heading small { display: block; margin-top: 4px; margin-left: 0; }
	.classified-page .btn-edit { margin-bottom: 8px; }
	.login-page,
	.classified-page { margin-top: 6px; margin-bottom: 6px; }
	.classified-item.history-item .caption { height: 115px; }
	.classified-item.history-item .classified-labels .label { display: inline-block; margin-top: 2px; }
	.register .detail-container.register-form { height: auto; }
	.our-services .service-price-list.col-2 li { width: 100%; }
	.our-services .service-gallery a { margin-top: 8px; }
	.our-services .service-content-1 .service-price-list,
	.our-services .service-content-2 .service-price-list { height: auto; }
}

@media (min-width: 768px) {
	.blog .nav-tabs.collapse { display: block; }
}

@media (width: 768px) {
	.services .service-item { height: 166px; }
	.services .service-item .icon-item { float: none; margin: 0 auto 8px auto; }
	.services .service-item .item-title { padding: 0; }
	.services .service-item .item-title h3 { text-align: center; }
	.header .socials li.contact-date-time { font-size: 12px; }
	.header .socials li.contact-phone { font-size: 16px; }
	.header .socials li.social-facebook span,
	.header .socials li.social-instagram span,
	.header .socials li.social-line span { display: none; }
	.custom-navbar,
	.custom-navbar > .container { padding: 0; }
	.custom-navbar .navbar-nav > li a { font-size: 13px; padding: 8px 12px; }
	.custom-navbar .nav-user > li > a > .material-icons + span { display: none; }
	.hero .side-nav .vertical-menu { left: 70px !important; min-width: 682px; }
	.product-featured .product-item,
	.product-featured .item-carousel .slick-arrow { height: 210px; }
	.product-featured .product-img { height: 124px; }
	.product-featured .product-items > .row > .col-sm-2.hidden-xs { display: none; }
	.product-featured .product-items > .row > .item-list { width: 100%; }
	.product-shop-detail .product-features li .custom-label { width: 28%; }
}

@media (max-width: 320px) {
	.product-featured .product-img { height: 104px; }
}