/*===============================================Fluid blocks========================================*/
#DinairFluid{ max-width: 950px; min-width: 300px; padding: 15px 25px;  background-color: #fff; color: #333333; height: auto; margin: 0 auto; overflow: hidden; position:relative;} 
#width100{ width:100%;float:left; overflow:hidden;}

html, body {font-family: 'Arial, Helvetica, sans-serif', sans-serif;font-weight: 400;font-size: 1.4em;margin: 0;padding: 0;border: 0;background: transparent;color: #333333;}
a:link, a:visited, a:active {text-decoration: none;color: #000000;}
/* *, *::before, *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}*/
img{max-width: 100%;}

sup {font-size: 0.35em;font-weight: 300;font-family: Arial;}

#DinairFluid.kitPage p {float: left;width: 100%;}
#DinairFluid p.breadCrumb, #DinairFluid .breadCrumb a {font-size: 12px;text-align: left;margin: 1px;color: #b3a9a9;line-height: 12px;}
#DinairFluid .breadCrumb a:hover {color: #ec008c;text-decoration: underline;}

.detail_main{padding-top: 20px;}
.prd_hd{font-size: 26px!important;font-weight: 300;margin: 0;font-family: 'Raleway';}
.handheldsubfontsize {font-size: 14px;}

.dtl_main_inner{display: table;width: 100%;padding: 0px 0px 15px;margin: 0px 0px 15px;}
.dtl_main_inner .dtl_inner{display: table-cell;vertical-align: top;}
.dtl_main_inner .dtl_left{width: 70%;padding: 0px 10px 0px 0px;}
.dtl_main_inner .dtl_right{width: 30%;border-left: 1px solid #bdbdbd;padding: 0px 0px 0px 10px;}

.dtl_left ul.tabs{margin: 0px;padding: 0px;list-style: none;float: left;width: 110px; height: auto;}
.dtl_left ul.tabs li{cursor: pointer;float: left;text-align: center;margin: 5px;width: 42px;height: 42px;line-height: 35px; border: 1px solid #b1b5ba; -webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;}
.dtl_left ul.tabs li.current{border-color: #ec008c;}
.dtl_left ul.tabs li img{display: inline-block;vertical-align: middle; -webkit-box-sizing: border-box;box-sizing: border-box;width:40px;height:40px;}

/*.dtl_left ul.tabs li:nth-child(2n+1){clear: both;}*/

.dtl_left .tabs_dtl{float: right;width: 75%;padding: 0px 0px 0px 10px;}
.dtl_left .tab-content{display: none;text-align: center;}
.dtl_left .tab-content.current{display: block;}

#personalPro_Kit .detail_main .dtl_main_inner .dtl_right .hd-pro{font-size:18px; padding-bottom:10px;}
#personalPro_Kit .detail_main .dtl_main_inner .dtl_right h3, #personalPro_Kit .frequently-bought h2{ font-size:18px!important; font-weight:600!important; font-family: 'Arial'!important;}

.dtl_main_inner .dtl_right h3{margin: 0px 0px 5px;font-size: 18px;color: #333333;}
.dtl_main_inner .dtl_right h5{margin: 0px 0px 15px;font-size: 14px;color: #333333;font-weight: normal;}
.dtl_main_inner .dtl_right .dtl-des h4{color: #ec008c; font-weight: bold!important; text-transform: uppercase; font-size: 12px!important;}
.dtl_main_inner .dtl_right .dtl-des p{margin-top:5px; line-height:18px;}
.dtl_main_inner .dtl_right .dtl-des p span{color:#01a5fa;}
.dtl_main_inner .dtl_right .price_section{float: left;width: 100%;margin: 0px 0px 10px;}
.dtl_main_inner .dtl_right .price_section .price{font-family: 'Raleway';color: #000;font-weight:600;float: left;width: 38%;     font-size:2.4em!important;}
.dtl_main_inner .dtl_right .price_section .price small{color:#fc0202; font-weight:600; display:block; font-size:15px;}
.dtl_main_inner .dtl_right .price_section .payment_method{border: 1px solid #dcd9d9;display: block;padding: 5px 10px;font-size: 14px;float: left;width: 62%;line-height: 18px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.dtl_main_inner .dtl_right .price_section .payment_method .link-text{float: right;text-decoration: underline;cursor: pointer;color: #ff0000;font-size: 10px;}
.dtl_main_inner .dtl_right .selection-block{float: left;width: 100%;margin: 0px 0px 15px;}
.dtl_main_inner .dtl_right .selection-block h5{display:none;}
.dtl_main_inner .dtl_right .selection-block ul{margin: 0px;padding-inline-start: 20px;}
.dtl_main_inner .dtl_right .selection-block ul li{list-style: decimal;font-size: 12px;color: #333333;padding: 0px 0px 15px;}
.dtl_main_inner .dtl_right .selection-block ul li:last-child{padding: 0px;}

#personalPro_Kit .dtl_main_inner .dtl_right .selection-block ul li h4{margin: 0px;padding: 0px 0px 5px; font-size:12px!important;
font-weight:600!important;}

.dtl_main_inner .dtl_right .selection-block ul li h5{text-transform: uppercase;color: #ec008c;font-weight: bold;font-size: 16px;margin: 0px 0px 10px;}
.dtl_main_inner .dtl_right .selection-block ul li select{display: block;width: 100%;border: 1px solid #d9d9d9;padding: 5px;border-radius: 3px;}

.add_cart_btn {float: left;width: 100%;text-align: center;padding: 0px 0px 15px;}
.add_cart_btn .cart_btn{background-color: #ec008c;border: 0 none;border-radius: 5px;color: #fff;cursor: pointer;padding: 8px 24px;font-size: 20px!important;font-weight: bold;}


.frequently-bought{margin:15px 0px 0px;float: left;width: 100%; padding: 0px 0px 15px;}
.frequently-bought h2 {color: #333333;margin: 0px;margin: 0px 0px 15px;}
.frequently-bought .frequently_box{list-style: none;padding: 0px;margin: 0px 20px 0px 0px;float: left;}
.frequently-bought .frequently_box li{display: inline-block;vertical-align: middle;padding: 0px 5px 0px 0px;font-size: 24px;}
.frequently-bought .frequently_box li:last-child{padding: 0px;}

.frequently-bought .frequently_price_box .total_price{font-size: 18px; text-align:center; margin:15px 0px 10px;display: block;}
.frequently-bought .frequently_price_box .total_price strong{color: #ec008c;}

.frequently-bought .frequently_buy_btn{margin: 0px 0px 15px; text-align:center;}
.frequently-bought .frequently_buy_btn>div{display: block;margin: 0px 0px 5px;}

.frequently-bought .frequently_buy_btn .add_all_cart{background-color: #ec008c;border: 1px solid #ec008c;border-radius: 5px;color: #fff!important;cursor: pointer;padding: 8px 24px;font-size: 16px;font-weight: bold;display: inline-block;text-align: center;}

.frequently-bought .frequently_buy_btn .add_all_list{background-color: transparent;border: 1px solid #000000!important;border-radius: 5px;color: #000000;cursor: pointer;padding: 8px 24px;font-size: 16px;font-weight: bold;display: inline-block;text-align: center;}


.read-more{display:none;}
.read-more a{color:#ec008c!important; font-size:14px; display:inline-block; font-weight:600; padding-top:8px;}

@media(max-width:767px){
    .read-more{display:block;}
}


.abt_product{padding: 0px;margin: 0px;list-style: none;}
.abt_product li{font-size: 14px;padding: 0px 0px 5px;line-height: 20px;}
.abt_product li label{display: inline-block;}
.abt_product li input {float: left;margin: 0px;position: relative;top: 3px; transform: inherit; width:auto;}
.abt_product li span{padding-left: 20px;display: block;}
.abt_product li span a{text-decoration: underline!important;}
.abt_product li .price{color: #ec008c;padding-left: 5px;}
.abt_product li a:hover{text-decoration: underline!important;color: #ec008c!important;}

#personalPro_Kit .dtl_hd{margin: 0px 0px 20px!important; position:relative; color:#ee58b1; font-size: 26px!important;text-transform: uppercase; font-weight:600!important; font-family: 'Arial'!important;}
#personalPro_Kit .dtl_hd span{display: inline-block; background: #fff; padding: 5px 25px 5px 0; position: relative; z-index: 2; margin-bottom: 2%;}
#personalPro_Kit .dtl_hd:before{border-top: solid #cfcfcf 7px; content: ""; height: 7px; width: 100%; float: left; top:38%; position: absolute; z-index: 1;}
.common_dtl{margin: 0px;font-size: 16px;line-height: 22px;}
.view-btn{background: #ee58b1; position:relative; top:-4px; position:relative; border-radius: 24px; text-align: center; padding:5px 25px 5px 15px; display: inline-block; margin-left: 5px; color: #fff!important; font-size: 16px; font-weight: normal; text-transform: capitalize;}
.view-btn:before{content: ""; border-width: 0px 3px 3px 0px; border-style: solid; border-color: #ffffff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); font-size: 0px; display: inline-block; right: 11px; position: absolute; padding:3px; top: 9px;}
.view-btn.active:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); top:8px;}

.abt_prd_detail{float: left;width: 100%;margin: 0px 0px 30px;}
.abt_prd_detail .abt_prd_dtl_inner{margin: 0px;font-size: 18px!important; }
.abt_prd_detail p .xfontmodified{font-size: 28px;}
.abt_prd_detail p a{color: #ec008c!important;display: inline-block;text-decoration: underline!important;}
.abt_prd_detail p a:hover{color: #000000!important;text-decoration: underline!important;}

.abt_prd_detail .abt_prd_slider{clear: both;float: left;width: 100%;margin:0px 0px 0px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.kit-dtl ul{padding:0px!important; height:240px; overflow:hidden;}
.kit-dtl ul.active{height:initial;}
.kit-dtl ul.active li{border-bottom:1px solid #dcdada;}
.kit-dtl li:nth-child(2n+2){border-right:none!important;}
.abt_prd_detail .abt_prd_slider .prd_slider_main{margin: 0px;padding: 0px 45px;list-style: none;position: relative; -webkit-box-sizing: border-box;box-sizing: border-box;}
.kit-dtl .close-kit{background: #ee58b1; position: relative; bottom: 15px; right: 0px; width: 16px; height: 16px; padding: 5px; text-align: center; color: #fff!important; font-size: 22px; border-radius: 100%; z-index: 9999999; display: inline-block; line-height: 13px; float: right;}

.abt_prd_detail .abt_prd_slider .prd_slider_main .owl-nav button{position: absolute;top: 50%;transform: translateY(-50%);width: 35px;height: 35px;background-color: #5f6062;color: #ffffff;border-radius: 100%; }
.abt_prd_detail .abt_prd_slider .prd_slider_main .owl-nav button.disabled{display: none;}
.abt_prd_detail .abt_prd_slider .prd_slider_main .owl-nav .owl-prev{left: 0px;}
.abt_prd_detail .abt_prd_slider .prd_slider_main .owl-nav .owl-next{right: 0px;}
.abt_prd_detail .abt_prd_slider .prd_slider_main .owl-nav button span{display: inline-block;font-size: 0px;border-width: 0px 4px 4px 0px;border-style: solid;border-color: #ffffff;padding: 5px;position: relative;top: -5px;}

.abt_prd_detail .abt_prd_slider .prd_slider_main .owl-nav .owl-prev span{transform: rotate(135deg);-webkit-transform: rotate(135deg);left: 4px;}
.abt_prd_detail .abt_prd_slider .prd_slider_main .owl-nav .owl-next span{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);left: -2px;}

.abt_prd_detail .abt_prd_slider .prd_slider_main .owl-nav button:focus{outline: none;}

.abt_prd_detail .abt_prd_slider .prd_slider_main li{float: left;width:50%; border-right: 1px solid #dcdada;padding: 0px 15px; -webkit-box-sizing: border-box;box-sizing: border-box;}

.prd_slider_inner{float: left;width: 100%;position: relative;}
.prd_slider_inner .thumb{float: left;width:180px;}
.prd_slider_inner .detail{padding-left:190px;display: block; padding-top:50px;}
.prd_slider_inner .detail h4{margin: 0px 0px 10px!important;font-size: 16px!important; font-weight:600!important;color:#000!important;}
.prd_slider_inner .detail p{font-size: 13px;margin: 0px;}

.dtl_user_guide{float: left;width: 100%; padding-top:25px;}
.dtl_user_guide ul{margin: 0px;padding: 0px;list-style: none;float: left;width: 100%;}
.dtl_user_guide ul{height:300px; overflow:hidden;}
.dtl_user_guide ul.active{height:inherit;}
.dtl_user_guide ul li{float: left;width: 50%;border: 1px solid #5f6062; -webkit-box-sizing: border-box;box-sizing: border-box;}
.dtl_user_guide .user_guide_btn{float: left;width: 100%;}
.dtl_user_guide .user_guide_btn .pinkBtn{border: 0;background-color: #ec008c;color: #fff!important;font-size: 14px;padding: 6px 10%;text-align: center;margin: 5%;-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;font-weight: bold;}
.dtl_user_guide .user_guide_btn .pinkBtn:hover{background-color: #4a4949;}

.makeup-tips-sl{margin-top:25px!important;}
.makeup-tips-sl li{width:100%!important; padding:0 10px!important; border-right:none!important;}
.makeup-tips-sl li h5{text-transform:uppercase; margin:0 0 10px; font-size:15px; width:100%; float:left;}
.makeup-tips-sl li .thumb{width:50%; float:left;}
.makeup-tips-sl li .makeup-tips-text{width: 50%; float: left; padding-left: 15px; box-sizing: border-box; line-height: 20px;}

.dtl_right .abt_prd_dtl_inner{display:none;}

@media(max-width:767px){
    .makeup-tips-sl li h5,.makeup-tips-sl li .makeup-tips-text{display:none;}
    .makeup-tips-sl li .thumb{width:100%;}
    #personalPro_Kit .dtl_hd{font-size:16px!important; margin-bottom:5px!important; }
    .view-btn{font-size:12px; padding:3px 20px 3px 10px; top:-3px;}
    .view-btn:before{top: 6px; right:8px;}
    .view-btn.active:before{top:4px;}
    #personalPro_Kit .dtl_hd span{padding-right:15px;}
    #personalPro_Kit .dtl_hd:before{border-top: solid #cfcfcf 4px; top: 32%;}
    .dtl_user_guide ul{height:130px;}
    .dtl_main_inner .dtl_right .price_section .price{text-align:center;}
    .dtl_main_inner .dtl_right .selection-block h5{display:block!important; color:#ec008c; text-align:center;}
    .kit-dtl ul{height:190px;}
}

@media(max-width:479px){
    .prd_slider_inner .thumb{width:150px;}
    .prd_slider_inner .detail{padding-left:160px;}
}

.daily_guide{width:100%; float:left;}
.daily_guide ul{margin:0 -10px; padding:0px; height:300px; overflow:hidden;}
.daily_guide ul.active{height:inherit;}
.daily_guide li{width:50%; box-sizing:border-box; list-style:none; float:left; padding:10px;}


@media (max-width:991px){
    .dtl_main_inner .dtl_left{width: 65%;}
    .dtl_main_inner .dtl_right{width: 35%;}
    .dtl_left ul.tabs{width:107px;}
}

@media (max-width:767px){
    .dtl_main_inner{margin:0px; padding:0 0 10px 0;}
    .dtl_main_inner,.dtl_main_inner .dtl_inner{display: block;width: 100%;float: left;}
    .dtl_main_inner .dtl_left{padding: 0px 0px 20px;}
    .dtl_left .tabs_dtl{float: left;width: 100%; padding:0px;}
    .dtl_left ul.tabs{float: left;width: 100%;text-align: center;}
    .dtl_left ul.tabs li {padding: 3px;width: 50px;height: 50px;float: none;display: inline-block;margin: 3px 3px 8px 3px;}
    /*.dtl_left ul.tabs li:nth-child(2n+1){clear: none;}*/
    .dtl_main_inner .dtl_right{border-left: 0px;padding: 0px;}
    .add_cart_btn{border-bottom: 0px;}
    
    .frequently-bought .frequently_box{width: 100%;margin: 0px;text-align: center;}
    .frequently-bought .frequently_price_box .total_price,.frequently-bought .frequently_buy_btn{text-align: center;}
    .frequently-bought .frequently_box li{width: 24%;}
    .frequently-bought .frequently_box li.plus{width: 7%;}
    .frequently-bought .frequently_price_box{width: 100%;float: left;}
    
    .abt_prd_slider.kit-dtl .prd_slider_main li{width:100%; border-right:none;}    
    .daily_guide{margin-bottom:20px;}
    .daily_guide ul{height:130px;}
    .daily_guide ul.active li{width:100%!important; padding:5px;} 
    .dtl_left .abt_prd_dtl_inner,#personalPro_Kit .detail_main .dtl_main_inner .dtl_right .hd-pro{display:none;}
    .dtl_right .abt_prd_dtl_inner{display: block; border-top: solid 2px #cdcdcd; padding: 15px 0; border-bottom: solid 2px #cdcdcd; margin: 10px 0 5px;}
    #personalPro_Kit .detail_main .dtl_main_inner .dtl_right h3,.dtl_main_inner .dtl_right h5,.dtl_main_inner .dtl_right .dtl-des{display:none;}
    
}

@media (max-width:479px){
    .abt_prd_detail .abt_prd_slider .prd_slider_main li{border-right: 0px;padding: 0px;}
}