/* CSS Document */

#layout_home #elife-body { display: none;}

.elife-section-title { text-transform: uppercase; }



#elife-body {

    margin-bottom: 80px;

}



.text-center {

    text-align: center;

}



.text-right {

	text-align: right;

}

.no-padding {

    padding: 0;

}



.pos-relative {

    position: relative;

}



/*================= fonts =========================*/

@font-face {

    font-family: 'Bold';

    src: url('../fonts/NVV%20Gotham-Bold.eot'),

        url('../fonts/NVV%20Gotham-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/NVV%20Gotham-Bold.woff') format('woff'),

        url('../fonts/NVV%20Gotham-Bold.woff2') format('woff2'),

        url('../fonts/NVV%20Gotham-Bold.ttf') format('truetype'),

        url('../fonts/NVV%20Gotham-Bold.svg') format('svg');

}

@font-face {

    font-family: 'BoldItalic';

    src: url('../fonts/NVV%20Gotham-BoldItalic.eot'),

    url('../fonts/NVV%20Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'),

    url('../fonts/NVV%20Gotham-BoldItalic.woff') format('woff'),

    url('../fonts/NVV%20Gotham-BoldItalic.woff2') format('woff2'),

    url('../fonts/NVV%20Gotham-BoldItalic.ttf') format('truetype'),

    url('../fonts/NVV%20Gotham-BoldItalic.svg') format('svg');

}

@font-face {

    font-family: 'Book';

    src: url('../fonts/NVV%20Gotham-Book.eot'),

    url('../fonts/NVV%20Gotham-Book.eot?#iefix') format('embedded-opentype'),

    url('../fonts/NVV%20Gotham-Book.woff') format('woff'),

    url('../fonts/NVV%20Gotham-Book.woff2') format('woff2'),

    url('../fonts/NVV%20Gotham-Book.ttf') format('truetype'),

    url('../fonts/NVV%20Gotham-Book.svg') format('svg');

}

@font-face {

    font-family: 'BookItalic';

    src: url('../fonts/NVV%20Gotham-BookItalic.eot'),

    url('../fonts/NVV%20Gotham-BookItalic.eot?#iefix') format('embedded-opentype'),

    url('../fonts/NVV%20Gotham-BookItalic.woff') format('woff'),

    url('../fonts/NVV%20Gotham-BookItalic.woff2') format('woff2'),

    url('../fonts/NVV%20Gotham-BookItalic.ttf') format('truetype'),

    url('../fonts/NVV%20Gotham-BookItalic.svg') format('svg');

}

@font-face {

    font-family: 'Thin';

    src: url('../fonts/NVV%20Gotham-Thin.eot'),

    url('../fonts/NVV%20Gotham-Thin.eot?#iefix') format('embedded-opentype'),

    url('../fonts/NVV%20Gotham-Thin.woff') format('woff'),

    url('../fonts/NVV%20Gotham-Thin.woff2') format('woff2'),

    url('../fonts/NVV%20Gotham-Thin.ttf') format('truetype'),

    url('../fonts/NVV%20Gotham-Thin.svg') format('svg');

}



@font-face {

    font-family: 'ThinItalic';

    src: url('../fonts/NVV%20Gotham-ThinItalic.eot'),

    url('../fonts/NVV%20Gotham-ThinItalic.eot?#iefix') format('embedded-opentype'),

    url('../fonts/NVV%20Gotham-ThinItalic.woff') format('woff'),

    url('../fonts/NVV%20Gotham-ThinItalic.woff2') format('woff2'),

    url('../fonts/NVV%20Gotham-ThinItalic.ttf') format('truetype'),

    url('../fonts/NVV%20Gotham-ThinItalic.svg') format('svg');

}







.fontalt {

    font-family: arial, sans-serif;

}



.fontalt1 {

    font-family: 'Bold';

}



.fontalt2 {

    font-family: 'BoldItalic';

}



.fontalt3 {

    font-family: 'Book' ;

}



.fontalt4 {

    font-family: 'BookItalic';

}



.fontalt5 {

    font-family: 'Thin';

}



