@charset "utf-8";
/* CSS Document */

.btn-d {
	border-radius: 4px!important;
	border: 2px solid #0070e0!important;
	color: #0070e0!important;
	display: inline-block!important;
	margin: 0 .25em!important;
	overflow: hidden!important;
	padding: 10px 50px 8px 0!important;
	position: relative!important;
	text-decoration: none!important;
	line-height: 1!important;
}

.btn-d .btn-content {
	line-height: 1.2!important;
	font-weight: 500;
	padding: 0 26px!important;
	position: relative!important;
	right: 0!important;
	transition: right .3s ease!important;
	display: block!important;
	text-align: center!important;
}

.btn-d .icon {
	border-left: 1px solid #0070e0 !important;
	position: absolute !important;
	right: 0 !important;
	text-align: center !important;
	top: 50% !important;
	transition: all .3s ease !important;
	transform: translateY(-50%) !important;
	width: 58px !important;;
	height: 70% !important;
}

.btn-d .icon i {
	position: relative!important;
	top: 50%!important;
	transform: translateY(-50%)!important
}

.btn-d :after {
	content: ''!important;
	position: absolute!important;
	background-color: #0070e0!important;
	transition: opacity .3s ease!important
}

.btn-d:hover .btn-content {
	right: 100%!important
}

.btn-d:hover .icon {
	border-left: 0!important;
	font-size: 1.3em!important;
	width: 100%!important
}

.btn-d:hover:after {
	opacity: .2!important
}

.pdf-std-btn{
	 pointer-events: auto;
    position: inherit;
    left: -10px;
    bottom: 150px;
}

.pdf-data-btn{
    pointer-events: auto;
    position: inherit;
    bottom: 85px;
    left: -10px;
}

@media (max-width: 1000px) {
	.pdf-data-btn {
		display: none
	}
	
	.pdf-std-btn {
		display: none
	}
}

/* ligature */

.tbLigature {
	height: 77px;
	margin-top: -27px;
	/* margin-right: 5px; */
	/* margin-right: 21px; */
	color: rgba(0, 0, 0, .65);
}

@media (min-width: 200px) and (max-width: 991px) {
	.tbLigature {
		height: 77px;
		margin-top: -5px;
	}
}

@media (min-width: 1201px) and (max-width: 4000px) {
	section .product .productTitle {
		display: block;
		text-align: center
	}
	section .product .productTitle {
		display: none;
	}
	section .product .productTitle strong {
		font-size: 2.75em
	}
	section .product .productTitle p {
		margin-top: 30px;
		line-height: 1.3em;
		font-size: 1.27em
	}
	section .product .productTitle strong {
		font-size: 1.8em
	}
	section .product .productTitle p {
		font-size: 1em
	}
	section .product .mSlide {
		display: none;
	}
	section .product .mSlide ul.slides li img {
		width: 100%
	}
	section .product .mSlide ul.slides li {
		position: relative
	}
	section .product .mSlide ul.slides li p {
		position: absolute;
		bottom: 10px;
		margin-left: 0;
		width: 100%;
		padding: 5px;
		box-sizing: border-box
	}
	section .product .mSlide ul.slides li p strong {
		display: block;
		font-size: .9em
	}
	section .product .mSlide ul.slides li p span {
		font-size: .8em;
		color: #888
	}
	section .product .ulWrap {
		overflow: hidden;
	}
	section .product .ulWrap ul {
		float: left;
		width: 288px;
		margin-right: 15px;
		padding: 0px;
	}
	section .product .ulWrap ul:last-child {
		margin-right: 0
	}
	section .product .ulWrap ul li {
		border: 1px solid #efefef;
		position: relative
	}
	section .product .ulWrap ul li:last-child {
		border-bottom: none
	}
	section .product .ulWrap ul li:first-child {
		margin-bottom: 15px
	}
	section .product .ulWrap ul li img {
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	section .product .ulWrap ul li p {
		position: absolute;
		width: 262px;
		/* bottom: 10px; */
		bottom: -1rem;
		left: 50%;
		/* margin-left: -114px; */
		margin-left: -132px;
		line-height: 13px;
	}
	section .product .ulWrap ul li p strong {
		display: block;
		font-size: .9em
	}
	section .product .ulWrap ul li p span {
		font-size: .8em;
		color: #888;
		font-family: "HK Grotesk", sans-serif;
		font-weight: 500;
	}
	section .product .ulWrap.pc {
		display: block;
	}
	section .product .ulWrap.m {
		display: none
	}
	section .product .ulWrap {
		overflow: hidden;
	}
}

.product-image {
	position: relative;
	border-bottom: 2px solid #495057
}

.product-image:hover {
	border-bottom: 2px solid #e63946
}

.product-image:hover .product-hover-overlay {
	opacity: 1
}

.product-image:hover .btn {
	transform: none!important;
	opacity: 1!important
}

.product-hover-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .92);
	opacity: 0;
	transition: opacity .3s
}

