#blackx {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    display: none;
}

#blackx .loader {
    width: 64px;
    height: 64px;
    top: 50%;
    margin-top: -32px;
    left: 50%;
    margin-top: -32px;
    position: absolute;
}

.goog-logo-link {
    display: none !important;
}

.logo.text-center {
    width: 160px;
    margin-left: 80px;
}

.title_1 {
    padding-top: 160px;
    text-align: center;
}

.scopri_1 {
    margin-top: 10px;
}

.img_1 {
    height: 450px;
    float: right;
    width: auto;
}

.img_2 {
    height: 450px;
    float: left;
    width: auto;
}

.title_2 {
    padding-top: 180px;
    text-align: center;
}

.quadrato_sconto{
    position: absolute;
    top: 30px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.7);
}

@media(max-width:767px){

    .title_1 {
        padding-top: 20px;
        text-align: center;
    }

    .scopri_1 {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .img_1 {
        height: auto;
        float: right;
        width: 100%;
    }

    .img_2 {
        height: auto;
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

    .title_2 {
        padding-top: 180px;
        text-align: center;
    }
}


/*-----------------------------------------------------------------------------------

Template: Sa - Minimalist Ecommerce html template
Template URI: http://Devitems.com/
Description: This is html5 template
Author: Devitems
Author URI: https://devitems.com/
Version: 1.0

-----------------------------------------------------------------------------------

CSS INDEX
===================

1. Theme Default CSS
2. Header css (css/shortcodes/header.css)
03. Header cart css here
04. Product css here
05. banner area css here
06. Newsletter css here
07. Footer css her
08. Home banner css here
09. Slider css here
10. Mobile menu css here
11. Home 2 css here
12. Video banner css here
13. Brand css here
14. Footer 2 css here
15. Portfolio 1 banner css here
16. latest post css here
17. Footer 3 css here
18. Portfolio-3 page css here
19. Portfolio qucik banner css here
20. Portfolio 3 css here
21. Breadcrumbs css here
22. About us css here
23. Team member css here
24. Testmonail css here
25. Contact us page css here
26. Services page css here
27. Shop page css here
28. pagination css
29. Portfolio details css here
30. Scrollup css here
31. 404 page css here
32. Cart Page
33. Wishlist Page
34. Checkout Page
35. Blog page
36. Blog details page
37. Product Details css here
38. Login area

-----------------------------------------------------------------------------------*/


/*--
Google fonts
--*/

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

/*************************************
Custom-content all   
**************************************/

.boxed-layout .wrapper {
    -webkit-box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    margin: auto;
    position: relative;
    width: 1500px;
}

.boxed-layout .sticky {
    left: 0;
    right: 0;
    width: 1500px;
}

.boxed-layout.fixed {
    margin: 70px 0;
}

.pattern-fixed.pattern {
    background: url("https://devitems.com/preview/sa/images/bg/pattern.png") repeat fixed 0 0;
}

img {
    max-width: 100%
}


/*-------
03. Header cart css here
-------------------*/


/*-- Mini Cart Brife --*/

.mini-cart-brief {
    background-color: #fff;
    border: medium none;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    display: block;
    left: auto;
    margin-top: 30px;
    opacity: 0;
    padding: 20px;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 280px;
    z-index: 99999 !important;
}

.open .mini-cart-brief {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    z-index: 999;
}


/*-- Cart Products --*/

.all-cart-product {}

.single-cart {
    margin-bottom: 15px;
}

.single-cart .cart-image {
    display: block;
    float: left;
    margin-right: 15px;
    width: 65px;
}

.single-cart .cart-image a {
    display: block;
}

.single-cart .cart-image a img {
    width: 100%;
}

.single-cart .cart-info {
    overflow: hidden;
    padding-right: 20px;
    position: relative;
}

.single-cart .cart-info h5 {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.single-cart .cart-info h5 a {
    color: #606060;
}

.single-cart .cart-info h5 a:hover {
    color: #000;
}

.single-cart .cart-info p {
    margin: 0;
    font-size: 14px;
}

.single-cart .cart-info .cart-delete {
    line-height: 18px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.single-cart .cart-info .cart-delete i {
    display: block;
    font-size: 16px;
}

.single-cart .cart-info .cart-delete:hover {
    color: #000;
}


/*-- Cart Total --*/

.cart-totals {
    margin-bottom: 15px;
}

.cart-totals h5 {
    color: #606060;
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}

.cart-totals h5 span {
    display: block;
    float: right;
}


/*-- Cart Button --*/

.cart-bottom {
    text-align: center;
}

.cart-bottom a {
    background-color: #ba8044;
    color: #fff !important;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 36px;
    line-height: 24px;
    padding: 7px 15px;
    text-transform: uppercase;
    width: 100%;
}

.cart-bottom a:hover {
    background-color: #000;
}


/*--------------
04. Product css here
---------------*/

.product-img {
    height: 235px;
}

@media(max-width:1400px) {
    .product-img {
        height: 168px;
    }
}

.product-top-action {
    left: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
}

.product-sale,
.product-review {
    display: inline-block;
}

.product-review {
    float: right;
}

.product-sale > span {
    color: #606060;
    font-weight: 400;
    text-transform: uppercase;
}

.product-review > a {
    color: #ba8044;
    font-size: 16px;
}

.product-cart {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
}

.product-cart > a {
    color: #ffffff;
    font-size: 18px;
    text-transform: capitalize;
}

.product-cart > a:hover {
    opacity: 0.7;
}

.product-cart > a i {
    font-size: 20px;
    margin-right: 2px;
}

.product-img::before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    border-radius: 10px;
}

.single-product:hover .product-img::before {
    opacity: 1;
}

.single-product:hover .product-sale > span,
.single-product:hover .product-review a {
    color: #ffffff;
}

.single-product:hover .product-cart {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.product-desc h6,
.product-details h6.title {
    color: #606060;
    margin: 25px 0 11px;
    text-transform: uppercase;
    font-weight: 400;
    overflow: hidden;
    height: 35px;
}

.product-desc.text-center > p {
    color: #ba8044;
    margin: 0;
}

.related-product-list .col-md-4 {
    width: 100%;
}

.related-shop-product {
    margin-top: 70px;
}

.related-product .single-product {
    margin-bottom: 0;
}

.single-product {
    margin-bottom: 55px;
}

.shop-area {
    padding-top: 40px;
}

.shop-area.home2 {
    padding-left: 155px;
    padding-right: 155px;
}


/*------
05. banner area css here
-------------*/

.single-banner {
    height: 320px;
    overflow: hidden;
    position: relative;
}

.banner-text {
    left: 30px;
    position: absolute;
    top: 30px;
    z-index: 9;
}

.banner-text h3 {
    color: #606060;
    font-size: 26px;
    font-weight: 400;
    text-transform: capitalize;
}

.banner-text h3:hover {
    color: #000
}

.banner-text > p {
    color: #ba8044;
    margin: 0;
    text-transform: capitalize;
}

.single-banner:hover .banner-text h3 {
    -webkit-animation: 700ms ease-in-out 0.3s normal none 1 running slideInLeft;
    animation: 700ms ease-in-out 0.3s normal none 1 running slideInLeft;
}

.single-banner:hover .banner-text p {
    -webkit-animation: 600ms ease-in-out 0.3s normal none 1 running slideInLeft;
    animation: 600ms ease-in-out 0.3s normal none 1 running slideInLeft;
}

.banner-area {
    padding-top: 70px;
}


/*-----------------
06. Newsletter css here
-----------------*/

.newsletter-title > h5 {
    color: #606060;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.newsletter-title > p {
    color: #606060;
    margin: 0;
}

.newsletter-title {
    margin-bottom: 47px;
}

.newsletter-form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ba8044;
    color: #ba8044;
    padding: 0 20px;
    width: 100%;
}

.newsletter-form {
    position: relative;
}

.newsletter-form button {
    background: #606060 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    height: 100%;
    padding: 0 28px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}

.newsletter-form button:hover {
    background: #000;
}

footer.footer {
    background: #333333 none repeat scroll 0 0;
    padding-top: 55px;
}

.widget-title > h5 {
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
}


/*------------
07. Footer css her
---------------*/

.single-footer.widget-1 .desc-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    position: relative;
    top: 11px;
}

.single-footer.widget-1 .desc-text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 14px;
}

.single-footer.widget-1 .desc-icon i {
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    height: 32px;
    line-height: 30px;
    text-align: center;
    width: 32px;
}

.desc-text > p {
    color: #ffffff;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.custom-menu li a {
    color: #ffffff;
    display: block;
}

.custom-menu li a i {
    margin-right: 11px;
}

.custom-menu li {
    margin-bottom: 15px;
}

.custom-menu li:last-child {
    margin-bottom: 0;
}

.custom-menu li a {
    color: #ffffff;
    display: block;
}

.custom-menu li a:hover {
    opacity: 0.7;
}

.custom-menu li a i {
    margin-right: 11px;
}

.custom-menu li {
    margin-bottom: 15px;
}

.custom-menu li:last-child {
    margin-bottom: 0;
}

.instagram-list ul li {
    display: inline-block;
    float: left;
    padding-bottom: 7px;
    padding-right: 7px;
    width: 33.33%;
}

.instagram-list {
    overflow: hidden;
}

.widget-title {
    margin-bottom: 35px;
}

.widget-description.instagram {
    padding-top: 3px;
}

.copyight p {
    border-top: 1px solid #606060;
    color: #ffffff;
    margin: 0;
    padding: 20px 0;
    text-transform: capitalize;
}

.copyight p a {
    color: #fff;
}

.copyight p a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.copyight.text-center {
    margin-top: 48px;
}

.copyright-inner-2 a,
.footer-3 .copyright > p a {
    color: #606060;
}

.copyright-inner-2 a:hover,
.footer-3 .copyright > p a:hover {
    color: #000;
    text-decoration: underline;
}

.instagram-list a {
    display: block;
    position: relative;
}

.instagram-list a::before {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.instagram-list a:hover::before {
    opacity: 1;
}


/*--------------
08. Home banner css here
---------------*/

.home-banner {
    background: rgba(0, 0, 0, 0) url("img/banner/home-bg.jpg") no-repeat scroll center center / cover;
    padding: 100px 0;
    position: relative;
}

.banner-img-caption,
.banner-content {
    display: inline-block;
}

.home-banner-desc {
    z-index: 9;
    position: relative;
}

.overlay::before {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.banner-img-caption > img {
    width: 470px;
}

.banner-img-caption {
    float: right;
    position: relative;
    left: 60px;
}

.banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 9;
}

.home-banner .banner-content h1,
.slider-content h1 {
    color: #ffffff;
    font-size: 80px;
    font-weight: bold;
    text-transform: uppercase;
}

.home-banner .banner-content h2,
.slider-content h2 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
}

.banner-content > a,
.slider-content a {
    border: 2px solid #ba8044;
    color: #ba8044;
    display: inline-block;
    height: 45px;
    line-height: 44px;
    margin-top: 45px;
    padding: 0 22px;
    text-transform: uppercase;
}

.banner-content > a:hover,
.home-2 .banner-content > a:hover,
.slider-content a:hover {
    background: #ba8044 none repeat scroll 0 0;
    color: #fff;
    border-color: #ba8044;
}


/*--------
09. Slider css here
----------------------*/

.home-slider {
    position: relative;
}

.home-slider.overlay:before {
    z-index: 7;
}

.nivo-caption,
.hero-static-caption {
    bottom: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 100%;
    z-index: 8;
    height: inherit;
}

.nivo-directionNav a i {
    display: block;
    font-size: 24px;
    line-height: 58px;
}

.nivo-directionNav a {
    background-color: #fff;
    border-radius: 50%;
    color: #606060;
    display: block;
    height: 58px;
    opacity: 0;
    text-align: center;
    top: 50%;
    width: 58px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.home-slider:hover .nivo-directionNav a {
    opacity: 1;
}

.nivo-directionNav a:hover {
    background-color: #000;
    color: #fff;
}

.slider-content a {
    display: inline-block !important;
}

.slider-content {
    text-align: center;
}


/*-------------------
10. Mobile menu css here
----------------------------*/

.mobile-menu-area {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-top: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999;
}

.mean-container a.meanmenu-reveal {
    left: auto !important;
    position: absolute;
    top: -76px;
}

.mobile-menu-area .mean-nav {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.mean-container .mean-bar {
    padding: 0;
}

.mean-container .mean-nav ul li a.mean-expand {
    padding: 8px !important;
}


/*--------------
11. Home 2 css here
--------------*/

.home-banner.home-2 {
    background: rgba(0, 0, 0, 0) url("img/banner/home-bg-2.jpg") no-repeat scroll center center / cover;
    padding: 242px 0;
}

.home-2 .banner-content h1 {
    color: #444444;
}

.home-2 .banner-content h2,
.home-2 .banner-content > a {
    color: #606060;
}

.home-2 .banner-content > a {
    border-color: #606060;
}

.home-2 .banner-content {
    position: inherit;
    top: inherit;
    -webkit-transform: inherit;
    transform: inherit;
}

.product-item2 .product-img::before {
    display: none;
}

.product-item2 .single-product:hover .product-img {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.product-item2 .single-product .product-img:after {
    transition: all 0.5 ease;
    border-radius: 10px;
}

.product-item2 .single-product:hover .product-img:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .3);
    border-radius: 10px;
}

.product-img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.product-item2 .single-product:hover .product-sale > span {
    color: inherit;
}

.single-footer-title-2 h3 {
    color: #606060;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}


/*--------------
12. Video banner css here
-------------*/

.banner-video {
    background: rgba(0, 0, 0, 0) url("img/banner/video-bg.jpg") no-repeat scroll center center / cover;
    padding: 227px 0 218px;
    position: relative;
}

.banner-video.overlay:before {
    background: rgba(0, 0, 0, 0.80) none repeat scroll 0 0;
}

.video-content-inner h1 {
    color: #ffffff;
    font-size: 60px;
    font-weight: bold;
    text-transform: capitalize;
}

.video-play > a {
    color: #ffffff;
    display: block;
    font-size: 50px;
    padding-top: 18px;
}


/*--------------
13. Brand css here
-----------*/

.single-brand a img {
    -webkit-filter: opacity(50%);
    -mz-filter: opacity(50%);
    -o-filter: opacity(50%);
    filter: opacity(50%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-brand a img:hover {
    -webkit-filter: none;
    -mz-filter: none;
    -o-filter: none;
    filter: none;
}

.single-brand {
    text-align: center;
}

.single-brand a {
    display: block;
}


/*------------
14. Footer 2 css here
--------------*/

.footer-top {
    background: #f9f9f9 none repeat scroll 0 0;
}

.footer-bottom {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 15px 0;
}

.copyright-inner-2 p {
    color: #606060;
    margin: 0;
    text-transform: capitalize;
}

.single-footer-short-desc > p {
    color: #606060;
}

.single-footer-soical > a {
    border: 1px solid #ddd;
    color: #aaaaaa;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    margin-left: 12px;
    text-align: center;
    width: 40px;
}

.single-footer-soical > a:first-child {
    margin-left: 0;
}

.single-footer-soical {
    padding-top: 10px;
}

.single-footer-short-desc > p {
    margin-right: 40px;
}

.single-footer.quick-links .single-footer-links {
    width: 230px;
}

.single-footer-links li {
    float: left;
    padding-bottom: 27px;
    width: 50%;
}

.single-footer-links li a {
    color: #606060;
}

.single-footer-links li:last-child {
    padding-bottom: 0;
}

.single-footer.quick-links {
    padding-left: 70px;
}

.single-footer.newsletter {
    padding-left: 70px;
}

.single-footer-newsletter > p {
    color: #606060;
    margin-bottom: 25px;
}

.single-footer-newsletter > div {
    position: relative;
}

.single-footer-newsletter input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #ba8044;
    height: 40px;
    padding: 0 20px;
    width: 100%;
}

.checkout-form input {
    height: inherit;
}

.single-footer-newsletter > form {
    position: relative;
}

.single-footer-newsletter button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #ba8044;
    font-size: 18px;
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.single-footer-links li a:hover {
    color: #333;
}

.single-footer-title-2 {
    padding-bottom: 30px;
}

.single-footer-soical > a:hover {
    background: #606060;
    color: #fff;
    border-color: #606060;
}


/*-----------------
15. Portfolio 1 banner css here
------------*/

.protfolio-home-banner {
    background: rgba(0, 0, 0, 0) url("img/banner/portfolio-bg.jpg") no-repeat scroll center center / cover;
    padding: 154px 0;
}

.protfolio-home-banner h1 {
    color: #fff;
    font-size: 80px;
    font-weight: bold;
    line-height: 100px;
    margin: 0;
    text-transform: uppercase;
}

.single-portfolio {
    margin-bottom: 30px;
}


/*-----------------
16. latest post css here
---------------*/

.latest-news-area {
    position: relative;
    background: url(img/blog/bg-blog.jpg)no-repeat scroll center center / cover;
}

.latest-news-title h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    text-transform: uppercase;
}

.latest-news-title {
    margin-bottom: 70px;
}

.blog-thumbnail {
    position: relative;
}

.post-desc {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.blog-thumbnail::before {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.blog-post:hover .blog-thumbnail::before,
.blog-post:hover .post-desc {
    opacity: 1;
}

.post-date > p {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
}

.post-date > p span {
    display: inline-block;
    padding-top: 5px;
}

.post-title h6 {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
}

.post-title {
    padding-top: 4px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.post-date {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.post-title > h6:hover a {
    opacity: 0.7;
}

.post-date,
.post-title {
    transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
}

.blog-post:hover .post-date,
.blog-post:hover .post-title {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.post-title h6 a:hover {
    color: inherit;
}


/*------------------
17. Footer 3 css here
--------------*/

.footer-top-text > p,
.footer-3 .copyright > p {
    color: #606060;
    font-size: 16px;
    margin: 0;
}

.footer-top-text {
    padding-top: 25px;
}

.footer-3-bottom {
    padding-top: 38px;
}

.footer-bottom-social > a {
    color: #606060;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    margin-left: 30px;
}

.footer-bottom-social > a:first-child {
    margin-left: 0;
}

.footer-bottom-social {
    padding-top: 17px;
}

.footer-bottom-social > a:hover {
    color: #333;
}


/*----------------
18. Portfolio-3 page css here
-------------*/

.protfolio-home-banner-2 {
    background: rgba(0, 0, 0, 0) url("img/banner/portfolio-bg-2.jpg") no-repeat scroll center center / cover;
    padding: 350px 0;
}

.portfolio-banner2-text h1 {
    color: #040404;
    font-size: 120px;
    font-weight: bold;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.protfolio-home-banner-2 h2 {
    color: #606060;
    font-size: 36px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase;
}

.title-img {
    margin-bottom: 42px;
}


/*-------------
19. Portfolio qucik banner css here
--------------*/

.portfolio-quick-banner {
    background: rgba(0, 0, 0, 0) url("img/banner/man-bg.jpg") no-repeat scroll center center / cover;
    margin-top: 62px;
    position: relative;
}

.quick-bannr-img {
    margin-top: -84px;
}

.quick-bannr-img > img {
    max-width: inherit;
}

.quick-banner-text > h1 {
    color: #606060;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 26px;
    text-transform: uppercase;
}

.quick-banner-text > p {
    color: #606060;
    margin-right: 120px;
}

.quick-banner-text > a {
    border: 1px solid #ba8044;
    color: #606060;
    display: inline-block;
    height: 45px;
    line-height: 44px;
    margin-top: 24px;
    padding: 0 38px;
    text-transform: uppercase;
}

.quick-banner-text > a:hover {
    background: #fff none repeat scroll 0 0;
    color: #606060;
    border-color: #fff;
}

.quick-banner-text {
    padding: 204px 0;
}


/*-------------
20. Portfolio 3 css here
--------------*/

.portfolio-menu button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #606060;
    font-size: 16px;
    line-height: 18px;
    padding: 0 18px;
    position: relative;
    text-transform: uppercase;
}

.portfolio-menu button::before {
    content: "“";
    font-size: 30px;
    left: -3px;
    opacity: 0;
    position: absolute;
}

.portfolio-menu button::after {
    content: "”";
    font-size: 30px;
    opacity: 0;
    position: absolute;
    right: -3px;
}

.portfolio-menu button.active::before,
.portfolio-menu button.active::after {
    opacity: 1;
}

.single-portfolio {
    position: relative;
    overflow: hidden;
}

.single-portfolio a {
    position: relative;
    display: block;
}

.portfolio-title {
    bottom: 106px;
    left: 50px;
    opacity: 0;
    position: absolute;
}

.portfolio-item2 .col-md-4 {
    padding: 0;
}

.portfolio-item2 .single-portfolio {
    margin: 0;
}

.portfolio-img > img {
    display: block;
    width: 100%;
}

.single-portfolio a::before {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.portfolio-title h3,
.portfolio-title > p {
    color: #ffffff;
}

.portfolio-title h3 {
    transform: rotate(-90deg) translateY(-165px);
    -webkit-transform: rotate(-90deg) translateY(-165px);
    -ms-transform: rotate(-90deg) translateY(-165px);
    -o-transform: rotate(-90deg) translateY(-165px);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.portfolio-title > p {
    transform: rotate(-90deg) translateY(-140px) translateX(36px);
    -webkit-transform: rotate(-90deg) translateY(-140px) translateX(36px);
    -ms-transform: rotate(-90deg) translateY(-140px) translateX(36px);
    -o-transform: rotate(-90deg) translateY(-140px) translateX(36px);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.portfolio-title h3 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 11px;
    text-transform: uppercase;
}

.portfolio-title h3:hover {
    opacity: 0.7;
}

.portfolio-title > p {
    margin: 0;
}

.single-portfolio:hover a::before,
.single-portfolio:hover .portfolio-title {
    opacity: 1;
}

.single-portfolio:hover .portfolio-title h3 {
    transform: rotate(-90deg) translateY(-100px);
    -webkit-transform: rotate(-90deg) translateY(-100px);
    -ms-transform: rotate(-90deg) translateY(-100px);
    -o-transform: rotate(-90deg) translateY(-100px);
}

.single-portfolio:hover .portfolio-title > p {
    transform: rotate(-90deg) translateY(-67px) translateX(36px);
    -webkit-transform: rotate(-90deg) translateY(-67px) translateX(36px);
    -ms-transform: rotate(-90deg) translateY(-67px) translateX(36px);
    -o-transform: rotate(-90deg) translateY(-67px) translateX(36px);
}


/*-------------------
21. Breadcrumbs css here
---------------------*/

.breadcrumbs {
    background: rgba(0, 0, 0, 0) url("img/banner/breadcrumbs.jpg") no-repeat scroll center center / cover;
    padding-bottom: 10px;
    padding-top: 0px;
}

.breadcrmubs-menu {
    padding-top: 10px;
}

.title-opacity > h1 {
    color: #f5f5f5;
    font-size: 185px;
    font-weight: bold;
    line-height: 150px;
    margin: 0;
    text-transform: uppercase;
}

.breadcrumbs-title {
    position: relative;
}

.breadcrumbs-title2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 100%;
}

.breadcrumbs-title2 > h1 {
    color: #606060;
    font-size: 60px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

.breadcrmubs-menu li,
.breadcrmubs-menu li a {
    color: #444444;
    font-size: 12px;
    text-transform: uppercase;
}

.breadcrmubs-menu li a:hover {
    color: #000;
}

.breadcrmubs-menu li {
    display: inline-block;
    margin-left: 5px;
}

.breadcrmubs-menu li:first-child {
    margin-left: 0;
}

.breadcrmubs-menu li span {
    margin-right: 4px;
}


/*-------------------
22. About us css here
-----------------*/

.about-fun-fact {
    float: left;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 43%;
}

.about-fun-fact .col-6 {
    position: relative;
    width: 50%;
    z-index: 9;
}

.about-fun-fact-inner {
    background: rgba(0, 0, 0, 0) url("../upload/chi-siamo.jpg") repeat scroll 0 0 / cover;
    height: 100%;
    overflow: hidden;
    padding: 0 25px;
    position: relative;
}

.about-us {
    margin: 70px 70px 70px;
    position: relative;
}

.about-content > h3 {
    color: #444444;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 55px;
    text-transform: uppercase;
}

.about-read p.text-1 {
    color: #606060;
    font-size: 18px;
}

.about-us .row .col-md-6 {
    padding: 0;
}

.about-read p.text-2 {
    margin-bottom: 20px;
}

.about-read p.text-3 {
    margin: 0;
}

.about-description {
    padding-bottom: 140px;
    padding-top: 127px;
}

.white-overlay:before {
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.fun-icon i {
    color: #606060;
    font-size: 60px;
}

.fun-text h2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 5px;
}

.fun-text h3.counter {
    color: #606060;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
}

.fun-icon {
    padding-bottom: 20px;
}

.fun-factor {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


/*-----------------
23. Team member css here
-----------------*/

.single-team {
    position: relative;
    overflow: hidden;
}

.single-team:hover .team-hover {
    opacity: 1;
    top: 0;
}

.team-hover {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.team-hover-inner {
    bottom: 22px;
    position: absolute;
}

.team-title h5 {
    color: #606060;
    font-weight: 400;
}

.team-title h6 {
    color: #606060;
    font-weight: 400;
    margin: 0;
}

.team-title {
    margin-bottom: 25px;
}

.team-social > a {
    color: #606060;
    font-size: 24px;
    margin-left: 38px;
}

.team-social > a:hover {
    color: #000;
}

.team-social > a:first-child {
    margin-left: 0;
}

.team-desc > p {
    margin-bottom: 22px;
}

.sectiont-title h2 {
    color: #444444;
    font-weight: 400;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.sectiont-title p {
    margin: 0;
}

.sectiont-title {
    margin-bottom: 65px;
}

.our-team {
    padding-bottom: 130px;
    padding-top: 123px;
}

.about-description {
    background: url(img/triangle.png)no-repeat scroll center center;
}


/*---------------
24. Testmonail css here
-------------*/

.testimonial {
    background: rgba(0, 0, 0, 0) url("img/banner/testimonial-bg.jpg") no-repeat scroll center center / cover;
    position: relative;
}

.testimonial.white-overlay::before {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
}

.test-content > p {
    font-size: 18px;
    font-weight: 500;
}

.test-title > h5 {
    color: #444444;
    font-weight: 400;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.test-title > h6 {
    color: #444444;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}

.test-content {
    padding-bottom: 23px;
}

.testmonial-inner {
    padding: 125px 0;
}

.testimonial-list::before {
    color: #606060;
    content: "”";
    font-size: 200px;
    left: 0;
    line-height: 114px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}


/*-----------------
25. Contact us page css here
---------------------*/

.get-in-touch > h3,
.contact-address > h3,
.contact-form-titile.text-center > h3 {
    color: #444444;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.contact-social > a {
    color: #606060;
    font-size: 24px;
    margin-left: 28px;
}

.contact-social > a:first-child {
    margin-left: 0;
}

.contact-social {
    padding-bottom: 30px;
    padding-top: 16px;
}

.contact-icon,
.conatct-desc {
    display: inline-block;
}

.contact-icon i {
    color: #606060;
    display: block;
    font-size: 24px;
    position: relative;
    top: -8px;
}

.conatct-desc {
    padding-left: 30px;
}

.conatct-desc > p {
    letter-spacing: 2px;
    margin: 0;
    text-transform: capitalize;
}

.single-contact-list {
    margin-bottom: 20px;
}

.contact-list .single-contact-list:last-child {
    margin-bottom: 0;
}

.contact-form-titile.text-center > h3 {
    line-height: 14px;
}

.contact-form-inner .input-type input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #e7e7e7;
    color: #606060;
    text-transform: capitalize;
    width: 100%;
}

.contact-form-inner .input-type input:focus,
.message-box textarea:focus {
    border-color: #606060;
}

.message-box textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 75px;
    padding: 0;
    color: #606060;
    text-transform: capitalize;
    border: none;
    border-bottom: 1px solid #e7e7e7;
}

.send-bt button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #000;
    color: #606060;
    height: 45px;
    margin-top: 50px;
    padding: 0 22px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.send-bt button:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}

.contact-form-titile.text-center {
    margin-bottom: 55px;
}

.form-messege.success {
    color: #4caf50;
}

.form-messege {
    color: #ff9800;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 20px;
    text-transform: capitalize;
}

.form-messege.error {
    color: #ff9800;
}


/*---------------------
26. Services page css here
--------------------*/

.services-area {
    padding: 0 125px;
}

.single-services-img {
    height: 100%;
    position: absolute;
    width: 55%;
}

.left .single-services-img {
    left: 0
}

.right .single-services-img {
    right: 0
}

.single-services-desc {
    padding-bottom: 125px;
    padding-left: 100px;
    padding-top: 125px;
    width: 45%;
}

.left .single-services-desc {
    float: right;
}

.right .single-services-desc {
    float: left;
}

.single-services {
    position: relative;
}

.services-icon i {
    color: #606060;
    font-size: 36px;
}

.services-text > h1 {
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 15px;
}

.services-text h3 {
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 23px;
}

.services-text > p {
    margin: 0;
}

.services-icon {
    margin-bottom: 38px;
}

.right .single-services-desc {
    padding-left: 0;
    padding-right: 100px;
}


/*-------------------
27. Shop page css here
-----------------*/

.shop-page {
    padding: 0 155px;
}


/*shop header css here*/

.shop-sort-inner {
    display: inline-block;
    position: relative;
    width: 188px;
}

.shop-sort-inner select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    color: #606060;
    padding: 0 15px;
    cursor: pointer;
}

.shop-sort-inner::before {
    color: #606060;
    content: "";
    font-family: material-design-iconic-font;
    font-size: 18px;
    position: absolute;
    right: 19px;
    top: 11px;
    pointer-events: none;
}

.showing-product.text-center > p {
    border: 1px solid #e7e7e7;
    display: inline-block;
    height: 35px;
    line-height: 33px;
    margin: 5px 0 0;
    padding: 0 20px;
}

.product-filter button.product-filter-toggle {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    color: #606060;
    height: 35px;
    line-height: 33px;
    margin-top: 5px;
    padding: 0 20px;
    text-transform: capitalize;
}


/*sidebar css here*/

.sidebar-widget-title h4 {
    color: #444444;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    position: relative;
    text-transform: uppercase;
}

.sidebar-widget-title h4::before {
    background: #606060 none repeat scroll 0 0;
    bottom: -12px;
    content: "";
    height: 1px;
    position: absolute;
    width: 70px;
}

.sidebar-widget-title {
    margin-bottom: 37px;
}

.sidebar-widget-desc a {
    color: #606060;
    font-size: 14px;
    text-transform: capitalize;
}

.sidebar-widget-desc a span {
    color: #ba8044;
    margin-left: 6px;
}

.sidebar-widget-desc li {
    margin-bottom: 20px;
}

.sidebar-widget-desc li:last-child {
    margin-bottom: 0;
}

.price_filter .ui-slider .ui-slider-handle {
    border: 2px solid #ba8044;
    border-radius: 50%;
    cursor: default;
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: 2;
    margin: 0;
}

.price_filter .ui-slider .ui-slider-range {
    background: #ba8044 none repeat scroll 0 0;
}

.price_filter .ui-widget.ui-widget-content {
    background: #ba8044 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    height: 3px;
    margin-bottom: 25px;
}

.price_filter_btn,
.price_filter-price {
    float: left;
    width: 50%;
}

.price_filter_btn > input {
    background: #e7e7e7 none repeat scroll 0 0;
    border: medium none;
    color: #606060;
    font-size: 16px;
    height: 30px;
    width: 80px;
}

.price_filter label {
    color: #ba8044;
    display: inline-block;
    font-size: 12px;
}

.price_filter-price > input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #ba8044;
    display: inline-block;
    font-size: 12px;
    padding: 0;
    width: 80px;
}

.best-seller-img {
    float: left;
    width: 25%;
}

.best-seller-desc {
    float: left;
    padding-left: 30px;
    width: 75%;
}

.single-bestseller-product {
    margin-bottom: 20px;
    overflow: hidden;
}

.widget.best-seller .best-seller-title > a {
    color: #444444;
    font-size: 14px;
}

.best-seller-price > p {
    color: #ba8044;
    margin: 0;
    text-align: left;
}

.best-seller-price > p span.old-price {
    text-decoration: line-through;
    font-size: 12px;
}

.best-seller-price > p span.regular-price {
    margin-left: 7px;
}

.widget.tags .sidebar-widget-desc li {
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 30px;
}

.tags .sidebar-widget-desc {
    left: -30px;
    position: relative;
}

.tags .sidebar-widget-desc a {
    font-size: 14px;
}

.tags .sidebar-widget-desc a:hover {
    color: #333333;
}

.widget.filter .sidebar-widget-title {
    margin-bottom: 41px;
}

.widget.best-seller .sidebar-widget-title {
    margin-bottom: 42px;
}

aside.widget {
    margin-bottom: 40px;
}

.sidebar aside.widget {
    overflow: hidden;
}

.product-img img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
}

.sidebar.shop-sidebar .widget:last-child {
    margin-bottom: 0;
}

.color-filter li a {
    color: #606060;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    text-transform: capitalize;
}

.color-filter li a:hover {
    color: #303030;
}

.color-filter li a i {
    border-radius: 50%;
    display: block;
    float: left;
    height: 10px;
    margin-right: 11px;
    margin-top: 7px;
    width: 10px;
}

.product-filter-wrapper .widget {
    margin-bottom: 0;
}

.product-filter-wrapper .sidebar-widget-desc a {
    font-size: 14px;
}

.product-filter-wrapper .sidebar-widget-desc a:hover {
    color: #303030;
}

.product-filter-wrapper .sidebar-widget-desc li {
    margin-bottom: 12px;
}

.product-filter-wrapper .sidebar-widget-title h4 {
    font-size: 16px;
}

.product-filter-wrapper {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    margin: 0 0 50px;
    padding: 40px 40px 0;
}


/*Shop list css*/

.shop-filter-tab ul li {
    display: inline-block;
}

.shop-filter-tab ul li a {
    border: 1px solid #e7e7e7;
    color: #606060;
    font-size: 20px;
    height: 35px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    width: 35px;
}

.shop-filter-tab-menu {
    text-align: right;
}

.shop-filter-tab ul li.active a,
.shop-filter-tab ul li a:hover {
    background: #e7e7e7 none repeat scroll 0 0;
}

.product-list-desc > h6 {
    color: #444444;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.product-list-desc > h6:hover a {
    color: #606060;
}

.product-list-desc p.price {
    color: #ba8044;
    float: none;
    margin-bottom: 18px;
}

.product-content {
    padding-bottom: 8px;
}

.product-list-action li {
    display: inline-block;
    margin-left: 30px;
}

.product-list-action li:first-child {
    margin-left: 0;
}

.product-list-action li a {
    border: 1px solid #e7e7e7;
    color: #606060;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 33px;
    padding: 0 20px;
}

.product-list-action li a span {
    margin-right: 5px;
}

.product-list-action li a:hover {
    background: #e7e7e7 none repeat scroll 0 0;
}

.product-list-desc {
    padding: 28px 0;
}

.shop-page .single-product {
    margin-bottom: 45px;
    position: relative;
}

.product-price,
.single-product .add-to-cart {
    display: inline-block;
}

.single-product .add-to-cart {
    float: right;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-product:hover .add-to-cart {
    opacity: 1;
}

.product-price > p {
    margin: 0;
}

.add-to-cart > a {
    color: #606060;
}

.add-to-cart > a:hover {
    color: #000;
}


/*---------
28. pagination css
--------------------------*/

.pagination-ineer li {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-left: 7px;
    width: 32px;
}

.pagination-ineer li,
.pagination-ineer li a {
    color: #606060;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pagination-ineer li a {
    display: block;
}

.pagination-ineer li a i {
    font-size: 18px;
}

.pagination-ineer li.current,
.pagination-ineer li:hover {
    background: #e7e7e7 none repeat scroll 0 0;
}

.pagination-ineer li:first-child {
    margin-left: 0;
}


/*----------------
29. Portfolio details css here
---------------------*/

.portfolio-menu {
    padding-bottom: 65px;
}

.related-product,
.portfolio-details {
    padding: 0 125px;
}

.related-product .single-portfolio {
    margin-bottom: 0;
}

.related-product .portfolio-title {
    bottom: 95px;
}

.single-portfolio-details {
    padding-right: 140px;
}

.s-portfolio-title,
.portfolio-social {
    display: inline-block;
}

.portfolio-social {
    float: right;
}

.s-portfolio-title h2 {
    color: #444444;
    font-size: 30px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase;
}

.portfolio-social > a {
    color: #606060;
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    padding: 5px 0;
}

.portfolio-social > a:first-child {
    margin-left: 0;
}

.portfolio-desc p.text-1 {
    margin-bottom: 20px;
}

.portfolio-desc p.text-2 {
    margin-bottom: 0;
}

.single-portfolio-head {
    margin-bottom: 38px;
}

.portfolio-location p {
    color: #444444;
    font-size: 17px;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.portfolio-location p span {
    color: #ba8044;
    font-size: 14px;
    margin-left: 12px;
    text-transform: capitalize;
}

.portfolio-location p:last-child {
    margin-bottom: 0;
}

.portfolio-location {
    margin-top: 40px;
}

.portfolio-slide.owl-carousel .owl-controls {
    margin: 0;
}

.portfolio-slide.owl-carousel .owl-controls .owl-buttons > div {
    background: #444444 none repeat scroll 0 0;
    border-radius: 0;
    bottom: 0;
    font-size: 59px;
    height: 80px;
    left: 0;
    line-height: 68px;
    margin: 0;
    opacity: 1;
    position: absolute;
    width: 70px;
}

.portfolio-slide.owl-carousel .owl-controls .owl-buttons .owl-next {
    left: auto;
    right: 0;
}

.portfolio-location.content-2 p {
    margin-bottom: 8px;
}

.wrapper-2 .portfolio-social {
    display: block;
    float: none;
    padding-top: 17px;
    text-align: center;
}

.wrapper-2 .single-portfolio-head {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: inherit;
}

.portfolio-location.content-2 {
    margin-top: 25px;
}

.wrapper-2 .s-portfolio-title {
    margin-bottom: 38px;
}

.wrapper-2 .s-portfolio-title {
    margin-bottom: 45px;
}

.portfolio-location-left {
    float: right;
}

.related-product {
    margin-top: 62px;
}


/*Qucik view css*/

.price span.new {
    color: #606060;
}

.product-details .ratting i {
    font-size: 12px;
    line-height: 24px;
    margin-right: 6px;
}

.product-details .ratting i.active {
    color: #ffc741;
}

.product-details .ratting span {
    color: #b0b0b0;
    display: inline-block;
    margin-left: 4px;
}

.price {
    float: left;
}

.ratting.float-right {
    display: block;
    text-align: right;
}

.pd-sub-title::before {
    background-color: #9d9d9d;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 30px;
}

.pd-sub-title {
    color: #5a5a5a;
    display: block;
    font-size: 16px;
    line-height: 12px;
    font-weight: 400;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
}

.product-details .section {
    padding-top: 20px;
    overflow: hidden;
}

.product-size button {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #b6b6b6;
    border-radius: 50%;
    color: #8d8d8d;
    display: block;
    float: left;
    font-size: 12px;
    height: 31px;
    line-height: 29px;
    margin-right: 11px;
    margin-top: 5px;
    text-transform: uppercase;
    width: 31px;
}

.product-size button.active {
    background-color: #3f3f3f;
    border: 1px solid #3f3f3f;
    color: #ffffff;
}

.product-details .color-list button {
    border: medium none;
    border-radius: 50%;
    display: block;
    float: left;
    height: 22px;
    margin-right: 12px;
    margin-top: 5px;
    padding: 0;
    width: 22px;
}

.product-details .color-list button.active i {
    opacity: 1;
}

.product-details .color-list button i {
    color: #ffffff;
    display: block;
    font-size: 10px;
    line-height: 22px;
    opacity: 0;
}

.quantity-cart .product-quantity {
    border: 1px solid #dddddd;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 22px;
    padding: 0 30px;
    position: relative;
    width: 100px;
}

.quantity-cart .product-quantity input {
    border: medium none;
    height: 38px;
    text-align: center;
    width: 40px;
    background: none;
}

.quantity-cart .product-quantity span.dec {
    left: 0;
}

.quantity-cart .product-quantity span {
    color: #848484;
    cursor: pointer;
    display: block;
    height: 38px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 29px;
}

.quantity-cart .product-quantity span.inc {
    right: 0;
}

.quantity-cart .product-quantity span i {
    display: block;
    font-size: 16px;
    line-height: 38px;
}

.product-details .quantity-cart .add-to-cart {
    background-color: #ba8044;
    border: 1px solid #ba8044;
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 6px 40px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}

.product-details .quantity-cart .add-to-cart:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #333;
}

.product-details .share-icons span {
    color: #606060;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-right: 10px;
    text-transform: uppercase;
}

.product-details .share-icons a {
    color: #9c9c9c;
    display: block;
    float: left;
    margin-right: 23px;
}

.product-details .share-icons a {
    color: #999;
    display: block;
    float: left;
    margin-right: 23px;
}

.product-details .share-icons a:hover {
    color: #333;
}

.pro-thumb-img-slider .slick-slide {
    padding: 0 5px;
}

.pro-thumb-img-slider a img {
    width: 100%;
}

.pro-thumb-img-slider .arrow-prev {
    left: -12px;
}

.pro-thumb-img-slider .slick-arrow {
    background-color: #ffffff;
    border: medium none;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #777777;
    height: 34px;
    margin-top: -17px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 34px;
    z-index: 9;
}

.pro-thumb-img-slider .arrow-next {
    right: -12px;
}

.pro-thumb-img-slider:hover .slick-arrow {
    opacity: 1;
}

.pro-thumb-img-slider .slick-arrow:hover {
    background-color: #3f3f3f;
    color: #ffffff;
}

#quickViewModal {
    margin: 50px 0;
    padding: 0;
}


/*-----------------
30. Scrollup css here
---------------*/

#scrollUp {
    background: #333 none repeat scroll 0 0;
    bottom: 45px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 28px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 45px;
    z-index: 9999;
}

#scrollUp:hover {
    background: #000 none repeat scroll 0 0;
}


/*----------------------------
31. 404 page css here
-------------------------*/

.error-content h2 {
    color: #606060;
    font-size: 180px;
    font-weight: bold;
    letter-spacing: 10px;
    text-shadow: 7px 6px 0 #dadada, 0 -1px 0 #dadada, 1px -1px 0 #dadada, -1px 1px 0 #dadada, 1px 1px 0 #dadada;
}

.error-content > h3 {
    color: #606060;
    font-size: 55px;
    font-weight: 500;
    text-transform: capitalize;
}

.error-content h4 {
    color: #606060;
    font-weight: 400;
    text-transform: capitalize;
}

.error-content .go-home {
    background: #606060 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-top: 15px;
    padding: 13px 28px;
    text-transform: uppercase;
}

.error-content .go-home:hover {
    background: #000 none repeat scroll 0 0;
}


/* --------
32. Cart Page
--------------------------------------*/


/*-- Cart Table --*/

.cart-table table {
    border-color: #ddd;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 0;
    text-align: center;
    width: 100%;
}


/*-- Cart Table Head --*/

.cart-table table thead tr th {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: medium none;
    font-weight: 500;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}


/*-- Cart Table Body --*/

.cart-table table tbody tr td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
    vertical-align: middle;
}


/*-- Cart Table Thumbnail --*/

.cart-table table tbody tr td.pro-thumbnail {
    width: 130px;
}

.cart-table table tbody tr td.pro-thumbnail a {
    display: block;
    min-width: 100px;
}

.cart-table table tbody tr td.pro-thumbnail a img {
    width: 100%;
}


/*-- Cart Table Title --*/

.cart-table table tbody tr td.pro-title {
    width: 270px;
}

.cart-table table tbody tr td.pro-title a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    text-transform: uppercase;
    color: #606060;
}

.cart-table table tbody tr td.pro-title a:hover {
    color: #000;
}

.cart-table table tbody tr td.pro-price {
    width: 130px;
}

.cart-table table tbody tr td.pro-quantity {
    width: 180px;
}

.cart-table table tbody tr td.pro-quantity .product-quantity {
    border: 1px solid #ddd;
    display: inline-block;
    padding: 0 30px;
    position: relative;
    width: 100px;
}

.cart-table table tbody tr td.pro-quantity .product-quantity input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: 38px;
    padding: 0;
    text-align: center;
    width: 40px;
}

.cart-table table tbody tr td.pro-quantity .product-quantity span {
    cursor: pointer;
    color: #848484;
    display: block;
    height: 38px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 29px;
}

.cart-table table tbody tr td.pro-quantity .product-quantity span i {
    display: block;
    font-size: 16px;
    line-height: 38px;
}

.cart-table table tbody tr td.pro-quantity .product-quantity span.inc {
    right: 0;
}

.cart-table table tbody tr td.pro-quantity .product-quantity span.dec {
    left: 0;
}

.cart-table table tbody tr td.pro-subtotal {
    width: 120px;
}

.cart-table table tbody tr td.pro-remove {
    width: 150px;
}

.cart-table table tbody tr td.pro-remove a {
    color: #606060;
    font-size: 25px;
}

.cart-table table tbody tr td.pro-remove a:hover {
    color: #000;
}


/*-- Cart Buttons --*/

.cart-buttons {
    overflow: hidden;
}

.cart-buttons input,
.cart-buttons a {
    background-color: #ba8044;
    border: medium none;
    color: #fff;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-right: 15px;
    padding: 8px 25px;
    text-transform: uppercase;
}

.cart-buttons input:hover,
.cart-buttons a:hover {
    background-color: #000;
}


/*-- Cart Coupon --*/

.cart-coupon {
    overflow: hidden;
}

.cart-coupon h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 13px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.cart-coupon p {
    font-size: 14px;
    line-height: 24px;
}

.cart-coupon input[type="text"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ddd;
    float: left;
    font-size: 14px;
    height: 40px;
    max-width: 100%;
    padding: 7px 15px;
    width: 200px;
}

.cart-coupon input[type="submit"] {
    background-color: #ba8044;
    border: medium none;
    color: #fff;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    line-height: 24px;
    margin-right: 15px;
    padding: 8px 25px;
    text-transform: uppercase;
}

.cart-coupon input[type="submit"]:hover {
    background-color: #000;
}


/*-- Cart Total --*/

.cart-total {
    text-align: right;
}

.cart-total h3 {
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    line-height: 18px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.cart-total table {
    border: medium none;
    float: right;
    margin: 0 0 30px;
    text-align: right;
}

.cart-total table tr th {
    font-size: 14px;
    font-weight: 700;
    padding: 0 0 12px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: top;
    width: 120px;
}

.cart-total table tr td {
    font-size: 13px;
    font-weight: 500;
    padding: 0 0 12px;
    vertical-align: top;
}

.cart-total table tr td .amount {
    color: #3f3f3f;
    display: block;
}

.cart-total table tr.order-total th,
.cart-total table tr.order-total td {
    font-size: 20px;
    padding: 0;
    text-transform: uppercase;
}

.cart-total .proceed-to-checkout a {
    background-color: #ba8044;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    line-height: 24px;
    padding: 8px 25px;
    text-transform: uppercase;
}

.cart-total .proceed-to-checkout a:hover {
    background-color: #000;
}

.cart-buttons input,
.cart-coupon input {
    width: inherit;
}


/* ----------
33. Wishlist Page
--------------------------------------*/

.wishlist-table table {
    border-color: #ddd;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 0;
    text-align: center;
    width: 100%;
}

.wishlist-table table thead tr th {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: medium none;
    font-weight: 400;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.wishlist-table table tbody tr td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
    vertical-align: middle;
}

.wishlist-table table tbody tr td.pro-thumbnail {
    width: 130px;
}

.wishlist-table table tbody tr td.pro-thumbnail a {
    display: block;
    min-width: 100px;
}

.wishlist-table table tbody tr td.pro-thumbnail a img {
    width: 100%;
}

.wishlist-table table tbody tr td.pro-title {
    width: 270px;
}

.wishlist-table table tbody tr td.pro-title a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    text-transform: uppercase;
    color: #606060;
}

.wishlist-table table tbody tr td.pro-title a:hover {
    color: #000;
}

.wishlist-table table tbody tr td.pro-price {
    width: 130px;
}

.wishlist-table table tbody tr td.pro-stock-stauts {
    width: 180px;
}

.wishlist-table table tbody tr td.pro-stock-stauts span {
    text-transform: capitalize;
}

.wishlist-table table tbody tr td.pro-stock-stauts span.in-stock {
    color: #606060;
}

.wishlist-table table tbody tr td.pro-stock-stauts span.out-stock {
    color: #ff0000;
}

.wishlist-table table tbody tr td.pro-add-to-cart {
    width: 220px;
}

.wishlist-table table tbody tr td.pro-add-to-cart a {
    background-color: #ba8044;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    line-height: 24px;
    min-width: 180px;
    padding: 8px 25px;
    text-transform: uppercase;
}

.wishlist-table table tbody tr td.pro-add-to-cart a:hover {
    background-color: #000;
}

.wishlist-table table tbody tr td.pro-remove {
    width: 40px;
}

.wishlist-table table tbody tr td.pro-remove a {
    color: #606060;
    font-size: 25px;
}

.wishlist-table table tbody tr td.pro-remove a:hover {
    color: #000;
}


/* ------
34. Checkout Page
--------------------------------------*/


/*-- Customer Login --*/

.customer-login {}

.customer-login h3 {
    background-color: #f7f6f7;
    border-top: 3px solid #3f3f3f;
    color: #515151;
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none !important;
    margin: 0;
    padding: 1em 2em 1em 3.5em !important;
    position: relative;
    width: auto;
}

.customer-login h3::before {
    color: #666;
    content: "\f114";
    display: inline-block;
    font-family: fontawesome;
    left: 1.5em;
    position: absolute;
    top: 1em;
}

.customer-login h3 a {}


/*-- Customer Login Wrapper --*/

.checkout-login-wrapper {
    border: 1px solid #ddd;
    float: left;
    padding: 30px 15px;
    width: 100%;
}

.checkout-login-wrapper p {
    padding: 0 15px;
}


/*-- Customer Login Form --*/

.checkout-login-wrapper form {}

.checkout-login-wrapper form label {
    display: block;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
    overflow: hidden;
}

.checkout-login-wrapper form label span.required {
    color: #ff0000;
}

.checkout-login-wrapper form input[type="text"],
.checkout-login-wrapper form input[type="password"] {
    border: 1px solid #ddd;
    display: block;
    height: 40px;
    padding: 7px 15px;
    width: 100%;
}

.checkout-login-wrapper form input[type="submit"] {
    background-color: #ba8044;
    border: medium none;
    color: #fff;
    float: left;
    font-weight: 500;
    height: 40px;
    margin-right: 30px;
    padding: 5px 25px;
    text-transform: uppercase;
}

.checkout-login-wrapper form input[type="submit"]:hover {
    background-color: #3f3f3f;
}

.checkout-login-wrapper form input[type="checkbox"] {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.checkout-login-wrapper form .remember-me-box {
    margin-bottom: 0;
    margin-top: 11px;
}

.checkout-login-wrapper form a {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
}


/*-- Checkout Form --*/

.checkout-form {}

.checkout-form h3 {
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    line-height: 17px;
    margin: 0 0 30px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}

.checkout-form h3 label {
    font-size: 18px;
    margin: 0;
}


/*-- Label --*/

.checkout-form label {
    display: block;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
    overflow: hidden;
}

.checkout-form label span {}

.checkout-form label span.required {
    color: #ff0000;
}


/*-- Input [ Text & Email & Password ] --*/

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"] {
    border: 1px solid #ddd;
    display: block;
    height: 40px;
    padding: 7px 15px;
    width: 100%;
    background: none;
}


/*-- Input [ Checkbox ] --*/

.checkout-form input[type="checkbox"] {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.checkout-form input[type="checkbox"] + label {
    font-weight: 500;
    margin-bottom: 0;
}


/*-- Select --*/

.checkout-form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #ddd;
    height: 40px;
    padding: 7px 15px;
    text-transform: capitalize;
    width: 100%;
}

.checkout-form select option {
    padding: 5px 15px;
}


/*-- TextArea --*/

.checkout-form textarea {
    border: 1px solid #ddd;
    color: #999;
    height: 120px;
    padding: 5px 15px;
    resize: none;
    width: 100%;
}


/*-- Coupon Form --*/

.coupon-form {
    border: 1px solid #ddd;
    display: block;
    padding: 30px;
}

.coupon-form h3 {
    margin-bottom: 20px;
}

.coupon-form p {}

.coupon-form input[type="text"] {
    float: left;
    width: 200px;
}

.coupon-form input[type="submit"] {
    background-color: #ba8044;
    border: medium none;
    color: #fff;
    font-weight: 500;
    height: 40px;
    padding: 5px 25px;
    text-transform: uppercase;
}

.coupon-form input[type="submit"]:hover {
    background-color: #3f3f3f;
}


/*-- Order Wrapper --*/

.order-wrapper {
    border: 1px solid #ddd;
    padding: 30px;
}

.order-wrapper h3 {
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    line-height: 17px;
    margin: 0 0 30px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}


/*-- Order Table --*/

.order-table {
    border: medium none;
}

.order-table table thead tr th {
    border-bottom: 1px solid #ddd;
    border-right: medium none navy;
    font-size: 16px;
    line-height: 16px;
    padding: 0 0 10px;
    text-transform: uppercase;
    width: 250px;
}

.order-table table thead tr th.product-name {
    text-align: left;
}

.order-table table thead tr th.product-total {
    text-align: right;
}

.order-table table tbody tr td {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    padding: 8px 0;
}

.order-table table tbody tr td.product-name {
    text-align: left;
}

.order-table table tbody tr td.product-total {
    text-align: right;
}

.order-table table tfoot tr th,
.order-table table tfoot tr td {
    border-bottom: 1px solid #ddd;
    padding: 7px 0;
}

.order-table table tfoot tr th {
    text-align: left;
}

.order-table table tfoot tr td {
    text-align: right;
}


/*-- Order Button --*/

.order-button input[type="submit"] {
    background-color: #ba8044;
    border: medium none;
    color: #fff;
    font-weight: 500;
    height: 40px;
    padding: 5px 25px;
    text-transform: uppercase;
}

.order-button input[type="submit"]:hover {
    background-color: #3f3f3f;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-heading {
    padding: 0;
    background: none !important;
}

.panel-title > a {
    display: block;
    padding: 10px 15px;
}


/*-----------
35. Blog page
----------------------------*/

.single-blog {
    position: relative;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.single-blog:hover {
    border: 1px solid #ddd;
}

.single-blog::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}

.single-blog:hover::before {
    opacity: 1;
}

.blog-title > span {
    color: #222;
    font-size: 14px;
}

.blog-title > h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin: 10px 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-title > h3 a {
    color: #222;
}

.blog-title > h3 a:hover {
    color: #666;
}

.blog-title > a:hover {
    color: #777;
    padding-left: 5px;
}

.blog-title > a {
    color: #222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-title {
    left: 0;
    opacity: 0;
    padding: 0 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.single-blog img {
    width: 100%;
}

.single-blog:hover .blog-title {
    opacity: 1;
}

.single-blog-page img {
    width: 100%;
}

.blog-page-title {
    padding: 20px 115px 0;
}

.blog-page-title > h3 {
    font-size: 25px;
    line-height: 1;
    margin: 7px 0 14px;
    text-transform: capitalize;
}

.blog-page-title > h3 a {
    color: #363636;
}

.blog-page-title > h3 a:hover {
    color: #777;
}

.blog-page-title > span {
    color: #222;
    font-size: 16px;
}

.blog-page-area {
    padding-left: 100px;
    padding-right: 100px;
}

.blog-page-title > p {
    margin: 0;
}


/*---- 
36. Blog details page
-------------*/

.blog-details-text {
    padding: 85px 200px 0;
}

.blog-details-text > h3 {
    font-size: 29px;
    line-height: 45px;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.blog-details-text > p {
    font-size: 15px;
}

blockquote {
    border-left: 3px solid #363636;
    color: #363636;
    font-size: 27px;
    margin: 35px 0;
    padding: 7px 20px 15px;
}

.blog-details > img {
    width: 100%;
}

.tag li,
.share li {
    display: inline-block;
}

.tag li,
.share li {
    display: inline-block;
    text-transform: capitalize;
    font-size: 16px;
    padding: 0 5px;
    color: #222;
}

.tag li a,
.share li a {
    color: #626262;
}

.tag li a:hover,
.share li a:hover {
    color: #222;
}

.previous {
    display: inline-block;
    float: left;
}

.next {
    display: inline-block;
    float: right;
}

.next a,
.previous a {
    color: #606060;
}

.next a:hover,
.previous a:hover {
    color: #000;
}

.tag-share {
    margin: 48px 0 50px;
}

.tag {
    margin-bottom: 15px;
}

.next-previous {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    display: block;
    overflow: hidden;
    padding: 10px 0;
}

.previous > a,
.next > a {
    font-size: 18px;
    text-transform: capitalize;
}

.leave-comment {
    margin-top: 50px;
}

h3.leave-comment-text {
    display: inline-block;
    font-size: 20px;
    padding-bottom: 10px;
    text-transform: capitalize;
}

.leave-form input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #666666;
    font-size: 14px;
    height: 35px;
    margin-bottom: 30px;
    padding: 0 20px;
}

.text-leave textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #666666;
    font-size: 14px;
    height: 165px;
    margin-bottom: 30px;
    padding: 20px;
}

.text-leave button.submit {
    background-color: #ba8044;
    border: 1px solid #ba8044;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.text-leave button.submit:hover {
    background-color: transparent;
    border: 1px solid #ba8044;
    color: #606060;
}


/*---
37. Product Details css here
------------*/

.pro-info-tab-list {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.pro-info-tab-list li {
    bottom: -1px;
    display: block;
    float: left;
    margin-right: 30px;
    position: relative;
    z-index: 2;
}

.pro-info-tab-list li a {
    border-bottom: 2px solid transparent;
    color: #282828;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 14px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.pro-info-tab-list li.active a {
    border-bottom: 2px solid #000000;
}

.pro-info-tab {
    padding-top: 20px;
}

.pro-info-tab p:last-child {
    margin: 0;
}

.pro-info-tab a {
    background-color: #282828;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 10px 15px;
    text-shadow: none;
    text-transform: uppercase;
}

.table-data-sheet {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 20px;
    width: 100%;
}

.table-data-sheet tr {
    border-top: 1px solid #ebebeb;
}

.table-data-sheet tr td {
    padding: 10px 20px 11px;
}

.table-data-sheet tr td:first-child {
    border-right: 1px solid #ebebeb;
    color: #333;
    font-weight: 700;
    width: 30%;
}

.table-data-sheet tr.even {
    background-color: #fdfdfd;
}


/*-- Usefull Links --*/

.product-details .usefull-link {
    margin-bottom: 20px;
}

.product-details .usefull-link li {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}

.product-details .usefull-link li a {
    color: #818181;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
}

.product-details .usefull-link li a i {
    display: block;
    float: left;
    font-size: 18px;
    line-height: 24px;
    margin-right: 10px;
}

.product-details .usefull-link li a:hover {
    color: #3f3f3f;
}


/*---------------------
38. Login area
-------------------------*/

.section-title > h3 {
    font-size: 30px;
    margin-bottom: 20px;
}

.section-title.text-center {
    margin: 0 auto;
    padding-bottom: 48px;
    width: 40%;
}

.login-form-container {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 37px 40px;
    text-align: left;
}

.login-text {
    text-align: center;
    margin-bottom: 30px;
}

.login-text h2 {
    color: #444;
    font-size: 30px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.login-text span {
    font-size: 15px;
}

.login-form-container input {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    color: #333;
    margin-bottom: 20px;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
    width: 100%;
    border: medium none rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login-form-container input::-moz-placeholder {
    color: #333;
    opacity: 1;
}

.login-form-container input::-webkit-input-placeholder {
    color: #333;
    opacity: 1;
}

.login-toggle-btn {
    padding-top: 20px;
}

.login-form-container input[type="checkbox"] {
    height: 15px;
    margin: 0;
    position: relative;
    top: 1px;
    width: 17px;
}

.login-form-container label {
    color: #222;
    font-size: 15px;
    font-weight: 400;
}

.login-toggle-btn > a {
    color: #333;
    float: right;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.login-toggle-btn > a:hover {
    color: #777;
}

.button-box .default-btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ba8044;
    border-radius: 30px;
    color: #333;
    font-size: 14px;
    margin-top: 10px;
    padding: 8px 36px 7px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.button-box .default-btn:hover {
    background-color: #ba8044;
    border: 1px solid #ba8044;
    color: #fff;
}

#loginModal button.close {
    border: 1px solid #ddd;
    height: 30px;
    opacity: 1;
    position: absolute;
    right: 55px;
    top: 45px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 30px;
    z-index: 99999999;
}

#loginModal .modal-body {
    background: #f5f5f5 none repeat scroll 0 0;
}

#loginModal .modal-dialog {
    margin: 8% auto;
    max-width: 100%;
    min-height: 300px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 500px;
}

#loginModal button.close:hover {
    border-color: #333;
    color: #333;
}

#loginModal .modal-header {
    border-bottom: medium none;
    padding: 0;
}

.account-modal-tab ul li {
    display: inline-block;
    margin-left: 10px;
}

.account-modal-tab ul li a {
    background: #fff none repeat scroll 0 0;
    color: #606060;
    font-size: 13px;
    padding: 10px 15px;
    text-transform: uppercase;
}

.account-modal-tab ul li.active a,
.account-modal-tab ul li a:hover {
    background: #ba8044 none repeat scroll 0 0;
    color: #fff;
}

.account-modal-tab ul li:first-child {
    margin-left: 0;
}

#loginModal .login {
    padding-top: 20px;
}

.account-modal-tab {
    padding-bottom: 15px;
    padding-left: 40px;
}