/* 修正粗體 */

@font-face {
	font-family: '微軟正黑體修正';
	unicode-range: U+7db0, U+78A7, U+7B75;
	/* ASCII (碧筵綰) */
	font-style: normal;
	font-weight: 900;
	src: local(MS Gothic);
}

/* 一般粗細的時候改回微軟正黑 */

@font-face {
	font-family: '微軟正黑體修正';
	unicode-range: U+7db0, U+78A7, U+7B75;
	/* ASCII (碧筵綰) */
	font-style: normal;
	font-weight: normal;
	src: local(微軟正黑體);
}

body, h1, h2, h3, h4, h5, h6, p, button, input, optgroup, select, textarea {
	font-family: "Open Sans", "微軟正黑體修正", "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
}

body, p {
	font-weight: normal;
	font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

p {
	color: #444;
}

img {
	max-width: 100%;
	height: auto;
}

a:hover {
	text-decoration: inherit;
}

.animate, .idx-news-box .image-box, .slick-carousel.carousel-autoplay .slick-arrow, .btn-link-w-icon>i, .btn-link-w-icon, header.header {
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
}

/* title text */

.main-title-h2 {
	font-size: 30px;
}

.main-title-h3 {
	font-size: 24px;
}

.main-title-h4 {
	font-size: 21px;
}

.main-title-h5 {
	font-size: 17px;
}

.title-w-line {
	position: relative;
}

.title-w-line::after {
	content: '';
	width: 50px;
	height: 5px;
	position: absolute;
	background-image: url(../images/icon/line.svg);
	background-size: 50px;
	background-position: center;
	text-align: center;
	bottom: -23px;
	left: 0;
}

.text-center.title-w-line::after {
	left: 50%;
	margin-left: -25px;
}

/* list */

.list-2th, .list-3th, .list-4th, .list-5th, .list-6th {
	display: inline-block;
	vertical-align: top;
}

/* bg */

.bg-a-fixed {
	background-attachment: fixed;
}

.gray-bg {
	background: #f5f5f5;
}

.dark-bg {
	background: #222;
}

.layout {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.layout.dark-1 {
	background: rgba(0, 0, 0, 0.1);
}

.layout.dark-2 {
	background: rgba(0, 0, 0, 0.2);
}

.layout.dark-3 {
	background: rgba(0, 0, 0, 0.3);
}

.layout.dark-4 {
	background: rgba(0, 0, 0, 0.4);
}

.layout.dark-5 {
	background: rgba(0, 0, 0, 0.5);
}

.layout.dark-6 {
	background: rgba(0, 0, 0, 0.65);
}

.layout.dark-7 {
	background: rgba(0, 0, 0, 0.7);
}

.layout.dark-8 {
	background: rgba(0, 0, 0, 0.8);
}

/* btn */

.btn-lg {
	padding: 10px 42px;
}

.btn-md {
	padding: 9px 28px;
	font-size: 15px;
}

.btn-default.btn-animation:hover:before, .btn-default.btn-animation:focus:before {
	background: #941616;
}

.btn-primary.btn-animation:hover:before, .btn-primary.btn-animation:focus:before {
	background: #0058b6;
}

.btn-link-w-icon {
	padding-bottom: 5px;
	border-bottom: 1px solid transparent;
}

.btn-link-w-icon:hover {
	border-color: #b71c11;
}

.btn-link-w-icon>i {
	padding-left: 5px;
}

.btn-link-w-icon:hover>i {
	padding-left: 15px;
}

/* color */

.color-white {
	color: #fff;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
	.header .main-navigation--style-2 .navbar-nav li ul {
		border-radius: 0 0 7px 7px;
		-webkit-border-radius: 0 0 7px 7px;
		-moz-border-radius: 0 0 7px 7px;
		-ms-border-radius: 0 0 7px 7px;
		-o-border-radius: 0 0 7px 7px;
	}
}

/*--------------------------------
start. index*/

/*--------------------------------
start. header*/

.header {
	border: 0;
	background-color: rgba(255, 255, 255, 0.97) !important;
}

.header-container {
	z-index: 9999;
}

.header-top.dark {
	background-color: #333;
}

.header-top .list-inline li a {
	color: #fff;
}

.header-first {
	padding: 4px 0;
}

.logo img {
	width: 163px;
	height: 65px;
}

.header .navbar-nav li .nav-link, .fixed-header-on .main-navigation .navbar-nav>li>a {
	font-weight: 400;
	padding: 24px 15px 24px 15px;
}

.dropdown-menu {
	left: auto !important;
	right: 0 !important;
}

.header-top-dropdown .dropdown-menu {
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	top: 31px !important;
}

.header-dropdown-buttons .btn-group>.btn {
	border: 2px solid #565656;
	color: #565656;
	line-height: 36px;
	background-color: transparent;
}

.header-dropdown-buttons .btn-group>.btn:hover, .header-dropdown-buttons .btn-group>.btn:focus {
	border-color: #d82a1d;
	color: #fff;
	background-color: #d82a1d;
}

.navbar-light .navbar-toggler-icon {
	background-image: url(../images/icon/hamberger.svg);
	background-size: 13px;
	width: 13px;
	height: 13px;
	position: relative;
	top: -1px;
}

.navbar-light .navbar-toggler:hover .navbar-toggler-icon, .navbar-light .navbar-toggler:focus .navbar-toggler-icon {
	background-image: url(../images/icon/hamberger-white.svg);
}

.navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus {
	background-color: #c82727;
	border-color: #c82727;
}

.header-dropdown-buttons .btn-group .dropdown-menu {
	top: 36px !important;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
	background-color: rgba(255, 255, 255, 0.97);
}

.fixed-header-on .header-dropdown-buttons .btn-group .dropdown-menu {
	margin-top: 21px;
}

.header .navbar-nav li li a {
	font-weight: 400;
}

.header .main-navigation--style-2 .navbar-nav li li a {
	padding: 10px 25px;
	border-bottom: 1px #ccc dotted;
}

.header-dropdown-buttons {
	padding-top: 17px;
}

.fixed-header-on .header-dropdown-buttons {
	padding-top: 16px;
}

.header .navbar-nav>li .menu-arrow-down {
	position: absolute;
	right: 9px;
	top: 50%;
	color: #333;
}

.fixed-header-on .main-navigation .navbar-nav>li>a.menu-arrow-down {
	padding: 0;
}

.header .main-navigation--style-2 .navbar-nav li ul {
	border-top: 3px solid #d82a1d;
}

.header .navbar-nav li.dropdown .nav-link {
	padding-right: 30px;
}

.header .navbar-nav li.dropdown:hover .nav-link, .header:not(.dark) .main-navigation--style-2 .navbar-nav li:not(.active):hover .nav-link {
	background: #b71c11;
	color: #fff;
}

.header .navbar-nav li.dropdown.active .menu-arrow-down {
	color: #b71c11;
}

.header .navbar-nav li.dropdown:hover .menu-arrow-down {
	color: #fff;
}

.header .main-navigation--style-2 .navbar-nav li .nav-link:focus, .header .main-navigation--style-2 .navbar-nav li .nav-link:hover, .header .main-navigation--style-2 .navbar-nav .show>.nav-link, .header .main-navigation--style-2 .navbar-nav li .nav-link.show, .header .main-navigation--style-2 .navbar-nav .active.show>.nav-link, .header .main-navigation--style-2 .navbar-nav li.show .nav-link.active {
	background: #b71c11;
}

.header .navbar-nav li .nav-link:focus, .header .navbar-nav li .nav-link:hover, .header .navbar-nav .show>.nav-link, .header .navbar-nav li .nav-link.show, .header .navbar-nav .active.show>.nav-link, .header .navbar-nav li.show .nav-link.active {
	color: #fff;
}

.header-top-dropdown .dropdown-menu {
	min-width: 345px;
}

.header-top-dropdown .login-form .social-links {
	padding-left: 14px;
}

.header-top .btn-group .btn:focus, .header-top .btn-group .btn:hover {
	background: #b71c11;
}

.dark.header-top .dropdown-menu {
	border-top: 4px solid #b71c11;
}

.header .navbar-toggler {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	border: 2px solid #565656;
	padding: 0;
	line-height: 36px;
}

.navbar-toggler-icon {
	background-size: 20px;
	width: 15px;
	height: 15px;
}

.social-links .dropdown>button {
	color: #fff;
	padding: 0;
}

.header .navbar-nav li li a:hover {
	background-color: #efefef;
}

.header-top-dropdown .login-form label {
	font-weight: 600;
	color: #fff;
}

.has-feedback label~.form-control-feedback {
	top: 25px;
}

.search-box .form-group {
    position: relative;
}

.search-box .form-group .btn {
    position: absolute;
    top: 0;
    padding: 9px 13px;
    right: 0;
    color: #333;
    margin: 0;
}

/*end. header
--------------------------------*/

/*--------------------------------
start. container*/

.section {
	padding: 50px 0;
}

.tp-caption.large_white {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 22px;
}

.idx-link-box .list-3th {
	width: calc(100% / 3 - 21px);
	position: relative;
	margin: 0 27px 0 0;
}

.idx-link-box .list-3th:nth-child(3n) {
	margin-right: 0;
}

.idx-link-box .list-3th::before {
	content: '';
	width: 1px;
	height: 130px;
	position: absolute;
	left: -18px;
	top: 50%;
	margin-top: -80px;
	background: #dedede;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
}

.idx-link-box .list-3th:first-child::before {
	content: none;
}

.hc-item-box-2 .icon img {
	width: 58px;
	height: 58px;
}

.hc-item-box-2 .body {
	margin-left: 75px;
}

.idx-product-box, .idx-news-box {
	padding: 0 9px;
}

.idx-product-box .list-3th, .idx-news-box .list-3th {
	width: calc(100% / 3 - 16px);
	margin: 0 20px 24px 0;
}

.idx-product-box .list-3th:nth-child(3n), .idx-news-box .list-3th:nth-child(3n) {
	margin-right: 0;
}

.idx-product-box .overlay-container {
	box-shadow: 0 5px 6px rgba(0, 0, 0, 0.6);
}

.red-bg.overlay-bottom, .red-bg.overlay-top {
	background-color: rgba(208, 19, 19, 0.9);
}

.idx-video-box iframe {
	display: block;
}

.idx-news-box .news-date {
	padding: 8px 22px;
}

.idx-news-box .news-date p {
	color: #fff;
	font-size: 13px;
}

.idx-news-box .image-box {
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}

.idx-news-box .image-box:hover {
	transform: translateY(-7px);
	-webkit-transform: translateY(-7px);
	-moz-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	-o-transform: translateY(-7px);
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.25);
}

.idx-news-box .image-box .body {
	padding: 21px;
}

/*end. container
--------------------------------*/

/*--------------------------------
start. footer*/

.footer {
	padding: 60px 0 50px;
	position: relative;
	background-image: url(../images/bg/footer-bg.jpg);
	background-position: bottom;
	background-size: cover;
}

.footer .title {
	color: #fff;
	font-size: 22px;
}

.footer-inner {
	padding: 0 18px;
}

.footer-content {
	padding: 0;
}

.f-info li, .f-info li a, .f-content {
	color: #cecece;
}

.f-info li {
	padding: 0px 0 16px 40px;
	position: relative;
	letter-spacing: 1px;
}

.f-info li i {
	position: absolute;
	left: 0;
	top: -3px;
	width: 30px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #ccc;
	border-radius: 100%;
	text-align: center;
	padding: 0;
	color: #ccc;
}

.f-content {
	font-size: 14px;
}

.footer .copyright {
	color: #cecece;
	font-size: 14px;
	padding: 15px 20px 0;
}

.footer-content .social-links li a {
	color: #ccc;
	border-color: #ccc;
}

.scrollToTop {
	bottom: 37px;
	right: 37px;
	width: 40px;
	height: 40px;
	background-color: rgba(216, 42, 29, 0.8);
}

.scrollToTop:hover {
	background-color: rgba(216, 42, 29, 1);
}

.scrollToTop i {
	line-height: 38px;
}

.f-map {
	border: 3px solid rgba(255, 255, 255, 0.25);
}

.f-map iframe {
	display: block;
}

/*end. footer
--------------------------------*/

/*end. index
--------------------------------*/

/*--------------------------------
start. in*/

.in-banner-box {
	min-height: 320px;
	padding: 120px 0 0;
	background: #eee;
	position: relative;
}

.in-banner-box .page-title .title {
	color: #fff;
	padding-top: 85px;
}

.aside-box {
	margin-bottom: 30px;
}

.aside-box .card {
	border-radius: 0;
	margin-bottom: 12px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	border: 0;
}

.collapse-style-1 .card+.card {
	margin-top: 0;
}

.aside-box .card .card-header a {
	font-weight: 600;
	font-size: 15px;
	padding: 13px 40px 13px 19px;
	color: #444;
	background: #f1f1f1;
}

.aside-box .card.active .card-header a, .aside-box .card:hover .card-header a, .aside-box .card .card-header a:focus, .aside-box .card .card-header a.active {
	background: #b71c11;
	color: #fff;
	border-color: #b71c11;
	position: relative;
}

.aside-box .card.active .card-header a::before {
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 0 22px 16px;
	border-color: transparent transparent transparent #b71c11;
}

.aside-box .card .card-block {
	padding: 8px 15px;
	background-color: #f2f2f2;
	border: 2px solid #333;
}

.aside-box .card .card-block ul {
	margin-bottom: 0;
	padding-left: 22px;
}

.aside-box .card .card-block ul li {
	border-bottom: 1px #333 dotted;
}

.aside-box .card .card-block ul li:last-child {
	border-bottom: 0;
}

.aside-box .card .card-block ul li a {
	font-size: 14px;
	color: #000;
	padding: 9px 6px;
	display: block;
	line-height: 1.3;
}

.aside-box .card .card-block ul li a:hover, .aside-box .card .card-block ul li.active a {
	color: #b71c11;
	font-weight: 600;
}

ul.pagination, ul.pager {
	margin: 15px 0 0;
}

ul.pagination .page-item .page-link, .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link, ul.pager .page-item .page-link {
	height: 33px;
	width: 33px;
	line-height: 31px;
	background-color: #f1f1f1;
	color: #222;
	border-color: transparent;
}

.breadcrumb {
	padding: 8px 40px;
}

.breadcrumb>li {
	position: relative;
}

.breadcrumb>li:first-child::after {
	content: '\f015';
	position: absolute;
	left: -22px;
	top: 0;
	font-family: "FontAwesome";
	font-size: 14px;
}

.breadcrumb-item {
	font-size: 13px;
	padding-right: 7px;
}

.breadcrumb-item+.breadcrumb-item {
	padding-left: 0;
	padding-right: 7px;
}

.breadcrumb-item+.breadcrumb-item:before {
	padding: 0 7px 0 0;
}

.breadcrumb-item a {
	color: #333;
}

.breadcrumb-item.active {
	color: #d82a1d;
}

/* product list */

.product-list-box .list-3th {
	width: calc(100% / 3 - 16px);
	margin-right: 20px;
	margin-bottom: 24px;
}

.product-list-box .list-3th:nth-child(3n) {
	margin-right: 0;
}

.product-list-box .listing-item, .relate-list-box .listing-item {
	background: #333;
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
	border: 1px solid #d0d0d0;
}

.relate-list-box .listing-item {
	box-shadow: 0 0px 9px rgba(0, 0, 0, 0.2);
}

.product-list-box .listing-item .body, .relate-list-box .listing-item .body {
	padding: 10px;
}

.product-list-box .listing-item .body a, .relate-list-box .listing-item .body a {
	color: #fff;
}

/* product in */

.pro-single-content {
	padding-top: 50px;
	padding-left: 65px;
	padding-bottom: 50px;
}

.pro-single-content .content-introduction .title {
	margin: 25px 0 16px;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 16px;
}

#carousel.flexslider .slides>li {
	padding: 5px;
	background: rgb(7, 0, 1);
	background: -moz-linear-gradient(45deg, rgba(7, 0, 1, 1) 0%, rgba(7, 0, 1, 1) 51%, rgba(84, 163, 238, 1) 51%, rgba(216, 42, 29, 1) 51%, rgba(216, 42, 29, 1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(7, 0, 1, 1) 0%, rgba(7, 0, 1, 1) 51%, rgba(84, 163, 238, 1) 51%, rgba(216, 42, 29, 1) 51%, rgba(216, 42, 29, 1) 100%);
	background: linear-gradient(45deg, rgba(7, 0, 1, 1) 0%, rgba(7, 0, 1, 1) 51%, rgba(84, 163, 238, 1) 51%, rgba(216, 42, 29, 1) 51%, rgba(216, 42, 29, 1) 100%);
}

#carousel.flexslider .slides>li {
	opacity: .6;
}

