@font-face {
    font-family: 'heroregular';
    src: url('../fonts/hero-webfont.eot');
    src: url('../fonts/hero-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hero-webfont.woff2') format('woff2'),
         url('../fonts/hero-webfont.woff') format('woff'),
         url('../fonts/hero-webfont.ttf') format('truetype'),
         url('../fonts/hero-webfont.svg#heroregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ background:#f5f5f5 url(../img/bg.jpg) no-repeat center top;}

.p_top_15{ padding-top:15px;} .p_top_20{ padding-top:20px;} .p_top_60{ padding-top:60px;}
.p_botm_20{ padding-bottom:20px;}
.p_all_10{ padding-bottom:15px;}
.p_ltr{ padding-left:0px !important; padding-right:0px !important;}

.m_rgt_15{ margin-right:15px;}
.m_botm_20{ margin-bottom:20px;} .m_botm_25{ margin-bottom:25px;} .m_botm_35{ margin-bottom:35px;}
.m_botm_0{ margin-bottom:0px !important;}

.maxwdh img{ max-width:100%;}

.clr_pink{ color:#c03362;}
.grey1{ color:#5f5f5f;} .grey2{ color:#2f2f2f;}

.link1 a{color:#c03362 !important; text-decoration:underline !important;} .link1 a:hover{ color:#000 !important;}
.link2 a{color:#000; text-decoration:none;} .link2 a:hover{ color:#000; text-decoration:underline;}

.texdect{ text-decoration:line-through;}
.lingh18{ line-height:18px;} .lingh24{ line-height:24px;}

.white{ color:#fff;} .black{ color:#000;}

.t_bx_1{ width:75%; height:24px; border:#e6e5e4 1px solid; background:#fff; color:#000; padding-left:8px;}
.t_bx_2{ width:75%; height:130px; border:#e6e5e4 1px solid; background:#fff; color:#000; padding-left:8px;}
.t_bx_3{ width:100%; height:24px; border:#e6e5e4 1px solid; background:#fff; color:#000;}
.t_bx_4{ width:60%; height:24px; border:#e6e5e4 1px solid; background:#fff; color:#000;}

.font16{ font-size:16px;}

.rw_mid{ width:100%; float:left;}

.main_wrapper{ width:100%; margin:24px 0px; float:left; background:#ffffff; border:#e5e5e5 1px solid; border-radius:8px;}

.navbar-nav{ width:100%;} .navbar{ margin-bottom:1px; border-radius:0;}
.navbar-nav > li{ width:16.6%; text-align:center; background: url(../img/rgt_line.png) no-repeat right top;}
.navbar-nav > li:last-child{ background:none;}
.navbar-nav > li > a{ padding:17px 10px; text-transform:uppercase;}
.navbar-default{ border-left:none; border-right:none;}
#navbar{ padding-left:0 !important; padding-right:0 !important;}


.social{ border-right:#c3c3c3 1px solid; float:left;}
.social a{ color:#000000; text-decoration:none; font-size:17px; margin-right:10px;} .social a:hover{ color:#c03362;}
.myaccount a{ color:#212121; text-decoration:none;}
.shop_cart img{ top:-2px; position:relative; margin-right:5px;}

.Slide{ padding:0 1px; margin-bottom:1px; position:relative;} .Slide img{ width:100%;}
.freeshiping{ background:#c03362; padding:15px 0px; font-size:24px; text-transform:uppercase;}

.Arw_l{ background:#c03362; width:42px; padding:15px; margin-top:-15px; text-align:center; position:absolute; top:50%; left:0;}
.Arw_l:hover{ background:#000;}


.Arw_R{ background:#c03362; width:42px; padding:15px; text-align:center; margin-top:-15px; position:absolute; top:50%; right:0;}
.Arw_R:hover{ background:#000;}

.categbanner .bnr_bx, .categbanner .bnr_bx2{ text-align:center; background:#fdfdfd; border:#e6e5e4 1px solid;}
.categbanner .bnr_bx{ margin-right:-5px;} .categbanner .bnr_bx2{ margin-left:-5px;}

.featured h2{ font-size:18px; text-transform:uppercase; color:#000; border-bottom:#f0f0f0 1px solid;}
.featured h2 span{ display:inline-block; background:#fff; position:relative; bottom:-10px; padding:0 8px; margin-bottom:-10px;}

.featured_slide ul{ margin:0; padding:0;}
.featured_slide ul li{ list-style:none; width:23%; float:left; margin-right:2.6%;}
.featured_slide ul li:nth-child(4n+4){ margin-right:0;}
.featured_slide ul li .t_wrap{ width:100%; float:left; position:relative;}
.featured_slide ul li .t_wrap .thumbnl{ width:100%; float:left;}
.featured_slide ul li .t_wrap .thumbnl img{ width:100%;}
.featured_slide ul li .t_wrap .btn_grd{ width:100%; position:absolute; left:0; bottom:0;}
.btn_1{ display:inline-block; width:50%; height:50px; float:left; padding-top:16px; text-align:center; background:#f5f5f5; color:#c03362; text-decoration:none;}
.btn_1:hover, .btn_1.selected{  background:#c03362; color:#fff; text-decoration:none;}

.featured_slide ul li .botm{ width:100%; float:left; border:#eaeaea 1px solid; padding:12px 10px;}

.Cate_w{ width:31% !important; margin-right:1.6% !important; margin-bottom:25px;}

.latestblog h2{ font-size:18px; text-transform:uppercase; color:#000; border-bottom:#f0f0f0 1px solid;}
.latestblog h2 span{ display:inline-block; background:#fff; position:relative; bottom:-10px; padding:0 8px; margin-bottom:-10px;}
.latestblog a{ color:#000; text-decoration:none;}
.latestblog a:hover{ text-decoration:underline;}

.blog_col h3{ color:#000000; font-size:14px; text-transform:uppercase;}
.bdr_1{ border-top:#f0f0f0 1px solid; padding-top:10px;}

.footer_top{ width:100%; float:left; background:#fafafa; margin-top:25px; border-bottom:#f0f0f0 1px solid; padding:30px 0px; border-top:#f0f0f0 1px solid;}
.footer_top h4{ font-size:14px; color:#2f2f2f; text-transform:uppercase; margin-bottom:30px;}
.botm_menu ul{ margin:0; padding:0;} .botm_menu ul li{ list-style:none;}
.botm_menu ul li a{ display:block; text-decoration: none; font-size:14px; color:#2f2f2f; padding-bottom:4px;}
.botm_menu ul li a:hover{ color:#c03362; text-decoration:none;}

.footer_botm{ width:100%; float:left; padding:22px 15px;}

.blog_rw{ width:100%; float: left; position:relative; padding-bottom:10px; border-bottom:#f0f0f0 1px solid; margin-bottom:10px;}
.latestblog.main_blog h2.text-center{ text-align:left; margin-top:0;}
.latestblog.main_blog h2{ color:#c03362; font-size:14px;  margin:0 -15px; padding:0 15px 15px;}
.blog_rw:last-child{ border-bottom:none;}

.breadcrum{ width:100%; float:left; border-bottom:#f0f0f0 1px solid; margin:0 -15px 30px; padding:0 15px 15px;}

.category h2{ font-size:18px; color:#c03362; text-transform:uppercase; border-bottom:#f0f0f0 1px solid; margin-top:0; padding-bottom:10px; margin-bottom:10px;}
.category ul{ margin:0; padding:0;} .category ul li{ list-style:none;}
.category ul li a{ display:block; background:url(../img/arw2.png) 0 18px no-repeat; border-bottom:#f0f0f0 1px solid; padding:10px 8px 10px 16px; color:#000000; text-decoration:none;}
.category ul li a:hover{ text-decoration:underline; color:#c03362;}


.latest_post h2{ font-size:18px; color:#c03362; text-transform:uppercase; border-bottom:#f0f0f0 1px solid; margin-top:0; padding-bottom:10px; margin-bottom:10px;}
.latest_post ul{ margin:0; padding:0;}
.latest_post ul li{ list-style:none; border-bottom:#f0f0f0 1px solid; padding:10px 0px;}
.latest_post ul li p{ margin-bottom:0;}

.latest_product h2{ font-size:18px; color:#c03362; text-transform:uppercase; border-bottom:#f0f0f0 1px solid; margin-top:0; padding-bottom:10px; margin-bottom:10px;}
.latest_product ul{ margin:0; padding:0;}
.latest_product ul li{ list-style:none; width:100%; float:left; border-bottom:#f0f0f0 1px solid; padding:10px 0px;}
.latest_product ul li p{ padding-left:70px;}
.latest_product ul li .sm_thumbnl{ width:60px; float:left;}

.get_intch{ border-bottom:#f0f0f0 1px solid; padding-bottom:10px; margin-bottom:15px;}
.cont_form { width:100%; float:left;}
.get_intch h2, .cont_form h2{ font-size:18px; color:#c03362;  margin-top:0;  margin-bottom:20px;}
.cont_form label{ width:23%; float:left; font-weight:normal;}
.cont_form .txt_bx_cl{ width:77%; float:right;}
.btn_2{ width:168px; height:44px; background:#c03362; border:none; color:#fff; cursor:pointer;}
.btn_2:hover{ background:#000;}
.cont_form .rw_mid{ margin-bottom:18px;}

.disp_n{ display:none;}

.LinkPink a{ color:#c03362; text-decoration:none; line-height:25px;}

.Bdrbot01{border-bottom:#f0f0f0 1px solid;}

.cart_tab{ float:left; width:100%; background:#fcfcfc;border:1px solid #d7d7d7;}
.cart_tab table tr { border-bottom:1px solid #d7d7d7; padding:7px;}
.cart_tab table tr:last-child { border-bottom:0px solid #d7d7d7;}

.cart_tab table tr td{ border-right:1px solid #d7d7d7;padding:7px;}
.cart_tab table tr td:last-child{ border-right:0px solid #d7d7d7;}
.Tab_head{ background:#c03362;}

.btn_3{ width:80px; height:24px; background:#c03362; border:none; color:#fff; cursor:pointer;}
.btn_3:hover{ background:#000;}

.Pagging{ float:left; width:100%;}
.Pagging a{ text-decoration:none; padding:3px 7px; text-align:center; margin-left:8px; font-size:14px; color:#000;}
.Pagging a.link01{ background:#f5f5f5;}
.Pagging a:hover.link01, .Pagging a.act01{ background:#c03362; color:#FFF;}

.Prd_nam{ float:left; width:80%; font-size:24px; text-transform:uppercase;}
.Prd_pric{ float: right; width: auto; color:#c03362; font-size:24px; text-align:right;}

.Prdimg{ border:1px solid #e6e5e4; width:100%; margin-top:20px; float: left;}

.Thumbsblock{ float: left; width:100%; margin-top:25px;}
.Thumbsblock ul{ margin:0; padding:0;}
.Thumbsblock ul li{ list-style:none;}
.Thumbsblock ul li a{ border:1px solid #e8e7e6;width:15%; float:left; margin-right:2%;}
.Thumbsblock ul li a:hover ,.Thumbsblock ul li a.act02{ border:1px solid #ca537b;}

.Thumbsblock ul li:last-child a{ margin-right:0;}


.Prd_tabl{ float:left; width:100%;border:1px solid #f3f2f2;}
.Prd_tabl_tp{ background:#fcfcfc; border-bottom:1px solid #edeceb;}
.Prd_tabl tr td{ padding:15px 10px;}
.Prd_tabl tr td p{ padding-bottom:2px; margin:0px;}

@media (min-width: 768px) and (max-width: 991px) {
.btn_1{ padding-top:15px;}


}

@media (max-width: 767px) {

.logo.text-center { text-align:left;}
.navbar-toggle{ background:#c03362; border-radius:3px;}
.navbar-toggle .icon-bar{ background:#fff;}
.t_lf.p_top_60{ padding-top:10px; text-align:center;}
.myaccount{ float:right;}
.navbar-toggle{ position:absolute; right:10px; top:10px; margin-right:0;}
.shop_cart.p_top_60{ padding-top:10px; text-align:center;}
.line_tx.text-right{ text-align:center;}
.social{ float:none; margin-right:0;  border-right:none; text-align:center;}
.myaccount{ float:none; text-align:center; margin-top:6px;}
.featured_slide ul li{ width:48%; margin-right:4%; margin-bottom:15px;}
.featured_slide ul li:nth-child(2n+2){ margin-right:0;}

.Cate_w{  width:45% !important; margin-right:4% !important; margin-bottom:25px !important;}

.navbar-nav > li{ width:100%; background:none;}
#navbar ul{ margin:0;}
.navbar{ min-height:0;}

.navbar-nav > li > a{ padding:8px;}
.line_tx.text-right{ margin-bottom:10px;}
.categbanner .bnr_bx{ margin-right:0; margin-bottom:10px;}
.categbanner .bnr_bx2{ margin-left:0; }
.disp_n{ display: block;}
.aside_left, .cust_serv, .informatio, .myacount_col, .contact_col { margin-bottom:30px;}
.footer_top h4{ margin-bottom:15px;}

}

@media (max-width: 500px) { 
.featured_slide ul li{ width:100%; margin-right:0;}
.cont_form .txt_bx_cl, .cont_form label, .cont_form .txt_bx_cl .t_bx_1,.cont_form .txt_bx_cl .t_bx_2{ width:100%;}


}


@media (max-width: 415px) { 
.btn_2 { width:98%; margin-bottom:0px;}
.Cate_w{ width:100% !important;}
}
.container_12 .grid_3,.container_16 .grid_4 {
width:100%;
}

.boxgrid{ 
float:left; 
overflow: hidden; 
position: relative; text-align:center; width:100%
}
.boxgrid img{ 
margin:10px auto; display:block;
border: 0; 
}

.boxcaption{ 
background:rgba(0,0,0,.5); 

float: left; 
position: absolute; 
height: 100%; 
width: 100%;
color:#fff

}
.boxcaption input{ background:#c03362;  color:#fff; padding:6px 10px; cursor:pointer; border:none;}

.featured_box {
margin-right: 10px;
border: none;
height:auto;
}

@media (max-width: 400px) { 

.boxcaption p{ font-size:10px; padding-top:6%!important; line-height:11px; line-height:12px;}
.btn_grd .btn_1 { font-size:12px; height:38px; padding-top:10px; line-height:11px;}
.prevnext a{ cursor:pointer;}
}