.fontalt6 {

    font-family: 'ThinItalic';



}



body {

    font-family: 'book';

}



.hs1 {

    font-size: 14px;

    line-height: 18px;

}



.hs2 {

    font-size: 16px;

    line-height: 20px;

}



.hs3 {

    font-size: 18px;

    line-height: 20px;

}



.hs4 {

    font-size: 20px;

    line-height: 22px;

}

.hs5 {

    font-size: 24px;

    line-height: 28px;

}



/* ============== HEADER ===================*/

    #layout_home #elife-header {

        height: 100vh;

        margin-top: 0;

        width: 100%;



        background: url("../image/bg.jpg") no-repeat center center fixed;

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;

        background-size: cover;

    }



    #elife-header {

        height: 140px;

        position: relative;

        padding: 0;

    }

    #layout_home #elife-header .elife-page-wrapper {

        height: 700px;

    }



    #elife-logo {

        position: absolute;

        top: 270px;

        width: 100%;

        margin: auto;

    }



    .btn-header-shopping {

        padding: 5px 60px;

        color: #000;

        background: #fff;



        display: inline-block;

        margin-top: 40px;

        text-transform: uppercase;

    }

    .btn-about {

        color: #fff;

        font-size: 14px;

        margin: auto;

        position: absolute;

        text-align: center;

        bottom: 60px;

        width: 100%;

    }

    .btn-about .text-about-header {

        color: #fff;

    }



    .layout_home {

        display: none;

    }

    #layout_home .layout_home {

        display: inline-block;

    }

    #layout_home .layout_default {

        display: none;

    }

/* =============== NAVIGATION ================ */



#elife-navigation {

    position: absolute;

    top: 40px;

    display: inline-block;

    margin: auto;

    width: 100%;

}

.main-shopping-cart {

    width: 44%;

    float: left;

}

.shopping-cart {

    color: #222;

    height: 47px;

    line-height: 47px;

    font-size: 1em;

    width:40%;

    float: left;

}



#elife-menu .shopping-cart a{

    padding: 0;

}

#layout_home .shopping-cart {

    color: #fff;

}

.search-product {

    width: 57%;

    float: left;

    height: 47px;

    line-height: 47px;

    margin-left: 10px;

}





.search-product #form-search{

    width: 0;

    float: left;



    display: none;

}



.search-product .btn-search {

    float: left;

    margin: 14px 10px 0 0;

}



.search-product #form-search.search-product-block {

    display: block;

}



.search-product #form-search .text-search{

    height: 30px;

    padding: 0 10px;

    width: 100%;

    border-radius: 15px;

    border: 1px solid #222;

}



.main-menu {

    width: 56%;

    float: right;

}



#layout_home #elife-menu a{

    color: #fff;

}



#elife-navigation .layout_home > a > img {

    margin-right: 30px;

}



#elife-navigation .layout_default > a > img {

    margin-right: 30px;

}



#elife-menu .main-menu > li > a.active {

    border-bottom: 4px solid #fff;

}



#layout_home #elife-menu .main-menu > li > a.active {

    border-bottom: 4px solid #fff;

}



.btn-search:hover {

   cursor: pointer;

}



/*============= aboutus ============*/



.about-home {

    background: #222222;

    height: auto;

    color: #f5f5f5;

    padding: 75px 0;

}

.about-left {

    width: 150px;

    float: left;

}

.border-about {

    height: 2px;

    width: 100%;

    background: #fff;

    margin-top: 15px;

}



.about-right {

    width: 800px;

    float: right;

}



.title-about {

    font-size: 2em;

    margin-bottom: 40px;

    text-transform: uppercase;

}





.des-about {

    font-size: 1.2em;

}



/*=========== why choose headlees ============*/



.why-choose-home {

    background: #fff;

    height: auto;

    color: #000;

    padding: 75px 0;

}

.why-choose-left {

    width: 150px;

    float: left;

}

.border-why-choose {

    height: 2px;

    width: 100%;

    background: #000;

    margin-top: 15px;

}



.why-choose-right {

    width: 800px;

    float: right;

}



