#header-outer {

    padding-top: 28px;

}



    #header-outer #logo img {

        height: 30px;

    }



    #header-outer[data-format="centered-menu-under-logo"] header#top #logo .starting-logo {

        margin-top: -47px;

    }



header#top nav > ul > li > a {

    padding-bottom: 33px;

    padding-top: 5px;

}



#header-outer .cart-menu {

    padding-bottom: 32px;

    padding-top: 32px;

}



header#top nav > ul li#search-btn, header#top nav > ul li.slide-out-widget-area-toggle {

    padding-bottom: 4px;

    padding-top: 5px;

}



header#top .sf-menu > li.sfHover > ul {

    top: 19px;

}



.sf-sub-indicator {

    height: 13px;

}



#header-space {

    height: 86px;

}



body[data-smooth-scrolling="1"] #full_width_portfolio .project-title.parallax-effect {

    top: 86px;

}



body.single-product div.product .product_title {

    padding-right: 0;

}



@media only screen and (min-width:1000px) and (max-width:1300px) {

    .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2, .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content h2, .full-width-content .vc_span12 .swiper-slide .content h2 {

        font-size: 45px !important;

        line-height: 51px !important;

    }



    .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p, .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content p, .full-width-content .vc_span12 .swiper-slide .content p {

        font-size: 18px !important;

        line-height: 31.2px !important;

    }

}



@media only screen and (min-width :690px) and (max-width :1000px) {

    .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2, .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content h2, .full-width-content .vc_span12 .swiper-slide .content h2 {

        font-size: 33px !important;

        line-height: 39px !important;

    }



    .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p, .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content p, .full-width-content .vc_span12 .swiper-slide .content p {

        font-size: 13.2px !important;

        line-height: 24px !important;

    }

}



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

    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2, .nectar-slider-wrap[data-full-width="boxed-full-width"][data-fullscreen="false"] .swiper-slide .content h2, .full-width-content .vc_span12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content h2 {

        font-size: 15px !important;

        line-height: 21px !important;

    }



    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p, .nectar-slider-wrap[data-full-width="boxed-full-width"][data-fullscreen="false"] .swiper-slide .content p, .full-width-content .vc_span12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content p {

        font-size: 7.68px !important;

        line-height: 17.52px !important;

    }

}



#mobile-menu #mobile-search, header#top nav ul #search-btn {

    display: none !important;

}



.no-rgba #header-space {

    display: none;

}



@media only screen and (min-width:1000px) {

    #header-space {

        display: none;

    }



    .nectar-slider-wrap.first-section, .parallax_slider_outer.first-section, .full-width-content.first-section, .parallax_slider_outer.first-section .swiper-slide .content, .nectar-slider-wrap.first-section .swiper-slide .content, #page-header-bg, .nder-page-header, #page-header-wrap {

        margin-top: 0 !important;

    }



    body #page-header-bg, body #page-header-wrap {

        height: 86px;

    }



    .swiper-container .slider-prev, .swiper-container .slider-next {

        top: 52% !important;

    }



    .first-section .nectar-slider-loading .loading-icon {

        opacity: 0;

    }



    body #search-outer {

        z-index: 100000;

    }



    #header-outer.transparent header#top #logo, #header-outer.transparent header#top #logo:hover {

        color: #ffffff !important;

    }



    #header-outer.transparent header#top nav > ul > li > a, #header-outer.transparent header#top nav ul #search-btn a span, #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart {

        color: #ffffff !important;

        opacity: 0.75 !important;

        transition: opacity 0.2s linear,color 0.2s linear;

    }



        #header-outer.transparent header#top nav > ul > li > a:hover, #header-outer.transparent header#top nav .sf-menu > li.sfHover > a, #header-outer.transparent header#top nav .sf-menu > li.current_page_ancestor > a, #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a, #header-outer.transparent header#top nav .sf-menu > li.current-menu-ancestor > a, #header-outer.transparent header#top nav .sf-menu > li.current_page_item > a, #header-outer.transparent header#top nav > ul > li > a:hover > .sf-sub-indicator > i, #header-outer.transparent header#top nav > ul > li.sfHover > a > span > i, #header-outer.transparent header#top nav ul #search-btn a:hover span, #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a:hover span, #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a i, #header-outer.transparent header#top nav .sf-menu > li.current-menu-ancestor > a i, #header-outer.transparent .cart-outer:hover .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart {

            opacity: 1 !Important;

            color: #ffffff !important;

        }



    #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines:after {

        background-color: #ffffff !important;

    }



    #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines {

        opacity: 0.75 !important;

    }



    #header-outer.transparent.side-widget-open header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a:hover i.lines, #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:before, #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a:hover i.lines:after {

        opacity: 1 !important;

    }

}