#carousel.flexslider .slides>li.flex-active-slide {
	opacity: 1;
}

.flex-direction-nav a {
	height: 50px;
	margin-top: -25px;
	background: #222;
	text-align: center !important;
	line-height: 50px;
}

.flexslider:hover .flex-direction-nav .flex-next {
	right: -38px;
}

.flexslider:hover .flex-direction-nav .flex-prev {
	left: -38px;
}

.flex-direction-nav a.flex-next:before {
	content: "\f105";
	font-family: "FontAwesome";
}

.flex-direction-nav a.flex-prev:before {
	content: "\f104";
	font-family: "FontAwesome";
}

.flex-direction-nav a:before {
	color: #fff;
	font-size: 27px;
	text-shadow: none;
}

.single-product-depiction {
	padding: 80px 0;
	background-image: url(../images/bg/rockywall.png);
}

.overlay-link i {
	margin: -32px 0 0 -32px;
	font-size: 28px;
	line-height: 67px;
	width: 65px;
	height: 65px;
}

.relate-list-box {
	margin: 0 -15px;
}

.slick-carousel.carousel-autoplay .slick-arrow {
	border: 0;
	background: #222;
	width: 40px;
	height: 50px;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 1;
	font-size: 27px;
	opacity: .8;
	padding: 0;
}