.title-why-choose {

    font-size: 2em;

    margin-bottom: 40px;

    text-transform: uppercase;

}





.des-why-choose {

    font-size: 1.2em;

}

/*============ new home ===================*/



#new-collection {

    height: 910px;



    width: 100%;

    background: url("../image/bg.jpg") no-repeat;

    background-size: cover;

}



.img-new-1 {

    position: absolute;

    top: 80px;

    float: left;

    width: 100%;

    z-index: 98;

}

.img-new-2 {

    position: absolute;

    top: 315px;

    z-index: 98;

    width: 100%;

}

.img-new-2 img{

    float: right;

}



.fix-width-text-new {

    position: absolute;

    top: 235px;

    width: 100%;

    margin: auto;

    text-align: center;

    z-index: 100;

}



.text-new {

    color: #fff;

    width: 400px;

    margin: auto;

    padding: 70px;

    border: 5px solid #fe494e;

}



.text-new h2 {

    font-size: 24px;

    text-transform: uppercase;



}



.text-new .des-text-new {

    font-size: 16px;

    margin-bottom: 55px;

}



.btn-text-new {

    padding: 13px 18px;

    background: #fe494e;

    font-size: 16px;

    color: #fff;

    text-transform: uppercase;

    border: 3px solid #fe494e;

    font-weight: bold;

}



.text-new .btn-text-new:hover{

    background: #fff;

    color: #fe494e;

    border: 3px solid #fff;

    text-decoration: none;

    font-weight: bold;

}



/*============ footer ===================*/

.address-footer {

    width:100%;

    background: url("../image/map2.jpg") no-repeat;

    background-size: cover;

    height: 600px;

    text-align: center;

    color: #222;

    font-size: 20px;

    padding: 140px 0;

}



.address-footer h3 {

    text-transform: uppercase;

    font-size: 36px;

    font-weight: bold;

    margin-bottom: 70px;

}



.address-footer p {

    margin: 0 0 20px;

}



.elife-footer-bottom {

    background: #000;

    color: #fff;

    text-align: center;

    height: 45px;

    line-height: 45px;

}

.elife-footer-bottom a {

    color: #fff;

}



.fix-imgfooter {

    margin-top: 50px;

}



.fix-mg-img-footer {

    margin-left:30px;

}



.default-footer {

    width: 100%;

    height: 80px;

    background: #000;

    color: #fff;

}

.default-footer-item {

    width: 290px;

    float: right;

}

.default-footer-item p{

    width: 200px;

    text-transform: uppercase;

    float: right;

    text-align: right;

}

.default-footer .fix-imgfooter {

    float: right;

    margin: 10px 0 0 10px;

    width: 61px;

}

.default-footer .fix-imgfooter .fix-mg-img-footer {

    margin-left: 15px;

}



/*================= Shop ====================*/

.title-sitemap-shop {

    text-align: center;

    font-size: 36px;

    text-transform: uppercase;

    margin-bottom: 17px;

}

.elife-breadcrumb {

    text-align: center;

    margin-bottom: 30px;

}

.elife-breadcrumb a:hover {

    text-decoration: none;

}

.elife-breadcrumb a:last-child{

    border-bottom: 1px solid #fff;

    font-family: "BookItalic";

}

.menu-product {

    width: 25%;

    float: left;

    font-size: 20px;



}

.item-menu {

    margin-bottom: 20px;

    text-transform: uppercase;

}



.item-menu a {

    display: inline-block;

    line-height: 30px;

}



.item-menu a:hover {

    border-bottom: 2px solid #fff;

    text-decoration: none;

}



.item-menu a:focus {

    text-decoration: none;

}



.border-menu {

    border-bottom: 2px solid #fff;

}



.elife-product {

    width: 75%;

    float: left;

}



.elife-content .elife-section-content {



}



.name {

    margin-bottom: 18px;

}



.price {

    margin-bottom: 7px;

}

.size {

    margin-bottom: 7px;



}



.color {

    margin-bottom: 7px;

}

/*================ detail =================*/



.img-product-detail {

    width: 410px;

    float: left;

}



.text-product-detail {

    width: 310px;

    float: right;

    padding-left: 30px;

    font-size: 15px;

}