@media only screen and (min-width:1000px) {

    .container {

        max-width: 1425px;

        width: 100%;

        padding: 0 90px;  

    }



    .swiper-slide .content {

        padding: 0 90px;

    }



    body .container .container {

        width: 100% !important;

        padding: 0 !important;

    }



    body .carousel-heading .container {

        padding: 0 10px !important;

    }



        body .carousel-heading .container .carousel-next {

            right: 10px;

        }



        body .carousel-heading .container .carousel-prev {

            right: 35px;

        }



    .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link {

        left: 90px;

    }



    .carousel-wrap[data-full-width="true"] .carousel-heading {

        margin-left: -20px;

        margin-right: -20px;

    }



    .carousel-wrap[data-full-width="true"] .carousel-next {

        right: 90px !important;

    }



    .carousel-wrap[data-full-width="true"] .carousel-prev {

        right: 115px !important;

    }



    .carousel-wrap[data-full-width="true"] {

        padding: 0 !important;

    }



        .carousel-wrap[data-full-width="true"] .caroufredsel_wrapper {

            padding: 20px !important;

        }



    #search-outer #search #close a {

        right: 90px;

    }



    #boxed, #boxed #header-outer, #boxed #header-secondary-outer, #boxed #page-header-bg[data-parallax="1"], #boxed #featured, #boxed .orbit > div, #boxed #featured article, .ascend #boxed #search-outer {

        max-width: 1400px !important;

        width: 90% !important;

        min-width: 980px;

    }



        #boxed #search-outer #search #close a {

            right: 0 !important;

        }



        #boxed .container {

            width: 92%;

            padding: 0;

        }



        #boxed #footer-outer #footer-widgets, #boxed #footer-outer #copyright {

            padding-left: 0;

            padding-right: 0;

        }



        #boxed .carousel-wrap[data-full-width="true"] .carousel-heading a.portfolio-page-link {

            left: 35px;

        }



        #boxed .carousel-wrap[data-full-width="true"] .carousel-next {

            right: 35px !important;

        }



        #boxed .carousel-wrap[data-full-width="true"] .carousel-prev {

            right: 60px !important;

        }

}



header#top nav > ul > li > a {

    font-family: PT Sans;

    font-size: 14px;

    line-height: 19.5px;

    font-weight: bold;

}



header#top .sf-menu li ul li a, #header-secondary-outer nav > ul > li > a, #header-secondary-outer ul ul li a, #header-outer .widget_shopping_cart .cart_list a {

    font-family: Source Sans Pro;

    font-weight: 300;

}



@media only screen and (min-width :1px) and (max-width :1000px) {

    header#top .sf-menu a {

        font-family: Source Sans Pro !important;

        font-size: 14px !important;

    }

}



.banner-wrap-pic {

    background: url(../images/s1_pic_01.jpg) no-repeat;

    background-size: 100%;

    -moz-background-size: 100%;

    background-size: cover;

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/s1_pic_01.jpg',sizingMethod='scale');

    height: 550px;

}



.HB_aboutus_banner_pic {

    background: url(../img/about/s1_pic_01.jpg) no-repeat;

    background-size: 100%;

    height: 550px;

}



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

    .banner-wrap-pic {

        height: 500px;

    }

}



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

    .banner-wrap-pic {

        height: 450px;

    }

}



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

    .banner-wrap-pic {

        height: 400px;

    }

}



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

    .banner-wrap-pic {

        height: 360px;

    }

}



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

    .banner-wrap-pic {

        height: 300px;

    }

}



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

    .banner-wrap-pic {

        height: 260px;

        background-size: 690px 363px;

    }

}



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

    .banner-wrap-pic {

        height: 250px;

        background-size: 480px 252px;

    }

}



#header-outer {

    position: fixed;

}



header#top {

    position: relative;

    z-index: 9998;

    width: 100%;

}