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

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
3.1 Top Bar
3.2 Header Main
3.3 Main Navigation
3.4 Page Menu
4. Banner
5. Characteristics
6. Deals of the week
6.1 Deals
6.2 Featured
7. Popular Categories
8. Banner 2
9. Hot New Arrivals
10. Hot Best Sellers
11. Adverts
12. Trends
13. Latest Reviews
14. Recently Viewed
15. Brands
16. Newsletter
17. Footer


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Rubik:300,400,500,700,900');

@font-face {
font-family: mark-pro;
src: url(../fonts/Mark_Pro.ttf);
}
@font-face {
font-family: Cairo-ExtraLight;
src: url(../fonts/Cairo-Regular.ttf);
}

/*********************************
2. Body and some general stuff
*********************************/
html {
    overflow-y: scroll !important; 
}
*
{
margin: 0;
padding: 0;
-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;
}
body
{
font-family: 'Cairo-ExtraLight', sans-serif;
font-size: 14px;
font-weight: 500;
background: #FFFFFF;
color: #000000;
}
div
{
font-family:'Cairo-ExtraLight',sans-serif;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul
{
list-style: none;
margin-bottom: 0px;
}
p
{
font-family: 'Cairo-ExtraLight', sans-serif;
font-size: 14px;
line-height: 1.7;
font-weight: 400;
text-align:left;
color: #828282;
-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;
}
a,a:hover{color:#;}
p a
{
display: inline;
position: relative;
color: inherit;
border-bottom: solid 1px #ffa07f;
-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: #FF6347;
}
p a:hover
{
color: #FFFFFF;
background: #ffa07f;
}
p a:hover::after
{
opacity: 0.2;
}
::selection
{

}
p::selection
{

}
h1{
font-size: 45px;
font-family: "Cairo";
color: rgb(40, 40, 40);
text-transform: uppercase;
line-height: 1.2;
text-align: center;
}
h2{
font-size: 50px;
font-family: "Cairo";
color: rgb(40, 40, 40);
text-transform: uppercase;
line-height: 1.2;
text-align: center;
}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
color:#282828;
font-family: 'Cairo-ExtraLight', sans-serif;
font-weight: 500;
-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
{

}
a{color:#282828;}
.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%;
}
.banner .jumbotron{
margin-top: 8px;border-radius: 0;
}
.banner h1{margin:6rem 0px 6rem;}
.fill_height h1{font-family: 'Cairo-ExtraLight' ,sans-serif;}
.super_container
{
width: 100%;
overflow: hidden;
}
.prlx_parent
{
overflow: hidden;
}
.prlx
{
height: 130% !important;
}
.nopadding
{
padding: 0px !important;
}
.button
{
display: inline-block;
<!--background: #1e1e1e;-->
background: #;
border-radius: 2px;
height: 48px;
padding-right : 20px;
padding-left : 20px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.button a
{
display: block;
font-size: 18px;
font-weight: 400;
line-height: 48px;
color: #FFFFFF;
padding-left: 35px;
padding-right: 35px;
}
.button:hover
{
opacity: 0.8;
}

/*********************************
3. Header
*********************************/

.header
{
position: relative;
width: 100%;
z-index: 10;
}
.image_list li {
    padding:10px;
}
.mtop-px-20 {
    margin-top:20px;
}
/*********************************
3.1 Top Bar
*********************************/

.top_bar
{
width: 100%;
height: 56px;
background: #fafafa;
border-bottom: solid 1px rgba(0,0,0,0.05);
z-index: 2;
}
.header.scrolled .top_bar
{
display: none;
}
.top_bar_contact
{
display: inline-block;
}
.top_bar_contact_item
{
font-size: 16px;
font-weight: 300;
line-height: 56px;
margin-right: 40px;
}
.top_bar_contact_item:not(:first-child)
{
margin-right: 0px;
}
.top_bar_contact_item a
{
font-size: 16px;
font-weight: 300;
line-height: 56px;
color: #000;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.top_bar_contact_item a:hover
{
color: #8a8a8a;
}
.top_bar_contact_item:last-child
{
margin-right: 0px;
}
.top_bar_icon
{
display: inline-block;
margin-right: 14px;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
.top_bar_menu
{
display: inline-block;
}

.top_bar_dropdown li
{
padding-left: 13px;
padding-right: 13px;
}
.standard_dropdown li
{
display: inline-block;
position: relative;
height: 15px;
}
.standard_dropdown li li
{
display: block;
width: 100%;
}
.standard_dropdown li li a
{
display: block;
width: 100%;
border-bottom: solid 1px #f2f2f2;
font-size: 16px;
padding:5px 2px;
}
.standard_dropdown li:last-child a
{
border-bottom: none;
}
.standard_dropdown li.hassubs > a i
{
display: inline-block;
margin-left: 5px;
}
.standard_dropdown li a
{
display: block;
position: relative;
font-size: 16px;
font-weight: 300;
color: #000000;
line-height: 56px;
white-space: nowrap;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.standard_dropdown li a:hover
{
color: #073589;
color: #;
}
.standard_dropdown li a i
{
display: none;
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
-o-transform: translateY(-1px);
transform: translateY(-1px);
font-size: 12px;
}
.standard_dropdown li ul
{
display: block;
position: absolute;
top: 120%;
left: 0;
width: auto;
visibility: hidden;
opacity: 0;
background: #FFFFFF;
box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
}
///////////////// modif 08/07/2020 par FAJR /////////////////////
.standard_dropdown li:hover > ul
{
/*top: 100%;
visibility: visible;
opacity: 1;*/
}

.dropdown-menu.show {
display: block;
top: 100%;
visibility: visible;
opacity: 1;
}
.dropdown-menu.show li{
height: 30px;
}
/////////////////////////////////////////////////////////////
.standard_dropdown ul ul
{
left: 100%;
top: 0 !important;
}
.top_bar_user
{
display: inline-block;
margin-right: 35px;
}
.top_bar_user .dropdown-menu li{
padding-left: 1rem;
border-bottom: 1px solid rgb(231 231 231);
}
.user_icon
{
display: inline-block;
margin-right: 7px;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
width: 15px;
}
.user_icon img
{
width: 100%;
}
.top_bar_user div
{
display: inline-block;
}
.top_bar_user div:nth-child(2)
{
margin-right: 21px;
}
.top_bar_user div:nth-child(2)::after
{
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: -13px;
width: 1px;
height: 17px;
background: rgba(0,0,0,0.1);
content: '';
}
.top_bar_user a
{
font-size: 16px;
font-weight: 500;
line-height: 56px;
color: #000;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.top_bar_user a:hover
{
color: #8a8a8a;
}

/*********************************
3.2 Header Main
*********************************/

.header_main
{
z-index: 1;
background-color :#f8f8f8;
border-top: solid 1px #f2f2f2;
<!-- background-color :#; -->
}
.header.scrolled .header_main
{
display: none;
}
.header_main_item
{
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.logo_container
{
height: 110px;
}
.logo
{
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.logo a
{
font-size: 36px;
font-weight: 500;
color: #073589;
color: #;
}
.sidebar_title {
background-color: # !important;
}
.header_search
{
height: 110px;
}
.header_search_content
{
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.header_search_form_container
{
width: 100%;
height: 50px;
border: none;
border-radius: 5px;
}
.header_search_form
{
display: flex;
width: 100%;
height: 100%;
background-color : #FFF;
}
.header_search_input
{
display: block;
position: relative;
width:100%;
height: 100%;
line-height: 50px;
border: none !important;
outline: none !important;
padding-left: 26px;
color: #7f7f7f;
float: left;
<!-- width: calc((100% - 50px) * 0.601); -->
}

.header_search_input::-webkit-input-placeholder
{
font-size: 16px !important;
font-weight: 300;
line-height: 50px;
color: #000 !important;
}
.header_search_input:-moz-placeholder /* older Firefox*/
{
font-size: 16px !important;
font-weight: 300;
line-height: 50px;
color: #000 !important;
}
.header_search_input::-moz-placeholder /* Firefox 19+ */
{
font-size: 16px !important;
font-weight: 300;
line-height: 50px;
color: #000 !important;
}
.header_search_input:-ms-input-placeholder
{
font-size: 16px !important;
font-weight: 300;
line-height: 50px;
color: #000 !important;
}
.header_search_input::input-placeholder
{
font-size: 16px !important;
font-weight: 300;
line-height: 50px;
color: #000 !important;
}
.custom_dropdown
{
width: calc((100% - 50px) * 0.399);
height: 50px;
float: left;
padding-left: 26px;
}
.custom_dropdown::before
{
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 1px;
height: 28px;
background: #e5e5e5;
content: '';
}
.custom_dropdown_list i
{
display: inline-block;
color: #a3a3a3;
font-size: 10px;
margin-left: 3px;
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
-o-transform: translateY(-1px);
transform: translateY(-1px);
}
.custom_dropdown_placeholder
{
display: inline-block;
font-size: 16px;
font-weight: 300;
color: #a3a3a3;
line-height: 48px;
cursor: pointer;
}
.custom_dropdown_placeholder i
{

}
.custom_list
{
text-align: left;
position: absolute;
padding: 0;
top: 75px;
left: -15px;
visibility: hidden;
opacity: 0;
box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: all 0.2s ease;
}
.custom_list.active
{
visibility: visible;
opacity: 1;
top: 50px;
box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: all 0.3s ease;
}
.custom_list li
{
height: 35px;
padding-left: 15px;
padding-right: 15px;
background: #FFFFFF;
}
.custom_list li a
{
display: block;
color: #a3a3a3;
line-height: 35px;
border-bottom: solid 1px #ededed;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.custom_list li a:hover
{
color: #073589;
color: #;
}
select
{
display: inline;
border: 0;
width: auto;
margin-left: 10px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
border-bottom: 2px solid #555;
color: #7b00ff;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
select:hover
{
cursor: pointer;
}
select option
{
border: 0;
border-bottom: 1px solid #555;
padding: 10px;
-webkit-appearance: none;
-moz-appearance: none;
}
.header_search_button
{
width: 50px;
height: 100%;
background:transparent;
border: none;
outline: none;
cursor: pointer;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.wishlist_cart
{
height: 110px;
}
.wishlist
{
margin-right: 50px;
}
.wishlist_icon img
{
width: 100%;
}
.wishlist_content
{
margin-left: 14px;
}
.wishlist_text a
{
font-size: 18px;
font-weight: 400;
color: #000000;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.wishlist_text a:hover
{
color: #073589;
color: #;
}
.wishlist_count
{
margin-top: -2px;
color: #a3a3a3;
font-size: 14px;
}
.cart_count
{
position: absolute;
bottom: -1px;
right: -14px;
width: 23px;
height: 23px;
background: #f9d607;
background: #;
border-radius: 50%;
text-align: center;
}
.cart_count span
{
display: block;
line-height: 23px;
font-size: 12px;
color: #FFFFFF;
-webkit-transform: translateY(1px);
-moz-transform: translateY(1px);
-ms-transform: translateY(1px);
-o-transform: translateY(1px);
transform: translateY(1px);
}
.cart_icon img
{
width: 100%;
}
.cart_content
{
margin-left: 28px;
}
.cart_text a
{
font-size: 18px;
font-weight: 400;
color: #999999;
color: #;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.cart_text a:hover
{
color: #a3a3a3;
color: #;
}
.cart_price
{
font-size: 14px;
color: #a3a3a3;
margin-top: -2px;
}

/*********************************
3.3 Main Navigation
*********************************/
.main_nav a{font-family: 'Cairo-ExtraLight' ,sans-serif;}
.header_main{font-family: 'Cairo-ExtraLight' ,sans-serif;}
.header_main a{font-family: 'Cairo-ExtraLight' ,sans-serif;}
.main_nav
{
display:flex;
justify-content: center;
font-family: 'Cairo-ExtraLight' ,sans-serif;
width: 100%;
border-bottom: solid 1px #f2f2f2;
background: #f8f8f8;
}
}
.menu_row_mob {
    width:100%;
}
.header.scrolled .main_nav
{
position: fixed;
top: 0;
left: 0;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.main_nav_content
{
width: 100%;
height: 60px;
}
.cat_menu_container
{
width: 293px;
height: 100%;
background: #073589;
background: #;
padding-left: 35px;
cursor: pointer;
z-index: 1;
}
.cat_menu_title
{
height: 100%;
}
.cat_burger
{
width: 18px;
height: 14px;
}
.cat_burger span
{
display: block;
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #FFFFFF;
}
.cat_burger span:nth-child(2)
{
top: 6px;
}
.cat_burger span:nth-child(3)
{
top: 12px;
}
.cat_menu_text
{
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
text-transform: uppercase;
margin-left: 20px;
}
.cat_menu_container ul
{
visibility: hidden;
opacity: 0;
}
.cat_menu_container > ul
{
padding-top: 13px;
}
.cat_menu_container:hover .cat_menu
{
visibility: visible;
opacity: 1;
background: #FFF;
width: 293px;
margin-left: -35px;
}
.cat_menu li
{
display: block;
position: relative;
width: auto;
height: 46px;
border-bottom: solid 1px #f2f2f2;
padding-left: 35px;
padding-right: 30px;
white-space: nowrap;
}
.cat_menu li.hassubs > a i
{
display: block;
}
.cat_menu li a
{
display: block;
position: relative;
font-size: 16px;
font-weight: 300;
color: #000000;
line-height: 46px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.cat_menu li a:hover
{
color: #073589;
color: #;
}
.cat_menu li a i
{
display: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
font-size: 12px;
}
.cat_menu li ul
{
display: block;
position: absolute;
top: 35px;
left: 100%;
visibility: hidden;
opacity: 0;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
}
.cat_menu li:hover > ul
{
top: 0;
visibility: visible;
opacity: 1;
}
.main_nav_dropdown li
{
margin-right: 35px;
}
.main_nav_dropdown li:last-child
{
margin-right: 0px;
}
.main_nav_dropdown li a
{
color: #000;
line-height: 60px;
font-size: 14px;
font-family: "Cairo-ExtraLight";
color: rgb(40, 40, 40);
text-transform: uppercase;
line-height: 1.2;
text-align: left;
}
.main_nav_dropdown li a:hover{color:#a19a9a;}
.main_nav_dropdown li li
{
padding-left: 15px;
padding-right: 15px;
margin-right: 0px;
}
.menu_trigger_container
{
display: none;
width: auto;
height: 100%;
padding-right: 25px;
padding-left: 25px;
cursor: pointer;
}
.menu_trigger
{
height: 100%;
}
.menu_burger{
display:flex;
}
.menu_burger_inner
{
display: inline-block;
}
.menu_trigger_text
{
display: inline-block;
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
text-transform: uppercase;
margin-right: 16px;
}

/*********************************
3.4 Page Menu
*********************************/

.page_menu
{
margin-top: 0px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.page_menu_content
{
height: 0px;
background: #073589;
background: #;
padding-left: 15px;
padding-right: 15px;
overflow: hidden;
}
.page_menu_search
{
display: none;
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
.page_menu_search_input
{
width: 100%;
height: 40px;
background: #FFFFFF;
border: none;
outline: none;
padding-left: 25px;
}
.page_menu_item
{
display: block;
position: relative;
border-bottom: solid 1px rgba(255,255,255,0.1);
vertical-align: middle;
}
.page_menu_item > a
{
display: block;
color: #FFFFFF;
font-weight: 500;
height: 50px;
line-height: 50px;
font-size: 14px;
text-transform: uppercase;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.page_menu_item > a:hover
{
color: #b5aec4;
}
.page_menu_item a i
{
display: none;
margin-left: 8px;
}
.page_menu_item.has-children > a > i
{
display: inline-block;
}
.page_menu_selection
{
margin: 0;
width: 100%;
height: 0px;
overflow: hidden;
z-index: 1;
}
.page_menu_selection li
{
padding-left: 10px;
padding-right: 10px;
line-height: 50px;
}
.page_menu_selection li a
{
display: block;
color: #FFFFFF;
border-bottom: solid 1px rgba(255,255,255,0.1);
font-size: 14px;
text-transform: uppercase;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: all 0.3s ease;
}
.page_menu_selection li a:hover
{
color: #b5aec4;
}
.page_menu_selection li:last-child a
{
border-bottom: none;
}
.menu_contact_item
{
display: inline-block;
font-size: 12px;
font-weight: 300;
line-height: 56px;
margin-right: 40px;
color: #FFFFFF;
}
.menu_contact_item:not(:first-child)
{
margin-right: 0px;
}
.menu_contact_item a
{
font-size: 12px;
font-weight: 300;
line-height: 56px;
color: #FFFFFF;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.menu_contact_item a:hover
{
color: #8a8a8a;
}
.menu_contact_item:last-child
{
margin-right: 0px;
}
.menu_contact_icon
{
display: inline-block;
margin-right: 14px;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}

/*********************************
4. Banner
*********************************/

.banner
{
width: 100%;
<!-- padding-top: 68px; -->
<!-- padding-bottom: 83px; -->
overflow: hidden;
}
.banner_background
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.banner_content
{
z-index: 1;
}
.banner_text
{
font-family: 'Cairo-ExtraLight', sans-serif;
font-weight: 500;
line-height: 1.166;
color: #7599b2;
text-transform: uppercase;
letter-spacing: 0.038em;
}
.banner_price
{

}
.banner_price
{
font-size: 30px;
color: #df3b3b;
margin-top: 87px;
}
.banner_price span
{
display: inline-block;
position: relative;
color: #7e8285;
margin-right: 14px;
}
.banner_price span::after
{
display: block;
position: absolute;
top: 21px;
left: 0;
width: 100%;
height: 2px;
background: #8d8d8d;
content: '';
}
.banner_product_name
{
font-size: 18px;
font-weight: 400;
color: #000000;
margin-top: 8px;
}
.banner_button
{
margin-top: 42px;
}
.banner_product_image
{
<!-- position: absolute;
    top: -5px;
    right: -52px; -->
z-index: 0;
}

/*********************************
5. Characteristics
*********************************/

.characteristics
{
padding-top: 70px;
padding-bottom: 70px;
}
.char_item
{
width: 100%;
height: 100px;
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
border: solid 1px #e8e8e8;
padding-left: 36px;
}
.char_icon
{
margin-right: 24px;
}
.char_content
{
transform: translate(-1px, 3px);
}
.char_title
{
font-size: 14px;
font-weight: 500;
color: #000000;
}
.char_subtitle
{
font-size: 12px;
font-weight: 400;
color: rgba(0,0,0,0.5);
margin-top: 3px;
}

/*********************************
6. Deals of the week
*********************************/

.deals_featured
{
width: 100%;
}

/*********************************
6.1 Deals
*********************************/

.deals
{
width: 36%;
margin-right: 7%;
padding-top: 85px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 35px;
box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
border-radius: 5px;
}
.deals_title
{
position: absolute;
top: 27px;
left: 40px;
font-size: 18px;
font-weight: 500;
color: #000000;
}
.deals_slider_container
{
width: 100%;
}
.deals_item
{
width: 100% !important;
}
.deals_image
{
width: 100%;
}
.deals_image img
{
width: 100%;
}
.deals_content
{
margin-top: 33px;
}
.deals_item_category a
{
font-size: 14px;
font-weight: 400;
color: rgba(0,0,0,0.5);
}
.deals_item_price_a
{
font-size: 14px;
font-weight: 400;
color: rgba(0,0,0,0.6);
}
.deals_item_name
{
font-size: 24px;
font-weight: 400;
color: #000000;
}
.deals_item_price
{
font-size: 24px;
font-weight: 500;
color: #df3b3b;
}
.available
{
margin-top: 19px;
}
.available_title
{
font-size: 12px;
color: rgba(0,0,0,0.5);
font-weight: 400;
}
.available_title span
{
font-weight: 700;
}
.sold_title
{
font-size: 12px;
color: rgba(0,0,0,0.5);
font-weight: 400;
}
.sold_title span
{
font-weight: 700;
}
.available_bar
{
width: 100%;
height: 10px;
background: #e8e8e8;
border-radius: 5px;
overflow: hidden;
margin-top: 5px;
}
.available_bar span
{
position: absolute;
top: 0;
left: 0;
height: 100%;
border-radius: 5px;
background: #073589;
background: #;
}
.deals_timer
{
margin-top: 30px;
}
.deals_timer_title
{
font-size: 14px;
font-weight: 500;
color: #000000;
}
.deals_timer_subtitle
{
font-size: 12px;
color: rgba(0,0,0,0.5);
}
.deals_timer_content
{
padding-bottom: 17px;
}
.deals_timer_box
{
width: 173px;
padding-left: 3px;
padding-right: 3px;
border: solid 1px #cccccc;
border-radius: 5px;
margin-right: 1px;
}
.deals_timer_unit
{
width: 33.33333333%;
font-size: 24px;
font-weight: 500;
color: #000000;
padding-left: 12px;
padding-right: 12px;
padding-top: 3px;
padding-bottom: 2px;
float: left;
}
.deals_timer_unit:first-child::after,
.deals_timer_unit:nth-child(2)::after
{
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0px;
width: 1px;
height: 25px;
background: #e5e5e5;
content: '';
}
.deals_timer_unit span
{
position: absolute;
display: block;
bottom: -22px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 8px;
color: rgba(0,0,0,0.5);
text-transform: uppercase;
}
.deals_slider_nav_container
{
position: absolute;
top: 20px;
right: 40px;
}
.deals_slider_nav
{
display: inline-block;
cursor: pointer;
}
.deals_slider_nav i
{
font-size: 18px;
padding: 10px;
color: #666666;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.deals_slider_nav:hover i
{
color: #000000;
}
.deals_slider_nav:active i
{
color: #df3b3b;
}
.deals_slider_prev
{
margin-right: 4px;
}

/*********************************
6.2 Featured
*********************************/

.featured
{
width: 57%;
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-ms-transform: translateY(60px);
-o-transform: translateY(60px);
transform: translateY(60px);
}
.tabbed_container
{
width: 100%;
}
.tabs
{
width: 100%;
}
.tabs ul li
{
font-size: 18px;
font-weight: 500;
color: rgba(0,0,0,0.5);
float: left;
margin-right: 53px;
cursor: pointer;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.tabs ul li:hover
{
color: rgba(0,0,0,0.8);
}
.tabs ul li:last-child
{
margin-right: 0px;
}
.tabs ul li.active
{
color: rgba(0,0,0,0.8);
}
.tabs_line
{
width: 100%;
height: 1px;
background: #dadada;
margin-top: 12px;
}
.tabs.tabs-right .tabs_line
{
margin-top: 39px;
}
.tabs_line span
{
position: absolute;
top: -1px;
left: 0;
width: 80px;
height: 2px;
background: #073589;
background: #;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.tabs.tabs-right ul
{
float: right;
}
.product_panel
{
display: none;
margin-left: -60px;
margin-right: -60px;
}
.product_panel.active
{
display: block;
}
.featured_slider
{
width: 100%;
}
.featured_slider .slick-list
{
padding-left: 20px;
padding-right: 20px;
}
.featured_slider .slick-track
{
padding-bottom: 120px;
}
.featured_slider_item
{
height: 263px;
width: 25%;
}
.product_item
{
position: relative;
<!-- left: -10px; -->
width: calc(100% + 20px);
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
background: #FFFFFF;
cursor: pointer;
padding-top: 40px;
z-index: 0;
}
.slick-active .product_item:hover
{
box-shadow: 0px 5px 25px rgba(0,0,0,0.1);
z-index: 10;
}
.product_image
{
width: 100%;
height: 155px;
overflow: hidden;
}
.product_image img
{
display: block;
position: relative;
max-width: 100%;
max-height: 100%;
}
.product_content
{
width: 100%;
}
.product_content .btn-buy-product{
font-weight:500;
background-color: rgb(255 255 255);
border: 5px solid rgb(231 236 239);
border-radius: 0;
padding: 0.5rem 4rem;
margin-top: 10px;
cursor:pointer;
}
.product_price
{
<!-- margin-top: 25px; -->
}
.product_price.discount
{
color: #df3b3b;
}
.product_price span
{
font-size: 12px;
font-weight: 400;
color: rgba(0,0,0,0.6);
margin-left: 10px;
}
.product_name
{
margin-top: 4px;
overflow: hidden;
color : #000;
font-size: 16px;
font-weight: 500;
margin-top: 25px;
}
.product_name div
{
width: 100%;
}
.product_stock {
height: 48px;
padding-top: 13px;
}
.product_name div a
{
font-size: 14px;
font-weight: 400;
color: #000000;
white-space: nowrap;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.product_name div a:hover
{
color: #073589;
color: #;
}
.product_color
{
visibility: hidden;
opacity: 0;
margin-top: 19px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.product_extras
{
width: 100%;
background: #FFFFFF;
max-height: 0px;
overflow: hidden;
-webkit-transition: max-height 200ms ease;
-moz-transition: max-height 200ms ease;
-ms-transition: max-height 200ms ease;
-o-transition: max-height 200ms ease;
transition: max-height 200ms ease;
}
.slick-active .product_item:hover .product_extras
{
max-height: 300px;
}
.slick-active .product_item:hover .product_color,
.slick-active .product_item:hover .product_cart_button
{
visibility: visible;
opacity: 1;
}
.product_color input
{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
display: inline-block;
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
border: none;
outline: none;
cursor: pointer;
font-size: 8px;
}
.product_color input:checked::after
{
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: 'FontAwesome';
content: '\f00c';
color: #FFFFFF;
}
.product_cart_button
{
position: relative;
left: 0px;
visibility: hidden;
opacity: 0;
width: 100%;
height: 48px;
background: #073589;
background: #;
border: none;
outline: none;
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
cursor: pointer;
margin-top: 19px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.product_cart_button:hover
{
background: rgba(14, 140, 228, 0.8);
}
.featured_slider .slick-dots
{
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 100px;
}
.featured_slider .slick-slide
{
outline: none;
}
.featured_slider .slick-dots li
{
display: inline-block;
width: 15px;
height: 15px;
border: none;
outline: none;
padding: 0px;
margin: 0px;
border-radius: 50%;
content: '';
background: #e8e8e8;
margin-right: 20px;
cursor: pointer;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.featured_slider .slick-dots li:hover
{
background: #073589;
background: #;
}
.featured_slider .slick-dots li.slick-active
{
background: #073589;
background: #;
}
.featured_slider .slick-dots li:last-child
{
margin-right: 0px;
}
.featured_slider .slick-dots li button
{
display: none;
}
.featured_slider_dots_cover
{
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 100px;
width: 100px;
height: 30px;
background: #FFFFFF;
z-index: 1;
display: none;
}
.product_fav
{
position: absolute;
top: 33px;
right: 12px;
width: 36px;
height: 36px;
background: #FFFFFF;
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
border-radius: 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.product_fav:hover
{
box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
}
.product_item:hover .product_fav
{
top: 18px;
}
.product_fav i
{
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
color: #cccccc;
line-height: 36px;
pointer-events: none;
z-index: 0;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.product_fav.active i
{
color: red;
}
.product_item:hover .product_fav
{
visibility: visible;
opacity: 1;
}
.product_marks
{
display: none;
position: absolute;
top: 33px;
left: 30px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.slick-active .product_marks
{
display: block;
}
.product_item:hover .product_marks
{
top: 18px;
left: 18px;
}
.product_mark
{
display: inline-block;
width: 36px;
height: 36px;
border-radius: 50%;
color: #FFFFFF;
text-align: center;
line-height: 36px;
font-size: 12px;
}
.product_new
{
display: none;
background: #073589;
background: #;
visibility: hidden;
opacity: 0;
}
.product_discount
{
display: none;
background: #df3b3b;
visibility: hidden;
opacity: 0;
}
.product_item.is_new .product_new,
.product_item.discount .product_discount
{
display: inline-block;
visibility: visible;
opacity: 1;
}

/*********************************
7. Popular Categories
*********************************/

.popular_categories
{
padding-top: 88px;
padding-bottom: 90px;
}
.popular_categories_title
{
font-size: 30px;
font-weight: 500;
color: #000000;
line-height: 1.2;
}
.popular_categories_slider_nav
{
margin-top: 27px;
}
.popular_categories_nav
{
display: inline-block;
width: 36px;
height: 36px;
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
border-radius: 50%;
text-align: center;
cursor: pointer;
margin-right: 16px;
}
.popular_categories_nav:last-child
{
margin-right: 0px;
}
.popular_categories_nav i
{
line-height: 36px;
color: #e5e5e5;
font-size: 18px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.popular_categories_nav:hover i
{
color: #474747;
}
.popular_categories_link
{
margin-top: 40px;
}
.popular_categories_link a
{
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #073589;
color: #;
}
.popular_category
{
height: 216px;
padding-left: 40px;
padding-right: 40px;
}
.popular_categories_slider .owl-item:nth-child(even)
{
background: #eff6fa;
}
.popular_category_image img
{
max-height: 100%;
max-width: 100%;
}
.popular_category_text
{
margin-top: 20px;
line-height: 1.714;
text-align: center;
}

/*********************************
8. Banner 2
*********************************/

.banner_2
{
width: 100%;
}
.banner_2_background
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.banner_2_item
{
height: 580px;
}
.banner_2_content
{
padding-top: 145px;
}
.banner_2_image_container
{
width: 100%;
height: 100%;
}
.banner_2_image
{
min-width: 100%;
width: calc(44.8vw);
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.banner_2_image img
{
width: 100%;
}
.banner_2_category
{
font-size: 12px;
color: rgba(0,0,0,0.5);
}
.banner_2_title
{
font-size: 30px;
font-weight: 500;
color: #000000;
margin-top: 11px;
}
.banner_2_text
{
font-size: 16px;
font-weight: 300;
color: #828282;
line-height: 1.5;
margin-top: 9px;
}
.banner_2_rating
{
margin-top: 18px;
}
.rating_r i::before
{
font-family: 'FontAwesome';
content: "\f006";
font-style: normal;
font-size: 19px;
margin-right: 4px;
color: #f5e211;
}
.rating_r_1 i:first-child::before{content: "\f005";}
.rating_r_2 i:first-child::before{content: "\f005";}
.rating_r_2 i:nth-child(2)::before{content: "\f005";}
.rating_r_3 i:first-child::before{content: "\f005";}
.rating_r_3 i:nth-child(2)::before{content: "\f005";}
.rating_r_3 i:nth-child(3)::before{content: "\f005";}
.rating_r_4 i:first-child::before{content: "\f005";}
.rating_r_4 i:nth-child(2)::before{content: "\f005";}
.rating_r_4 i:nth-child(3)::before{content: "\f005";}
.rating_r_4 i:nth-child(4)::before{content: "\f005";}
.rating_r_5 i:first-child::before{content: "\f005";}
.rating_r_5 i:nth-child(2)::before{content: "\f005";}
.rating_r_5 i:nth-child(3)::before{content: "\f005";}
.rating_r_5 i:nth-child(4)::before{content: "\f005";}
.rating_r_5 i:nth-child(5)::before{content: "\f005";}
.banner_2_button
{
margin-top: 43px;
}
.banner_2_dots
{
position: absolute;
bottom: 40px;
left: calc((100% - 1170px) / 2 + 15px);
z-index: 1000000;
}
.banner_2_dots .owl-dot
{
display: inline-block;
width: 15px;
height: 15px;
background: #FFFFFF;
border-radius: 50%;
margin-right: 16px;
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
cursor: pointer;
}
.banner_2_dots .owl-dot:last-child
{
margin-right: 0px;
}
.banner_2_dots .owl-dot.active
{
background: #073589;
background: #;
box-shadow: none;
}

/*********************************
9. Hot New Arrivals
*********************************/

.new_arrivals
{
width: 100%;
padding-top: 96px;
padding-bottom: 96px;
}
.new_arrivals_title
{
position: absolute;
left: 0;
top: -7px;
font-size: 24px;
font-weight: 500;
margin-bottom: -29px;
}
.arrivals_slider
{
width: 100%;
}
.arrivals_slider .slick-list
{
padding-left: 20px;
padding-right: 20px;
}
.arrivals_slider .slick-track
{
padding-bottom: 80px;
}
.arrivals_slider_item
{
visibility: hidden;
height: 263px;
width: 25%;
}
.arrivals_slider .slick-active .arrivals_slider_item
{
visibility: visible;
}
.border_active.active
{
display: block;
}
.border_active
{
display: none;
position: absolute;
top: 40px;
right: 0;
width: 1px;
height: 183px;
background: #e5e5e5;
content: '';
z-index: 1;
}
.arrivals_slider .slick-dots
{
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 50px;
}
.arrivals_slider .slick-slide
{
outline: none;
}
.arrivals_slider .slick-dots li
{
display: inline-block;
width: 15px;
height: 15px;
border: none;
outline: none;
padding: 0px;
margin: 0px;
border-radius: 50%;
content: '';
background: #e8e8e8;
margin-right: 20px;
cursor: pointer;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.arrivals_slider .slick-dots li:hover
{
background: #073589;
background: #;
}
.arrivals_slider .slick-dots li.slick-active
{
background: #073589;
background: #;
}
.arrivals_slider .slick-dots li:last-child
{
margin-right: 0px;
}
.arrivals_slider .slick-dots li button
{
display: none;
}
.arrivals_slider_dots_cover
{
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 100px;
width: 100px;
height: 30px;
background: #FFFFFF;
z-index: 1;
display: none;
}
.arrivals_single
{
width: 100%;
padding-top: 73px;
}
.arrivals_single > div
{
width: 212px;
float: right;
}
.arrivals_single_image
{
width: 100%;
}
.arrivals_single_image img
{
max-width: 100%;
}
.arrivals_single_content
{
width: 100%;
}
.arrivals_single_button
{
position: relative;
left: 0px;
width: 100%;
height: 48px;
background: #073589;
background: #;
border: none;
outline: none;
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
cursor: pointer;
margin-top: 19px;
border-radius: 5px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.arrivals_single_button:hover
{
background: rgba(14, 140, 228, 0.8);
}
.arrivals_single_category
{
margin-top: 27px;
}
.arrivals_single_category a
{
font-size: 12px;
color: rgba(0,0,0,0.5);
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.arrivals_single_category a:hover
{
color: #073589;
color: #;
}
.arrivals_single_name_container
{
width: 100%;
}
.arrivals_single_name
{
margin-top: 2px;
float: left;
}
.arrivals_single_name a
{
font-size: 16px;
color: #000000;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.arrivals_single_name a:hover
{
color: #073589;
color: #;
}
.arrivals_single_price
{
font-size: 16px;
font-weight: 500;
float: right;
}
.arrivals_single_rating
{
margin-top: 9px;
}
.arrivals_single_marks
{
display: block;
position: absolute;
top: -15px;
left: 0px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.arrivals_single_marks .product_mark
{
display: inline-block;
width: 36px;
height: 36px;
border-radius: 50%;
color: #FFFFFF;
text-align: center;
line-height: 36px;
font-size: 12px;
}
.arrivals_single_marks .product_new
{
display: block;
background: #073589;
background: #;
visibility: visible;
opacity: 1;
}
.arrivals_single_marks .product_discount
{
display: block;
background: #df3b3b;
visibility: visible;
opacity: 1;
}
.arrivals_single .product_fav
{
position: absolute;
top: -15px;
right: 0px;
width: 36px;
height: 36px;
background: #FFFFFF;
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
border-radius: 50%;
visibility: visible;
opacity: 1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.product_fav:hover
{
box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
}
.product_fav i
{
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
color: #cccccc;
line-height: 36px;
pointer-events: none;
z-index: 0;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.product_fav.active i
{
color: red;
}

/*********************************
10. Hot Best Sellers
*********************************/

.best_sellers
{
padding-top: 56px;
background: #eff6fa;
padding-bottom: 50px;
margin-top: -77px;
}
.bestsellers_panel
{
display: none;
width: 100%;
padding-top: 50px;
}
.bestsellers_panel.active
{
display: block;
padding-top: 50px;
}
.bestsellers_slider
{
width: calc(100% + 30px);
left: -15px;
padding-bottom: 67px;
}
.bestsellers_item
{
background: #FFFFFF;
border-radius: 8px;
padding: 25px;
}
.bestsellers_slider .slick-slide > div:first-child
{
margin-bottom: 30px;
}
.bestsellers_slider .slick-slide
{
outline: none;
}
.bestsellers_slider .slick-slide
{
margin: 0 15px;
}
.bestsellers_image
{
width: 115px;
height: 115px;
}
.bestsellers_image img
{
max-width: 100%;
max-height: 100%;
}
.bestsellers_content
{
padding-left: 25px;
}
.bestsellers_category a
{
font-size: 12px;
color: rgba(0,0,0,0.5);
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.bestsellers_category a:hover
{
color: #073589;
color: #;
}
.bestsellers_name
{
margin-top: 2px;
}
.bestsellers_name a
{
font-size: 16px;
font-weight: 400;
color: #000000;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.bestsellers_name a:hover
{
color: #073589;
color: #;
}
.bestsellers_rating
{
margin-top: 9px;
}
.bestsellers_rating i::before
{
font-size: 13px;
margin-right: 8px;
}
.bestsellers_price
{
font-size: 16px;
font-weight: 500;
margin-top: 10px;
}
.bestsellers_item.discount .bestsellers_price
{
color: #df3b3b;
}
.bestsellers_price span
{
position: relative;
font-size: 12px;
font-weight: 400;
color: rgba(0,0,0,0.6);
margin-left: 9px;
}
.bestsellers_price span::after
{
display: block;
position: absolute;
left: -2px;
top: 6px;
width: calc(100% + 4px);
height: 1px;
background: #8d8d8d;
z-index: 1;
content: '';
}
.bestsellers_fav
{
display: none;
position: absolute;
top: 30px;
right: 29px;
}
.bestsellers_fav.active
{
display: block;
}
.bestsellers_fav i
{
font-size: 13px;
color: #df3b3b;
}
.bestsellers_marks
{
position: absolute;
left: 18px;
top: 18px;
}
.bestsellers_mark
{
display: none;
width: 36px;
height: 36px;
font-size: 10px;
font-weight: 500;
color: #FFFFFF;
border-radius: 50%;
line-height: 36px;
text-align: center;
}
.bestsellers_discount
{
background: #df3b3b;
}
.bestsellers_item.discount .bestsellers_discount,
.bestsellers_item.is_new .bestsellers_new
{
display: block;
}
.bestsellers_new
{
background: #073589;
background: #;
}
.bestsellers_slider .slick-dots
{
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -5px;
}
.bestsellers_slider .slick-dots li
{
display: inline-block;
width: 15px;
height: 15px;
border: none;
outline: none;
padding: 0px;
margin: 0px;
border-radius: 50%;
content: '';
background: #e8e8e8;
margin-right: 20px;
cursor: pointer;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.bestsellers_slider .slick-dots li:hover
{
background: #073589;
background: #;
}
.bestsellers_slider .slick-dots li.slick-active
{
background: #073589;
background: #;
}
.bestsellers_slider .slick-dots li:last-child
{
margin-right: 0px;
}
.bestsellers_slider .slick-dots li button
{
display: none;
}

/*********************************
11. Adverts
*********************************/

.adverts
{
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
}
.advert
{
width: 100%;
height: 180px;
border: solid 1px #e8e8e8;
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
}
.advert_content
{
padding-left: 30px;
}
.advert_subtitle
{
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 26px;
}
.advert_title a
{
font-size: 18px;
font-weight: 500;
color: #000000;
}
.advert_title a:hover
{
color: #073589;
color: #;
}
.advert_title_2 a
{
font-size: 18px;
font-weight: 500;
color: #073589;
color: #;
}
.advert_title_2 a:hover
{
opacity: 0.8;
}
.advert_text
{
color: #828282;
margin-top: 10px;
}
.advert_image
{
width: 178px;
height: 100%;
}
.advert_image img
{
display: block;
max-width: 100%;
}

/*********************************
12. Trends
*********************************/

.trends
{
padding-top: 80px;
padding-bottom: 80px;
}
.trends_overlay
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(203, 225, 238, 0.3);
}
.trends_background
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.trends_container
{
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding-right: 40px;
}
.trends_title
{
padding-right: 50px;
}
.trends_text
{
margin-top: 17px;
}
.trends_text p:last-child
{
margin-bottom: 0px;
}
.trends_slider_nav
{
margin-top: 27px;
}
.trends_nav
{
display: inline-block;
width: 36px;
height: 36px;
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
border-radius: 50%;
text-align: center;
cursor: pointer;
margin-right: 16px;
}
.trends_nav:last-child
{
margin-right: 0px;
}
.trends_nav i
{
line-height: 36px;
color: #e5e5e5;
font-size: 18px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.trends_nav:hover i
{
color: #474747;
}
.trends_item
{
background: #FFFFFF;
border-radius: 8px;
padding: 25px;
}
.trends_image
{
width: 100%;
height: 212px;
}
.trends_image img
{
width: auto !important;
max-width: 100% !important;
}
.trends_category a
{
font-size: 12px;
color: rgba(0,0,0,0.5);
}
.trends_category a:hover
{
color: #073589;
color: #;
}
.trends_content
{
margin-top: 24px;
}
.trends_name
{
float: left;
}
.trends_name a
{
font-size: 16px;
color: #000000;
}
.trends_name a:hover
{
color: #073589;
color: #;
}
.trends_price
{
font-size: 16px;
font-weight: 500;
float: right;
}
.trends_fav
{
position: absolute;
top: 18px;
right: 18px;
width: 36px;
height: 36px;
background: #FFFFFF;
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
border-radius: 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
cursor: pointer;
}
.trends_fav.active
{
visibility: visible;
opacity: 1;
}
.trends_fav:hover
{
box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
}
.trends_item:hover .trends_fav
{
visibility: visible;
opacity: 1;
top: 18px;
}
.trends_fav i
{
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
color: #cccccc;
line-height: 36px;
pointer-events: none;
z-index: 0;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.trends_fav.active i
{
color: red;
}
.trends_item:hover .trends_fav
{
visibility: visible;
opacity: 1;
}
.trends_marks
{
position: absolute;
left: 18px;
top: 18px;
}
.trends_mark
{
display: none;
width: 36px;
height: 36px;
font-size: 10px;
font-weight: 500;
color: #FFFFFF;
border-radius: 50%;
line-height: 36px;
text-align: center;
}
.trends_discount
{
background: #df3b3b;
}
.trends_item.discount .trends_discount,
.trends_item.is_new .trends_new
{
display: block;
}
.trends_new
{
background: #073589;
background: #;
}

/*********************************
13. Latest Reviews
*********************************/

.reviews
{
padding-top: 96px;
padding-bottom: 125px;
}
.reviews_title_container
{
border-bottom: solid 1px #dadada;
}
.reviews_title
{
font-weight: 500;
margin-bottom: 14px;
}
.reviews_all
{
position: absolute;
right: 0;
bottom: 14px;
}
.reviews_all a
{
font-size: 10px;
color: #073589;
color: #;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.reviews_all a:hover
{
opacity: 0.8;
}
.reviews_slider_container
{
padding-top: 37px;
}
.review
{
width: 100%;
}
.review_image
{
width: 115px;
height: 115px;
}
.review_image img
{
max-width: 100%;
}
.review_content
{
padding-left: 30px;
margin-top: -4px;
}
.review_name
{
font-size: 16px;
font-weight: 500;
}
.review_rating_container
{
margin-top: 1px;
}
.review_rating
{
display: inline-block;
}
.review_rating i::before
{
font-size: 13px;
margin-right: 8px;
}
.review_time
{
display: inline-block;
font-size: 12px;
font-weight: 400;
color: rgba(0,0,0,0.5);
}
.review_text
{
margin-top: 12px;
}
.review_text p:last-child
{
margin-bottom: 0px;
}
.reviews_dots
{
position: absolute;
bottom: -69px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
.reviews_dots .owl-dot
{
display: inline-block;
width: 15px;
height: 15px;
background: #e8e8e8;
border-radius: 50%;
margin-right: 16px;
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
cursor: pointer;
}
.reviews_dots .owl-dot:last-child
{
margin-right: 0px;
}
.reviews_dots .owl-dot.active
{
background: #073589;
background: #;
box-shadow: none;
}

/*********************************
14. Recently Viewed
*********************************/

.viewed
{
padding-top: 51px;
padding-bottom: 60px;

}
.viewed_title_container
{
border-bottom: solid 1px #dadada;
}
.viewed_title
{
margin-bottom: 14px;
}
.viewed_nav_container
{
position: absolute;
right: -5px;
bottom: 14px;
}
.viewed_nav
{
display: inline-block;
cursor: pointer;
}
.viewed_nav i
{
color: #dadada;
font-size: 18px;
padding: 5px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.viewed_nav:hover i
{
color: #606264;
}
.viewed_prev
{
margin-right: 15px;
}
.viewed_slider_container
{
padding-top: 50px;
}
.viewed_item
{
width: 100%;
background: #FFFFFF;
border-radius: 8px;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
}
.viewed_image
{
width: 115px;
height: 115px;
}
.viewed_image img
{
display: block;
max-width: 100%;
}
.viewed_content
{
width: 100%;
margin-top: 25px;
}
.viewed_price
{
font-size: 16px;
color: #000000;
font-weight: 500;
}
.viewed_item.discount .viewed_price
{
color: #df3b3b;
}
.viewed_price span
{
position: relative;
font-size: 12px;
font-weight: 400;
color: rgba(0,0,0,0.6);
margin-left: 8px;
}
.viewed_price span::after
{
display: block;
position: absolute;
top: 6px;
left: -2px;
width: calc(100% + 4px);
height: 1px;
background: #8d8d8d;
content: '';
}
.viewed_name
{
margin-top: 3px;
}
.viewed_name a
{
font-size: 14px;
color: #000000;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.viewed_name a:hover
{
color: #073589;
color: #;
}
.item_marks
{
position: absolute;
top: 18px;
left: 18px;
}
.item_mark
{
display: none;
width: 36px;
height: 36px;
border-radius: 50%;
color: #FFFFFF;
font-size: 10px;
font-weight: 500;
line-height: 36px;
text-align: center;
}
.item_discount
{
background: #df3b3b;
margin-right: 5px;
}
.item_new
{
background: #073589;
background: #;
}
.viewed_item.discount .item_discount
{
display: inline-block;
}
.viewed_item.is_new .item_new
{
display: inline-block;
}

/*********************************
15. Brands
*********************************/

.brands
{
width: 100%;
padding-top: 90px;
padding-bottom: 90px;
}
.brands_slider_container
{
height: 130px;
border: solid 1px #e8e8e8;
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
padding-left: 97px;
padding-right: 97px;
}
.brands_slider
{
height: 100%;
}
.brands_item
{
height: 100%;
}
.brands_item img
{
max-width: 100%;
}
.brands_nav
{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding: 5px;
cursor: pointer;
}
.brands_nav i
{
color: #e5e5e5;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.brands_nav:hover i
{
color: #676767;
}
.brands_prev
{
left: 40px;
}
.brands_next
{
right: 40px;
}

/*********************************
16. Newsletter
*********************************/

.newsletter
{
width: 100%;
background: #;
padding-top: 60px;
padding-bottom: 60px;
box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
}
.newsletter input{
width: 60%;
border: none;
padding: 1rem;
}
.newsletter button{border:none;padding:1rem;}
.newsletter_container
{
width: 100%;
}
.newsletter_title_container
{
width: 40%;
padding-left: 95px;
}
.newsletter_icon
{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.newsletter_title
{
font-size: 18px;
color: #000000;
}
.newsletter_text p:last-child
{
margin-bottom: 0;
}
.newsletter_icon img
{
max-width: 100%;
}
.newsletter_content
{
width: 60%;
}
.newsletter_form
{
position: relative;
width: 569px;
float: left;
}
.newsletter_input
{
width: 100%;
height: 50px;
background: #FFFFFF;
border: solid 1px #e5e5e5;
border-radius: 5px;
padding-left: 25px;
font-size: 16px;
outline: none;
color: #073589;
color: #;
}
.newsletter_input:focus
{
border: solid 1px rgba(14, 140, 228, 0.3);
box-shadow: 0px 1px 5px rgba(14, 140, 228, 0.3);
}
.newsletter_input::-webkit-input-placeholder
{
font-size: 16px;
color: rgba(0,0,0,0.3);
}
.newsletter_input:-moz-placeholder
{
font-size: 16px;
color: rgba(0,0,0,0.3);
}
.newsletter_input::-moz-placeholder
{
font-size: 16px;
color: rgba(0,0,0,0.3);
}
.newsletter_input:-ms-input-placeholder
{
font-size: 16px;
color: rgba(0,0,0,0.3);
}
.newsletter_input::input-placeholder
{
font-size: 16px;
color: rgba(0,0,0,0.3);
}
.newsletter_button
{
position: absolute;
top: 0;
right: 0;
width: 153px;
height: 50px;
background: #073589;
background: #;
color: #FFFFFF;
line-height: 50px;
font-size: 18px;
border: none;
outline: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
cursor: pointer;
}
.newsletter_button:hover
{
opacity: 0.8;
}
.newsletter_unsubscribe_link
{
float: right;
text-align: right;
height: 50px;
}
.newsletter_unsubscribe_link a
{
font-size: 10px;
color: #073589;
color: #;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 50px;
}
.newsletter_unsubscribe_link a:hover
{
color: #0d82d3;
}

/*********************************
17. Footer
*********************************/
footer.dark-footer{font-family: 'Cairo-ExtraLight' ,sans-serif !important;background-color: #1a1a1a;color: #a1a1a1;padding:4rem 1.5rem;}
footer.dark-footer a{color: #a1a1a1 !important;font-family: 'Cairo-ExtraLight' ,sans-serif !important;}
footer.dark-footer a:hover{color: #fff !important;}
footer.dark-footer .footer_title{color: #a1a1a1;}
.footer
{
font-family: 'Cairo-ExtraLight' ,sans-serif !important;
padding: 4rem 7rem;
}

.footer .logo_container
{}
.footer .logo
{
margin-right:4rem;
top: auto;
-webkit-transform: transform: none;
-moz-transform: transform: none;
-ms-transform: transform: none;
-o-transform: transform: none;
transform: none;
}
.footer .logo a
{
color: #000000;
}
.footer_title
{
font-size: 14px;
font-weight: 500;
color: #000000;
}
.footer_phone
{
font-size: 18px;
font-weight: 500;
color: #073589;
color: #;
margin-top: 13px;
}
.footer_contact_text
{
margin-top: 10px;
}
.footer_contact_text p
{
margin-bottom: 0px;
}

.footer_social ul li
{
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
cursor: pointer;
margin-right: 16px;
text-align: center;
}
.footer_social ul li i
{
color: #a1a1a1;
font-size:1.5rem;
line-height: 30px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.footer_social ul li:hover i
{
color: #073589;
color: #;
}
.footer_subtitle
{
font-size: 12px;
color: #000000;
}
.footer_column{display: flex;
justify-content: flex-end;
align-items: flex-end;}
.footer_column ul:first-of-type
{

}
.footer_column ul
{
margin-top: 7px;
}
.footer_list li
{
margin-bottom: 6px;
}
.footer_list li a
{
font-size: 12px;
font-weight: 500;
color: rgba(0,0,0,0.4);
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.footer_list li a:hover
{
color: #073589;
color: #;
}
.footer_list_2
{
margin-top: 42px !important;
}
footer hr{
border-color: #535353 !important;
border-width: 0.5px;
}

.copyright
{
width: 100%;
background: #fff;
}
.copyright_container
{
width: 100%;
height: 56px;
}
.copyright_content
{
font-size: 12px;
color: rgba(0,0,0,0.6);
}
.copyright_content span
{
font-weight: 500;
}
.logos
{

}
.logos_list li
{
display: inline-block;
margin-right: 16px;
}
.logos_list li:last-child
{
margin-right: 0px;
}

/*=======================================================
SHOP SIDE BAR
========================================================*/
.shop-sidebar .search {
margin-bottom: 50px;
padding-left: 15px;
}
.shop-sidebar .search input {
color: #2d3a4b;
text-transform: uppercase;
border: 1px solid #2d3a4b;
}
.shop-sidebar {
position: relative;
}
.shop-sidebar ul {
padding-left: 15px;
}
.shop-tittle {
font-size: 18px;
text-transform: uppercase;
color: #2d3a4b;
padding-left: 15px;
position: relative;
}
.shop-tittle:before {
content: "";
height: 6px;
width: 6px;
background: #ffe115;
background: #;
position: absolute;
left: 0px;
top: 6px;
}
.shop-cate a {
position: relative;
color: #2d3a4b;
line-height: 38px;
border-bottom: 1px solid #d1d5db;
display: inline-block;
width: 100%;
font-size: 14px;
padding-left: 10px;
}
.shop-cate li:nth-last-child(1) a {
border-bottom: none;
}
.shop-cate a span {
float: right;
}
.shop-cate a:before {
content: "";
height: 3px;
width: 1px;
line-height: 38px;
background: #2d3a4b;
position: absolute;
left: 0px;
top: 17px;
}
.shop-cate a:hover {
color: #ffe115;
}
.shop-tags li {
display: inline-block;
margin-right: 10px;
margin-bottom: 5px;
}
.shop-tags li a {
position: relative;
z-index: 1;
color: #333;
}
.shop-tags li a:before {
content: "";
height: 5px;
width: 0px;
background: #ffe115;
position: absolute;
left: 0px;
top: 9px;
z-index: -1;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.shop-tags li a:hover:before {
width: 100%;
}
.shop-sidebar .colors li {
display: inline-block;
}
.shop-sidebar .colors li a {
height: 13px;
width: 13px;
display: inline-block;
border-radius: 50%;
margin-right: 5px;
}
.colors-shop li {
display: inline-block;
}
.colors-shop li a {
height: 13px;
width: 13px;
display: inline-block;
border-radius: 50%;
margin-right: 5px;
}
.side-bnr {
position: relative;
text-align: center;
}
.side-bnr .position-center-center {
width: 100%;
padding-left: 30px;
}
.shop-sidebar .price {
font-size: 26px;
font-weight: bold;
z-index: 9;
display: inline-block;
width: 100%;
text-align: left;
margin-bottom: 10px;
color: #2d3a4b;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.shop-sidebar .price small {
font-size: 12px;
display: inline-block;
vertical-align: top;
}
.side-bnr .bnr-text {
font-size: 42px;
color: #ffe115;
max-width: 100px;
text-align: left;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
line-height: 35px;
position: relative;
}
.chart-page .payment_steps {
margin: 30px 0;
text-align: center;
}
.chart-page .payment_steps i {
font-size: 24px;
border: 1px solid #ebebeb;
height: 73px;
width: 73px;
border-radius: 50%;
line-height: 71px;
position: relative;
color: #b8b8b8;
margin-bottom: 20px;
}
.chart-page .payment_steps h6:before {
content: "";
background: #ebebeb;
height: 18px;
width: 2px;
position: absolute;
top: 85px;
left: 0px;
right: 0px;
margin: 0 auto;
}
.chart-page .payment_steps h6 {
font-size: 12px;
margin: 20px 0;
font-weight: normal;
color: #272727;
}
.chart-page .payment_steps .current i {
color: #af5875;
}
.chart-page .payment_steps .current h6 {
color: #af5875;
}
.chart-page .shopping-cart {
position: relative;
overflow: hidden;
}
.shopping-cart .item-img {
width: 170px;
display: inline-block;
}
.shopping-cart .media-body {
position: relative;
}
.shopping-cart .price {
font-size: 18px;
font-weight: bold;
z-index: 9;
color: #2d3a4b;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.shopping-cart .price small {
font-size: 12px;
display: inline-block;
vertical-align: top;
}
.shopping-cart .position-center-center {
width: 100%;
}
.shopping-cart .col-sm-6 .position-center-center {
width: 100%;
padding: 0 20px;
text-align: left;
}
.shopping-cart h5 {
letter-spacing: 2px;
color: #2d3a4b;
margin-bottom: 0px;
}
.shopping-cart .bootstrap-select {
width: 100% !important;
}
.shopping-cart .quinty {
position: relative;
padding: 0 15px;
}
.shopping-cart .quinty .btn {
border: 1px solid #2d3a4b !important;
color: #2d3a4b !important;
}
.shopping-cart .quinty .bootstrap-select .btn {
padding: 0px 10px;
font-size: 12px;
}
.shopping-cart .bootstrap-select.btn-group .dropdown-menu li {
min-height: inherit;
}
.shopping-cart img {
width: 100%;
}
.shopping-cart li {
position: relative;
}
.shopping-cart li input {
display: inline-block;
width: 100%;
}
.shopping-cart li {
font-family: 'mark-pro', sans-serif;
font-size: 12px;
color: #af5875;
}
.shopping-cart li input {
border: 1px solid #ebebeb;
width: 60px;
font-family: 'mark-pro', sans-serif;
height: 44px;
float: left;
width: 100%;
display: inline-block;
text-align: center;
}
.shopping-cart li a {
color: #272727;
font-size: 16px;
}
.shopping-cart .cart-details {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #d1d5db;
}
.shopping-cart .cart-details li {
min-height: 150px;
}
.shopping-cart .cart-details h6 {
font-weight: normal;
font-size: 12px;
}
.shopping-cart .cart-head {
display: inline-block;
width: 100%;
padding: 0px 0;
border-bottom: 1px solid #d1d5db;
padding-bottom: 20px;
margin-bottom: 30px;
}
.shopping-cart .cart-head h6 {
margin: 0px;
font-weight: normal;
font-size: 12px;
}
.shopping-cart .btn-sec {
display: inline-block;
width: 100%;
}
.shopping-cart .btn-sec .btn {
padding: 15px 30px;
float: left;
font-size: 12px;
margin-right: 20px;
font-family: 'mark-pro', sans-serif;
}
.shopping-cart .btn-sec .btn i {
margin-right: 10px;
font-size: 16px;
}
.shopping-cart .btn.right-btn {
float: right;
margin-right: 0px;
}
.shopping-cart .cart-ship-info {
text-align: left;
margin-top: 50px;
}
.shopping-cart .cart-ship-info h6 {
margin-bottom: 60px;
margin-top: 0px;
color: #2d3a4b;
font-size: 20px;
letter-spacing: 3px;
}
.shopping-cart .cart-ship-info h6:before {
width: 60px;
height: 2px;
background: #2d3a4b;
border: none;
content: '';
display: inline-block;
position: absolute;
margin-top: 30px;
}
.shopping-cart .cart-ship-info input {
border: 1px solid #2d3a4b;
width: 60px;
height: 44px;
float: left;
width: 100%;
font-size: 11px;
padding: 0 10px;
letter-spacing: 1px;
display: inline-block;
font-weight: normal;
text-align: left;
margin-top: 10px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.shopping-cart .bootstrap-select .btn {
margin-top: 10px;
background: #fff !important;
border: 1px solid #ebebeb;
color: #b8b8b8;
font-size: 10px;
letter-spacing: 2px;
}
.shopping-cart .order-place input {
margin: 0px;
height: auto !important;
}
.shopping-cart .cart-ship-info label {
font-size: 10px;
margin-bottom: 20px;
display: inline-block;
width: 100%;
font-size: 12px;
font-weight: normal;
color: #2d3a4b;
}
.shopping-cart .cart-ship-info .grand-total {
border: 3px solid #ffe115;
padding: 15px 30px;
}
.shopping-cart .cart-ship-info .order-detail p {
font-weight: normal;
color: #2d3a4b;
border-bottom: 1px solid #ebebeb;
padding: 10px 0;
font-size: 12px;
margin: 0px;
}
.shopping-cart .grand-total .all-total {
border-bottom: none !important;
}
.shopping-cart .cart-ship-info .grand-total {
}
.shopping-cart .cart-ship-info .grand-total h4 {
font-size: 20px;
font-weight: bold;
margin: 20px 0px;
}
.shopping-cart .cart-ship-info .grand-total h4 span {
color: #af5875;
}
.shopping-cart .cart-ship-info .grand-total .btn {
background: #af5875;
border-color: #af5875;
width: 100%;
margin: 0px;
margin-bottom: 10px;
}
.shopping-cart .cart-ship-info .grand-total .btn:hover {
background: #272727;
}
.shopping-cart .cart-ship-info .grand-total p {
letter-spacing: 1px;
}
.shopping-cart .grand-total p span {
float: right;
}
.shopping-cart .checkbox input {
height: auto;
}
.shopping-cart .checkbox label::before {
margin-left: 0px;
}
.shopping-cart .order-place {
border: 3px solid #ffe115;
padding: 30px;
display: inline-block;
width: 100%;
}
.shopping-cart .order-place h5 {
font-weight: bold;
color: #af5875;
margin: 0px;
}
.shopping-cart .order-place .order-detail p {
font-weight: normal;
color: #2d3a4b;
border-bottom: 1px solid #ebebeb;
padding: 10px 0;
font-size: 12px;
margin: 0px;
}
.shopping-cart .all-total {
font-size: 18px !important;
font-weight: bold !important;
}
.shopping-cart .order-place .order-detail p span {
float: right;
}
.shopping-cart .order-place .order-detail {
margin-bottom: 30px;
}
.shopping-cart .order-place .item-order span {
color: #af5875;
float: none;
}
.shopping-cart .order-place .item-order {
min-height: 100px;
padding-bottom: 30px;
padding-top: 20px;
border-top: 1px solid #ebebeb;
}
.shopping-cart .order-place .item-order p {
text-transform: none;
font-size: 10px;
border: none;
margin: 0px;
padding: 0px;
color: #b8b8b8;
font-weight: normal;
}
.shopping-cart .order-place .pay-meth p {
color: #b8b8b8;
font-size: 12px;
line-height: 18px;
}
.shopping-cart .order-place .pay-meth ul {
margin-top: 30px;
}
.shopping-cart .order-place .pay-meth ul li {
display: inline-block;
width: 100%;
padding-top: 0px;
}
.shopping-cart .order-place .pay-meth label {
margin-bottom: 0px;
font-weight: normal;
font-size: 12px;
}
.shopping-cart .order-place .pay-meth .color {
color: #af5875;
}
.shopping-cart .btn {
font-size: 14px;
padding: 0px 30px;
}
.shopping-cart .btn:hover {
background: #ffe115 !important;
}
.small-cart .cart-ship-info form {
background: #eeeeee;
padding: 50px;
display: inline-block;
width: 100%;
}
.small-cart .cart-ship-info form input {
width: 70%;
float: left;
border-right: 0px;
margin: 0px;
}
.small-cart .cart-ship-info form button.btn {
width: 30%;
height: 44px;
float: left;
}
.small-cart .coupn-btn {
margin-top: 30px;
}
.small-cart .coupn-btn .btn {
background: #eeeeee;
color: #2d3a4b;
margin-right: 30px;
}

#brands{
margin: 50px 0px 50px 0px;
}
.brands_title{
margin: 0px 0px 50px 0px;
text-align: center;
}
.our_brands{
padding: 5px 5px 5px 5px;
margin-right: 30px;
height: 10rem;

display: inline-block;
}
.our_brands img{
height: 100%;
}
.scroll-img {
position: relative;
margin: 0 auto;
width: 100%;
padding: 0 30px;
height: 11rem;
overflow: hidden;
font-size: 0;
}
.scroll-img ul {


margin: 0;
}
.scroll-img ul li {
width:16.66666666666667%;
display: inline-block;
}
#demo5.scroll-img ul {
width: 1500px;
}
.btn_slider_brands_left{
background-color:transparent;
border: none;
position: absolute;
z-index: 999999;
font-size: 30px;
top: 23px;
left: 0px;
}
.btn_slider_brands_right{
background-color:transparent;
border: none;
position: absolute;
z-index: 999999;
font-size: 30px;
top: 23px;
right: 0px;
}
.dropdown:hover .dropdown-menu {
display: block ;
margin-top: 0; // remove the gap so it doesn't close
}
.menu_subcategories {
margin-left:35px;
}
#alerts_topright{
position: absolute;
right: 0;
top: 5rem;
z-index: 999;
}
.nav{justify-content: center;align-items: baseline;}
.nav .nav-link{padding:0;}
.breadcrumb{
padding: .1rem 1rem 1rem 0px;
margin-bottom: 0.5rem;
background-color:#fff;
}
.navbar{padding:0rem 1rem;}
.breadcrumb a{color:#797979;margin:0px 8px;}
form#sign-in-form{padding: 0 5rem;}

/************************** comments *************************************/
.comments{margin-top: 3rem;}
.comments article {
position: relative;
border-bottom: solid 1px rgba(178, 179, 153, 0.125);
margin: 0 auto 50px auto;
}

.comments article img {
position: absolute;
top: -10px;
left: -75px;
width: 50px;
height: 50px;
border-width: 0;
border-radius: 100%;
}

.comments article h4 {
display: inline-block;
font-weight: 400;
margin-bottom: 25px;
}

.comments article p {
margin-bottom: 50px;
text-align: left;
}
.comments article:hover time {
opacity: 1;
}
.comments article time,.comments article .like-count,.comments article .icon-rocknroll {
font-size: .75rem;
opacity: 0;
}
.comments article time {
color: #545454;
margin-left: 1rem;
text-transform: uppercase;
}
article time, article:hover time, .icon-rocknroll, .like-count {
-webkit-transition: .25s opacity linear;
transition: .25s opacity linear;
}
.comments article h4 a {
color: #404040;
text-transform: lowercase;
text-decoration: none;
}
.confir_title{
padding:3rem 1rem;
background-color:#!important;
margin-bottom: 4rem;
margin-top: 2rem;
}

.cart_button{background-color:#!important;color:#000 !important;}
.confir_message{text-align:center !important;}


.t4-btn-sign-in,.t4-btn-sign-up {background-color:#!important;border-color:#!important;}
.t4-cart-summary-footer .t4-osh-btn-finish-purchase{background-color:#!important;border-color:#!important;}
.t4-cart-summary-footer .t4-osh-btn{color:#!important;}
.t4-checkout-btn-submit{background-color:#!important;border-color:#!important;}
.fa.fa-heart{color:#!important;}
.incl-range {background: #!important;}
.title {
font-size: 25px;
font-family: "Cairo";
color: rgb(40, 40, 40);
text-transform: uppercase;
line-height: 1.2;
text-align: center;
}
.quantity select.cart_qty{width:70% !important;margin:auto;text-align: center;}


@media only screen and (max-width: 459px) {
.single-img {
    display:none;
}
}