.title-detail {

    font-size: 18px;

	line-height: 25px;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.title-product-content {

    text-transform: uppercase;

    font-size: 24px;

    margin: 90px 0 20px;

}



.description-detail {

    margin-top: 35px;

    font-size: 12px;

}

.description-detail h2 {

    font-weight: bold;

    font-size: 15px;

}



.add-cart {

    background: #fff;

    width: 180px;

    color: #fff;

    height: 35px;

    line-height: 35px;

    text-align: center;

    margin-top: 50px;

}



.add-cart a {

    color: #000;

    display: inline-block;

    font-size: 14px;

    height: 35px;

    padding-left: 32px;

    position: relative;

    width: 100%;

}

.add-cart a:before {

    content:'';

    background: url("../image/shopping-black@1x.png") no-repeat;

    height: 22px;

    left: 20px;

    position: absolute;

    top: 6px;

    width: 24px;

}



.add-cart a:hover {

	text-decoration: none;

}

.img-cart {

    display: inline-block;

}



/*============== BLOG LIST ============*/

.blog-section {

    width: 960px;

    margin: 0 0 40px;

}



.content-detail-blog {

    margin-top: 20px;

}



.img-blog-list {

    width: 280px;

    float: left;

}



.text-item-blog-list {

    width: 680px;

    padding: 0 20px 0 30px;

    float: left;

}



.btn-readmove-blog {

    text-transform: uppercase;

}



.content-detail-left {

    width: 480px;

    float: left;

}

.content-detail-right {

    width: 480px;

    float: right;

}



.elife-section-image {

    margin-bottom: 60px;

}



.elife-section-title-detail {

    margin-bottom: 30px;

    text-transform: uppercase;

}



.elife-post-others > h2 {

    margin-bottom: 30px;

}



.elife-post-others ul {

    margin-left: 0;

}



.elife-post-others li {

    float: left;

    list-style: outside none none;



    width: 200px;

}

.elife-post-others li:nth-child(2n) {



    margin-left: 30px;



}





/*========= contact ===========*/





.contact-form-title {

    text-transform: uppercase;

    margin-bottom: 40px;

}



.contact-form-section {

    padding: 5px 10px;

    width: 415px;

    border: 1px solid #222;

    margin-bottom: 20px;

    height: 40px;

}



.contact-form-textarea {

    padding: 10px;

    width: 415px;

    border: 1px solid #222;

    margin-bottom: 20px;

}



.contact-maps {

    margin-bottom: 50px;

}







.contact-info-title {

    text-transform: uppercase;

    margin-bottom: 25px;

}



.contact-info-description {

    font-size: 1.2em;

}



.contact-info-section {

    padding: 45px 0;

}







.contact-info-section-wrapper {

    width: 50%;

    margin: 0 auto;

    padding: 0 40px;

}



.contact-form-summary {

    margin-bottom: 40px;

}





/*================ About ================*/

.about-section {

    padding-top: 60px;

}



.about-submenu {

    margin-left: 0;

    list-style: none;

}



.about-submenu li {

    margin-bottom: 20px;

}



.about-submenu li a.active {

    color: #333;

    font-weight: bold;

}



.about-submenu li a {

    color: #666;

    font-size: 1.2em;

    font-style: italic;

}



.about-col1 {

    width: 30%;

}



.about-col2 {

    width: 70%;

}



.about-description {

    font-size: 1.2em;

    line-height: 1.4em;

}







/*** search ***/

.result-search {

    margin-bottom: 30px;

}





.border-bottom-footer {

	border-bottom: 1px #fff solid;

	height:80px

}





/*** back-top ***/

#back-top {

    bottom: 30px;

    margin-bottom: 0;

    margin-right: 15px;

    position: fixed;

    right: 0;

    z-index: 100;

}



#back-top a {

    background: #cb8d8c url(../image/arrow-up.png) no-repeat center center;

    display: block;

    height: 50px;

    outline: medium none;

    position: relative;

    text-indent: -9999px;



    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;



    width: 50px;

    z-index: 0;

    text-align: center;

}