/*
Theme Name:    Elle Cosmetics
Theme URI:     http://ashmawi.info/
Author:        Ashmawi Sami
Author URI:    http://ashmawi.info/
Description:   Elle cosmetics is now in Egypt launching a new line of premium quality cosmetic products, introducing eyelashes, nail polish & make up line in the Egyptian market.
Tags:          cosmetics, products cosmetic
Version:       1.0
*/

/**
* Table of Contents:
*
1- General & Basic Styles
2- Header
3- Main Wrapper

**/




/* General & Basic Styles */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,sub,sup,var,b,hr,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,footer,header,nav,section,summary,time,
mark,audio,video,button,input {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-family: 'Open Sans', sans-serif;
}
body {
    text-transform: none;
    color: #626264;
    line-height: 1.85em;
    overflow-x: hidden;
}
blockquote p {
    margin: 0 !important;
    color: #999;
}
blockquote {
    margin: 30px 0 !important;
    margin-left: 70px !important;
    display: inline-block;
}
h1,h2,h3,h4,h5,h6{
    color: rgb(98, 98, 100);
    font-weight: bold;
    font-family: 'Shonar Bangla', sans-serif;
}
p{font-size: 15px;}


/*2- Header*/
/*LOGO*/
.logo{margin: 0;}

/*NAV*/
#primary_nav_wrap ul {padding: 0;margin: 0;}
#primary_nav_wrap li{display: inline-block;list-style: none;margin: 5px 20px 0px 0px;text-transform: uppercase;}
#primary_nav_wrap li a{color: #222;font-weight: 600;font-size: 14px;}

/*top_search_toggle*/
#top_search_toggle{
    padding: 22px 0;
    line-height: 28px;
    position: relative;
}
/*////////////////////////////////
///////////// Mobile /////////////
////////////////////////////////*/
#search_toggle_top{
    position: absolute;
    right: 0;
    bottom: -60px;
    display: none;
    z-index: 10000;
}
#search_toggle_top form {
    padding: 0;
    margin: 0;
    max-width: 235px;
    width: 235px;
    background-color: #FFF;
}
#search_toggle_top input {
    height: 40px;
    padding: 10px;
    outline: 0;
    line-height: 34px;
    width: 100%;
    font-size: 90%;
    margin: 0;
    border-radius: 0;
    vertical-align: baseline;
}
#search_toggle_top input#searchsubmit{
    display: none;
}

/*Slider*/
#inner_slider, #inner_slider a{color: #fff;}
.feat-item {
    position: relative;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
}
.feat-overlay {
    height: 700px;
    background: rgba(0,0,0,0.8);
    padding-top: 200px;
    vertical-align: middle;
    text-align: center;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.feat-inner h1{
    text-transform: uppercase;
    max-width: 42%;
    margin: 0 auto;
}
.slider_post_content {max-width: 45%;margin: 0 auto;}
a.feat-more{padding: 10px 30px;text-transform: uppercase;display: inline-block;}


/*About*/
img.About_Image{width: 100%;}
.sub_title{
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #626264;
    line-height: 1.5;
    font-weight: 500;
}
h1.about_me_title {
  font-size: 48px;
  font-family: "Shonar Bangla", sans-serif;
  color: rgb(98, 98, 100);
  font-weight: bold;
}
a.read_more {
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
  color: #86214d;
}
p.about_desc {
  font-family: "Open Sans", sans-serif;
  color: rgb(98, 98, 100);
}






/*OurProducts*/
.OurProducts{
    background-color: #f5f5f5;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
h1.title_OurProducts:before, h1.title_LatestNews:before {
    position: relative;
    background-color: rgb(134, 33, 77);
    width: 70px;
    height: 2px;
    right: 20px;
    bottom: 6px;
    content: " ";
    display: inline-block;
    clear: both; /* if you need to break floating elements */
}
h1.title_OurProducts:after, h1.title_LatestNews:after {
    position: relative;
    background-color: rgb(134, 33, 77);
    width: 70px;
    height: 2px;
    left: 20px;
    bottom: 6px;
    content: " ";
    display: inline-block;
    clear: both; /* if you need to break floating elements */
}

.items_area{
    display: inline-block;
    position: relative;
}
.product_item{
    display: inline-block;
    position: relative;
}
.item_img img{width: 100%;}
.item_img img:first-child{
    position: absolute;
}
.item_img img:first-child:hover{
    position: absolute;
    opacity: 0;
    transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
h3.item_title:Hover, h2.post_title:Hover{
    transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    color: rgb(134, 33, 77);}

.item_price{font-size: 18px;color: rgb(134, 33, 77);}
.more_prod{display: inline-block;width: 100%;}
.more_prod a, .read_more a{
    position: relative;display: inline-block;
    padding: 5px 20px;border: 2px solid rgb(134, 33, 77);
    color: rgb(134, 33, 77);
    text-transform: uppercase;font-size: 14px;font-weight: 600;}
.more_prod a:hover, .read_more a:hover{
    transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    background-color: rgb(134, 33, 77);
    color: #fff;
}
/*BLOG*/
article.post{
    display: inline-block;
    box-shadow: 1px 1.732px 7.2px 0.8px rgba(0, 0, 0, 0.06);
    width: 100%;}

.post_media img{
    width: 100%;
}
.auth_time a {color: rgb(134, 33, 77);}
a.more-link{display: none;}


.OurTestimonials .feat-overlay{
    height: inherit;
    padding-top: 0px;
}
.inner_OurTestimonials{
    position: relative;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
}
article.ItemTestimonials{
    color: #fff;
    /*width: 30%;*/
    /*margin: auto;*/
}
article.ItemTestimonials i {font-size: 45px;}
p.TextTestimonials{
    font-size: 17px;
    line-height: 2;
    font-weight: normal;
}
.TestimonialsClient strong{
    display: block;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;color: #fff;}
.ClientCompany{font-style: italic;}




/*FOOTER*/
.footer, .footer a{color: #cfcfcf;}
.footer .b-1{border-color: #333 !important;}
.social_icon span{margin: 0px 10px;}
.footer_contact_area i{display: inline-block;float: left;}

.hmztop {
    background-color: #3B3B3B;
    background-image: url(./images/arrow.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 999999999999999;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
    position: fixed;
    bottom: -100px;
    right: 1%;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow: auto;
}
.hmztop:hover {
    background-color: rgb(134, 33, 77);
}