.slick-carousel.carousel-autoplay .slick-arrow:hover {
	opacity: 1;
}

.slick-carousel.carousel-autoplay .slick-prev {
	left: -50px;
}

.slick-carousel.carousel-autoplay .slick-next {
	right: -50px;
}

.slick-carousel.carousel-autoplay .slick-arrow>i {
	top: -2px;
	position: relative;
}

#slider.flexslider {
	margin-bottom: 30px;
}

#carousel.flexslider {
	margin-bottom: 80px;
}

/* news */

.blogpost {
	margin: 0 0 40px;
}

.blogpost .post-info {
	font-size: 14px;
	color: #b71c11;
	text-transform: uppercase;
}

.blogpost .post-info>span {
	border-right: 1px solid;
	padding-right: 10px;
	line-height: 1;
	font-weight: 600;
}

.blogpost .post-info>span:last-child {
	border-right: 0;
}

/* news in */

.news-single .blogpost .post-info {
	margin: 0 0 30px 0;
}

/* contact */

.contact-info-box {
	padding: 5px;
	margin-left: 30px;
	margin-top: 30px;
	background: rgb(7, 0, 1);
	background: -moz-linear-gradient(45deg, rgba(7, 0, 1, 1) 0%, rgba(7, 0, 1, 1) 51%, rgba(84, 163, 238, 1) 51%, rgba(216, 42, 29, 1) 51%, rgba(216, 42, 29, 1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(7, 0, 1, 1) 0%, rgba(7, 0, 1, 1) 51%, rgba(84, 163, 238, 1) 51%, rgba(216, 42, 29, 1) 51%, rgba(216, 42, 29, 1) 100%);
	background: linear-gradient(45deg, rgba(7, 0, 1, 1) 0%, rgba(7, 0, 1, 1) 51%, rgba(84, 163, 238, 1) 51%, rgba(216, 42, 29, 1) 51%, rgba(216, 42, 29, 1) 100%);
}

.contact-info-box .side {
	padding: 35px 50px 25px;
	background: #fff;
}

.contact-logo {
	margin-bottom: 40px;
}

.contact-logo img {
	max-width: 220px;
	margin: 0 auto;
}

.contact-info-list {
	border-bottom: 1px solid #373737;
}

.contact-info-list li {
	position: relative;
	padding-left: 40px;
	padding-bottom: 15px;
	color: #000;
}

.contact-info-list li>i {
	position: absolute;
	top: -3px;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	font-size: 14px;
	padding-right: 0px;
	background: #d82a1d;
	color: #fff;
}

.contact-form .has-feedback .form-control-feedback {
	width: 40px;
	height: calc(100% - 27px);
	right: 1px;
	background: #eee;
}

.contact-form .has-feedback label~.form-control-feedback {
	top: 26px;
}

@-moz-document url-prefix() {
	.contact-form .has-feedback .form-control-feedback {
		height: calc(100% - 28px);
	}
	.contact-form .has-feedback label~.form-control-feedback {
		top: 27px;
	}
}

form label, .radio label, .checkbox label {
	font-weight: 600;
	color: #373737;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 3px;
}

.btn.collapsed[data-toggle="collapse"] i.fa-map-marker:before, .btn[data-toggle="collapse"] i.fa-map-marker:before {
	content: "\f041";
}

.checkbox {
	padding-left: 20px;
}

.checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 15px;
}

