@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i|Playfair+Display:400,400i,700,700i');

/*
font-family: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;
button bg pink #edd1cd
text header gray #4f4f4f
text paragraph #383838
*/

body{
    font-family: 'Lato', sans-serif;
    color: #383838;
}

#header-slider{
    background:url('../images/slider_bg2.jpg') #F9F9FA no-repeat bottom right;
    background-size: cover;
    height: auto;
    padding-bottom:80px;
}
#header-slider.contact-page,
#header-slider.pink-potion{
    background:url('../images/last.jpg') #FDFDFD no-repeat top center;
}
#header-slider.product-page {
    background: url('../images/products_section_bg.jpg') #FFFFFF no-repeat top left;
}
#header-slider.about-page{
    background: url('../images/product_line_bg.jpg') #FAFAFC no-repeat bottom right;
}

    #header-nav .nav-main{
        max-width: 1000px;
        margin:0 auto;
        padding-top:20px;
    }
    .navlink{
        width:100%;
        display: block;
        margin-left:0;
        padding-left:0;
        margin-top:34px;
    }
    .navlink li,
    .navlink li a{
        display: inline;
        text-transform: uppercase;
        color:#383838;
        text-decoration: none;
        font-size:14px;
    }
    .navlink a{
        padding: 18px 36px;
        letter-spacing: 0.05em;
        margin-left:18px;
    }
    .navlink a:hover{
        color:#edd1cd;
    }
    .navlink li.selected a{
        border:2px solid #edd1cd;
    }
    .soclink{
        float:right;
        display: block;
        margin-top:34px;
    }
    .soclink li,
    .soclink a{
        display: inline;
    }
    .soclink a{
        color:#edd1cd;
        padding:0 5px;
    }
    .soclink a:hover{
        color:#4f4f4f;
    }
    #slider{
        margin-top:80px;   
    }
    .product-image{
        text-align: center;
        width:100%;
        display: block;
        margin-bottom:30px;
    }
    .slider-main-info{
        width:85%;
        display: block;
    }
    .bottom-p-image{
        display: none;
    }

#featured-bar{
    width:100%;
    display: block;
    position: relative;
    background:url('../images/call_to_action.png') #F6E7E4 no-repeat top center;
    background-size: cover;
    padding:60px 0 60px 0;
}
    h2.featured-title{
        font-family: 'Playfair Display', serif;
        font-size:48px;
        font-weight: bold;
    }
    h2.featured-title span{
        font-family: 'Lato', sans-serif;
        font-size:36px;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: 0.06em;
    }
#products{
        width:100%;
        display: block;
        position: relative;
        background:url('../images/products_section_bg.jpg') #ffffff no-repeat top center;
        background-size: cover;
        padding:60px 0 100px 0;

}

    .item-step{
        font-family: 'Playfair Display',serif;
        color:#edd1cd;
        font-weight: bold;
        font-size: 32px;
        margin-bottom: 20px;
    }
    .item-title{
        font-family: 'Playfair Display',serif;
        color:#383838;
        font-weight: bold;
        font-size: 20px;
        line-height: 28px;
    }
    .item-title span{
        font-family: 'Lato', sans-serif;
        font-weight: 300;
    }
    .product-in{
        padding:60px 0 40px 0;
        border-bottom:1px solid #edd1cd;
    }
    .links-icons .links-icons-element,
    .links-icons{
        color:#edd1cd;
        padding:3px 5px;
    }
    .links-icons .links-icons-element:hover{
        color:#4F4F4F;
    }
#products-hl-1 {
    width: 100%;
    display: block;
    position: relative;
    background: url('../images/product_line_bg.jpg') #FAFAFC no-repeat bottom center;
    background-size: cover;
    padding: 60px 0 80px 0;

}

#products-hl-2 {
    width: 100%;
    display: block;
    position: relative;
    background: url('../images/last.jpg') #FDFDFD no-repeat top center;
    background-size: cover;
    padding: 60px 0 80px 0;

}
#contact-form{
    position: relative;
    margin-bottom:30px;

}
    .txtbox{
        width:90%;
        border: 1px solid #edd1cd;
        border-radius: 5px;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        padding:8px 20px;
        font-size: 16px;
        background-color:#fcf1ef;
    }
    .txtarea{
        height: 120px;
    }
    .txtsnd{
            padding:15px 50px;
            font-size:14px;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            font-weight: 400;
            border:2px solid #edd1cd;
            margin-right:15px;
            display: inline;
            text-align: center;
            background-color:#edd1cd;
    }

