/*pd-slide*/
.pd-carousel li {margin-right: 5px;}
.pd-carousel img {display: block; opacity: .6; cursor: pointer; object-fit: cover;}
.pd-carousel img:hover {opacity: 1;}
.pd-carousel .flex-active-slide img {opacity: 1; cursor: default;}
.flexslider{
    border: none;
    background: transparent;
    margin-bottom: 20px;
    position: relative;
}
.flex-direction-nav li a{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-indent: -999999px;
    width: 30px;
    height: 36px;
    background: url(../images/ladi-icons.svg) rgba(255,255,255,.2) no-repeat;
    z-index: 100;
}
.flex-direction-nav .flex-nav-prev a{
    background-position: -28px;
    left: 5px;
}
.flex-direction-nav .flex-nav-prev a{
    background-position: -28px;
    left: 5px;
}
.flex-direction-nav .flex-nav-next a{
    background-position: -52px;
    right: 5px;
}
#pd-carousel .flex-direction-nav li a {
    transform: scale(.6) translateY(-70%);;
}
.pd-slide-inner li img{
    display: block;
    margin: auto;
    width: 100%;
}
.pd-carousel li img{
    display: block;
    margin: auto;
}
/*End pd-slide*/


.title-page{
	color: #FDD017;
	margin: 10px 0;
	font-size: 30px;
	text-transform: uppercase;
}
.dtpdt-center-h4{
	font-size: 15px;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.price{
	text-align: center;
	font-size: 28px;
	color: #FDD017;
}
.dtpdt-center-desc{
	margin: 15px 0 20px;
	overflow: hidden;
}
.dtpdt-center-ti{
	background-color: #fff;
	text-align: center;
	padding: 10px 0;
	border-radius: 10px;
	margin-bottom: 15px;
}
.buy-box {
    margin: 10px 0 20px;
    overflow: hidden;
    clear: both;
}
.buy-box a {
    display: block;
    padding: 18px 0 10px;
    float: left;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    line-height: .7em;
    border-radius: 5px;
    width: 48%;
    margin-top: 0;
    font-family: "SVN-Gotham-Bold";
}
.buy-box .buy-now {
    float: left;
    background: #fa9d4d;
    background: -moz-linear-gradient(top,#fa9d4d 0%,#f87f41 100%);
    background: -webkit-linear-gradient(top,#fa9d4d 0%,#f87f41 100%);
    background: linear-gradient(to bottom,#fa9d4d 0%,#f87f41 100%);
}
.buy-box .buy-pay-later {
    float: right;
    background: #cf1f26;
    background: -moz-linear-gradient(top,#cf1f26 0%,#d82229 100%);
    background: -webkit-linear-gradient(top,#cf1f26 0%,#d82229 100%);
    background: linear-gradient(to bottom,#cf1f26 0%,#d82229 100%);
}
.buy-box span {
    font-weight: 400;
    font-size: 13px;
    box-sizing: border-box;
    padding: 7px 0 0;
    display: block;
    text-transform: none;
    font-family: "SVN-Gotham-Book";
}


.product-brands {
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product-brands .title {
    margin: 20px 20px 10px;
    position: relative;
}
.product-brands .title:before {
    content: "";
    display: block;
    border-top: 1px solid #ebebeb;
    width: 30px;
    left: 10px;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.product-brands .title:after {
    content: "";
    display: block;
    border-top: 1px solid #ebebeb;
    width: 30px;
    right: 10px;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.product-brands .title span {
    /*background: #fff;*/
    padding: 0 20px;
    z-index: 2;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}
.product-brands img {
    padding: 10px;
}

.title-why{
	text-transform: uppercase;
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}
.why ul li span{
	width: calc(100% - 60px);
	float: right;
}
.why ul li img{
	float: left;
	width: 55px;
	height: 40px;
}
.why ul li span a{
	color: #eac355;
}
.why ul li{
	overflow: hidden;
	margin-bottom: 10px;
}
.dtpd-top{
	padding-bottom: 30px;
}

.tab-style .nav-tabs {
    border-bottom: none;
}
.tab-style .nav-tabs li a {
    background-color: rgba(0,0,0,0.04);
    padding: 0px 15px;
    text-transform: uppercase;
    margin-right: 5px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    background-color: #213641;
}
.tab-style .nav-tabs>li.active>a, 
.tab-style .nav-tabs>li.active>a:focus,
.tab-style .nav-tabs>li.active>a:hover,
.tab-style .nav-tabs>li>a:hover{
    background: #eac355;
    color: #000;
    border: 1px solid #eac355;
}
.tab-style .tab-content {
    border: 1px solid #213641;
    padding: 20px;
    overflow: hidden;
}
@media(max-width: 767px){
	.tab-style .nav-tabs li a{
		font-size: 10px;
		line-height: 30px;
		height: 30px;
	}
	.tab-style .tab-content{
		padding: 10px;
	}
	.tab-style .tab-content .col-xs-12{
		padding: 0;
	}
}

.mota-col-left p{
	padding-bottom: 5px;
	border-bottom: 1px solid #213641;
}
.mota-col-left p:last-child{
	border-bottom: none;
}
.mota-col-left p a{
	color: #eac355;
}
.detail-product-info h2{
	font-size: 24px;
}

/*cl-top*/
.cl-top{
    margin: 0 0 20px;
    overflow: hidden;
}
.col-top-content {
    text-align: justify;
    height: 600px;
    overflow: hidden;
}
.cl-top.active .col-top-content{
    height: inherit;
}
.show_hide {
    display: block;
    height: 40px;
    margin-top: 10px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    color: #FDD017;
}
.show_hide:hover,
.show_hide:focus{
    color: #fff;
}
.show_hide.active{
    color: #d35400;
}
.show_hide.active i:before{
    content: "\f0aa";
}
/*End cl-top*/


/*pd-hot*/
.title-hot{
	text-align: center;
	color: #eac355;
	font-size: 18px;
	margin: 50px 0 30px;
}
/*End pd-hot*/

/*pd-related*/
.title-related{
	text-align: center;
	color: #fff;
	font-size: 18px;
	position: relative;
	margin: 50px 0 30px;
}
.title-related:before{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	width: 75px;
	height: 2px;
	background-color: #eac355;
	content: "";
}

.hover-effect-slider{
	position: relative;
}
.hover-effect-slider .slider-counter {
    position: absolute;
    bottom: -1px;
    left: 0;
    font-size: 11px;
    opacity: 0;
    padding: 4px;
}
.hover-effect-slider .small-slider-arrow {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 25px;
    height: 35px;
    border: 1px solid #eac355;
    line-height: 34px;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    color: #eac355;
}
.hover-effect-slider .small-slider-arrow:hover{
	background-color: #eac355;
	color: #000;
}
.hover-effect-slider .small-slider-arrow.arrow-left {
    text-align: center;
    left: -10px;
    border-left: none;
}
.hover-effect-slider .small-slider-arrow.arrow-right {
    right: -10px;
    text-align: center;
    border-right: none;
}

.pd-related-slide.owl-theme .owl-nav .owl-prev{
	left: -40px;
}
.pd-related-slide.owl-theme .owl-nav .owl-next{
	right: -40px;
}
.pd-related-slide .st4-item{
	border: 1px solid transparent;
	padding: 10px;
}
.pd-related-slide .st4-item:hover{
	border-color: #eac355;
}
.pd-related-slide .st4-item:hover .hover-effect-slider .small-slider-arrow,
.pd-related-slide .st4-item:hover .hover-effect-slider .slider-counter{
	opacity: 1;
}
/*End pd-related*/


.comment{
	margin: 40px 0;
}
.title-comment {
    margin-bottom: 30px;
    font-size: 16px;
    text-transform: uppercase;
    color: #eac355;
    position: relative;
}
.title-comment:before{
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 80px;
	height: 2px;
	content: "";
	background-color: #eac355;
}

@media(max-width: 1199px){
	.pd-related-slide.owl-theme .owl-nav .owl-prev{
		left: 0px;
	}
	.pd-related-slide.owl-theme .owl-nav .owl-next{
		right: 0px;
	}
}
@media(max-width: 991px){
	.dtpdt-center-h4,
	.dtpdt-right{
		margin-top: 20px;
	}
}
@media(max-width: 767px){
	.title-page{
		font-size: 20px;
	}
	.dtpdt-center-ti{
		display: flex;
		padding: 10px;
	}
	.buy-box a, .group_att li a {
	    font-size: 15px;
	}
	.buy-box span{
		font-size: 10px;
	}
	.title-hot{
		font-size: 15px;
	}
}