.product-hover-overlay .product-hover-overlay-buttons {
	z-index: 3
}

.product-hover-overlay .btn {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	padding: 0;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, transform .15s ease-in-out, opacity .15s ease-in-out
}

.product-hover-overlay .btn.btn-product-left {
	transform: translateX(-20px);
	opacity: 0
}

.product-hover-overlay .btn.btn-product-right {
	transform: translateX(20px);
	opacity: 0
}

.product-hover-overlay .btn.btn-buy {
	width: auto;
	padding-left: 2rem;
	padding-right: 2rem;
	margin-left: .5rem;
	margin-right: .5rem
}

.product-hover-overlay .product-hover-overlay-link {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}
.text-dark {
	color: #343a40!important
}

a.text-dark:focus,
a.text-dark:hover {
	color: #121416!important
}

.product-heading{
	font-weight: 700 !important;
}

.related{
	align-items: normal !important;
	margin: 0 0 0 0 !important;
	min-height: auto !important;
}

.h6 a {
	font-weight: 700;
	color: #343a40!important;
}

.image-cover {
	text-align: center;
}

/*404 code*/

.header-404 {
            text-align: center !important;
            font-size: 15em !important;
            font-weight: 100 !important;
            color: #ED6212 !important;
            }
            #stripe {
            background-color: white;
            text-align: center;
            height: 50px;
            }
            @media screen and (min-width: 547px) and (max-width: 4000px) {
            .error-page-sec {
            padding-bottom: 5rem;
            padding-top: 5rem;
            }
            }
            @media screen and (min-width: 548px) and (max-width: 4000px) {
            .header-404 {
            font-size: 15em;
            }
            }
            @media screen and (min-width: 401px) and (max-width: 547px) {
            .header-404 {
            font-size: 12em;
            }
            }
            @media screen and (min-width: 311px) and (max-width: 400px) {
            .header-404 {
            font-size: 10em;
            }
            .button-error {
            padding: 9px 3px !important;
            margin: 2px -1px !important;
            letter-spacing: 0px !important;
            }
            }
            @media screen and (min-width: 263px) and (max-width: 310px) {
            .header-404 {
            font-size: 8em;
            }
            .button-error {
            padding: 9px 3px !important;
            margin: 2px -1px !important;
            letter-spacing: -1px !important;
            }
            }
            @media screen and (min-width: 239px) and (max-width: 262px) {
            .header-404 {
            font-size: 6em;
            }
            .button-error {
            padding: 9px 3px !important;
            margin: 2px -1px !important;
            letter-spacing: -1px !important;
            /* width: 49%; */
            }
            }
            @media screen and (min-width: 231px) and (max-width: 238px) {
            .header-404 {
            font-size: 6em;
            }
            .button-error {
            padding: 9px 3px !important;
            margin: 2px -1px !important;
            letter-spacing: -2px !important;
            /* width: 49%; */
            }
            }
            @media screen and (min-width: 200px) and (max-width: 230px) {
            .header-404 {
            font-size: 5em;
            }
            .button-error {
            padding: 9px 3px;
            margin: 2px -1px;
            letter-spacing: -2px !important;
            /* width: 49%; */
            }
            }
            .button-error {
            background-color: #fff !important;
            color: #337ab7 !important;
            border: 1px solid #337ab7 !important;
            border-radius: 3px !important;
            letter-spacing: 2px !important;
            height: 100% !important;
            font-weight: 700 !important;
            font-size: inherit !important;
            }
            .button-error:hover {
            color: #fff !important;
            background-color: #337ab7 !important;
            border-radius: 3px !important;
            letter-spacing: 2px !important;
            height: 100% !important;
            font-weight: 300 !important;
            font-size: inherit !important;
            }

@media screen and (min-width: 547px) and (max-width: 4000px) {
	.error-page-sec {
	   padding-bottom: 15rem;
	   padding-top: 8rem;
	}
 }
 @media screen and (min-width: 401px) and (max-width: 546px) {
	.error-page-sec {
	   padding-bottom: 15rem;
	   padding-top: 9rem;
	}
 }
 @media screen and (min-width: 311px) and (max-width: 400px) {
	.error-page-sec {
	   padding-bottom: 15rem;
	   padding-top: 11rem;
	}
 }
 @media screen and (min-width: 263px) and (max-width: 310px) {
	.error-page-sec {
	   padding-bottom: 17rem;
	   padding-top: 12rem;
	}
 }
 @media screen and (min-width: 200px) and (max-width: 262px) {
	.error-page-sec {
	   padding-bottom: 18rem;
	   padding-top: 14rem;
	}
 }
 
 
 
 .closeForm {
	font-size: 27px;
	margin-top: .7rem
}

.close.modal-close {
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #343a40;
	color: #fff!important;
	position: absolute;
	top: -5px;
	right: -5px;
	opacity: 1;
	font-size: .8rem;
	z-index: 999;
	cursor: pointer;
	outline: 0
}

.close.modal-close:hover {
	opacity: 1!important
}