.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 1px;
	margin-left: -20px;
	border: 1px solid #373737;
	border-radius: 0px;
	background-color: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-moz-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-ms-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 1px;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 0px;
	font-size: 14px;
	color: #555555;
}

.checkbox input[type="checkbox"] {
	opacity: 0;
	display: none;
}

.checkbox input[type="checkbox"]:focus+label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked+label::after {
	font-family: 'FontAwesome';
	content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled+label {
	opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox-danger input[type="checkbox"]:checked+label::before {
	background-color: #c82727;
	border-color: #c82727;
}

.checkbox-danger input[type="checkbox"]:checked+label::after {
	color: #fff;
}

/* forget */

.member-form {
	padding: 5px;
	background: rgb(7, 0, 1);
	background: -moz-linear-gradient(45deg, rgba(7, 0, 1, 1) 0%, rgba(7, 0, 1, 1) 51%, rgba(84, 163, 238, 1) 51%, rgba(216, 42, 29, 1) 51%, rgba(216, 42, 29, 1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(7, 0, 1, 1) 0%, rgba(7, 0, 1, 1) 51%, rgba(84, 163, 238, 1) 51%, rgba(216, 42, 29, 1) 51%, rgba(216, 42, 29, 1) 100%);
	background: linear-gradient(45deg, rgba(7, 0, 1, 1) 0%, rgba(7, 0, 1, 1) 51%, rgba(84, 163, 238, 1) 51%, rgba(216, 42, 29, 1) 51%, rgba(216, 42, 29, 1) 100%);
}

.form-block {
	background-color: #fff;
	border-radius: 0;
	padding: 30px;
	width: 580px;
}

.form-block .title {
	color: #000 !important;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 50px;
	margin-top: 30px;
}

.form-control {
	border-color: #a7a7a7;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	padding-right: 45px;
}

.form-control:focus {
	border-color: #070001;
}

.form-control:focus+i {
	background: #c82828 !important;
	color: #fff;
}

.form-block .has-feedback .form-control-feedback {
	width: 38px;
	height: 38px;
	right: 16px;
	background: #eee;
	top: 1px;
	line-height: 38px !important;
}

@media (max-width: 1365px) {
	.header-top-first .address {
		display: none;
	}
}

@media (max-width: 1279px) {
	.slick-carousel.carousel-autoplay .slick-next {
		right: 0px;
	}
	.slick-carousel.carousel-autoplay .slick-prev {
		left: 0px;
	}
}

@media (max-width: 1199px) {
	.product-list-box .list-3th {
		width: calc(100% / 2 - 12px);
	}
	.product-list-box .list-3th:nth-child(3n) {
		margin-right: 20px;
	}
	.product-list-box .list-3th:nth-child(2n) {
		margin-right: 0;
	}
	.bg-a-fixed {
		background-attachment: inherit;
	}
	.hc-slideshow .hc-slideshow-caption--large h1 {
		font-size: 30px;
	}
	.flex-direction-nav a {
		opacity: .8;
		width: 35px;
	}
	.flexslider .flex-direction-nav .flex-next {
		right: -38px;
	}
	.flexslider .flex-direction-nav .flex-prev {
		left: -38px;
	}
	.flex-direction-nav .flex-disabled {
		opacity: .8 !important;
		cursor: pointer;
		z-index: 1;
	}
	header.header.fix-top {
		position: fixed;
		top: 0;
		z-index: 9999;
		width: 100%;
	}
	header.header {
		top: 43px;
		box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	}
}

@media (max-width: 1000px) {
	.header .navbar-nav li.dropdown .nav-link {
		padding-right: 25px;
	}
}

@media (max-width: 991px) {
	.breadcrumb {
		padding: 8px 23px;
	}
	.pro-single-content {
		padding-left: 0;
		padding-top: 0;
	}
	.main-title-h2 {
		font-size: 23px;
	}
	.main-title-h3 {
		font-size: 20px;
	}
	.main-title-h4 {
		font-size: 18px;
	}
	.flex-direction-nav a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-top: -15px;
	}
	#slider.flexslider {
		margin-bottom: 30px;
	}
	.flex-direction-nav a {
		opacity: .8;
	}
	.flexslider .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next {
		right: -12px;
	}
	.flexslider .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev {
		left: -12px;
	}
	#carousel .flex-direction-nav a {
		display: none;
	}
	.footer-inner {
		padding: 0 7px;
	}
	.idx-link-box .list-3th {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.idx-link-box .list-3th::before {
		content: none;
	}
	.idx-product-box .list-3th {
		width: calc(100% / 2 - 8px);
		margin-right: 11px;
		margin-bottom: 15px;
	}
	.idx-product-box .list-3th:nth-child(3n) {
		margin-right: 11px;
	}
	.idx-product-box .list-3th:nth-child(2n) {
		margin-right: 0px;
	}
	.header .navbar-nav li .nav-link, .fixed-header-on .main-navigation .navbar-nav>li>a {
		padding: 12px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.header .navbar-nav>li .menu-arrow-down {
		width: 40px;
		height: 40px;
		background: #eee;
		line-height: 50px;
		text-align: center;
		top: 4px;
	}
	.header .navbar-nav .dropdown-toggle::after {
		position: static;
		color: #000000;
		font-size: 17px;
	}
	.header .navbar-nav .show .dropdown-menu>li>a, .header .navbar-nav .show .dropdown-menu .dropdown-header {
		padding: 12px 15px 12px 25px;
	}
	.aside-box .card {
		margin-bottom: 8px;
	}
	.aside-box .card.active .card-header a::before {
		content: none;
	}
	.footer-content {
		padding: 0 0 35px;
	}
	.contact-info-box {
		margin-left: 0;
		border: 0;
		padding: 0;
	}
	.contact-info-box .side {
		padding: 0;
	}
}

@media (max-width: 767px) {
	/*g-recaptcha*/
	.g-recaptcha {
		transform: scale(0.82);
		-webkit-transform: scale(0.82);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
	.product-list-box .list-3th {
		width: 100%;
		margin-right: 0;
	}
	.product-list-box .list-3th:nth-child(3n) {
		margin-right: 0;
	}
	.idx-product-box, .idx-news-box {
		padding: 0;
	}
	.idx-product-box .overlay-bottom {
		padding: 4px;
		background-attachment: fixed;
	}
	.idx-product-box .overlay-bottom .text {
		padding: 0;
	}
	.idx-product-box .overlay-bottom .text .main-title-h4 {
		font-size: 13px;
	}
	.idx-news-box .list-3th {
		width: 100%;
		margin-right: 0;
	}
	.idx-news-box .list-3th:nth-child(3n) {
		margin-right: 0;
	}
	.footer .copyright {
		padding: 0 7px;
	}
	.footer {
		padding-bottom: 80px;
	}
	.hc-slideshow .hc-slideshow-caption--large h1 {
		font-size: 21px;
	}
	.tp-caption .btn-lg {
		padding: 5px 12px;
		font-size: 12px;
	}
	.header-top-dropdown .dropdown-menu {
		min-width: 290px;
	}
	.social-links .dropdown-menu {
		left: -9px !important;
		right: auto !important;
		min-width: auto;
	}
	.social-links .dropdown-menu li a {
		height: 37px;
		width: 37px;
		line-height: 39px !important;
		margin-bottom: 5px;
	}
	.social-links .dropdown-menu li a>i {
		font-size: 17px;
	}
	.social-links .btn-group .btn {
		width: 35px;
		border-radius: 0;
		border: 1px solid #222;
		background: #292929;
		height: 35px;
	}
	.header-top .btn-group .btn-sm {
		padding: 8px 5px;
	}
	.social-links:not(.animated-effect-1) li.instagram a {
		background-color: #517fa4;
		border-color: #517fa4;
	}
	.social-links:not(.animated-effect-1) li.facebook a {
		background-color: #3b5998;
		border-color: #3b5998;
	}
	.social-links:not(.animated-effect-1) li.youtube a {
		background-color: #b31217;
		border-color: #b31217;
	}
	.form-block {
		width: auto;
		padding: 5px;
		border: 0;
	}
	.member-form {
		background: none;
		padding: 0;
	}
	.scrollToTop {
		bottom: 20px;
		right: 15px;
	}
	.social-links.small li a {
		width: 42px;
		height: 42px;
		line-height: 40px;
		font-size: 18px;
	}
}

@media (max-width: 575px) {
	.btn-group-box .btn {
		display: block;
		margin: 0 0 5px;
	}
	.relate-list-box {
		margin: 0;
	}
	.slick-carousel.carousel-autoplay .slick-next {
		right: -15px;
	}
	.slick-carousel.carousel-autoplay .slick-prev {
		left: -15px;
	}
	.header-dropdown-buttons .btn-group .dropdown-menu {
		min-width: 235px;
		margin-top: 29px;
	}
}

@media (max-width: 320px) {}

/*end. in
--------------------------------*/