#footer-links {
    width: 100%;
    display: block;
    position: relative;
    background: url('../images/footer_bg.jpg') #FDFDFD no-repeat bottom center;
    background-size: cover;
    padding: 60px 0 80px 0;
}
    #footer-links p{
        font-size:14px;
        letter-spacing: 0.08em;
    }
    h2.pink{
        font-family: 'Playfair Display',
        serif;
        color:#edd1cd;
        font-weight: bold;
        font-size: 30px;
        margin-bottom:30px;
    }
    #footer-links .soclink{
        float:left;
        padding:0;
        margin:0;
    }
    #footer-links .soclink a{
        padding-right:5px;
        color:#383838;
    }
    #footer-links h2.pnormal{
        font-family: 'Lato', sans-serif;
        font-size:16px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: -0.03em;
        margin-top:10px;
        margin-bottom:30px;
        color:#edd1cd;
    }
    .faddress,
    .fphone{
        padding-left:30px;
    }
    .faddress{
        background:url('../images/location.png') no-repeat 0 5px;
    }
    .fphone {
        background: url('../images/phone.png') no-repeat 0 5px;
    }
    .footer-logo-text{
        max-width:80%;
    }

#footer{
    background-color:#4F4F4F;
    color:#edd1cd;
    font-size: 12px !important;
    font-weight: normal;
    padding:20px 0 10px 0;
}
    #footer p{
        font-size:13px;
        letter-spacing: 0.08em;
    }
/** general **/
.logo{
    margin-bottom:40px;
}
.img-responsive{
    max-width:100%;
}
h2.title{
    font-family: 'Playfair Display', serif;
    font-size:40px;
    color:#4f4f4f;
    font-weight: bold;
    margin-bottom:30px;
}
.btn-solid,
.btn-line{
    padding:15px 50px;
    font-size:14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 400;
    border:2px solid #383838;
    margin-right:15px;
    display: inline;
    text-align: center;
}
.btn-solid{
    background-color:#edd1cd;
    color: #383838;
    text-decoration: none;
    border:2px solid #edd1cd;
}
.btn-solid:hover{
    color:#383838;
    border:2px solid #383838;
    text-decoration: none;
}
.btn-line{
    color:#383838;
}
.btn-line:hover{
    text-decoration: none;
    background-color:#edd1cd;
    color:#383838;
}
p{
    font-size:20px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;

}
p.feat{
    font-family: 'Playfair Display', serif;
    font-weight: normal;
}
p.feat strong{
    font-weight: 600;
}
.fancybox-bg {
    background-color: #edd1cd;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1340px;
    }
}

@media screen and (max-width: 1199px) {
    .btn-solid,
    .btn-line {
        padding: 15px 20px;
    }
}
/* slick nav end */
@media screen and (max-width: 992px) {

    .slicknav_menu {
        display: block;
    }
    .btn-solid,
    .btn-line {
        padding: 15px 20px;
        width:100%;
        margin:0 0 10px 0;
        display: block;
        text-align:center;
    }
    .slider-main-info {
        width: 100%;
    }
    #slider {
        margin-top: 40px;
    }

    .logo {
        text-align: center;
    }
    #contact-form{
        padding-bottom:60px;
        border-bottom:1px solid #edd1cd;
        margin-bottom:60px;
    }
    .txtbox{
        width:100%;
    }
    .footer-logo-text {
        max-width: 100%;
    }
    .navlink li a{
        padding:0;
    }
    .navlink li.selected a {
        border:none;
        border-bottom: 2px solid #edd1cd;
    }
    .navlink{
        text-align:center;
    }
    .soclink{
        text-align: center;
        padding:0;
    }
    .top-product-image{
        display: none;
    }
    .bottom-p-image{
        display:block;
    }
}

@media screen and (max-width: 768px) {
    .soclink{
        margin:0;
        width:100%;
    }
    #footer-links .soclink{
        text-align: left;
        margin-bottom:30px;
    }
    .navlink{
        margin-top:0;
    }
    .navlink a{
        font-size:12px !important;
        padding:0;
        margin:0;
        letter-spacing: 0 !important;
    }
    .navlink li{
        padding:0 5px;
    }
    .logo img{
        max-width: 80%;
    }
    p.footer-logo-text {
        font-size: 17px !important;
    }
}


@media screen and (max-width: 480px) {

    #footer-links h2.logo a img{
        max-width: 70% !important;
    }

    h2.pink{
        font-size:26px;
    }
    h2.title{
        font-size:32px
    }
    .product-in{
            padding: 30px 0 30px 0;
    }
    .txtsnd{
        width:100%;
    }
}

@media screen and (max-width: 320px) {
        .navlink li {
            padding: 0 2px;
        }
}