@charset "utf-8";@import 'https://fonts.googleapis.com/css2?family=Abel&display=swap';

*{ margin:0; padding:0 }
body { font-family:'Abel', sans-serif; font-size:14px; line-height:23px; font-weight:400; background:#fff; color:#1e1e27 }
div { display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
ul { list-style:none; margin-bottom:0 }
p { font-family:'Abel', sans-serif; font-size:14px; line-height:1.7; font-weight:500; color:#989898; -webkit-font-smoothing:antialiased; -webkit-text-shadow:rgba(0,0,0,.01) 0 0 1px; text-shadow:rgba(0,0,0,.01) 0 0 1px }
p a {display:inline;position:relative;color:inherit;border-bottom:solid 2px #fde0db;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-ms-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease}
a,a:hover,a:visited,a:active,a:link {text-decoration:none; -webkit-font-smoothing:antialiased; -webkit-text-shadow:rgba(0,0,0,.01) 0 0 1px; text-shadow:rgba(0,0,0,.01) 0 0 1px}
p a:active { position:relative; color:tomato }
p a:hover { color:tomato; background:#fde0db }
p a:hover::after { opacity:.2 }::selection{ background:#fde0db; color:tomato }
p::selection{ background:#fde0db }

h1 { font-size:48px }
h2 { font-size:36px }
h3 { font-size:28px }
h4 { font-size:24px }
h5 { font-size:16px }
h6 { font-size:14px }
h1,h2,h3,h4,h5,h6 { color:#282828; -webkit-font-smoothing:antialiased; -webkit-text-shadow:rgba(0,0,0,.01) 0 0 1px; text-shadow:rgba(0,0,0,.01) 0 0 1px }
h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{}::-webkit-input-placeholder { font-size:16px!important; font-weight:500; color:#777!important }:-moz-placeholder{ font-size:16px!important; font-weight:500; color:#777!important}::-moz-placeholder { font-size:16px!important; font-weight:500; color:#777!important }:-ms-input-placeholder { font-size:16px!important; font-weight:500; color:#777!important }::input-placeholder { font-size:16px!important; font-weight:500; color:#777!important } 
.form-control { color:#db5246 }
section { display:block; position:relative; box-sizing:border-box }
.clear { clear:both }
.clearfix::before,.clearfix::after { content:""; display:table }
.clearfix::after { clear:both }
.clearfix { zoom:1 } 
.float_left { float:left }
.float_right { float:right }
.trans_200 {-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-ms-transition:all 200ms ease; -o-transition:all 200ms ease;transition:all 200ms ease}
.trans_300{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease; -ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.trans_400 {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease; -o-transition:all 400ms ease;transition:all 400ms ease}
.trans_500{-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease; -ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}
.fill_height { height:100% }

/* Container
--------------------------------------- */
.super_container { width:100%; overflow:hidden }

/* Header
--------------------------------------- */
.header { position:fixed; top:0; left:0; width:100%; background:#fff; z-index:10 }

/* Menu Superior
--------------------------------------- */
.top_nav { width:100%; height:50px; background:#1e1e27 }
.top_nav_left { height:50px; line-height:50px; font-size:13px; color:#b5aec4; text-transform:uppercase }

/* Menu Principal
--------------------------------------- */
.main_nav_container { width:100%; padding: 15px 0 15px 0; background:#fff; box-shadow:0 0 16px rgba(0,0,0,.15); }
.logo_container { text-align:center }

/* Slider
--------------------------------------- */
.main_slider { width:100%; height:700px; background-repeat:no-repeat; background-size:cover; background-position:center center; margin-top:135px }
.main_slider_content { width:60% }
.main_slider_content h1 { font-weight:400; line-height:1; color:#fff; }

/* Content
--------------------------------------- */
.banner { width:100%; margin-top:30px }
.banner_item { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; justify-content:center; align-items:center; height:265px; background-repeat:no-repeat; background-size:cover; background-position:center center }
.banner_category { height:50px; background:#fff; min-width:180px; padding-left:25px; padding-right:25px }
.banner_category a { display:block; color:#1e1e27; text-transform:uppercase; font-size:22px; font-weight:600; text-align:center; line-height:50px; width:100%; -webkit-transition:color .3s ease; -moz-transition:color .3s ease; -ms-transition:color .3s ease; -o-transition:color .3s ease; transition:color .3s ease }
.banner_category a:hover { color:#88adff }

.new_arrivals { width:100% }
.new_arrivals_title { margin-top:74px }
.new_arrivals_sorting { display:inline-block; border-radius:3px; margin-top:59px; overflow:visible }
.grid_sorting_button { height:40px; min-width:102px; padding-left:25px; padding-right:25px; cursor:pointer; border:solid 1px #ebebeb; font-size:14px; font-weight:500; text-transform:uppercase; background:#fff; border-radius:3px; margin:0; float:left; margin-left:-1px }
.grid_sorting_button:first-child { margin-left:0 }
.grid_sorting_button:last-child{}.grid_sorting_button.active:hover { background:#fe7c7f!important }
.grid_sorting_button.active { color:#fff; background:#88adff }

.favorite_left { left:15px }
.favorite.active { visibility:visible; opacity:1 }
.product-item:hover .favorite { visibility:visible; opacity:1 }
.favorite.active::after { font-family:fontawesome; content:'\f004'; color:#fe4c50 }
.favorite::after { font-family:fontawesome; content:'\f08a' }
.favorite:hover::after { color:#fe4c50 }
.deal_ofthe_week { width:100%; margin-top:41px; background:#f2f2f2 }
.deal_ofthe_week_img { height:540px }
.deal_ofthe_week_img img { height:100% }
.deal_ofthe_week_content { height:100% }

.section_title { display:inline-block; margin: 50px 0 75px 0; text-align:center; }
.section_title h1 { display:inline-block }
.section_title h2 { display:inline-block }
.section_title::after { display:block; position:absolute; top:calc(100% + 13px); left:50%; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); width:60px; height:5px; background:#88adff; content:''; }

.timer { margin-top:66px }
.timer li { display:inline-block; width:120px; height:120px; border-radius:50%; background:#fff; margin-right:10px }
.timer li:last-child { margin-right:0 }
.timer_num { font-size:48px; font-weight:600; color:#fe4c50; margin-top:10px }
.timer_unit { margin-top:12px; font-size:16px; font-weight:500; color:#51545f }
.deal_ofthe_week_button { width:140px; background:#1e1e27; margin-top:52px }
.deal_ofthe_week_button:hover { background:#2b2b34!important }
.product_slider_container { width:100%; height:340px; margin-top:73px }
.product_slider_container::after { display:block; position:absolute; top:0; right:0; width:1px; height:100%; background:#fff; content:''; z-index:1 }
.product_slider { overflow:visible!important }
.product_slider_item .product-item { height:340px }
.product_slider_item { width:20% }
.product_slider_item .product-item {width:100%!important }
.product_slider_nav { position:absolute; width:30px; height:70px; background:#d3d3d6; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); z-index:2;cursor:pointer;visibility:hidden;opacity:0;-webkit-transition:all 300ms ease; -moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.product_slider_container:hover .product_slider_nav{visibility:visible;opacity:1}
.product_slider_nav i{color:#fff;font-size:12px}
.product_slider_nav_left{top:50%;left:0}
.product_slider_nav_right{top:50%;right:0}

.benefit { margin-top:74px }
.benefit_row { padding-left:15px; padding-right:15px }
.benefit_col { padding-left:0; padding-right:0 }
.benefit_item { height:100px; background:#f3f3f3; border-right:solid 1px #fff; padding-left:25px }
.benefit_col:last-child .benefit_item { border-right:none }
.benefit_icon i { font-size:30px; color:#88adff }
.benefit_content { padding-left:22px }
.benefit_content h6 { text-transform:uppercase; line-height:18px; font-weight:500; margin-bottom:0 }
.benefit_content p { font-size:12px; line-height:18px; margin-bottom:0; color:#51545f }

/* Content
--------------------------------------- */
.content { width:100%; margin:150px 0 0 0; }

.product-grid { width:100%; margin-top:57px }
.product-item { width:20%; height:380px; cursor:pointer }
.product-item::after { display:block; position:absolute; top:0; left:-1px; width:calc(100% + 1px); height:100%; pointer-events:none; content:''; border:solid 2px transparent; border-radius:3px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease; transition:all .3s ease }
.product-item:hover::after { box-shadow:0 25px 29px rgba(63,78,100,.15); border:solid 2px #ebebeb }
.product { width:100%; height:340px; border-right:solid 1px #e9e9e9 }
.product_image { width:100% }
.product_image img { width:100% }
.product_info { text-align:center; padding-left:10px; padding-right:10px }
.product_name { margin-top:27px }
.product_name a { color:#1e1e27; line-height:20px }
.product_name:hover a { color:#b5aec4 }
.discount .product_info .product_price { font-size:14px }
.product_price { font-size:16px; color:#fe4c50; font-weight:600 }
.product_price span { font-size:12px; margin-left:10px; color:#b5aec4; text-decoration:line-through }
.product_bubble { position:absolute; top:15px; width:50px; height:22px; border-radius:3px; text-transform:uppercase }
.product_bubble span { font-size:12px; font-weight:600; color:#fff }
.product_bubble_right::after { content:' '; position:absolute; width:0; height:0; left:6px; right:auto; top:auto; bottom:-6px; border:6px solid }
.product_bubble_left::after { content:' '; position:absolute; width:0; height:0; eft:auto; right:6px; bottom:-6px; border:6px solid }
.product_bubble_red::after { border-color:transparent transparent transparent #fe4c50 }
.product_bubble_left::after { border-color:#51a042 #51a042 transparent transparent }
.product_bubble_red { background:#fe4c50 }
.product_bubble_green { background:#51a042 }
.product_bubble_left { left:15px }
.product_bubble_right { right:15px }

.red_button { display:-webkit-inline-box; display:-moz-inline-box; display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex; flex-direction:column; justify-content:center; align-items:center; width:auto; height:40px; background:#1e1e27; border-radius:3px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease }
.red_button:hover { background:#b5aec4!important }
.red_button a { display:block; color:#fff; text-transform:uppercase; font-size:14px; font-weight:500; text-align:center; line-height:40px; width:100% }
.shop_now_button { width:140px; margin-top:32px }

.add_to_cart_button { width:100%; visibility:hidden; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease }
.add_to_cart_button a { font-size:12px; font-weight:600 }
.product-item:hover .add_to_cart_button { visibility:visible; opacity:1 }

.favorite { position:absolute; top:15px; right:15px; color:#b9b4c7; width:17px; height:17px; visibility:hidden; opacity:0 }


/* Blog
--------------------------------------- */
.blogs { margin-top:72px }
.blogs_container { margin-top:53px }
.blog_item { height:255px; width:100% }
.blog_background { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center }
.blog_content {position:absolute; top:30px; left:30px; width:calc(100% - 60px); height:calc(100% - 60px); background:rgba(255,255,255,.9); padding-left:10px; padding-right:10px; visibility:hidden; opacity:0; transform-origin:center center; -webkit-transform:scale(.7); -moz-transform:scale(.7); -ms-transform:scale(.7); -o-transform:scale(.7); transform:scale(.7); -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease }
.blog_item:hover .blog_content { visibility:visible; opacity:1; transform:scale(1) }
.blog_title { font-weight:500; line-height:1.25; margin-bottom:0 }
.blog_meta { font-size:12px; line-height:30px; font-weight:400; text-transform:uppercase; color:#51545f; margin-bottom:0; margin-top:3px; letter-spacing:1px }
.blog_more { font-size:14px; line-height:16px; font-weight:500; color:#fe4c50; border-bottom:solid 1px #fe4c50; margin-top:12px }
.blog_more:hover { color:#fe7c7f }

/* Newsletter 
--------------------------------------- */
.newsletter { width:100%; background:#f2f2f2; }
.newsletter_text { height:120px }
.newsletter_text h4 { margin-bottom:0; line-height:24px }
.newsletter_text p { margin-bottom:0; line-height:1.7; color:#51545f }
.newsletter_form { height:120px }
#newsletter_email { width:300px; height:46px; background:#fff; border:none; padding-left:20px }
#newsletter_email:focus { border:solid 1px #7f7f7f!important; box-shadow:none!important}:focus{outline:none!important }
#newsletter_email::-webkit-input-placeholder { font-size:14px!important; font-weight:400; color:#b9b4c7!important }
#newsletter_email:-moz-placeholder { font-size:14px!important; font-weight:400; color:#b9b4c7!important }
#newsletter_email::-moz-placeholder { font-size:14px!important; font-weight:400; color:#b9b4c7!important }
#newsletter_email:-ms-input-placeholder { font-size:14px!important; font-weight:400; color:#b9b4c7!important }
#newsletter_email::input-placeholder { font-size:14px!important; font-weight:400; color:#b9b4c7!important }

.newsletter_submit_btn { width:160px; height:46px; border:none; background:#88adff; color:#fff; font-size:14px; font-weight:500; text-transform:uppercase; cursor:pointer }
.newsletter_submit_btn:hover { background:#7f7f7f }

/* Footer
--------------------------------------- */
.footer_nav_container { height:130px }
.cr { margin-right:48px }
.footer_nav li { display:inline-block; margin-right:45px }
.footer_nav li:last-child { margin-right:0 }
.footer_nav li a,.cr { font-size:14px; color:#1e1e27; line-height:30px; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease }
.footer_nav li a:hover,.cr a,.cr i { color:#88adff }
.footer_social { height:130px }
.footer_social ul li { display:inline-block; margin-right:10px }
.footer_social ul li:last-child { margin-right:0 }
.footer_social ul li a { color:#51545f; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; padding:10px }
.footer_social ul li:last-child a { padding-right:0 }
.footer_social ul li a:hover { color:#88adff }


/* Responsive
-------------------------------------------------------------- */	

@media only screen and (max-width:1600px){}
@media only screen and (max-width:1540px){}
@media only screen and (max-width:1380px){}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1199px){
	.main_slider { min-height:475px; height:calc(100vw/1.714) }
	.main_slider_content { width:80% }
	.banner_item { height:220px }
	.product-item { height:360px }
	.product { height:320px }
	.timer li { width:90px; height:90px }
	.timer_num { font-size:36px; font-weight:500 }
	.timer_unit { margin-top:5px }
	.blog_title { font-size:20px }
}

@media only screen and (max-width:1024px){}
@media only screen and (max-width:991px){
	h1 { font-size:48px }
	h2 { font-size:36px }
	.main_slider_content h6 { margin-bottom:23px }
	.shop_now_button { margin-top:26px }
	.grid-item { width:25% }
	.top_nav { display:none }
	.navbar_menu { display:none }
	.hamburger_container { display:block }
	.main_slider { margin-top:100px }
	.main_slider_content { width:100%; padding-right:15px }
	.banner_item { height:160px }
	.banner_category { min-width:160px; height:40px }
	.banner_category a { font-size:16px; line-height:40px }
	.product-item { width:25% }
	.deal_ofthe_week_col { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:100% }
	.deal_ofthe_week_content { position:relative; top:auto; left:auto; height:auto }
	.deal_ofthe_week_img { text-align:center }
	.timer li { width:70px; height:70px }
	.timer_num { font-size:28px }
	.timer_unit { margin-top:1px; font-size:14px }
	.benefit_col { margin-bottom:30px }
	.benefit_col:last-child { margin-bottom:0 }
	.blog_item_col { margin-bottom:30px }
	.blog_item_col:last-child { margin-bottom:0 }
	.blog_item { height:440px }
	.blog_title { font-size:24px }
	.newsletter_text { height:auto; margin-top:30px }
	.newsletter_text p { margin-top:5px }
	.newsletter_form { height:auto; margin-top:30px; margin-bottom:40px }
	.footer_nav_container { height:auto; margin-top:65px }
	.footer_social { height:auto; margin-top:20px; margin-bottom:65px }
}

@media only screen and (max-width:959px){}
@media only screen and (max-width:880px){}
@media only screen and (max-width:768px){}
@media only screen and (max-width:767px){
	h1 { font-size:36px }
	h2 { font-size:24px }
	h6 { font-size:12px }
	.main_slider_content h6 { margin-bottom:20px }
	.shop_now_button { margin-top:23px }
	.red_button a { font-size:12px }
	.banner_item { margin-bottom:30px; height:210px }
	.new_arrivals_title { margin-top:44px }
	.product-item { width:33.333333333333%; height:345px }
	.product { height:305px }
	.grid_sorting_button { font-size:13px; padding-left:20px; padding-right:20px; min-width:80px }
	.product_slider_container { height:auto }
	.product_slider_item .product-item { height:380px }
	.benefit_col { margin-bottom:15px }
	.blog_item { height:372px }
	.newsletter_form { margin-bottom:40px }
	.newsletter_submit_btn { margin-top:15px }
}

@media only screen and (max-width:575px){
	.hamburger_menu { right:-100%; width:100% }
	.product-item { width:50%; height:420px }
	.product { height:380px }
	.blog_item { height:calc((100vw - 30px)/1.37) }
	.cr { display:block; margin-right:0; margin-bottom:30px; font-size:13px }
	.footer_nav { margin-bottom:20px }
	.footer_nav li{ display:block; margin-right:0 }
	.footer_nav li a { font-size:13px }
}

@media only screen and (max-width:539px){}
@media only screen and (max-width:480px){}
@media only screen and (max-width:479px){
	.logo_container a { font-size:12px }
	.hamburger_container { margin-left:25px }
	.hamburger_container i { font-size:16px }
	.hamburger_close { top:14px; right:4px }
	.hamburger_close i { font-size:20px }
	.hamburger_menu_content { padding-right:15px; padding-top:70px }
	.menu_item { border-bottom-color:rgba(181,174,196,.5) }
	.menu_item>a { font-size:12px; line-height:35px; height:35px }
	.menu_selection li a { font-size:12px; line-height:35px; height:35px }
	.navbar { height:70px }
	.navbar_user li a { width:30px; height:30px; font-size:12px }
	.checkout_items { width:15px; height:15px; font-size:10px }
	.main_slider { height:calc(100vh - 70px); min-height:auto; margin-top:70px }
	.main_slider_content h6 { margin-bottom:15px }
	.main_slider_content h1 { font-size:24px }
	.shop_now_button { margin-top:15px; width:100px; height:35px }
	.red_button a { font-size:10px }
	.banner_item { height:calc((100vw - 30px)/2.6) }
	.grid_sorting_button { font-size:12px; padding-left:10px; padding-right:10px; min-width:60px; height:35px }
	.product-item { width:100%; height:auto }
	.product { height:auto }
	.product_name a { font-size:12px }
	.add_to_cart_button { margin-top:20px }
	.deal_ofthe_week_img { height:400px }
	.timer { margin-top:42px }
	.timer li { width:50px; height:50px }
	.section_title::after { top:calc(100% + 8px); height:3px }
	.timer_num { margin-top:4px; font-size:16px }
	.timer_unit { margin-top:-9px; font-size:10px }
	.deal_ofthe_week_button { margin-top:36px }
	.product_slider_item .product-item { width:100%; height:auto }
	.product_slider_item .product-item:hover::after { box-shadow:none }
	.product_slider_item .product-item .product { height:auto }
	.product_slider_item .product-item .product_info { padding-bottom:30px }
	.blog_title { font-size:16px }
	.blog_meta { font-size:10px }
	.blog_more { font-size:12px; margin-top:5px }
	.newsletter_form { margin-top:22px }
	.newsletter_text h4 { font-size:20px }
	.newsletter_text p { font-size:13px; margin-top:5px }
	.newsletter_submit_btn { font-size:12px }
	#newsletter_email { height:40px; width:100%; padding-left:15px }
	.newsletter_submit_btn { height:36px; width:130px }
	#newsletter_email::-webkit-input-placeholder { font-size:12px!important; padding-left:0 }
	#newsletter_email:-moz-placeholder { font-size:12px!important; padding-left:0 }
	#newsletter_email::-moz-placeholder { font-size:12px!important; padding-left:0 }
	#newsletter_email:-ms-input-placeholder { font-size:12px!important; padding-left:0 }
	#newsletter_email::input-placeholder { font-size:12px!important; padding-left:0 }
	.footer_nav_container { margin-top:35px }
	.cr { margin-bottom:20px }
	.footer_nav { margin-bottom:20px }
	.footer_social { margin-top:5px; margin-bottom:30px }
}
@media only screen and (max-width:400px){}