/*/* ************************************************************************** 
 

****************************************************/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,500italic,700italic,900,900italic');
@import url('https://fonts.googleapis.com/css?family=Chewy');

@import url('https://fonts.googleapis.com/css?family=Yellowtail');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,600italic,800italic,900italic,500');
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');

/* *************************** reset ************************************************** */
::-webkit-scrollbar {
    width: 10px;
    background: #71c0ef;
}

::-webkit-scrollbar {
    width: 10px;
    background: #71c0ef;
}

::-webkit-scrollbar-thumb {
    background: #f056c4;
}



body {
    font-family: 'Nunito', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Nunito', sans-serif !important;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h2, .h2 {
    font-size: 2em !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
     background-color: transparent !important; 
}

.nivo-directionNav { display:none
}

/* *************************** AGENT ************************************************** */

.urunduyuru{
	    position: absolute;
 
    bottom: 0px;
    z-index: 10;
    background-color: #71c0ef8f;
    width: 92%;
    margin-left: 4%;
    color: black;
    font-weight: 900;
    border-radius: 0;
    padding: 0px;
    text-align: center;
}
	



@media (max-width: 768px) {
   .urunduyuru{
        position: absolute;
        /* bottom: 0px; */
        z-index: 10;
        background-color: #71c0ef8f;
        width: 100%;
        margin-left: 0%;
        color: black;
        font-weight: 900;
        border-radius: 0;
        font-size: 9px;
        padding: 0px;
        text-align: center;
        /* transform: rotate(270deg); */
        /* left: -82px; */
        bottom: 193px;
}
	
}
}


}
.agent-sepet {
    margin-left: 20% !important;
    margin-top: -8% !important;
    width: 78% !important;
}

.masa-gizle {
display:none;
}

.cep-gizle {
    display: inline !important;
}

@media (min-width:767px ) {
	.agent-sepet {
margin-left: 31% !important;
    margin-top: -7% !important;
    width: 68% !important;}
}

@media (max-width:767px ) {

.product-content-inner {min-height: 193px !important;}

    .cep-gizle {
        display: none !important;
    }
    .masa-gizle {
        display: inline !important;
    }

    .agent-sepet {
        margin-left: 31% !important;
        margin-top: -12% !important;
        width: 68% !important;
    }
}
    a:hover, a:focus {
        text-decoration: none !important;
    }

    .category-list-inner ul li:hover {
        color: black;
        font-weight: 900
    }

    .agent-alt:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 53px;
        background: url(/Content/images/before.png) repeat-x;
        left: 0;
    }

    .agent-ust:after {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        width: 100%;
        height: 53px;
        float: left;
        background: url(/Content/images/after_img.png) repeat-x;
    }

    .agent-alt:before, .agent-ust:after {
        box-sizing: border-box;
        -webkit-animation: slide 20s linear infinite;
    }

    .urunboyut {
        height: 350px;
    }

    .new-products1 .urunboyut {
        height: 350px !important
    }

    .new-products3 .urunboyut {
        height: 350px !important
    }

    .our-products .urunboyut {
        height: 350px !important
    }

    .wide-banner-type-2:before, .home-product-grid-type-11 .banner_image:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 53px;
        background: url(/Content/images/after_img.png) repeat-x;
        left: 0;
    }

    .wide-banner-type-2:before, .wide-banner-type-2:after, .home-product-grid-type-11 .banner_image:before, .home-product-grid-type-11 .banner_image:after, .price-table-1 .look-book-wrapper:before, .price-table-1 .look-book-wrapper:after, .testimonial .banner_image, .footer-model-9 .site-footer:before {
        box-sizing: border-box;
        -webkit-animation: slide 20s linear infinite
    }

    @-webkit-keyframes slide {
        from {
            background-position: 0 0
        }

        to {
            background-position: -400px 0
        }
    }

    .grid-banner-type-10 .banner-img h4, .grid-banner-type-10 .banner-img .h4 {
        min-width: 70%;
        min-height: 60px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding: 20px 10px;
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        font-size: 16px
    }

    .grid-banner-type-10 .featured-content h5, .grid-banner-type-10 .featured-content .h5 {
        margin-bottom: 25px
    }

    .grid-banner-type-10 .featured-content p {
        margin-bottom: 25px
    }

    .grid-banner-type-10 .banner-block:hover h4, .grid-banner-type-10 .banner-block:hover .h4 {
        width: 100%;
        height: 100%
    }

    .grid-banner-type-10 .banner-img h4 a, .grid-banner-type-10 .banner-img .h4 a {
        position: absolute;
        width: 100%;
        right: 0;
        left: 0;
        margin: auto
    }

    .grid-banner-type-10 .banner-block:hover h4 a, .grid-banner-type-10 .banner-block:hover .h4 a {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%)
    }

    .grid-banner-type-10 .banner-img span {
        height: 350px;
        float: left;
        width: 100%;
        position: relative
    }

        .grid-banner-type-10 .banner-img span img {
            position: absolute;
            top: 40;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            max-width: 80%
        }

    .wide-banner-type-2 .wide-banner-type-2-rounded {
        padding: 80px 0
    }

    @media screen and (max-width: 767px) {
        .wide-banner-type-2 .wide-banner-type-2-rounded {
            padding: 120px 0
        }
    }

    .wide-banner-type-2 {
        position: relative;
        float: left;
        width: 100%;
        /*padding: 10% 0*/
    }

    @media screen and (max-width: 767px) {
        .wide-banner-type-2 {
            padding: 2% 2%;
            margin-bottom: 30px;
        }

            .wide-banner-type-2:before, .home-product-grid-type-11 .banner_image:before {
                top: 125px !important
            }
    }

    .wide-banner-type-2 .wide-banner-type-2-content {
        position: relative;
        width: 50%;
        margin: auto;
        text-align: center
    }

    @media screen and (max-width: 967px) {
        .wide-banner-type-2 .wide-banner-type-2-content {
            width: 80%
        }
    }

    @media screen and (max-width: 767px) {
        .wide-banner-type-2 .wide-banner-type-2-content {
            width: 100%;
            height: auto;
            border-radius: 0
        }
    }

    .wide-banner-type-2 .wide-banner-type-2-content .btn.second, .wide-banner-type-2 .wide-banner-type-2-content .second.btn--secondary, .wide-banner-type-2 .wide-banner-type-2-content .second.btn--tertiary, .wide-banner-type-2 .wide-banner-type-2-content input.second[type="submit"] {
        margin-left: 15px;
        color: #fff;
        background: #68b5d2
    }

    @media screen and (max-width: 1199px) {
        .wide-banner-type-2 .wide-banner-type-2-content .btn.second, .wide-banner-type-2 .wide-banner-type-2-content .second.btn--secondary, .wide-banner-type-2 .wide-banner-type-2-content .second.btn--tertiary, .wide-banner-type-2 .wide-banner-type-2-content input.second[type="submit"] {
            margin-left: 0;
            margin-top: 0px
        }
    }

    .wide-banner-type-2 .wide-banner-type-2-content .btn.second:hover, .wide-banner-type-2 .wide-banner-type-2-content .second.btn--secondary:hover, .wide-banner-type-2 .wide-banner-type-2-content .second.btn--tertiary:hover, .wide-banner-type-2 .wide-banner-type-2-content input.second[type="submit"]:hover {
        background-color: #ef7b84;
        color: #ffffff
    }

    .wide-banner-type-2 .wide-banner-type-2-content h2, .wide-banner-type-2 .wide-banner-type-2-content .h2 {
        font-size: 65px;
        margin-bottom: 30px
    }

    @media screen and (max-width: 967px) {
        .wide-banner-type-2 .wide-banner-type-2-content h2, .wide-banner-type-2 .wide-banner-type-2-content .h2 {
            font-size: 40px
        }
    }

    @media screen and (max-width: 767px) {
        .wide-banner-type-2 .wide-banner-type-2-content h2, .wide-banner-type-2 .wide-banner-type-2-content .h2 {
            font-size: 34px
        }
    }

    .wide-banner-type-2 .wide-banner-type-2-content h5, .wide-banner-type-2 .wide-banner-type-2-content .h5 {
        text-transform: inherit;
        font-family: Reenie Beanie;
        font-size: 40px
    }

    .wide-banner-type-2:before, .home-product-grid-type-11:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0
    }

    .wide-banner-type-2:before, .home-product-grid-type-11 .banner_image:before {
        content: "";
        position: absolute;
        top: 37px;
        left: 0;
        right: 0;
        width: 100%;
        height: 53px;
		background:none;
       /* background: url(/Content/images/before.png) repeat-x;*/
        left: 0
    }

    .wide-banner-type-2:after, .home-product-grid-type-11



    .wide-banner-type-2:before, .wide-banner-type-2:after, .home-product-grid-type-11 .banner_image:before, .home-product-grid-type-11 .banner_image:after, .price-table-1 .look-book-wrapper:before, .price-table-1 .look-book-wrapper:after, .testimonial .banner_image, .footer-model-9 .site-footer:before {
        box-sizing: border-box;
        -webkit-animation: slide 20s linear infinite;
    }
    /*.wide-banner-type-2:after, .home-product-grid-type-11 .banner_image:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 100%;
    height: 53px;
    float: left;
    background: url(/Content/images/after_img.png) repeat-x;
}*/
    .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

        .animated.infinite {
            animation-iteration-count: infinite
        }

        .animated.hinge {
            animation-duration: 2s
        }

        .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
            animation-duration: .75s
        }

    .site-footer:before {
        content: "";
        position: absolute;
        margin-top: -54px;
        left: 0;
        right: 0;
        width: 100%;
        height: 53px;
        background: url(/Content/images/footer-pattern.png) repeat-x;
        left: 0;
    }

    .wide-banner-type-2:before, .wide-banner-type-2:after, .home-product-grid-type-11 .banner_image:before, .home-product-grid-type-11 .banner_image:after, .price-table-1 .look-book-wrapper:before, .price-table-1 .look-book-wrapper:after, .testimonial .banner_image, .site-footer:before {
        box-sizing: border-box;
        -webkit-animation: slide 20s linear infinite;
    }

    @keyframes bounce {
        0%,20%,53%,80%,to {
            animation-timing-function: cubic-bezier(.215,.61,.355,1);
            transform: translateZ(0)
        }

        40%,43% {
            animation-timing-function: cubic-bezier(.755,.05,.855,.06);
            transform: translate3d(0,-30px,0)
        }

        70% {
            animation-timing-function: cubic-bezier(.755,.05,.855,.06);
            transform: translate3d(0,-15px,0)
        }

        90% {
            transform: translate3d(0,-4px,0)
        }
    }

    .bounce {
        animation-name: bounce;
        transform-origin: center bottom
    }

    @keyframes flash {
        0%,50%,to {
            opacity: 1
        }

        25%,75% {
            opacity: 0
        }
    }

    .flash {
        animation-name: flash
    }

    @keyframes pulse {
        0% {
            transform: scaleX(1)
        }

        50% {
            transform: scale3d(1.05,1.05,1.05)
        }

        to {
            transform: scaleX(1)
        }
    }

    .pulse {
        animation-name: pulse
    }

    @keyframes rubberBand {
        0% {
            transform: scaleX(1)
        }

        30% {
            transform: scale3d(1.25,.75,1)
        }

        40% {
            transform: scale3d(.75,1.25,1)
        }

        50% {
            transform: scale3d(1.15,.85,1)
        }

        65% {
            transform: scale3d(.95,1.05,1)
        }

        75% {
            transform: scale3d(1.05,.95,1)
        }

        to {
            transform: scaleX(1)
        }
    }

    .rubberBand {
        animation-name: rubberBand
    }

    @keyframes shake {
        0%,to {
            transform: translateZ(0)
        }

        10%,30%,50%,70%,90% {
            transform: translate3d(-10px,0,0)
        }

        20%,40%,60%,80% {
            transform: translate3d(10px,0,0)
        }
    }

    .shake {
        animation-name: shake
    }

    @keyframes headShake {
        0% {
            transform: translateX(0)
        }

        6.5% {
            transform: translateX(-6px) rotateY(-9deg)
        }

        18.5% {
            transform: translateX(5px) rotateY(7deg)
        }

        31.5% {
            transform: translateX(-3px) rotateY(-5deg)
        }

        43.5% {
            transform: translateX(2px) rotateY(3deg)
        }

        50% {
            transform: translateX(0)
        }
    }

    .headShake {
        animation-timing-function: ease-in-out;
        animation-name: headShake
    }

    @keyframes swing {
        20% {
            transform: rotate(15deg)
        }

        40% {
            transform: rotate(-10deg)
        }

        60% {
            transform: rotate(5deg)
        }

        80% {
            transform: rotate(-5deg)
        }

        to {
            transform: rotate(0deg)
        }
    }

    .swing {
        transform-origin: top center;
        animation-name: swing
    }

    @keyframes tada {
        0% {
            transform: scaleX(1)
        }

        10%,20% {
            transform: scale3d(.9,.9,.9) rotate(-3deg)
        }

        30%,50%,70%,90% {
            transform: scale3d(1.1,1.1,1.1) rotate(3deg)
        }

        40%,60%,80% {
            transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
        }

        to {
            transform: scaleX(1)
        }
    }

    .tada {
        animation-name: tada
    }

    @keyframes wobble {
        0% {
            transform: none
        }

        15% {
            transform: translate3d(-25%,0,0) rotate(-5deg)
        }

        30% {
            transform: translate3d(20%,0,0) rotate(3deg)
        }

        45% {
            transform: translate3d(-15%,0,0) rotate(-3deg)
        }

        60% {
            transform: translate3d(10%,0,0) rotate(2deg)
        }

        75% {
            transform: translate3d(-5%,0,0) rotate(-1deg)
        }

        to {
            transform: none
        }
    }

    .wobble {
        animation-name: wobble
    }

    @keyframes jello {
        0%,11.1%,to {
            transform: none
        }

        22.2% {
            transform: skewX(-12.5deg) skewY(-12.5deg)
        }

        33.3% {
            transform: skewX(6.25deg) skewY(6.25deg)
        }

        44.4% {
            transform: skewX(-3.125deg) skewY(-3.125deg)
        }

        55.5% {
            transform: skewX(1.5625deg) skewY(1.5625deg)
        }

        66.6% {
            transform: skewX(-.78125deg) skewY(-.78125deg)
        }

        77.7% {
            transform: skewX(.390625deg) skewY(.390625deg)
        }

        88.8% {
            transform: skewX(-.1953125deg) skewY(-.1953125deg)
        }
    }

    .jello {
        animation-name: jello;
        transform-origin: center
    }

    @keyframes bounceIn {
        0%,20%,40%,60%,80%,to {
            animation-timing-function: cubic-bezier(.215,.61,.355,1)
        }

        0% {
            opacity: 0;
            transform: scale3d(.3,.3,.3)
        }

        20% {
            transform: scale3d(1.1,1.1,1.1)
        }

        40% {
            transform: scale3d(.9,.9,.9)
        }

        60% {
            opacity: 1;
            transform: scale3d(1.03,1.03,1.03)
        }

        80% {
            transform: scale3d(.97,.97,.97)
        }

        to {
            opacity: 1;
            transform: scaleX(1)
        }
    }

    .bounceIn {
        animation-name: bounceIn
    }

    @keyframes bounceInDown {
        0%,60%,75%,90%,to {
            animation-timing-function: cubic-bezier(.215,.61,.355,1)
        }

        0% {
            opacity: 0;
            transform: translate3d(0,-3000px,0)
        }

        60% {
            opacity: 1;
            transform: translate3d(0,25px,0)
        }

        75% {
            transform: translate3d(0,-10px,0)
        }

        90% {
            transform: translate3d(0,5px,0)
        }

        to {
            transform: none
        }
    }

    .bounceInDown {
        animation-name: bounceInDown
    }

    @keyframes bounceInLeft {
        0%,60%,75%,90%,to {
            animation-timing-function: cubic-bezier(.215,.61,.355,1)
        }

        0% {
            opacity: 0;
            transform: translate3d(-3000px,0,0)
        }

        60% {
            opacity: 1;
            transform: translate3d(25px,0,0)
        }

        75% {
            transform: translate3d(-10px,0,0)
        }

        90% {
            transform: translate3d(5px,0,0)
        }

        to {
            transform: none
        }
    }

    .bounceInLeft {
        animation-name: bounceInLeft
    }

    @keyframes bounceInRight {
        0%,60%,75%,90%,to {
            animation-timing-function: cubic-bezier(.215,.61,.355,1)
        }

        0% {
            opacity: 0;
            transform: translate3d(3000px,0,0)
        }

        60% {
            opacity: 1;
            transform: translate3d(-25px,0,0)
        }

        75% {
            transform: translate3d(10px,0,0)
        }

        90% {
            transform: translate3d(-5px,0,0)
        }

        to {
            transform: none
        }
    }

    .bounceInRight {
        animation-name: bounceInRight
    }

    @keyframes bounceInUp {
        0%,60%,75%,90%,to {
            animation-timing-function: cubic-bezier(.215,.61,.355,1)
        }

        0% {
            opacity: 0;
            transform: translate3d(0,3000px,0)
        }

        60% {
            opacity: 1;
            transform: translate3d(0,-20px,0)
        }

        75% {
            transform: translate3d(0,10px,0)
        }

        90% {
            transform: translate3d(0,-5px,0)
        }

        to {
            transform: translateZ(0)
        }
    }

    .bounceInUp {
        animation-name: bounceInUp
    }
.cepicinmenu {
  margin-top:42px;
}
    @keyframes bounceOut {
        20% {
            transform: scale3d(.9,.9,.9)
        }

        50%,55% {
            opacity: 1;
            transform: scale3d(1.1,1.1,1.1)
        }

        to {
            opacity: 0;
            transform: scale3d(.3,.3,.3)
        }
    }

    .bounceOut {
        animation-name: bounceOut
    }

    @keyframes bounceOutDown {
        20% {
            transform: translate3d(0,10px,0)
        }

        40%,45% {
            opacity: 1;
            transform: translate3d(0,-20px,0)
        }

        to {
            opacity: 0;
            transform: translate3d(0,2000px,0)
        }
    }

    .bounceOutDown {
        animation-name: bounceOutDown
    }

    @keyframes bounceOutLeft {
        20% {
            opacity: 1;
            transform: translate3d(20px,0,0)
        }

        to {
            opacity: 0;
            transform: translate3d(-2000px,0,0)
        }
    }

    .bounceOutLeft {
        animation-name: bounceOutLeft
    }

    @keyframes bounceOutRight {
        20% {
            opacity: 1;
            transform: translate3d(-20px,0,0)
        }

        to {
            opacity: 0;
            transform: translate3d(2000px,0,0)
        }
    }

    .bounceOutRight {
        animation-name: bounceOutRight
    }

    @keyframes bounceOutUp {
        20% {
            transform: translate3d(0,-10px,0)
        }

        40%,45% {
            opacity: 1;
            transform: translate3d(0,20px,0)
        }

        to {
            opacity: 0;
            transform: translate3d(0,-2000px,0)
        }
    }

    .bounceOutUp {
        animation-name: bounceOutUp
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .fadeIn {
        animation-name: fadeIn
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0,-100%,0)
        }

        to {
            opacity: 1;
            transform: none
        }
    }

    .fadeInDown {
        animation-name: fadeInDown
    }

    @keyframes fadeInDownBig {
        0% {
            opacity: 0;
            transform: translate3d(0,-2000px,0)
        }

        to {
            opacity: 1;
            transform: none
        }
    }

    .fadeInDownBig {
        animation-name: fadeInDownBig
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            transform: translate3d(-100%,0,0)
        }

        to {
            opacity: 1;
            transform: none
        }
    }

    .fadeInLeft {
        animation-name: fadeInLeft
    }

    @keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            transform: translate3d(-2000px,0,0)
        }

        to {
            opacity: 1;
            transform: none
        }
    }

    .fadeInLeftBig {
        animation-name: fadeInLeftBig
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            transform: translate3d(100%,0,0)
        }

        to {
            opacity: 1;
            transform: none
        }
    }

    .fadeInRight {
        animation-name: fadeInRight
    }

    @keyframes fadeInRightBig {
        0% {
            opacity: 0;
            transform: translate3d(2000px,0,0)
        }

        to {
            opacity: 1;
            transform: none
        }
    }

    .fadeInRightBig {
        animation-name: fadeInRightBig
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translate3d(0,100%,0)
        }

        to {
            opacity: 1;
            transform: none
        }
    }

    .fadeInUp {
        animation-name: fadeInUp
    }

    @keyframes fadeInUpBig {
        0% {
            opacity: 0;
            transform: translate3d(0,2000px,0)
        }

        to {
            opacity: 1;
            transform: none
        }
    }

    .fadeInUpBig {
        animation-name: fadeInUpBig
    }

    @keyframes fadeOut {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    .fadeOut {
        animation-name: fadeOut
    }

    @keyframes fadeOutDown {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            transform: translate3d(0,100%,0)
        }
    }

    .fadeOutDown {
        animation-name: fadeOutDown
    }

    @keyframes fadeOutDownBig {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            transform: translate3d(0,2000px,0)
        }
    }

    .fadeOutDownBig {
        animation-name: fadeOutDownBig
    }

    @keyframes fadeOutLeft {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            transform: translate3d(-100%,0,0)
        }
    }

    .fadeOutLeft {
        animation-name: fadeOutLeft
    }

    @keyframes fadeOutLeftBig {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            transform: translate3d(-2000px,0,0)
        }
    }

    .fadeOutLeftBig {
        animation-name: fadeOutLeftBig
    }

    @keyframes fadeOutRight {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            transform: translate3d(100%,0,0)
        }
    }

    .fadeOutRight {
        animation-name: fadeOutRight
    }

    @keyframes fadeOutRightBig {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            transform: translate3d(2000px,0,0)
        }
    }

    .fadeOutRightBig {
        animation-name: fadeOutRightBig
    }

    @keyframes fadeOutUp {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            transform: translate3d(0,-100%,0)
        }
    }

    .fadeOutUp {
        animation-name: fadeOutUp
    }

    @keyframes fadeOutUpBig {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            transform: translate3d(0,-2000px,0)
        }
    }

    .fadeOutUpBig {
        animation-name: fadeOutUpBig
    }

    @keyframes flip {
        0% {
            transform: perspective(400px) rotateY(-1turn);
            animation-timing-function: ease-out
        }

        40% {
            transform: perspective(400px) translateZ(150px) rotateY(-190deg);
            animation-timing-function: ease-out
        }

        50% {
            transform: perspective(400px) translateZ(150px) rotateY(-170deg);
            animation-timing-function: ease-in
        }

        80% {
            transform: perspective(400px) scale3d(.95,.95,.95);
            animation-timing-function: ease-in
        }

        to {
            transform: perspective(400px);
            animation-timing-function: ease-in
        }
    }

    .animated.flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        animation-name: flip
    }

    @keyframes flipInX {
        0% {
            transform: perspective(400px) rotateX(90deg);
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            transform: perspective(400px) rotateX(-20deg);
            animation-timing-function: ease-in
        }

        60% {
            transform: perspective(400px) rotateX(10deg);
            opacity: 1
        }

        80% {
            transform: perspective(400px) rotateX(-5deg)
        }

        to {
            transform: perspective(400px)
        }
    }

    .flipInX {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        animation-name: flipInX
    }

    @keyframes flipInY {
        0% {
            transform: perspective(400px) rotateY(90deg);
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            transform: perspective(400px) rotateY(-20deg);
            animation-timing-function: ease-in
        }

        60% {
            transform: perspective(400px) rotateY(10deg);
            opacity: 1
        }

        80% {
            transform: perspective(400px) rotateY(-5deg)
        }

        to {
            transform: perspective(400px)
        }
    }

    .flipInY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        animation-name: flipInY
    }

    @keyframes flipOutX {
        0% {
            transform: perspective(400px)
        }

        30% {
            transform: perspective(400px) rotateX(-20deg);
            opacity: 1
        }

        to {
            transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
    }

    .flipOutX {
        animation-name: flipOutX;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important
    }

    @keyframes flipOutY {
        0% {
            transform: perspective(400px)
        }

        30% {
            transform: perspective(400px) rotateY(-15deg);
            opacity: 1
        }

        to {
            transform: perspective(400px) rotateY(90deg);
            opacity: 0
        }
    }

    .flipOutY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        animation-name: flipOutY
    }

    @keyframes lightSpeedIn {
        0% {
            transform: translate3d(100%,0,0) skewX(-30deg);
            opacity: 0
        }

        60% {
            transform: skewX(20deg);
            opacity: 1
        }

        80% {
            transform: skewX(-5deg);
            opacity: 1
        }

        to {
            transform: none;
            opacity: 1
        }
    }

    .lightSpeedIn {
        animation-name: lightSpeedIn;
        animation-timing-function: ease-out
    }

    @keyframes lightSpeedOut {
        0% {
            opacity: 1
        }

        to {
            transform: translate3d(100%,0,0) skewX(30deg);
            opacity: 0
        }
    }

    .lightSpeedOut {
        animation-name: lightSpeedOut;
        animation-timing-function: ease-in
    }

    @keyframes rotateIn {
        0% {
            transform-origin: center;
            transform: rotate(-200deg);
            opacity: 0
        }

        to {
            transform-origin: center;
            transform: none;
            opacity: 1
        }
    }

    .rotateIn {
        animation-name: rotateIn
    }

    @keyframes rotateInDownLeft {
        0% {
            transform-origin: left bottom;
            transform: rotate(-45deg);
            opacity: 0
        }

        to {
            transform-origin: left bottom;
            transform: none;
            opacity: 1
        }
    }

    .rotateInDownLeft {
        animation-name: rotateInDownLeft
    }

    @keyframes rotateInDownRight {
        0% {
            transform-origin: right bottom;
            transform: rotate(45deg);
            opacity: 0
        }

        to {
            transform-origin: right bottom;
            transform: none;
            opacity: 1
        }
    }

    .rotateInDownRight {
        animation-name: rotateInDownRight
    }

    @keyframes rotateInUpLeft {
        0% {
            transform-origin: left bottom;
            transform: rotate(45deg);
            opacity: 0
        }

        to {
            transform-origin: left bottom;
            transform: none;
            opacity: 1
        }
    }

    .rotateInUpLeft {
        animation-name: rotateInUpLeft
    }

    @keyframes rotateInUpRight {
        0% {
            transform-origin: right bottom;
            transform: rotate(-90deg);
            opacity: 0
        }

        to {
            transform-origin: right bottom;
            transform: none;
            opacity: 1
        }
    }

    .rotateInUpRight {
        animation-name: rotateInUpRight
    }

    @keyframes rotateOut {
        0% {
            transform-origin: center;
            opacity: 1
        }

        to {
            transform-origin: center;
            transform: rotate(200deg);
            opacity: 0
        }
    }

    .rotateOut {
        animation-name: rotateOut
    }

    @keyframes rotateOutDownLeft {
        0% {
            transform-origin: left bottom;
            opacity: 1
        }

        to {
            transform-origin: left bottom;
            transform: rotate(45deg);
            opacity: 0
        }
    }

    .rotateOutDownLeft {
        animation-name: rotateOutDownLeft
    }

    @keyframes rotateOutDownRight {
        0% {
            transform-origin: right bottom;
            opacity: 1
        }

        to {
            transform-origin: right bottom;
            transform: rotate(-45deg);
            opacity: 0
        }
    }

    .rotateOutDownRight {
        animation-name: rotateOutDownRight
    }

    @keyframes rotateOutUpLeft {
        0% {
            transform-origin: left bottom;
            opacity: 1
        }

        to {
            transform-origin: left bottom;
            transform: rotate(-45deg);
            opacity: 0
        }
    }

    .rotateOutUpLeft {
        animation-name: rotateOutUpLeft
    }

    @keyframes rotateOutUpRight {
        0% {
            transform-origin: right bottom;
            opacity: 1
        }

        to {
            transform-origin: right bottom;
            transform: rotate(90deg);
            opacity: 0
        }
    }

    .rotateOutUpRight {
        animation-name: rotateOutUpRight
    }

    @keyframes hinge {
        0% {
            transform-origin: top left;
            animation-timing-function: ease-in-out
        }

        20%,60% {
            transform: rotate(80deg);
            transform-origin: top left;
            animation-timing-function: ease-in-out
        }

        40%,80% {
            transform: rotate(60deg);
            transform-origin: top left;
            animation-timing-function: ease-in-out;
            opacity: 1
        }

        to {
            transform: translate3d(0,700px,0);
            opacity: 0
        }
    }

    .hinge {
        animation-name: hinge
    }

    @keyframes jackInTheBox {
        0% {
            opacity: 0;
            transform: scale(.1) rotate(30deg);
            transform-origin: center bottom
        }

        50% {
            transform: rotate(-10deg)
        }

        70% {
            transform: rotate(3deg)
        }

        to {
            opacity: 1;
            transform: scale(1)
        }
    }

    .jackInTheBox {
        animation-name: jackInTheBox
    }

    @keyframes rollIn {
        0% {
            opacity: 0;
            transform: translate3d(-100%,0,0) rotate(-120deg)
        }

        to {
            opacity: 1;
            transform: none
        }
    }

    .rollIn {
        animation-name: rollIn
    }

    @keyframes rollOut {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            transform: translate3d(100%,0,0) rotate(120deg)
        }
    }

    .rollOut {
        animation-name: rollOut
    }

    @keyframes zoomIn {
        0% {
            opacity: 0;
            transform: scale3d(.3,.3,.3)
        }

        50% {
            opacity: 1
        }
    }

    .zoomIn {
        animation-name: zoomIn
    }

    @keyframes zoomInDown {
        0% {
            opacity: 0;
            transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
            animation-timing-function: cubic-bezier(.55,.055,.675,.19)
        }

        60% {
            opacity: 1;
            transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            animation-timing-function: cubic-bezier(.175,.885,.32,1)
        }
    }

    .zoomInDown {
        animation-name: zoomInDown
    }

    @keyframes zoomInLeft {
        0% {
            opacity: 0;
            transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
            animation-timing-function: cubic-bezier(.55,.055,.675,.19)
        }

        60% {
            opacity: 1;
            transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
            animation-timing-function: cubic-bezier(.175,.885,.32,1)
        }
    }

    .zoomInLeft {
        animation-name: zoomInLeft
    }

    @keyframes zoomInRight {
        0% {
            opacity: 0;
            transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
            animation-timing-function: cubic-bezier(.55,.055,.675,.19)
        }

        60% {
            opacity: 1;
            transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
            animation-timing-function: cubic-bezier(.175,.885,.32,1)
        }
    }

    .zoomInRight {
        animation-name: zoomInRight
    }

    @keyframes zoomInUp {
        0% {
            opacity: 0;
            transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
            animation-timing-function: cubic-bezier(.55,.055,.675,.19)
        }

        60% {
            opacity: 1;
            transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            animation-timing-function: cubic-bezier(.175,.885,.32,1)
        }
    }

    .zoomInUp {
        animation-name: zoomInUp
    }

    @keyframes zoomOut {
        0% {
            opacity: 1
        }

        50% {
            opacity: 0;
            transform: scale3d(.3,.3,.3)
        }

        to {
            opacity: 0
        }
    }

    .zoomOut {
        animation-name: zoomOut
    }

    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
            animation-timing-function: cubic-bezier(.55,.055,.675,.19)
        }

        to {
            opacity: 0;
            transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
            transform-origin: center bottom;
            animation-timing-function: cubic-bezier(.175,.885,.32,1)
        }
    }

    .zoomOutDown {
        animation-name: zoomOutDown
    }

    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
        }

        to {
            opacity: 0;
            transform: scale(.1) translate3d(-2000px,0,0);
            transform-origin: left center
        }
    }

    .zoomOutLeft {
        animation-name: zoomOutLeft
    }

    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
        }

        to {
            opacity: 0;
            transform: scale(.1) translate3d(2000px,0,0);
            transform-origin: right center
        }
    }

    .zoomOutRight {
        animation-name: zoomOutRight
    }

    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
            animation-timing-function: cubic-bezier(.55,.055,.675,.19)
        }

        to {
            opacity: 0;
            transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
            transform-origin: center bottom;
            animation-timing-function: cubic-bezier(.175,.885,.32,1)
        }
    }

    .zoomOutUp {
        animation-name: zoomOutUp
    }

    @keyframes slideInDown {
        0% {
            transform: translate3d(0,-100%,0);
            visibility: visible
        }

        to {
            transform: translateZ(0)
        }
    }

    .slideInDown {
        animation-name: slideInDown
    }

    @keyframes slideInLeft {
        0% {
            transform: translate3d(-100%,0,0);
            visibility: visible
        }

        to {
            transform: translateZ(0)
        }
    }

    .slideInLeft {
        animation-name: slideInLeft
    }

    @keyframes slideInRight {
        0% {
            transform: translate3d(100%,0,0);
            visibility: visible
        }

        to {
            transform: translateZ(0)
        }
    }

    .slideInRight {
        animation-name: slideInRight
    }

    @keyframes slideInUp {
        0% {
            transform: translate3d(0,100%,0);
            visibility: visible
        }

        to {
            transform: translateZ(0)
        }
    }

    .slideInUp {
        animation-name: slideInUp
    }

    @keyframes slideOutDown {
        0% {
            transform: translateZ(0)
        }

        to {
            visibility: hidden;
            transform: translate3d(0,100%,0)
        }
    }

    .slideOutDown {
        animation-name: slideOutDown
    }

    @keyframes slideOutLeft {
        0% {
            transform: translateZ(0)
        }

        to {
            visibility: hidden;
            transform: translate3d(-100%,0,0)
        }
    }

    .slideOutLeft {
        animation-name: slideOutLeft
    }

    @keyframes slideOutRight {
        0% {
            transform: translateZ(0)
        }

        to {
            visibility: hidden;
            transform: translate3d(100%,0,0)
        }
    }

    .slideOutRight {
        animation-name: slideOutRight
    }

    @keyframes slideOutUp {
        0% {
            transform: translateZ(0)
        }

        to {
            visibility: hidden;
            transform: translate3d(0,-100%,0)
        }
    }

    .slideOutUp {
        animation-name: slideOutUp
    }

    html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    a {
        text-decoration: none;
        color: #440057 !important;
    }

        a:hover {
            text-decoration: none;
            color: #f056c4
        }

    li {
        list-style: none
    }

    ul {
        margin: 0;
        padding: 0
    }

    body {
        font-family: 'Roboto', sans-serif;
        margin: 0;
        padding: 0;
        font-size: 14px;
    }


    /*----------Height----------*/
    .height-260 {
        min-height: 260px
    }

    .height-270 {
        min-height: 270px
    }

    .height-570 {
        min-height: 570px
    }

    .height-367 {
        min-height: 367px
    }

    .height-370 {
        height: 370px
    }

    /*---------- / Height----------*/
    /*---------- Lable box ------------*/
    .lable-box {
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .yenibuton {
        background-color: #f056c4;
        color: #FFFFFF;
    }

    .product-size .select-size a {
       display: inline-block;
    padding: 1px 1px;
    border: 1px solid #eaeaea;
    color: #440057;
    line-height: normal;
    min-width: 24px;
    text-align: center;
    float: left;
    margin-right: 2px;
    margin-bottom: 1px;
    border: 1px solid #efefef;
    border-radius: 0px;
    }

        .product-size .select-size a:hover, .select-size a.active {
            background-color: #a902ff;
            color: #fff;
            text-decoration: none;
            outline: none;
            border: 1px solid #f056c4;
            border-radius: 0px;
        }


 .product-size .select-size a:hover span, .select-size a.active span {
color:#fff !important;
}

    .select-color, .select-size {
        margin-bottom: 0px;
        display: inline-block;
        width: 100%;
    }

    .urunustulogo {
        position: absolute;
        top: 61%;
        left: 32%;
        width: 129px;
        height: 53px;
        text-align: center;
        margin: auto;
        opacity: 0.6;
        z-index: 10;
    }

    .stokta-yok .strike-through {
        display: block !important;
    }

    .addthis_counter {
        margin-left: 6px;
    }

    .lable-1 {
        border-radius: 0px;
        color: white;
        font-size: 16px;
        height: 37px;
        padding: 8px 3px;
        position: relative;
        text-transform: capitalize;
        width: 50px;
        z-index: 1;
        background-color: #71c0ef;
    }

        .lable-1 > span {
            /*        border: 2px dashed white;*/
            transition: all 0.4s ease 0s;
            padding: 4px 5px;
        }

    .lable-box1 {
        position: absolute;
        left: 10px;
        top: 0px;
    }

        .lable-box1 .lable-1 {
            background-color: #f056c4;
            padding: 8px 3px 5px 4px;
            width: 100%;
        }

            .lable-box1 .lable-1::after {
                background-color: #fcd2d4;
            }

            .lable-box1 .lable-1::before {
                background-color: #fcd2d4;
            }

    .qty {
        max-width: 30px;
        text-align: center;
    }

    /*---------- Button all code --------------*/
    .radius-0 {
        border-radius: 0 !important;
    }

    .btn-button {
        border-radius: 0;
        color: #fff;
        font-family: 'Nunito', sans-serif !important;
        1200 font-size: 16px;
        padding: 9px 20px;
        text-transform: uppercase;
    }

        .btn-button:hover, .submit-btn:hover {
            background-color: #71c0ef;
            color: #ffffff !important;
        }

        .btn-button.border {
        }

        .btn-button:focus {
            color: #fff;
            outline: medium none;
        }

    .btn:hover, .btn:focus {
        color: #ffffff !important;
        text-decoration: none;
    }

    .border-radius {
        border-radius: 20px !important;
    }
    /*---------- / Button all code --------------*/
    /*----------ALL Focus ---------*/
    a:focus {
        color: #24a5c1;
        outline: medium none;
        text-decoration: none;
    }
    /*---------- / ALL Focus ---------*/
    /*--------- input type --------------*/

    .form-group input {
        border-radius: 0;
    }

    .form-control {
        border-radius: 0;
    }

    .form-group label {
        font-weight: 500;
    }

    /*--------------end input type-----------------*/
    .page-hadding {
        border-bottom: 1px solid #f056c4;
        font-size: 18px;
        padding-bottom: 20px;
    }

    .ahadding-title > a {
        font-size: 18px;
        font-weight: bold;
        text-transform: capitalize;
    }
    /* link hover*/
    a.product-name:hover {
        color: #f056c4
    }

    .product-name > a {
        text-transform: capitalize;
    }
    /*font capitalize*/
    .font-capitalize {
        text-transform: capitalize
    }

    /*------------- margin-0 -----------*/
    h1, h2, h3, h4, h5, h6 {
        margin: 0;
        padding: 0;
        font-family: 'Chewy', sans-serif;
    }

    p {
        margin: 0;
        padding: 0;
    }
    /*------------- / margin-0 -----------*/

    /*--------------- all color  -----------------*/
    .black {
        color: #333333
    }

    .puerto {
        color: #71c0ef
    }

    .puerto-2 {
        color: #4ebcb7
    }

    .blue {
        color: #f056c4
    }

    .golden {
        color: #ffbc51
    }

    .tomato {
        color: #ff623f
    }

    .white {
        color: #fff;
    }

    .black-bg {
        background-color: #333333
    }

    .puerto-bg {
        background-color: #ffffff;
        border-bottom: 1px solid #ebebeb;
    }

    .puerto-2-bg {
        background-color: #fcd2d4
    }

    .blue-bg {
        background-color: #f056c4;
        ;
        color: #ffffff;
    }

    .golden-bg {
        background-color: #ffbc51
    }

    .tomato-bg {
        background-color: #ff623f
    }

    .white-bg {
        background-color: #fff;
    }
    /*--------------- end all color  -----------------*/
    .nav.navbar-nav {
        margin-bottom: 0;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        background-color: none;
        color: #fff;
        outline: none;
    }
    /*---------------sub title -------------------**/
    /* all transion*/
    .top-bar ul li a, a.btn-button, .arow-left, .arow-right, .button-box button.btn-button, btn-button,
    .cart-button, .tab-menu ul > li, .post-meta > li, a, .submit-btn, .size-box li a span, .add-to-cart button.btn-button, .product-img-box .icon, .estimate-ship-tax button.btn-button, button.btn-button, .panel-heading, .contact-details .icon, .our-social-media ul li a, .our-social-media ul li a span,
    .popup-box .radio strong, span, .popular-tag-content li, .free-sp-icon-box-inner, .style-3 .free-shgipping-box {
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

        a.btn-button:hover, .arow-left:hover, btn-button:hover,
        .arow-right:hover, .button-box button.btn-button:hover, cart-button:hover, .tab-menu ul > li:hover, a:hover, .submit-btn:hover, .size-box li a span:hover,
        .add-to-cart button.btn-button:hover, .product-img-box .icon:hover, .estimate-ship-tax button.btn-button:hover, button.btn-button:hover, .panel-heading:hover,
        .contact-details .icon, .our-social-media ul li a span:hover, .popup-box .radio strong:hover, span:hover, .popular-tag-content li:hover,
        .free-sp-icon-box-inner:hover, .style-3 .free-shgipping-box:hover {
            -webkit-transition: all 0.4s ease 0s;
            -moz-transition: all 0.4s ease 0s;
            -ms-transition: all 0.4s ease 0s;
            -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
        }
    /* end transion*/
    ////////// /************************** all animation ***************************/
    /* megamenueffect for let to rigth */
    @keyframes mmenuffect {
        from {opacity:0; margin-left:-25px;}
to {opacity:1;margin-left:0px;}
}
@-moz-keyframes mmenuffect {
from {opacity:0; margin-left:-25px;}
to {opacity:1;margin-left:0px;}
}
@-o-keyframes mmenuffect {
from {opacity:0; margin-left:-25px;}
to {opacity:1;margin-left:0px;}
}
@-webkit-keyframes mmenuffect {
from {opacity:0; margin-left:-25px;}
to {opacity:1;margin-left:0px;}
}
/** superfish menu effect for top to bootom */
@keyframes sfmenuffect {
from {opacity:0;margin-top:-60px;}
to {opacity:1;margin-top:0px;}
}
@-moz-keyframes sfmenuffect {
from {opacity:0;margin-top:-60px;}
to {opacity:1;margin-top:0px;}
}
@-o-keyframes sfmenuffect {
from {opacity:0;margin-top:-60px;}
to {opacity:1;margin-top:0px;}
}
@-webkit-keyframes sfmenuffect {
from {opacity:0;margin-top:-60px;}
to {opacity:1;margin-top:0px;}
}

/* animation for mega  menu */
.navigation ul li:hover ul.mmenuffect,.product-details:hover .mmenuffect, .item .product-details:hover .color-overlay.mmenuffect{
 animation:mmenuffect 0.7s;  
 -moz-animation:mmenuffect 0.7s; 
-moz-animation-fill-mode:forwards;
 -o-animation-fill-mode:forwards;
 -o-animation:mmenuffect 0.7s; 
 -webkit-animation-fill-mode:forwards; 
-webkit-animation:mmenuffect 0.7s; 
animation-fill-mode:forwards;
}
/* animation for sfmenuffect */
.navigation ul li:hover ul.sfmenuffect,.sf-vartical-menu li:hover ul.sfmenuffect,.lang-currency ul li:hover ul.sfmenuffect,
.header-cart-mini:hover .cart-product-list.sfmenuffect {
 animation:sfmenuffect 0.7s;  
 -moz-animation:sfmenuffect 0.7s; 
-moz-animation-fill-mode:forwards;
 -o-animation-fill-mode:forwards;
 -o-animation:sfmenuffect 0.7s; 
 -webkit-animation-fill-mode:forwards; 
-webkit-animation:sfmenuffect 0.7s; 
animation-fill-mode:forwards;
}


@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.button-wishlist {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.button-compare,.button-line,.button-line2  {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
    -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}









@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.cart-button{
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*padding */
.no-padding{padding: 0px;}
.no-margin{margin: 0px}
.padding-45{padding-top: 45px;}
.padding-50{padding-top: 50px;}
.padding-40{padding-top:40px;}
.padding-30{padding-top:30px;}
.margin-40{margin-top:40px;}
.margin-45{margin-top:45px;}
.margin-b-45{margin-bottom:45px;}
.margin-30{margin-top:30px}
.margin-bottom{margin-bottom:30px}
/*end padding */
.clearboth{clear: both}
/** ratting*/
.rating {
    cursor: default;
}
/** end ratting*/
/**hadding**/
.small-hadding span {
  font-size:18px!important;
}
.hadding {
font-family: Chewy;
font-size: 18px;
font-weight: 400;
margin-bottom: 20px;   
}

/**end hadding**/
/***page title***/
.page-title > span,.title-box .sub-title{
border-bottom: 2px solid #f056c4;

font-size: 18px;
font-weight: bold;
text-transform: capitalize;
padding-bottom: 8px;
}


.page-title {
text-align: center;
}
/**product title**/
h2.product-hadding {
    color: #363636;
    font-family: 'Nunito', sans-serif;
    margin: 0 0 0px 0;
    font-weight: 700;
    line-height: 1.2;

}
.product-hadding > .h-title {
    color: #363636;
    font-family: 'Nunito', sans-serif;
    margin: 0 0 20px 0;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    position: relative;
    z-index: 0;
}


 h2 u:before {
        content: '';
        z-index: -1;
        -moz-transition: width 0.3s;
        -o-transition: width 0.3s;
        -webkit-transition: width 0.3s;
        transition: width 0.3s;
        height: 15px;
        position: absolute;
        margin-left: -5px;
        bottom: 0;
        left: 0;
        display: block;
        background: #fff798;
        width: -moz-calc(100% + 10px);
        width: -webkit-calc(100% + 10px);
        width: -o-calc(100% + 10px);
        width: calc(100% + 10px);
    }


/**end product title**/
/**product ratting**/
.rating .star.active::before {
    content: "\f005";
    font-family: fontawesome;
}
.rating .star.active {
    color: #ffbc51;
    font-size: 14px;
}
.rating .star-o::before {
    content: "\f005";
    font-family: fontawesome;
}
.rating .star-o {
    color: #999;
}

/**start breadcrumb**/
/*-----content------*/
.breadcrumb-banner {
  background-image: url("../image/breadcrub-bg.png");
  background-size: cover;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
.breadcrumb-banner .breadcrumb-banner-inner {
  background-color: #fff;
  margin-top: 55px;
}
.breadcrumb-banner .text-content > h2 {
    font-size: 104px;
    text-align: center;
}
.breadcrumb-banner h3 {
    font-size: 43px;
    letter-spacing: 0.1em;
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
.breadcrumb-banner .text-content {
    padding: 30px  0;
    text-align: center;
}
.breadcrumb-banner .text-content > p {
    text-align: center;
}
.breadcrumb-banner .img-1 > img,.breadcrumb-banner .img-2 > img {
    width: 100%;
}

/*----- / content------*/
.breadcrumb.breadcrumb-box {
    background-color: transparent;
    
    border-radius: 0;
  
    padding: 15px;
    text-align: center;
    text-transform: capitalize;
    text-align: left;

    font-weight: bold;
}
.breadcrumb-box li {
    display: inline;
    color: #f056c4;
}
.breadcrumb.breadcrumb-box a {
    color: #f056c4;
}
    .breadcrumb.breadcrumb-box a:hover, .breadcrumb-box li:hover {
        color: #440057
    }

.breadcrumb span > span::after {
    content: "/";
    margin-left: 5px;
}
.breadcrumb-box span {
    margin: 5px;
    color: #363636;
    font-family: 'Nunito', sans-serif;
    margin: 0 0 20px 0;
 
    line-height: 1.2;
    font-size: 22px;
    font-weight: 800;
}

/**end breadcrumb**/
/***arow icon***/
.small-arow-icon .arow-left {
  font-size: 12px;
  height: 25px;
  line-height: 1px;
  padding: 5px 4px;
  width: 25px;
}
.small-arow-icon .arow-right {
  font-size: 12px;
  height: 25px;
  line-height: 1px;
  padding: 5px 7px;
  width: 25px;
}

/* input feild */
.form-control {
  background: #fff;
  border: 1px solid #e8e8e8;
  box-shadow: none;
  color: #999;
  height: 40px;
  outline: none;
}
/***top to buttom***/
.top-bottom {
cursor: pointer;
position: relative;
right: 18px;
}
.top-bottom:before{
    /*font-family: "fontawesome";
  content: "\f102";
  font-size: 14px;*/ 
}
    .top-bottom {
        /*border: 2px dashed #f056c4;
        border-radius: 4px;*/
        bottom: 75px;
        color: #f056c4;
        height: 45px;
        padding: 13px 16px;
        position: fixed;
        right: 60px;
        width: 45px;
    }
        .top-bottom:hover {
            border-color: #f056c4;
            color: #440057;
        }
/* left add banner */
.aside-category-banner-img > img {
  width: 100%;
}
.aside-category-banner-img {
  position: relative;
}
.aside-category-banner-button {
  bottom: 26px;
  left: 86px;
  position: absolute;
}
.main-container .aside-category-banner-button {
    left: 33px;
}
/*****************  background hover ***********/
.header-menu nav > ul > li,.btn-button{
transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
-op-transition: all 0.4s ease-in;
}
/********************  ALL HEADER CODE ***********************/
/*-------------Logo--------------*/
.logo img {
  width: 100%;
}
.logo > a:focus {
  outline: medium none;
}
/*------------- / Logo--------------*/
/*-------------*top  links -------------*/
.top-links .top-link:before {
    border-top: 40px solid #fcd2d4;
    border-left: 34px solid transparent;
    content: "";
    left: -40px;
    position: absolute;
}
.top-links .top-link:before {
    border-top: 40px solid #fcd2d4;
    border-right: 34px solid transparent;
    content: "";
    right: -40px;
    position: absolute;
}
.top-links .top-link {
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}
.header-container .nav.navbar-nav {
    float: none;
    text-align: center;
}
.header-container .nav.navbar-nav > li {
    float: none;
}
.top-links .nav.navbar-nav > li {display: inline-block;}
.top-bar .top-links {float: left;}
.top-bar ul li a span {
margin-left: 0;
margin-right: 8px;
}
.top-bar ul li:hover ul.dropdown-menu {
border-radius: 0;
border:none;
display: block;
margin: 0;
padding: 0;
min-width: 120px;
background-color: #fff;
}
.top-links a:hover {color: #ffffff;}
.top-bar ul > li > a {
padding:10px 15px;
text-transform: capitalize;
}
header.style-2 #sf-menu > ul > li.sfish-menu ul > li > a{
    padding: 0;
}
.top-link ul > li > a:hover, .lang-currency ul > li > a:hover {
    color: #440057
}
.top-link ul > li > a, .lang-currency ul > li > a {
    color: #f056c4;
    font-size:16px;
}
.top-link ul > li > ul > li > a, .lang-currency ul > li > ul > li > a {
    color: #440057;
}
/*-----------------------------------*language & curency ---------------------------------*/
.header-container .lang-currency-inner {
display: inline-block;
text-align: right;
width: 100%;
}
.lang-currency .list-line {display: inline-block;}
.lang-currency ul > li > a:hover {
    color: #71c0ef;
}
.lang-currency ul > li > ul > li > a:hover,.dropdown-menu > li > a:focus
{
background:transparent;
color: #ffbc51;
border: transparent;
outline: none;
}
.lang-currency ul > li > ul > li {border-bottom: 1px dotted #434343;}
.lang-currency ul > li > ul > li > a {padding: 7px 15px;}
.lang-currency ul > li > ul > li:last-child {border-bottom: medium none;}
.lang-currency .list-line.currency span {
    text-transform: capitalize;
}
.navbar-nav > li:last-child a { padding-right: 0;}
/*-----------------------------------*header center---------------------------------*/
/*-----------------------------------*logo---------------------------------*/
.header-container .logo {
margin-bottom: 18px;
margin-top: 18px;
text-align: left;
}
/*-----------------------------------*message*---------------------------------*/
.header-message-box {
  color: #fff;
  padding: 23px;
  text-transform: capitalize;
}
/*-----------------------------------*header search*---------------------------------*/
/***dd-select****/
.header-search .dd-select {
  background:none!important;
  border:none;
  position: absolute !important;
  right: 45px;
  top:-32px;
  width: 100px !important;
}
.dd-container {
    float: right;
}
.dd-selected {
  padding:3px 10px !important;
}
.dd-selected label,.dd-option label{
  display: unset;
  font-weight: normal;
  text-transform: capitalize;
}
.dd-options {
  box-shadow: none !important;
   border: 1px solid #e8e8e8 !important;
   border-top:0 !important;
}
.dd-option {
    border-bottom: 1px solid #e8e8e8 !important;
}
.header-container .dd-pointer {
  border-color: #fff transparent transparent !important;
}
.header-container .dd-selected-text {
  color: #fff;
}
.dd-pointer-down {
  margin-top: -2px !important;
}
.dd-pointer-up {
  margin-top: -1px !important;
}
/***dd-select****/
.header-container .header-search {
    margin: 40px 20px 15px 26px;
    position: relative;
    width: 424px;
}
.form-control::-moz-placeholder{
  color: #dddddd;
  opacity: 1;
}
.form-control::-webkit-placeholder {
    color: #efefef;
    opacity: 1;
}
.form-control:focus{
    border-color: #e8e8e8;
    box-shadow: none;
}
.header-search span.fa-ellipsis-v {
  color: #9f9f9f;
  left: 14px;
  position: absolute;
  top: 15px;
}
.select-search-catergoy.select-search-catergoy {
    border:none;
    position: absolute;
    right: 28px;
    top: 4px;
    border-left: 1px solid #333333;
    padding: 0 4px;
}
.header-container .header-search button::before {
    background-color: transparent;
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}
.header-container .header-search button {
    background-color: #f590d8;
    border-radius: 30px;
    border: medium none transparent;
    padding: 11px 12px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.header-container .header-search button:hover {
color: #333;
-webkit-transition:  all 0.4s ease 0s;
-moz-transition:  all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.header-search input {
    background-color: transparent;
    border: 1px solid #ebebeb;
    border-radius: 30px;
    box-shadow: none;
    height: 50px;
    padding: 0 25px;
    color: #f056c4;
}
/****style 1****/
.style-1 {
  display: none;
}
/****style2****/
.style-2 .header-container .header-search {
margin: 8px 0;
width: auto;
}
.style-2-header-bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.style-2 .cart-top-title > span {
  display: block;
  margin-left: 18px;
}
.style-2 .topcart-mini-container {
  position: absolute;
  right: 0;
  top:0;
}
.style-2 .block-cart button {
  background:none;
  border:none;
  color: #ffffff;
  padding: 16px 0;
}
header.header-style-2 {
  background:none;
  position: absolute;
  width: 100%;
  z-index: 999999;
}
.header-cart-mini.style-2 span.fa-shopping-bag {
  background-color: #171717;
  border-radius: 100%;
  height: 36px;
  padding: 10px;
  width: 36px;
float: left;
}
.menu-style-2 .sf-menu > li > a {
  color: #999;
}
.menu-style-2 .active span {
  color: #fff;
}
header.style-2 .nav-container {
     position: relative;
}
header.style-2 .header-container .lang-currency-inner {
 position: absolute;
top: 25px;
right: 0;
width: auto;
}
header.style-2 .lang-currency-inner .navbar-nav > li > a {
color: #fff;
padding-bottom: 15px;
padding-top: 8px;
}
header.style-2 .header-container .lang-currency-inner .nav.navbar-nav > li {
  float: left;
}
/***style-3***/
header.header-style-3 .header-container .nav.navbar-nav > li {
  float: left;
}
header.header-style-3 .top-bar ul > li > a {
  padding: 8px 15px 7px 0;
  text-transform: capitalize;
}
header.header-style-3 .top-links .top-link {
	 margin-left:0px; 
	 margin-right:0px;
	position: relative;
}
header.header-style-3 .header-search input {
	color: #333;
}
header.header-style-3 .header-container .logo {
	margin-top: 54px;
	text-align: left;
        margin-bottom: 0;
}
header.header-style-3 #sf-menu {
	margin-left: 30px;
}
.style-3 .category-list .category-list-inner ul li a:hover {
	color: #f056c4;
}

header.header-style-3 .cart-top-title {
  color: #333;
}
header.header-style-3 .help {
  color: #fff;
  margin: 10px;
  text-align: center;
}

header.header-style-3 .header-line1 {
    position: relative;
}
header.header-style-3 .header-line1::after {
background-color: #fff;
content: "";
height: 200px;
left: -78px;
position: absolute;
top: -21px;
transform: rotate(-56deg);
width: 100px;
}
header.header-style-3 .header-line1::before {
    background-color: #fff;
    content: "";
    height: 74px;
    position: absolute;
    right: -14px;
    top: 4px;
    transform: rotate(44deg);
    width: 50px;
}

 ul.dd-options > li > a {
	padding: 7px 15px;
	text-transform: capitalize;
}
 ul.dd-options > li:hover > a {
color: #333;
}
/**************************  ALL MENU CODE ******************/
/* menu */
.header-style-3 .margin-left-0 {
    padding: 0px;
}
.header-style-3 .margin-right-0 {
    padding: 0px;
}
.header-style-3 .header-cart-mini {
    float: right;
}
nav ul > li > ul {
    text-align: left;
}
.header-menu nav > ul > li > a {
    color: #636363;
    font-size: 12px;
    font-weight: 100;
    padding: 10px 6px;
    font-family: 'Nunito', sans-serif !important;
    font-weight: 600;
    transition: all 0.2s;
}
.header-menu nav > ul > li {
    background-color:transparent !important;

}
#sf-menu {
    margin: 0 auto;
    padding-top: 6px;
    position: relative;
    text-align: center;
}
#sf-menu> ul {
    line-height: 9px;
    margin: 0;
    padding: 0;
}
.sf-menu {
    margin: 0;
    padding: 0;
}
/*  lavel 1 */
.sf-menu > li {
    display: inline-block;
    margin-right:0;
    position: relative;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}
ul.sf-menu li.active > a>span:before {
    content: "\f015";
    font-family: fontawesome;
    font-size: 15px;
    padding-right: 5px;
    line-height: 0;
}
ul.sf-menu li.active > a{
    color: #fff;  
}
.sf-menu> li> a {
    color: #999;
    display: block;
    font-weight: 500;
	    text-transform: capitalize;
    text-align: center;
    height: 50px;
    margin-top: auto;
    margin-bottom: auto;
    /*display: table-caption;
    min-width: 120px;*/
    line-height: 16px;
}
.sf-menu > li>a>.fa.fa-angle-down {
    padding-left: 5px;
}
.sf-menu > li:hover > a {
    color: #f056c4;
    font-family: 'Nunito', sans-serif !important;
    font-weight: 600;
    transition: all 0.2s;
    text-decoration: none;
    vertical-align: baseline;
}
.sf-menu > li > a:hover:after {
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
}
.sf-menu > li > a:after {
    /*content: '';
    z-index: 1;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    height: 15px;
    position: absolute;
    margin-left: 1px;
    bottom: 4px;
    width: 0;
    display: block;
    background: rgba(255, 247, 152, 0.61);*/
}


/* menu style 2 */
.menu-style-2 .sf-menu > li:hover,.menu-style-2 .sf-menu > li.sfHover,.menu-style-2 .sf-menu > li.sfHover > a,.menu-style-2 .sf-menu > li.active {
    background-color: transparent;
    border-bottom: 3px solid #ff623f;
}
.menu-style-2 .sf-menu > li{
    border-bottom: 3px solid transparent;
}
/* mga menu */

.sf-menu >li.megamenu {
    position: inherit !important;
}
.sf-menu> li.megamenu > ul {
    font-weight: normal;
    text-transform: none;
    width: 100%;
    margin: 0;
    background-color: #ffffff;
    z-index: 3333;
    -moz-box-shadow: 0 2px 5px  #e9eaea;
    -webkit-box-shadow: 0 2px 5px  #e9eaea;
    -o-box-shadow: 0 2px 5px  #e9eaea;
    box-shadow: 0 2px 5px #e9eaea;
}

.sf-menu >li.megamenu >ul>li a.sub-heading> span {
    border-bottom: 2px solid #ffbc51;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 1px;
}
.sf-menu >li.megamenu >ul>li a.sub-heading {
    color: #444444;
    font-weight: 700;
    text-transform: none;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}
#sf-menu > ul > .megamenu li ul > li  a{
    padding: 8px 0px;
}
.sf-menu .megamenu> ul> li > a {
    padding: 3px 15px 3px 15px;
}
.sf-menu >li.megamenu >ul>li .col-md-3 ul{
    margin-top: 30px;
}
/*#sf-menu > ul > li ul > li > a:before{
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 10px;
}*/

#sf-menu > ul > li ul > li > a {
    color: #333;
    display: block;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    text-transform: capitalize;
    white-space: nowrap;
    font-size: 12px;
}
#sf-menu > ul > li ul > li > a:hover{
    color: #ffffff;   
}

/* lavel 2 */
.sf-menu > li > ul, .sfish-menu > .menu-animation > li > ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #efefef;
}
.sf-menu> ul> ul {
    top: 0;
    left: 100%;
}
.sfish-menu>.menu-animation > li,.sfish-menu>.menu-animation > li>ul>li {
    position: relative;
    padding: 12px 19px;
}
.sfish-menu>.menu-animation > li>ul{
    display: none;
}
.sfish-menu>.menu-animation > li:hover>ul{
    display: block;
    left: 116px;
    position: absolute;
    top: 0;
    padding: 0;
}
.sfish-menu>.menu-animation > li:hover,.sfish-menu>.menu-animation > li>ul>li:hover{
    background-color: #ffffff;

}
.sfish-menu>ul.menu-animation{
    padding: 0; 
}
.sfish-menu>.menu-animation > li:hover> a,.sfish-menu>.menu-animation > li>ul>li:hover>a{
    color: #000000 !important;  
}

.sf-menu ul a:hover {
    color: #ff623f;
}
.sub-heading span:hover {
    color: #ffbc51;
}
.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li.sfHover > a,
.sf-menu li li.active {
    background-color: #ffffff;
}


.sf-menu li.megamenu p {
    margin-bottom: 10px;
}
.menubanner2-inner img {
    width: 100%;
}
.menubanner2 {
    float: left;
    padding: 30px 0 0px;
    position: relative;
    margin-right: 17px;
}

a.menuban3 img{
    width: 100%;
    vertical-align: baseline;
}


/***megamenu banner***/
.menubanner2 p {
    color: #fff;
    font-family: Raleway;
    font-size: 45px;
    font-weight: 900;
    letter-spacing: 0.02em;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top:50%;
    width: 100%;
}

.mmenu-banner-text {
    background-color: #ff623f;
    padding: 20px;
    position: absolute;
    top: 130px;
    width: 90%;
}
.mmenu-banner-text h3 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.mmenu-banner-text h2 {
    color: #fff;
    font-size: 24px;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
}
.mmenu-banner-inner {
    border: 1px solid #fff;
    padding: 2px;
}

/***color overlay****/
a.menuban3:before{ 
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    position: absolute;
    width: 90%;

}
.menubanner2-inner  a:before{ 
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    position: absolute;
    width:100%;
}
.menubanner2-inner {
    position: relative;
}
.menu-toggle {
    display: none;
    height: 40px;
}
#cartmenu:hover .header-minicart.icon {
    background: #ff623f;
}
div.minicart {
    position: absolute;
    right: 0;
}
/***header shopping cart***/
.header-cart-mini {
    position: absolute;
    text-align: right;
}
.header-cart-mini .product-details {
    background-color:transparent!important;
}
.block-cart button {
    background-color: #ffffff;
    border: transparent;
    border-radius: 30px;
    color: #71c0ef;
    padding: 8px 10px;
    font-size: 24px;
}
    .header-cart-mini:hover button, .block-cart button:focus {
        color: #f056c4;
        outline: none;
    }
.header-cart-mini.style-2:hover button,style-2 .block-cart button:focus {
    background:transparent;
    border:transparent;;
    outline: none;
}

.header-cart-mini .item .product-details {
    margin: 0;
    overflow: hidden;
}

.cart-top-title {
    margin-left: 10px;
}

.header-container .top-bar .header-cart-mini button i > span {
    background-color: #440057;
    border-radius: 100%;
    display: inline;
    font-size: 15px;
    height: 17px;
    left: 12px;
    position: absolute;
    top: -13px;
    width: 17px;
}
.header-container .top-bar .header-cart-mini button .fa-shopping-basket {
    position: relative;
}

.cart-product-list {
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 48px;
    width: 285px;
    box-shadow:0 3px 4px 0 #e8e8e8;
    display:none;
    z-index: 99999;
}

.header-cart-mini:hover .cart-product-list{display: block}


.header-cart-mini .item.cart-item > a {
    float: left;
    border: 1px solid #e8e8e8;
    padding: 0;
}
.header-cart-mini .product-details {
    overflow: hidden;
}

.header-cart-mini .product-name {
    margin: 0;
    padding: 0;
}
.header-cart-mini .product-details-inner > a.remove {
    position: absolute;
    right: 3px;
    top: 11px; 
}
.header-cart-mini .ratting-box {
    margin: 5px 0;
    text-align: left;
}
.header-cart-mini .product-details .product-price {
    padding: 0;
    text-align: left;
}


.header-cart-mini .product-details-inner {
    overflow: hidden;
}
.header-cart-mini .item.cart-item {
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}
.header-cart-mini .product-details-inner {
    overflow: hidden;
    padding: 0 20px;
}
.top-subtotal label {
    margin: 0 20px;
}
.top-subtotal {
    text-align: right;
}
.header-cart-mini .buttons {
    margin: 10px 0 18px;
}
.header-cart-mini .btn-button.tomato-bg:hover {
    background-color: #171717;
}
.menu-banner-media {
	float: left;
	padding-right: 10px;
	width: 100px;
}
.menu-banner-media > img {
	width: 100%;
}
h3.m-name {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
}
.sf-menu li.megamenu p.m-details {
	color: #333;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
.menu-banner-details a {
	margin-top: 12px;
}
.m-left-banner {
	float: left;
	margin-right: 2%;
	margin-top: 15px;
	width: 49%;
}
.menu-banner .m-left-banner:last-child {
	margin-right: 0;
}
.m-left-banner img {
	width: 100%;
}



/********************* mini manu  ********************/



.header-popup-bg {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 21;
    display: none;
}

@media (max-width: 1024px) {
    body.tt-popup-dropdown .header-popup-bg {
        display: block;
    }

    body.tt-popup-dropdown .tt-stuck-nav.stuck {
        z-index: 22;
    }

        body.tt-popup-dropdown .tt-stuck-nav.stuck:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 10;
        }
}



#mobile-menu {
    display: none;
}

#mobile-menu {
    background-color: #444444;
}

#mobile-menu .mobile-menu-toggle {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

#mobile-menu .toggle {
    float: right;
    width: 48px;
    margin-top: 3px;
}

#mobile-menu .mobile-menu-toggle {}

#mobile-menu .mobile-main-menu {
    background-color: #fff;
}

.mobile-menu-toggle ul li {
    display: inline-block;
}

.mobile-menu-toggle ul li a {
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    display: block;
    font-size: 15px;
}

    .mobile-menu-toggle ul li:hover a {
        background-color: #ffffff
    }

.mobile-search-menu {
    float: right;
    background: #4f4f4f;
}

// .mobile-search-menu a{   border-left: 1px solid #2dcafa; }
#mobile-menu .mobile-menu-toggle h2 {
    font-family: "roboto", sans-serif;
    color: #FFFFFF;
    float: left;
    font-weight: normal;
    line-height: 12px;
    margin-top: 11px;
    text-align: left;
    text-transform: uppercase;
    width: 88%;
    font-size: 18px;
}

#mobile-menu .toggle-icon .menu-icon:before {
    content: "\f0ca";
    font-family: FontAwesome;
    padding-right: 4px;
    font-size: 17px;
    cursor: pointer;
    font-weight: bold;
}

#mobile-menu .toggle-icon .menu-icon {
    color: #fff;
}



.accordion {
    list-style-type: none;
    padding:4px 20px;
}

.accordion ul {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
}

.accordion li {
    cursor: pointer;
    display: block;
    position: relative;
}

.accordion li.active> span.down-up:before {
    content: "\f068";
    font-family: FontAwesome;
    font-size: 12px;
}

.accordion span.down-up {
    color: #fff;
    padding: 4px 12px;
    position: absolute;
    right: 0;
    top: 4px;
}
.style-2 .more a {
    color: #999;
}
.accordion span.down-up:before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 12px;
}

.accordion a:hover {
    color: #444444;
}
.sf-vartical-menu2.accordion a {
    color: #333;
}
.sf-vartical-menu2.accordion span.down-up {
    color: #333;
}
.accordion a {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 0;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
}
.accordion li:hover > a, .accordion li:hover > span {
    color: #f056c4;
}

.accordion ul a {
    padding: 7px 0 7px 15px;
}
.accordion ul > li > a::before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 5px;
    margin-right: 8px;
    transform: rotate(45deg);
    width: 5px;
}
.sf-vartical-menu2.accordion ul > li > a::before {
    background: #333;
}

.accordion li:hover> a:before,.accordion li:hover>a::before {
    background: #ffbc51;
}
.accordion ul>li>ul>li> a {
    padding: 7px 0 7px 25px;
}




/*-------style-3-------*/
.header-style-3 #sf-menu {
    text-align: left;
}
.header-style-3 .header-container .header-search button::before {
    background-color: #f6f6f6;
}
.header-style-3 .block-cart button {
    color: #333;
    position: relative;
}
.header-style-3 .header-cart-mini {
    margin-top: 14px;
}
.header-style-3 .header-container .header-cart-mini button i > span {
    background-color: #f056c4;
    border-radius: 100%;
    color: #fff;
    display: inline;
    font-size: 15px;
    height: 17px;
    left: 12px;
    position: absolute;
    top: 6px;
    width: 17px;
}
/*------- / style-3-------*/

////////////********************************  PROMO BANNER  ***********************/

/*-----------Home page-1 promo-1-----------*/
.promo-1 img {
    width: 100%;
}
.promo-item-1 .btn-button {
    left: 130px;
    position: absolute;
    top: 160px;
}
.promo-1 .promo-item-1 {
    position: relative;
    box-shadow: 0 0 7px #d3d3d3;
    position: relative;
    animation: LazyLoad 2s infinite linear forwards;
    -webkit-animation: LazyLoad 2s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-size: 1150px 104px;
}
/*-------- promo add list ---------*/
.promo-1 .promo-item-2 {
    position: relative;
}
.promo-1 .promo-item-3 {
    position: relative;
}
.promo-item-2 .promo-add-list {
    left: 47px;
    line-height: 32px;
    position: absolute;
    top: 28px;
}
.promo-item-3 .promo-add-list {
    line-height: 32px;
    position: absolute;
    right: 44px;
    top: 60px;
}
.promo-add-list > li > a > span {
    color: #ff623f;
    margin-right: 19px;
}
.promo-item-3 .promo-add-list > li > a > span {
    color: #ffbc51;
    margin-right: 19px;
}
.promo-1 .promo-item-2 .promo-add-list > li > a:hover,.promo-1 .promo-item-2 .promo-add-list > li > a:focus {
    color: #ff623f;
}
.promo-1 .promo-item-3 .promo-add-list > li > a:hover,.promo-1 .promo-item-3 .promo-add-list > li > a:focus {
    color: #ffbc51;
}
.promo-item-4 .btn-button {
    bottom: 181px;
    clear: both;
    left: 55px;
    position: absolute;
}
.promo-item-4 .btn-button.blue-bg {
    bottom: 240px;
}
/*-------- / promo add list ---------*/
/*------------ promo add lable --------------*/
.promo-add-lable-box {
    left: -38px;
    position: absolute;
    top: 70px;
}
.promo-1 .promo-item-3 strong {
    display: block;
    font-family: Chewy;
    font-weight: normal;
    margin: -8px 6px;
}
.promo-item-3 .promo-add-lable-box {
    position: absolute;
    right: -59px;
    top: 132px;
    left: auto;
}
.promo-add-lable {
    background-color: #f056c4;
    border-radius: 7px;
    height: 60px;
    left: auto;
    position: relative;
    top: auto;
    width: 60px;
    z-index: 5;
}
.promo-add-lable::after {
    background-color: #f056c4;
    border-radius: 7px;
    box-sizing: content-box;
    content: "";
    height:60px;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    transform: rotateZ(60deg);
    width: 60px;
    z-index: -1;
}
.promo-add-lable::before {
    background-color: #f056c4;
    border-radius: 7px;
    content: "";
    height: 60px;
    position: absolute;
    top: 0;
    transform: rotateZ(30deg);
    width: 60px;
    z-index: -1;
}
.promo-add-lable span {
    color: #fff;
    display: block;
    font-family: 'Chewy', sans-serif;
    font-size: 22px;
    font-weight: normal;
    padding:5px 13px;
    text-transform: uppercase;
}
.promo-item-2 .promo-add-lable span {
    padding: 13px;
}

.promo-add-lable1 {
    background-color: #f056c4;
    border-radius: 5px;
    height: 60px;
    position: relative;
    z-index: 1;
}
.promo-add-lable1::after {
    background-color: #f056c4;
    border-radius: 5px;
    content: "";
    height: 60px;
    position: absolute;
    top: 0;
    transform: rotateZ(45deg);
    width: 60px;
    z-index: -1;
}
.promo-add-lable1::before {
    background-color: #f056c4;
    border-radius: 5px;
    content: "";
    height: 60px;
    position: absolute;
    transform: rotateZ(-15deg);
    width: 60px;
    z-index: -1;
}

.promo-add-lable2 {
    background-color: #f056c4;
    border-radius: 5px;
    height: 60px;
    position: relative;
    width: 60px;
    z-index: 1;
}
.promo-add-lable2::after {
    background-color: #f056c4;
    border-radius: 5px;
    content: "";
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotateZ(14deg);
    width: 60px;
    z-index: -1
}
/*------------ / promo add lable --------------*/
/*------------Pormo banner 2 --------------*/
/*--------item-1----------*/
.promo2-add {

    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
    z-index: 1
}
.promo2-add.item1{background-color: #fde4e8;}
.promo2-img > img {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: -1;
}

.promo2-text-content > h2 {
    font-size: 20px;
}
.promo2-text-content > h3 {
    font-size: 30px;
}
.promo2-text-content h4 {
    font-size: 22px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.promo2-text-content > h2 {
    margin-bottom: 30px;
}
.promo2-text-content {
    padding-left: 11px;
    padding-top: 40px;
}
/*-------- / item-1----------*/

/*--------  item-2----------*/
.promo2-add.item2{background-color: #f6f6f6;}

.promo2-add.item2 .promo2-text-content > h3 {
    font-size: 35px;
    text-align: center;
}
.promo2-add.item2 .promo2-text-content h2.blue {
   font-size: 27px;
text-transform: uppercase;
background-color: #f056c4;
display: inline-block;
padding: 7px 8px 4px 8px;
color: #fff;
margin:5px 0;

}
.promo2-add.item2 .promo2-text-content > h2 {
    font-size: 35px;
    margin: 0;
}
.promo2-add.item2 .promo2-text-content {
    padding-left: 0;
}
/*-------- / item-2----------*/


/*--------  item-3----------*/

.promo2-add.item3{background-color: #f6f6f6;}
.promo2-add.item3 .promo2-img > img {
    left: 0;
    right: auto;
}
.promo2-add.item3 .promo2-text-content > h3 {
    padding: 6px;
}
.promo2-add.item3 .promo2-text-content h2 {
    font-size: 40px;
}
.promo2-add.item3 .promo2-text-content {
    padding-top: 30px;
}


/*-------- / item-3----------*/
/*------------ / Pormo banner 2 --------------*/

/*------------ Pormo banner 3 --------------*/

/*----- item-1 --*/
.promo2-add.item1.promo-3 {
    background-color: #f6f5f5;
}
.promo-3 .promo2-text-content h2,.promo-3 .promo2-text-content h3,.promo-3 .promo2-text-content h4 {
    text-transform: uppercase;
}
.promo2-add.promo-3 .promo2-text-content h1 {
    font-size: 50px;
}
.promo-3 .promo2-text-content{
    padding-top: 32px;
}

/*----- / item-1 --*/

/*----- item-2 --*/
.promo-3.item2 .promo2-text-content.text-center > h4 {
    padding-bottom: 32px;
}
.promo-3.item2 .promo2-text-content.text-center {
    padding-top: 60px;
}
/*----- / item-2 --*/

/*----- item-3 --*/

.promo-3.item3 .btn-button {
    position: absolute;
    right: 20px;
    top: 165px;
}

/*----- / item-3 --*/
/*----- item-4 --*/
.promo2-add.promo-3.item4 {
    background-color: #f6f6f6;
}
.promo-3.item4 .promo2-text-content h2,.promo-3.item4 .promo2-text-content h3,.promo-3.item4 .promo2-text-content h4 {
    font-size: 21px;
    margin: 0;
}
.promo-3.item4 .promo2-text-content {
    padding-left: 0;
    padding-top: 55px;
}
.promo-3.item4 .promo2-text-content h3 {
    padding-bottom: 25px;
}
/*----- / item-4 --*/

/*-----  item-5 --*/

.promo-3.item5 .promo2-img > img {
    width: 100%;
}
.promo2-add.promo-3.item5 {
    background-color: #f6f6f6;
}

.promo-3.item5 .promo2-text-content h3 {
    font-size: 35px;
}
.promo-3.item5 .promo2-text-content h2 {
    font-size: 24px;
    margin: 0;
}
.promo-3.item5 .promo2-text-content h4 {
    font-size: 25px;
}
.promo-3.item5 .promo2-text-content {
    padding-left: 0;
    padding-top: 55px;
}

/*----- / item-5 --*/
/*------------ / Pormo banner 3 --------------*/

/*----------- / Home page-1 promo-1-----------*/



/*------style-3 -------*/
.style-3 .promo > img {
    width: 100%;
}

.style-3 .shipping-message {
    position: relative;
}
.style-3 .shipping-message span.fa-shopping-basket {
    color: #f056c4;
    font-size: 100px;
    left: 17px;
    position: absolute;
    top: 20px;
}
.style-3 .shipping-message > img {
    width: 100%;
}
.style-3 .shipping-message > h2 {
    color: #f056c4;
    font-family: roboto;
    font-weight: bold;
    left: 150px;
    position: absolute;
    text-transform: uppercase;
    top: 50px;
}
.shipping-message > p {
    bottom: 32px;
    left: 150px;
    position: absolute;
}

.style-3 .promo {
    position: relative;
}
.style-3 .promo-add-list {
    left: 30px;
    position: absolute;
    top: 65px;
}
.style-3 .promo-add-list > li {
    line-height: 33px;
}
.style-3 .promo-add-list > li > a > span {
    color: #f056c4;
    margin-right: 19px;
}

.style-3 .promo > h2 {
    bottom: 87px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 100%;
}
.style-3 .promo .btn-button {
    bottom: 24px;
    left: 70px;
    position: absolute;
}

/**********************************  ALL PRODUCT CODE ***********************/
/**title**/
.featured-products.owl-theme .item {
    margin-right: 0;
}
.product-hadding > .sub-title {
    color: #333;
    display: inline;
    font-family:'roboto', sans-serif;
    font-size: 14px;

}
.owl-theme .item {
    margin-right: 1px;
}
.product-title{float: left;}
.product-top-ber {
    overflow: hidden;
}

/**product css**/

/*------add banner--------*/
.add-product-banner > img {
    width: 100%;
}
.add-product-banner{position: relative}
.add-product-banner .btn-button {
    border-radius: 17px;
    bottom: 20px;
    left: 34%;
    margin: 0 auto;
    padding: 10px 24px;
    position: absolute;
}
.tab-contents .rating {
    display: none;
}
/*------ / add banner--------*/
.product-img > img {
    width: 100%;
}
.line-color {
    background-color: #171717;
    height: 2px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.line-color:after {
    background-color:#ff623f;
    content: "";
    height: 2px;
    position: absolute;
    width: 0;
    transition: all .5s ease 0s;
}
.item .product-details:hover .line-color:after{width: 100%;
                                               transition: all .5s ease 0s;
}

/**product label**/

.product-media {
    overflow: hidden;
    position: relative;
}
.product-lable-box {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.lable-sale {
    background-color: #171717;
    border-radius: 0 11px 11px 0;
    -webkit-border-radius: 0 11px 11px 0;
    -moz-border-radius: 0 11px 11px 0;
    -o-border-radius: 0 11px 11px 0;
    color: #fff;
    float: left;
    margin-top: 10px;
    padding:1px 10px 3px;
    text-transform: capitalize;
}
.lable-new {
    float: right;
    background-color: #ff623f;
    border-radius: 11px 0px 0px 11px;
    -webkit-border-radius: 0 11px 11px 0;
    -moz-border-radius: 0 11px 11px 0;
    -o-border-radius: 0 11px 11px 0;
    color: #fff;
    margin-top: 10px;
    padding:1px 10px 3px;
    text-transform: capitalize;
}



/**product content**/


.new-price {
    color: #a902ff;
    font-weight: bold;
    padding-right: 3px;
    font-size: 15px;
}
.product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
    .product-name > a {
      
       
        font-size: 12px;
        color: #232323;
    }
        .product-name > a:hover, a:focus {
            color: #71c0ef;
            text-decoration: underline;
            text-decoration: none;
            vertical-align: baseline;
        }
.product-price .old-price {
    color: #440057;
    font-size: 15px;
    text-decoration: line-through;
}
.product-content-inner {
    overflow: hidden;
    padding: 15px 10px 20px;
    text-align: center;
    min-height: 155px;
}
.product-details .product-price {
    padding: 0px 0px 2px;
}

/**hover**/

.product-img {
    position: relative;
}
.product-img {
    position: relative;
    overflow: hidden;
    border-radius: 0px;
} 
.featured-products .product-content {
    border-top: 1px solid #fff;
}
.hover-box {
    height: 65px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    display: none;
}

.hover-box:hover {
 
    display: initial;
}

.product-details:hover .hover-box {
    display: block;
}
.hover-box > .position {
    display: inline-block;
    margin-top: 4px;
    position: relative;
}
.button-line {
    background-color: #171717;
    display: block;
    height: 22px;
    margin: 0 auto;
    text-align: center;
    width: 1px;
    position: relative;
}

.featured-products .product-details,.new-products-2 .product-details,.new-products3 .product-details{
    /*background-color: #f6f6f6;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    margin: 0 !important;*/
}

/*-------- buttons ------*/
.hover-box .btn-button.button-compare,.hover-box .btn-button.button-wishlist {
    background-color: #171717;
    border-radius: 100%;
    font-size: 14px;
    height: 35px;
    padding:0;
    width: 35px;
}
.hover-box .btn.btn-button.cart-button {
    background-color: #f056c4;
    bottom: -7px;
    /*font-family: roboto;*/
    font-size: 18px;
    height: 46px;
    left: -12px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: -12px;
    text-transform: capitalize;
    width: 100%;
  
    z-index: 12;
  
   
}

.button-line::before {
    content: "";
    font-family: fontawesome;
    font-size: 8px;
    left: -3px;
    position: absolute;
    top: -5px;
}
/*** .button-line::after {
    bottom: -8px;
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 8px;
    left: -3px;
    position: absolute;
    z-index: 12;
    
} *///

.hover-box .comtare-box {
    margin-left: 4px;
}
.hover-box .btn-button:hover {
    background-color: #71c0ef;
}
.hover-box .position:hover .button-line, .hover-box .btn.btn-button.cart-button:hover, .hover-box .cart-box:hover .button-line2 {
    background-color: #71c0ef;
}
    .hover-box .position:hover .button-line::before, .hover-box .cart-box:hover .button-line2::before {
        color: #71c0ef
    }
.hover-box .btn-button.cart-button .fa-shopping-cart {
    margin: 0 3px;
}
.button-line2 {
    background-color: #171717;
    display:none;
    display: block;
    height: 22px;
    margin: 0 auto;
    position: relative;
    width: 1px;
}
.hover-box .cart-box {
    bottom: 7px;
    left: 0;
    position: absolute;
    right: 0;
}
.hover-box .button-line2::after {
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 8px;
    left: -3px;
    position: absolute;
    top: -9px;
    z-index: 1;
}
.button-line2::before {
    bottom: -8px;
    content: "";
    font-family: fontawesome;
    font-size: 8px;
    left: -3px;
    position: absolute;
}

/*-------- / buttons ------*/

/***slider arow icon ***/
.owl-prev:before,.owl-next:before{
    font-family: "fontawesome";
    content: "\f101";
    font-size: 14px;
}

.owl-nav {
    width: 100%;
}
.owl-prev {
    border-radius:5px;
}
.owl-next {
    border-radius:5px;
}
.owl-prev, .owl-next {
    background-color: #f056c4;
    color: #fff;
    font-size: 0;
    height: 36px;
    padding: 7px 12px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -37px;
    transition: all 0.4s ease 0s;
    width: 36px;
}
    .owl-prev:hover, .owl-next:hover {
        background-color: #440057
    }
.owl-prev{
    transform: rotate(180deg);
    right: 40px;
}
.our-products .owl-prev,.product-container .owl-prev,.latest-blog-container .owl-prev {
    border-radius: 0 0 5px 5px;
}
.our-products .owl-next ,.product-container .owl-next,.latest-blog-container .owl-next  {
    border-radius:5px 5px 0 0;
}

.featured-products .product-content-inner, .new-products-2 .product-content-inner, .new-products3 .product-content-inner, .featured-products3 .product-content-inner {
    padding: 7px 10px 0px;
}


/*--featured---*/
.style-3 .featured-products3 .product-img {
    background-color: #fff;
}
.style-3 .featured-products3 .product-media {
    overflow: hidden;
    padding: 10px;
    position: relative;
}
.style-3 .featured3-banner {
    background-color: #f4f4f5;
    overflow: hidden;
    position: relative;
}
.featured3-banner > img {
    bottom: 0;
    position: absolute;
    right: 0;
    width: auto;
}
.style-3 .featured3-banner .promo-add-list > li > a > span,.style-3 .featured3-banner .promo-add-list a:hover  {
    color: #ffbc51;
    margin-right: 19px;
}
.style-3 .featured3-banner .promo-add-list {
    top: 26px;
}

.style-3 .featured3-banner > h2 {
    bottom: 84px;
    left: auto;
    margin: 0 auto;
    position: absolute;
    right: auto;
    text-align: center;
    width: 100%;
}
.featured3-banner .btn-button {
    bottom: 21px;
    left: 80px;
    position: absolute;
}


/*--------------- item 3 -------*/
.style-3 .featured3-banner .banner-content > h2 {
    font-size: 28px;
}
.style-3 .featured3-banner h4 {
    font-size: 23px;
    margin: 12px 0;
    text-transform: capitalize;
}
.style-3 .featured3-banner .banner-content > h3 {
    color: #333;
    font-size: 25px;
    text-transform: uppercase;
}

.style-3 .featured3-banner .button {
    bottom: 68px;
    position: absolute;
}
.featured3-banner .banner-content {
    margin-top: 30px;
    min-height: 352px;
}
.style-3 .featured3-banner .btn-button.blue-bg {
    bottom: 75px;
}
.featured3-banner.item2 .btn-button {
    left: 63px;
}
/*--featured---*/
.latest-blog-inner{
    position: relative;
}
.p-style-2 .product-details,.featured-products3 .product-details{
    background-color: #f6f6f6;
    border-top: 2px solid #fff;  
}
.p-style-2 .product-details .product-content-inner {
    padding: 15px 10px 15px;
}
/*----- / style-3-------*/

/********************* NEWS LATTER ****************************/

.newsletter-box {
    background-color: #171717;
    margin-top: 60px;
    padding: 43px 0;
}
.newsletter > h2 {
    color: #999999;
    font-family: roboto;
    font-size: 35px;
    font-weight: 900;
    padding-bottom: 25px;
}
.newsletter input {
    background-color: transparent;
    border: 1px solid #333333;
    border-radius: 0;
    height: 42px;
}
.form-control.newslatter-input:focus {
    border-color: #333;
}
.newsletter > p {
    color: #999;
    margin: 10px 0;
}
/**newslatter**/

.submit-btn {
    border-radius: 0;
}
.newsletter button span.fa-paper-plane {
    margin-right: 10px;
}
.newsletter .submit-btn {
    background-color: transparent;
    color: #fff;
    font-weight: 500;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    border-left-color: #333;
}
.newsletter .submit-btn:hover{
    background-color: #24a5c1;
}
.newsletter {
    position: relative;
}
.newsletter .form-group {
    margin-bottom: 0;
}
/**social**/
.newsletter .footer-social-icon {
    padding-top: 25px;
    text-align: center;
}
.newsletter .footer-social-icon li {
    display: inline-block;
    margin-left: 0;
    margin-right: 7px;
}
.newsletter .footer-social-icon ul > li > a:hover {
    background-color: #24a5c1;
    border-color: #24a5c1;
    color: #fff;
    transform: rotate(360deg);
    -webkit-transition:  all 1.5s ease 0s;
    -moz-transition:  all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}
.newsletter .footer-social-icon ul > li > a {
    background-color: transparent;
    border: 1px solid #333;
    border-radius: 1px;
    color: #333;
    display: block;
    font-size: 18px;
    height: 40px;
    padding: 6px 12px;
    text-align: center;
    width: 40px;

    -webkit-transition:  all 3s ease 0s;
    -moz-transition:  all 3s ease 0s;
    -ms-transition: all 3s ease 0s;
    -o-transition: all 3s ease 0s;
    transition: all 3s ease 0s;
}



/* contact box */

.newsletter-box .contact-box > h2 {
    color: #999;
    font-family: roboto;
    font-size: 35px;
    font-weight: bold;
}
.newsletter-box .contact-box span.fa-tty {
    color: #fff;
    margin-right: 10px;
}
.newsletter-box .contact-box > h4 {
    color: #fff;
    font-family: roboto;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 0 20px;
}
.newsletter-box .contact-box h4 span {
    color: #f056c4;
}
.newsletter-box .contact-box > p {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 20px;
}
.newsletter-box .contact-box > ul > li {
    color: #999;
    line-height: 26px;
}
.newsletter-box .contact-box > ul > li span {
    color: #f056c4;
    text-decoration: underline;
}
.newsletter-box .contact-box > ul > li .fa-dot-circle-o {
    color: #f056c4;
    margin-right: 10px;
}
/*************************   ALL LEFT CATEGORY CODE *******************************/
/**title**/

.vmmenu-title > span {
    margin-left: 10px;
    text-transform: capitalize;
}
.style-3 .vmmenu-title {
    height: 54px;
    padding: 15px;
}
.vmmenu-title {
    font-size: 18px;
    font-weight: bold;
    height: 45px;
    padding: 10px 15px;
}
/**category**/
.sf-vartical-menu>li{
    display:block;
    position: relative;
    margin-right: 0;
}
.sf-vartical-menu>li >a{
    float: none;
    color: #414141;
}
.sf-vartical-menu>li >a >.fa{
    padding-right: 7px;
}
ul.sf-vartical-menu>li > a {
    padding: 10px 20px 9px;
}
ul.sf-vartical-menu>li:hover {
    background: transparent;

}
ul.sf-vartical-menu>li:hover >a{
    color:#ff623f;
}
ul.sf-vartical-menu > li > ul, ul.sf-vartical-menu > li > ul>li>ul {
    left: 100%;
    top: 0;
    -moz-box-shadow: 0 2px 5px  #e9eaea;
    -webkit-box-shadow: 0 2px 5px  #e9eaea;
    -o-box-shadow: 0 2px 5px  #e9eaea;
    box-shadow: 0 2px 5px #e9eaea;
    position: absolute;
    display: none;
    background-color: #fff;
    padding: 15px;
    min-width: 150px;
    z-index:999999;
}
ul.sf-vartical-menu > li>ul>li,ul.sf-vartical-menu > li>ul>li>ul>li {
    padding: 8px 0;
    position: relative;
}
ul.sf-vartical-menu > li>ul>li,.sf-vartical-menu > li>ul>li>ul>li>a{
    color: #414141;
    display: block;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
}
.category-list-inner ul .lable1:hover .child,.child .lable1:hover .child1{display: block;z-index: 1;}

.van_inner .more {color: #fff;}
.more {color: #fff; padding: 12px 18px;}

.style-3 .more { padding:12px 18px;}

.more a > span {margin-left: 8px;}
/*-----style-2 -----*/
.nav_vmmenu-area {
    background-color: #f6f6f6;
}
.style-2 #sf-menu {
    text-align: left;
}
.vmmenu-title {
    border-bottom: 2px solid #f056c4;
    color: #171717;
}
/***style-3***/
.style-3 .category-list .category-list-inner ul li a {
    font-size: 14px;
    text-transform: capitalize;
    color: #999999;
}
.left-column  h2.product-hadding {
    font-size: 18px;
}
/************************** TODAY DEL PRODUCTS  ***************/
/*---------Home page-1 -----------*/
.todeaydeals {
  background-color: #f6f6f6;
}
.todeaydeals .todeay-slide {
  background-color: #fff;
}
.today-title {
font-family: Chewy;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
text-align: center;
}
.today-title > span {
  border-bottom: 4px solid #fff;
  border-radius: 2px;
}

.today-title {
    font-family: Chewy;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
.today-title > span {
    border-bottom: 4px solid #fff;
    border-radius: 6px;
    padding-bottom: 5px;
    position: relative;
}
.todeaydeals {
    background-color: #f6f6f6;
}
.today-title > span::before {
    background-color: #f056c4;
    border-radius: 4px 0 0 5px;
    bottom: -4px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 50%;
}



.todeaydeals .owl-next {
    background-color: transparent;
    border: 1px solid #f056c4;
    color: #f056c4;
    padding: 7px;
    right: 0;
    top: 50%;
}
.todeaydeals .owl-prev {
    background-color: transparent;
    border: 1px solid #f056c4;
    color: #f056c4;
    left: 0;
    top: 50%;
}
.todeaydeals .product-price .old-price {
  color: #999;
  font-size: 28px;
  font-weight: bold;
  text-decoration: line-through;
}
.todeaydeals .new-price {
  color: #f056c4;
  font-size: 28px;
  font-weight: bold;
}
.todeaydeals .product-details > h2 {
  font-family: roboto;
  font-size: 20px;
  font-weight:700;
  text-transform: capitalize;
}


.todeaydeals .product-details > p {
    line-height: 24px;
}
.todeaydeals .product-details li {
    line-height: 22px;
}
.todeaydeals .product-details ul > li > i {
    color: #f056c4;
    margin: 0 20px 0 0;
}
.todeaydeals .product-details > ul {
    margin-top: 10px;
}
.todeaydeals .todeaydeals-box {
  padding: 30px 0 0;
}
.todeaydeals .product-details {
  margin-top: 15px;
}
/*--------- / Home page-1 -----------*/
.today-inner .arow-right, .today-inner .arow-left {
  font-size: 12px;
  height: 25px;
  line-height: 1;
  padding: 4px 7px;
  width: 25px;
}
.today-inner  .arow-left {
  padding:4px 4px;
}

/**product**/
.today-inner .product-con-left {
    float: none;
}
.today-inner .new-price {
    margin-left: 0;
    margin-right: 7px;
       display: inline-block;
}
.today-inner .old-price {
    float: none;
}
.today-inner .product-price {
  margin-bottom: 7px;
  margin-top: 7px;
}

.timer-inner{
    position: relative;
}

.timer-inner .countdown-section {
    float: left;
    margin: 3px;
    text-align: center;
    
}
.timer-banner-box .countdown-amount {
    border: 2px solid #fff;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 12px;
    padding: 24px;
}
.timer-inner .countdown-period {
    color: #333;
    text-transform: capitalize;
    display: block;
}

.timer-inner {
  color: #333;
  font-weight: 300;
  text-transform: capitalize;
}


/**left-categroy-banner***/
.left-cat-banner-inner {
  background-color: #ebebeb;
  position: relative;
  text-align: center;
   height: 104px;
}
.after-before-line-top::before {
  background-color: #ff623f;
  content: "";
  height: 5px;
  left: 15px;
  position: absolute;
  top: 10px;
  width: 30px;
}
.after-before-line-top::after {
  background-color: #ff623f;
  content: "";
  height: 34px;
  left:10px;
  position: absolute;
  top: 10px;
  width: 5px;
}

.banner-hadding {
    display: block;
    overflow: hidden;
}
.banner-hadding > span {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-top: 12px;
    overflow: hidden;
    text-transform: capitalize;
}
.text-content > span {
  color: #ff623f;
  font-size: 15px;
  font-weight: bold;
}
.left-banner-offers {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.after-before-line-buttom::after {
  background-color: #171717;
  bottom: 10px;
  content: "";
  height: 34px;
  position: absolute;
  right: 10px;
  width: 5px;
}
.after-before-line-buttom::before {
background-color: #171717;
bottom: 10px;
content: "";
height: 5px;
position: absolute;
right: 10px;
width: 34px;
}



/*---------style-3----------*/
.style-3 .todysdeals .product-media {
  padding: 10px;
}
.style-3 .todysdeals .product-img {
  background-color: #fff;
}
.today-deals-produt .product-top-ber {
  background-color: #f056c4;
  padding: 7px;
}
.today-deals-produt .owl-prev, .today-deals-produt .owl-next {
background-color: #fff;
color: #f056c4;
margin-right: 10px;
top: -46px;
}
.today-deals-produt .owl-prev:hover,.today-deals-produt .owl-next:hover{background-color:#24a5c1;color:#fff}
 .product-content-inner {
  padding: 7px 6px 0px;
}
/*--------- / style-3----------*/
/*-------product list---------*/

.product-list .todaydeals3 .owl-next {
  right: 0;
}
.product-list .todaydeals3 .product-img img {
  background-color: #fff;
}
.product-list .todaydeals3 .product-img {
  padding: 10px;
}
/*-------/product list---------*/

/***********************************   CAT BANNER  **********************/
/**category banner**/
.add-banner-img > img {
  width: 100%;
}
.add-banner-link {
    bottom:42px;
    position: absolute;
    right: 50px;
}
.add-banner-img {
    position: relative;
}
.add-banner-link a.btn-button {
  padding: 9px 19px;
}
.add-banner-link.link1 {
  bottom: 42px;
  left: 50px;
  position: absolute;
}
.add-banner-link span {
  margin-left: 5px;
}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

.add-banner-img:before {
  content: '';
  position: absolute;
  border: #5ec1eb solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
   z-index: 10;
}
.add-banner-img:hover:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}
/***style-2***/
.add-banner-box{position: relative}
.style-2 .add-banner-link {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  margin: 20px;
  right: 0;
  text-align: center;
  top: 0;
   position: absolute;
  -webkit-transition:  all 0.4s ease 0s;
-moz-transition:  all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
z-index: 11;
}
.style-2 .add-banner-box:hover .add-banner-link {
    margin: 0;
    -webkit-transition:  all 0.4s ease 0s;
-moz-transition:  all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
padding: 20px;
}

.style-2 .add-banner-img::before {
  border: 4px solid #000;
}

.style-2 .add-banner-text-box {
    padding-top: 15px;
}
.style-2 .add-banner-link h1 {
    color: #fff;
    font-family: raleway;
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
       letter-spacing: -2.5px;
}
.style-2 .add-banner-link h1 span {
    color: #ff623f;
}
.style-2 .add-banner-link p {
  color: #ffffff;
  line-height: 24px;
}

/***populer tag***/

.popular-tag-content li {
    background-color: #171717;
    display: inline;
    line-height: 49px;
    padding: 10px 14px;
}
.popular-tag-content li:hover {
    background-color: #ff623f;
}
.popular-tag-content a {
    color: #fff;
    text-transform: capitalize;
}
/****add banner2****/
.add-banner-2 > img {
    width: 100%;
     -webkit-transform:  scale(1);
	transform:scale(1);
         transition: all .5s ease 0s;
     -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
}

.add-banner-2:hover > img{
	-webkit-transform: scale(1.2);
	transform:scale(1.2);
	 transition: all .5s ease 0s;
     -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
}
.add-banner-2 {
    position: relative;
    overflow: hidden;
    
}
.add-banner2-contetn {
    background-color:rgba(0, 0, 0, 0.4);
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.add-banner2-contetn > h1 {
color: #fff;
font-size: 41px;
font-weight: 400;
letter-spacing: 0.4em;
margin-bottom: 65px;
margin-top: 48px;
text-transform: uppercase;
}
.add-banner2-price {
background-color: #ff623f;
border-radius: 100%;
bottom: 0;
color: #fff;
float: left;
font-size: 36px;
font-weight: bold;
height: 118px;
letter-spacing: -0.1em;
padding: 35px 3px;
position: absolute;
width: 118px;
  opacity: 0.9;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.add-banner-2:hover .add-banner2-price{
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

.style-2 a.read-more {
  border: 2px solid #fff;
  color: #fff;
  padding: 10px 16px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
/********************************  TAB PRODUCTS **********************/
/***tab menu***/
.our-product-area {
    position: relative;
}
ul.tab-menu {
border-bottom: none;
position: absolute;
right: 90px;
text-align: right;
top: 15px;
}
ul.tab-menu > li {
    display: inline-block;
}

 ul.tab-menu {
    border-bottom: medium none;
}
    ul.tab-menu > li > a {
        border: medium none;
        color: #f056c4;
    }
    ul.tab-menu > li > a {
        background-color: #f056c4;
        color: white;
        border: 1px solid #fcd2d4;
        border-bottom: 1px solid #f056c4;
        border-radius: 5px 5px 0 0;
        margin: 0 5px 0 0;
        padding: 7px 23px !important;
        font-weight: 100;
    }
 ul.tab-menu > li:last-child {
    margin-right: 0;
}
    ul.tab-menu > li {
        color: #fff;
        
    }


    ul.tab-menu > li.active > a, ul.tab-menu > li.active > a:hover, ul.tab-menu > li.active > a:focus, ul.tab-menu > li.active > a:active, ul.tab-menu > li:hover > a {
        background-color: #71c0ef !important;
        border: 1px solid #71c0ef;
        border-bottom: 1px solid #71c0ef;
        color: #ffffff;
        font-weight: 100;
        outline: none;
    }
.item .product-details {
   /* margin-top: 10px;*/
    padding-top: 10px;
   }
.product-content {
    /*border-top: 2px solid #fcd2d4;*/
}
.tab-contents .active .owl-carousel.owl-loaded{display: block;opacity: 1}
.tab-contents .owl-carousel.owl-loaded{display: none;opacity: 0}







/**style-3****/


.product-tab-title {
  border-bottom: 2px solid #2f2f2f;
  color: #999;

  font-size: 22px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 10px;
  position: relative;
  text-align: center;

}
.style-3.product-tab {
    background-color: #171717;
    padding: 30px 0 0;
}
.product-tab-title > span {
    text-transform: capitalize;
  display: inline-block;
  overflow: hidden;
  padding: 7px 10px;
  text-transform: capitalize;

}
.product-tab-title .tab-left-line{
  background-color: #999;
  content: "";
  height: 2px;
   display: inline-block;
  width: 200px;
}
.tab-style-2 .nav.nav-tabs > li {
  display: inline-block;
  float: none;
  margin:0 -6px 0 0;
  text-align: center;
}
.tab-style-2 .nav.nav-tabs {
  border-bottom:none;
   text-align: center;
}
.tab-style-2 .nav-tabs > li > a {
  background: transparent;
  border:transparent;
  border-radius: 0;
  padding:45px 50px 30px;
    color: #999;
}
.tab-style-2 ul > li > a > span {
  display: block;
  text-align: center;
   padding-bottom: 13px;
}
.tab-style-2 .nav-tabs > li:hover > a,.tab-style-2 .nav-tabs > li:focus > a,.tab-style-2 .nav-tabs > li.active> a{
    background: #ff623f;
    border: transparent;
    outline: none;
     color: #fff;
}
 .style-tab-3 .owl-next, .style-tab-3 .owl-prev {
  top: -70px;
}
.style-tab-3 .owl-prev {
    left: 0;
}
.style-3 .all-product-3 .item .product-details {
  margin-top: 0px;
}
.style-3 .gift-box {
background-color: #f056c4;
overflow: hidden;
padding: 35px;
position: relative;
z-index: 1;
margin-top: -1px;
}

.style-3 .gift-box h2 {
    font-size: 28px;
    letter-spacing: 0.3em;
    text-align: right;
}
.style-3 .gift-box > h3 {
    color: #bcf3ff;
    font-size: 28px;
    text-align: right;
}
.style-3 .gift-box > p {
color: #fff;
text-align: right;
}


.style-3 .gift-box::after {
    color: #a1e6f5;
    content: "\f06b";
    font-family: fontawesome;
    font-size: 122px;
    left: 0;
    position: absolute;
    top: -35px;
    transform: rotate(55deg);
    z-index: -1;
}


.style-3 .gift-box-line::after {
    background-color: #a1e6f5;
    border-radius: 5px;
    bottom: 11px;
    content: "";
    height: 178px;
    position: absolute;
    right: 16px;
    width: 7px;
}
.gift-box-line::before {
    background-color: #a1e6f5;
    border-radius: 5px;
    bottom: 11px;
    content: "";
    height: 7px;
    position: absolute;
    width: 206px;
}

.gift-box .price > span {
    color: #24a5c1;
    font-size: 28px;
}
.gift-box .price {
    margin-bottom: -8px;
    margin-top: 5px;
}
.gift-box .price > a {
    color: #24a5c1;
    margin: 10px 3px;
}
.gift-box .price a span.fa-angle-double-right {
    margin: 6px;
}

.gift-line {
    position: relative;
}
.gift-line::after {
    background-color: #fff;
    content: "";
    height: 1px;
    left: -17px;
    position: absolute;
    top: -43px;
    transform: rotate(-48deg);
    width: 154px;
}
.gift-line::before {
    background-color: #fff;
    content: "";
    height: 1px;
    left: -15px;
    position: absolute;
    top: -41px;
    transform: rotate(-48deg);
}
 /********************************** FREESHIPPING ***************************/
 
.shipping-item {
border: 3px solid #fff;
margin:28px 0;
position: relative;
}
.shipping-item:hover {
    border: 3px solid #f056c4;
    -webkit-transition:  all 0.4s ease 0s;
-moz-transition:  all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.free-shipping {
    background-color: #f6f6f6;
    padding: 1px 15px;
}
.shipping-item:hover .item span.fa{
    color:#f056c4;
-webkit-transition:  all 0.4s ease 0s;
-moz-transition:  all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.free-shipping .shipping-item span.fa {
    color: #fff;
    font-size: 96px;
    padding: 3px 0;

    z-index: 1;
}
.home-delibery .fa-truck {
     transform: rotate(45deg); 
}
.free-Returns span.fa-refresh {
  margin-left: 11px;
  transform: rotate(50deg);
}
.shipping-item h3 {
    font-family: roboto;
    font-size: 17px;
    font-weight:700;
    left: 32px;
    position: absolute;
    text-transform: capitalize;
    top: 26px;
    z-index: 2;
}
.shipping-item p {
    bottom: 14px;
    font-size: 14px;
    left: 32px;
    position: absolute;
    z-index: 2;
    font-weight: 700px;
}
/*-----banner-----*/
.shipping-banner > img {
  border: 15px solid #5c5c5c;
  width: 100%;
}
/*---testimonial---*/
.testimonial {
  background-image: url("../image/testimonial-bg.png");
  background-size: cover;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
.testimonial-img > img {
  border-radius: 100%;
width: 100%;
}
.testimonial-img {
height: 73px;
margin: 13px auto 0;
width: 73px;
}

.testimonial-top-bar h3 {
font-size: 22px;
margin-top: 10px;
}
.time-and-date {
    font-size: 15px;
    font-weight: bold;
}
.testimonial-top-bar {
padding: 10px;
position: relative;
width: 100%;
}

.testimonial-line {
    position: relative;
}
.testimonial-line::after {
    background-color:#ff623f;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
}
.testimonial-line::before {
    background-color: #ff623f;
    content: "";
    height: 35px;
    left: 0;
    position: absolute;
    width: 5px;
}

.testimonial-line {
    position: relative;
}
.testimonial-line::after {
    background-color: #ff623f;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
}
.testimonial-line::before {
    background-color:#ff623f;
    content: "";
    height: 35px;
    left: 0;
    position: absolute;
    width: 5px;
}
.testimonial-line2::after {
    background-color: #fff;
    content: "";
    height: 5px;
    position: absolute;
    right: 10px;
    width: 35px;
}
.testimonial-line2::before {
    background-color: #fff;
    bottom: 5px;
    content: "";
    height: 35px;
    position: absolute;
    right: 10px;
    width: 5px;
}

.testimonial .text-content > h3 {
    font-family: roboto;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 11px;
    margin-top: 10px;
    text-transform: uppercase;
}
.testimonial .text-content > p {
margin: 0 auto;
padding: 13px 37px 30px;
position: relative;
text-align: left;
width: 100%;
}
.testimonial .text-content > p::before {
    content: "\f10d";
    font-family: fontawesome;
    font-size: 25px;
    left: 12px;
    position: absolute;
    top: -10px;
}
.testimonial .text-content > p::after {
    content: "\f10e";
    font-family: fontawesome;
    font-size: 25px;
    position: absolute;
    right: 38px;
}
.testimonial .owl-dot.active {
    background-color:#24a5c1;
    height: 5px;
    left: 35%;
    position: absolute;
    width: 35px;
}
.testimonial .owl-dot {
    background-color:#f056c4;
    bottom: 23px;
    height: 5px;
    left: 52%;
    position: absolute;
    width: 35px;
}
.testimonial .text-content {
padding-bottom: 35px;
padding-top: 3px;
}
.testimonial .owl-dot:hover {
    background-color: #24a5c1;
}
/*--- / testimonial---*/

/******************************************* BRAND LOGO ***************************************/
.brand-logo-box .item {
    float: left;

}
.brand-logo-box {
padding-left: 70px;
padding-right: 70px;
}


/**arow icon***/
.brand-logo-box .owl-next,.brand-logo-box .owl-prev{
background: transparent none repeat scroll 0 0;
border: 1px solid #f056c4;
color: #f056c4;
padding: 6px 7px;
}
.brand-logo-box .owl-next:hover,.brand-logo-box .owl-prev:hover{background-color:#24a5c1;color:#fff;border-color:#24a5c1}
.brand-logo-box .owl-next {
right: 0;
text-align: center;
top: 40px;
}
.brand-logo-box .owl-prev {
left: 0;
top: 41px;
}
/************************** ARRROW ICON *******************************/
/**category menu icon**/
.sf-vartical-menu>li.parrent >a::after,.sf-vartical-menu>li>ul>li.parrent>a::after ,.sf-vartical-menu>li>ul>li>ul>li.parrent>a::after{
  content: "\f101";
  float: right;
  font-family: fontawesome;
}
/******************************************  MINI PRODUCTS **********************/
/**best sale**/
.mini-product-area .product-content {
  border-top: medium none transparent;
}
.best-sale-produt .product-hadding,.top-rate-produt .product-hadding,.special-produt .product-hadding {
  padding: 5px 0;
}
.mini-product-area h2.product-hadding {
background-color: #f056c4;
border-radius: 2px;
font-size: 18px;
}
.mini-product-area .best-sale-produt,.mini-product-area .top-rate-produt,.mini-product-area .special-produt {
background-color: #f6f6f6;
border: 1px solid #f056c4;
}
.mini-product-area .product-name > a {
  font-weight: bold;
}

.mini-product-area .product-item-inner {
  padding-bottom: 30px;
}
.category-details .category-img {
float: left;
margin-right: 20px;
}
.category-img img{width: 100%}
.category-details .product-content {
white-space: nowrap;
text-overflow: ellipsis;
}
.mini-product-area .product-content-inner {
  text-align: left;
    margin-top: 0;
padding: 0;
}
.mini-product-area .category-details .product-price {
  display: block;
  margin-top: 4px;
  overflow: hidden;
}
.category-details .new-price {
    float: left;
}
.category-details .old-price {
    float: left;
    margin-left: 6px;
    margin-top: 0;
}
.category-details {
margin-top: 30px;
overflow: hidden;
padding: 0 18px;
}

/* button */

.mini-product-area .btn-button.add-to-cart {
    background-color: #f056c4;
    border-radius: 5px;
    font-family: roboto;
    font-size: 14px;
    font-weight: normal;
    height: 29px;
    padding: 0;
    text-transform: capitalize;
    width: 112px;
    -webkit-transition:  all 0.4s ease 0s;
-moz-transition:  all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.mini-product-area .product-con-left > p {
  margin-bottom: 5px;
}
.mini-product-area .btn-button.add-to-cart:hover{
background-color:#24a5c1;
-webkit-transition:  all 0.4s ease 0s;
-moz-transition:  all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.mini-product-area button.btn-button.add-to-cart .fa-shopping-cart {
  margin-right: 10px;
}
/* / button */


/* arrow icon */
.mini-product-area .owl-prev,.mini-product-area .owl-next{
top: -44px;
}
.mini-product-area .owl-prev {
background-color: #fff;
color: #f056c4;
height: 35px;
padding:5px 4px;
right: 65px;
width: 35px;
}
 .mini-product-area .owl-next, .left-column  .owl-next{
background-color: #fff;
color: #f056c4;
height: 35px;
padding:8px 0;
width: 35px;
right: 20px;
}
.mini-product-area .owl-next:hover,.mini-product-area .owl-prev:hover {
  background-color:#24a5c1;
color: #fff;
}
 .mini-product-area  .owl-prev::before,  .mini-product-area  .owl-next::before ,.left-column .owl-prev::before,.left-column .owl-next::before {
  font-size: 14px;
}

/***style-3***/
.product-banner > img {
  width: 100%;
}
.banner-bottom-content .btn-button {
border-radius: 43px;
color: #fff;
padding: 9px 30px;
}

.product-banner {
position: relative;
text-align: center;
}
.banner-bottom-content {
padding: 20px 24px;
position: absolute;
top: 55px;
}
.banner-bottom-content > h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 900;
    text-transform: capitalize;
}
.banner-bottom-content span {
    color: #ff623f;
}
.banner-bottom-content > p {
    color: #fff;
    line-height: 24px;
}
.banner-bottom-content > h2 {
color: #fff;
font-size: 26px;
font-weight: 900;
letter-spacing: 0.1em;
margin-bottom: 25px;
text-transform: capitalize;
}


/*** after before***/

.product-banner-after-left::after {
    background-color: #c0c0c0;
    content: "";
    height: 240px;
    left: 17px;
    position: absolute;
    width: 6px;
    top: 0;
}
.banner-bottom-content .btn-button:hover {
  background-color: #fff;
  color: #171717;
}
.product-banner-after-left::before {
background-color:#c0c0c0;
bottom: 38px;
content: "";
height: 6px;
left: 17px;
position: absolute;
width: 105px;
}
.product-banner-after-right::after {
  background-color:#c0c0c0;
  content: "";
  height: 6px;
  position: absolute;
  right: 22px;
  top: 0;
  width: 120px;
}
.product-banner-after-right::before {
  background-color: #c0c0c0;
  bottom: 37px;
  content: "";
  height: 240px;
  position: absolute;
  right: 22px;
  width: 6px;
}
/* banner animation */
 .product-banner-after-lefthover::before {
  background-color: #ff623f;
  bottom: 38px;
  content: "";
  height: 6px;
  left: 17px;
  position: absolute;
  width: 0px;
  z-index: 2;
   transition: all .5s ease 0s;
     -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
}
.product-banner:hover .product-banner-after-lefthover::before {
 width: 105px;
 	 transition: all .5s ease 0s;
     -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
}
.product-banner-after-lefthover::after {
    background-color: #ff623f;
    content: "";
    height:0px;
    left: 17px;
    position: absolute;
    top: 0;
    width: 6px;
    z-index: 2;
    	 transition: all .5s ease 0s;
     -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
}
.product-banner:hover .product-banner-after-lefthover::after {
   
    height: 240px;
    	 transition: all .5s ease 0s;
     -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
}
.product-banner-after-righthover::before {
  background-color: #ff623f;
  bottom: 37px;
  content: "";
  height: 0px;
  position: absolute;
  right: 22px;
  width: 6px;
  z-index: 2;
  	 transition: all .5s ease 0s;
     -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
}
.product-banner:hover .product-banner-after-righthover::before {
      height: 240px;
      	 transition: all .5s ease 0s;
     -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
}
.product-banner-after-righthover::after {
  background-color: #ff623f;
  content: "";
  height: 6px;
  position: absolute;
  right: 22px;
  top: 0;
  width:0px;
  z-index: 2;
  	 transition: all .5s ease 0s;
     -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
}
.product-banner:hover .product-banner-after-righthover::after {
      width: 120px;
       transition: all .5s ease 0s;
     -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
}
/***************** LATEST TWITTER  *************************/
.twitter-widget {
  background-color: #eee;
  padding: 45px 0;
}
.latest-twite h2 span {
    border-bottom: 4px solid #fff;
    font-size: 18px;
    position: relative;
}
.latest-twite h2 span::after {
    background-color: #f056c4;
    border-radius: 4px;
    bottom: -4px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 50%;
}
.twitter-left {
float: left;
padding-right: 20px;
}
.twitter-item {
  padding-top: 30px;
}
.latest-twite {
  background-color: #fff;
  padding:16px 20px;
}
.twitter-right > ul > li > a {
  color: #999;
}
.twitter-right > ul > li > a:hover {
  color: #f056c4;
}
.twitter-left span {
    background-color: #f056c4;
    border-radius: 4px;
    color: #fff;
    height: 30px;
    padding: 9px;
    text-align: center;
    width: 30px;
}
.twitter-right {
    overflow: hidden;
}
.twitter-right > h3 {
    font-family: roboto;
    font-size: 15px;
    font-weight: bold;
}
.twitter-right h3 span {
    color: #999;
    font-size: 13px;
    font-weight: normal;
}
.twitter-right > p {
    line-height: 24px;
    margin: 10px 0;
}
.twitter-right > ul > li {
    display: inline;
    margin: 0 30px 0 0;
}
.twitter-right > ul > li > a span {
    margin: 0 10px;
}
/* promo slide */
.promo-slide {
  position: relative;
}
.promo-slide > h2 {
    color: #f056c4;
    font-size: 50px;
    left: 25px;
    position: absolute;
    top: 34px;
}
.promo-slide > h3 {
    bottom: 117px;
    font-size: 25px;
    left: 25px;
    position: absolute;
}
.style-3 .promo-slide > h3 {
  bottom: 273px;
}
.promo-slide .btn-button {
  bottom: 25px;
  left: 25px;
  position: absolute;
}


.promo-slides .owl-next:hover,.promo-slides .owl-prev:hover{background-color:#24a5c1;color: #fff}
.promo-slides .owl-prev {
  left: 15px;
  top: 45%;
background-color:#fff;
    color: #f056c4
}
.promo-slides .owl-next {
  right: 15px;
  top: 45%;
background-color:#fff;
color:#f056c4
}


/*----style-3 -----*/
.style-3 .latest-twite {
background-color: #f6f6f6;
padding:14px 17px;
}
.style-3 .promo-slide > img {
position: absolute;
right: 0;
width: auto !important;
}
.style-3 .promo-slide {
  background-color: #eaf3ff;
  min-height: 500px;
  position: relative;
}



.radius {
  background-image: url("../image/radius.png");
  background-size: cover;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.style-3 .radius {
color: #f056c4;
font-family: Chewy;
font-size: 38px;
font-weight: bold;
height: 140px;
left: 87px;
line-height: 1;
padding: 33px 39px;
position: absolute;
top: 84px;
width: 140px;
}

.style-3 .promo-slide .btn-button {
  bottom: 123px;
  height: auto;
  left: 55px;
  padding: 12px 25px;
  position: absolute;
  width: auto;
}
.style-3 .latest-twite .readmore {
color:#f056c4;
display: block;
text-align: center;
text-decoration:underline;
}
.style-3 .latest-twite .readmore span.fa-angle-double-right {
  margin: 6px;
}
/*---- / style-3 -----*/
/******************************************** BLOG ****************************/
.latest-blog-box .blog-img {
  float: left;
}
.latest-blog-box .blog-content {
background-color: #fff;
bottom: 0;
height: 93%;
position: absolute;
right: 14px;
text-align: left;
width: 55%;
z-index: 999;
}
.latest-blog-area .blog-content-inner {
  left: 58px;
  position: absolute;
  top: 47px;
}
.all-blog-area .latest-blog-box {
  margin-bottom: 60px;
  overflow: hidden;
}
.latest-blog-box .blog-img {
    float: left;
}
.latest-blog-box .post-date {
    color: #f056c4;
    font-size: 30px;
    font-weight: bold;
    padding: 6px 15px;
}
.latest-blog-box .hadding-title a {
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
}
.latest-blog-box .hadding-title a:hover{color:#24a5c1}
.blog-content {text-align: center;}

.post-meta > li {
  color: #999;
  display: inline;
  font-size: 13px;
  font-style: italic;
}
.blog-details .post-meta > li {
  color: #f056c4;
  display: inline;
  font-size: 13px;
  font-style: normal;
}
.post-meta > li span.fa {
  margin: 0 6px;
}
.post-content {
margin: 6px 0;
}
.blog-img img {
  width: 100%;
}
.post-detail p {
font-size: 12px;
line-height: 17px;
padding: 0;
}
.post-meta a {
  margin: 3px;
}

.latest-blog-content a.read-more {
background-color: #f056c4;
border-radius: 4px;
color: #fff;
display: block;
height: 36px;
margin-top: 24px;
padding: 8px;
text-align: center;
width: 100px;
}
a.read-more span {
    margin: 5px;
}
.latest-blog-content a.read-more:hover,.latest-blog-content a.read-more:focus{
background-color: #24a5c1;
color: #fff;
outline: medium none;
}


/*-----all blog-------*/
.all-blog-area .blog-content-inner {
  padding-left:21px;
}
.all-blog-area .latest-blog-box .hadding-title a {
  font-size: 16px;
}
/*----- / all blog-------*/
/**********************************  TESTIMONIAL ************************/

.testi-img {
  height: 67px;
  width: 67px;
  margin: 0 auto;
}
.testmonial-inner{
    background:url("../image/testimonial/testi-bg.png");
border-bottom: 3px solid #ff623f;
    width: 100%;
}
.testi-img > img {
  border-radius: 100%;
  width: 100%;
}

.testi-img > img {
    border-radius: 100%;
    width: 100%;
}
.item-inner {
margin-bottom: 46px;
margin-top: 46px;
text-align: center;
}
.testi-content > p {
line-height: 24px;
margin-bottom: 20px;
margin-top: 30px;
padding: 0 93px;
}
.testi-title {
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.testi-link > a {
color: #fff;
display: block;
font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* arrow */
#testmonial .owl-dots {
    text-align: center;
        padding-bottom: 50px;
}
#testmonial .owl-dots .owl-dot:before{
    content: "\f111";
    font-family: fontawesome;
}
#testmonial .owl-dot {
    display: inline-block;
    text-align: center;
      margin-right: 5px;
      color: #171717;
}
#testmonial .owl-dot.active {
  color:#ff623f;
}

/***************************  PRODUCT DETAILS ************************************/
/***view image***/

.product-img-box .product-view-img {
    border: 1px solid #f6f6f6;
    position: relative;
     margin: 0;
      background-color: #f6f6f6;
}
.product-view-img > img {
    width: 100%;
}
.zoomWrapper > img {
    width: 100%;
}

.product-img-box .icon {
background-color: #f056c4;
border-radius: 3px;
bottom: 20px;
color: #fff;
height: 45px;
padding: 16px;
position: absolute;
right: 20px;
width: 45px;
 z-index: 999;
 outline:none;
 transform: rotate(45deg);
  -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
}
.product-img-box .icon:hover,.product-img-box .icon:focus,.product-img-box .icon:active{background-color: #171717;   text-decoration: none;}
.more-views img {
  border: 1px solid #e8e8e8;
}
.colorbox a:hover,.colorbox a:focus,.colorbox a:active{
    outline: none;
    border: transparent;
    
}
/***mini product***/
.more-views li {
    display: inline;
   margin-left: 0;
    margin-right: 6px;
}
.more-views {
padding: 15px 20px 0;
position: relative;
}
.more-views .owl-prev, .more-views .owl-next {
  border:transparent;
  border-radius: 100%;
  font-size: 0;
  height: 36px;
  padding: 7px 12px;
  position: absolute;
  right: -30px;
  text-align: center;
  top: 35px;
  transition: all 0.4s ease 0s;
  width: 36px;
  background: transparent;
  color: #f056c4;
}
.more-views .owl-prev{
padding:7px 10px;
transform: rotate(180deg);
  left: -30px;
}
.more-views .owl-prev:before{
 font-family:fontawesome;
  content: "\f101";
  font-size: 14px;
}
.more-views .owl-next:before{
     font-family:fontawesome;
  content: "\f101";
  font-size: 14px;
}

/***product content***/
.product-view-img img {
  height: 100% !important;
  width: 100% !important;
}
.product-shop .products-name {
    padding-bottom: 10px;
}
.products-name h1 {
  display: inline-block;
  font-family: raleway;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  text-transform: capitalize;
  color: #f056c4;
}
.product-shop .rating {
  display: inline-block;
}
.product-shop .ratting-box .product-review {
  display:block;
  float:none;
  padding-top: 5px;
}
.product-shop .ratting-box .product-review ul li{
    display: inline-block;
}
.product-shop .product-price .old-price {
  display: inline-block;
   float: none;
    padding-right: 15px;
    font-size: 18px;
}
.product-shop .new-price {
  color:#f056c4;
   display: inline-block;
   font-size: 20px;
}
.product-shop .product-price {
    padding: 15px 0;
}

.list-unstyled > li {
    line-height: 2;
    text-transform: capitalize;
}
.list-unstyled .editable.instock {
  color: #f056c4;
  font-weight: bold;
  text-transform: uppercase;
}
.product-discription-title {
  font-family: Raleway;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}

/** add to cart***/
.product-shop button.btn-button {
font-family: roboto;
font-size: 14px;
text-transform: capitalize;
font-weight: 600;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.product-shop a.btn-button{
    border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:8px 12px;
}

.product-shop button.btn-button .fa-shopping-cart{
    padding-right: 5px;
}
/**qty***/

.add-to-cart .input-text.qty {
border: 1px solid #f056c4;
height: 40px;
margin-left: 10px;
position: relative;
text-align: center;
width: 60px;
}
.add-to-cart .qty-increase {
    background-color: #f056c4;
    border: medium none;
    display: block;
    height:18px;
    width:18px;
}
.add-to-cart .qty-arrows {
border: 1px solid #f056c4;
display: inline;
left: 50px;
position: absolute;
}
.add-to-cart .qty-decrease {
    border: medium none;
    height:19px;
    width:18px;
    background-color: #fff
}
.add-to-cart .input-content {
  display: inline;
  margin-left: 0;
  margin-right: 15px;
  overflow: hidden;
}
.add-to-cart .input-content > label {
  display: inline;
  float: left;
  font-weight: 400;
  margin-top: 10px;
}
.add-to-cart .input-content .box-qty {
  display: inline;
}
.facekoob-url {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}



/**product tab***/
.single-product-tab .nav.nav-tabs {
 background-color: #f056c4;
border: medium none;
}
.single-product-tab .tab-content {
  border: 1px solid #f056c4;
  padding: 20px;
   margin-top:0px;
}
.single-product-tab .nav-tabs > li {
  border:transparent;
}
.single-product-tab .nav > li > a {
border-left-color: transparent;
border-radius: 0;
border-right-color: transparent;
cursor: pointer;
margin-left: 1px;
text-transform: uppercase;
}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
  outline: none;
}

.single-product-description > p {
  color: #333333;
  line-height: 24px;
}

/***best sale product***/
.best-sale-category .category-details .category-img {
  width: auto;
}
.best-sale-category .category-details .product-content-inner {
  margin-top: 0px;
}
.main-container .aside-category-banner-button {
  left: 33px;
}
/***************** TAB ********************/
.single-product-tab .nav-tabs > li.active > a,.single-product-tab .nav-tabs > li.active > a:hover,.single-product-tab .nav-tabs > li.active > a:focus {
	color: #f056c4;
        font-weight: 700;
        background-color: #fff;
        border-top: 1px solid #f056c4;
}
.single-product-tab .nav-tabs > li> a,.single-product-tab .nav-tabs > li > a {
    color: #fff;
    
}
/*******************  shopping cart ******************/
.shopping-cart .product-hadding{
  float: none;
  text-align: center;
   margin-bottom: 30px;
}
.shopping-cart table {
  border: 1px solid #e8e8e8;
  width: 100%;
}
.text-center img {
  background-color: #f6f6f6;
}


/***cart table****/
.data-table {
  width: 100%;
  background: #fff;
     border: 1px solid #f2f2f2;
}

.data-table td,
.data-table th {
  padding: 10px;
  vertical-align: text-top;
}

.data-table th {
  font-weight: normal;
  padding: 15px 10px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
}

.data-table thead th,
.data-table tbody td {
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
}

.data-table tfoot td {
}

.data-table tbody td .item-options {
  margin-left: 20px;
  margin-top: 10px;
}
.data-table tbody td .item-options dt:after {
  content: ':';
}
.data-table tbody tr { border-bottom: 1px solid #f2f2f2;}
/**qnt***/
.qty-area {
  position: absolute;
}
.qty-area .qty-decrease {
  background-color: #fff;
  border: medium none;
  height: 19px;
  width: 18px;
}
.qty-area .input-text.qty {
border: 1px solid #e8e8e8;
height: 40px;
margin-left: 10px;
position: relative;
text-align: center;
width: 60px;
}
.qty-area .qty-increase {
    background-color: #e8e8e8;
    border: medium none;
    display: block;
    height:18px;
    width:18px;
}
.qty-area .qty-arrows {
border: 1px solid #e8e8e8;
display: inline;
left:10px;
position: absolute;
}
.qty-area .qty-decrease {
    border: medium none;
    height:19px;
    width:18px;
    background-color: #fff
}
.qty-area .input-content {
  display: inline;
  margin-left: 0;
  margin-right: 15px;
  overflow: hidden;
}
.qty-area .input-content > label {
  display: inline;
  float: left;
  font-weight: 400;
  margin-top: 10px;
}
.qty-area .input-content .box-qty {
  display: inline;
}
.shopping-cart .input-group-btn > button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  display: block;
   transition: all 0.4s ease 0s;
}
.shopping-cart .input-group-btn > button:hover{
	color:#ff623f;
}
/**button***/
/* .shopping-cart .btn-button{
border-radius: 18px;
font-family: roboto;
font-size: 14px;
padding: 7px 25px;
text-transform: uppercase;
width: auto;
} */
.shopping-cart .btn-button.tomato-bg:hover{background-color:#171717}

.shopping-cart .buttons {
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    overflow: hidden;
    padding: 10px;
}
.float-right {
    float: right;
}
/***estimate****/
.estimate-ship-tax  button.btn-button:hover{
	background-color:#24a5c1;
        color: #fff;
}
.estimate-ship-tax { margin-top: 78px;}
.estimate-title {
  font-size: 16px;
  font-weight: bold;
  text-transform: capitalize;
}
/***end estimate****/
/***discount code***/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #ddd;
  line-height: 1.42857;
  padding: 20px;
  vertical-align: top;
}
.estimate-title-area > p {
  font-family: roboto;
  font-size: 14px;
  font-weight: normal;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width:0px}
/**total***/
.cart-sub-total,.cart-grand-total {
  font-weight: 500;
}
.checkout {
border-radius: 0 !important;
padding:20px 20px!important;
}
.inner-left-md {
    padding-left: 14px;
}
/********************* check out *************************/
.panel-title i{
    display: none;
}

.checkout-box h2 {
    font-size: 15px;
}
.checkout-box h2 span {
    border-bottom: 4px solid #eeeeee;
    position: relative;
}
.checkout-box h2 span::after {
    background-color: #f056c4;
    border-radius: 6px;
    bottom: -4px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 50%;
}

.panel-title a{
    outline: none;
    text-decoration: none;
}
.checkout-area .button-set {
  margin-top: 20px;
}
.checkout-box .select-text{
  padding-top: 30px;
}
.select-register-text {
  font-weight: bold;
  text-transform: capitalize;
}
.checkout-box .radio span {
  margin-left: 10px;
  margin-right: 0;
  text-transform: capitalize;
    color: #f056c4;
  font-weight: bold;
}
.checkout-box ul  li {
  list-style: inside;
}
.checkout-box ul li span {
  text-transform: capitalize;
}
.panel-default > .panel-heading {
background-color: transparent;
border:transparent;
color: #f056c4;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: transparent;
}
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
}
.panel-title > span {
  border-bottom: 1px solid #fff;
   margin-left: 0;
    margin-right: 15px;
}
.accordion-toggle > span {
background-color: #f056c4;
border-radius: 100%;
color: #fff;
display: inline-block;
height: 30px;
margin-left: 0;
margin-right: 15px;
padding: 7px 11px;
width: 30px;
text-align: center;
}
.panel-heading a:hover span,.panel-heading a:focus span {
background-color: #24a5c1;
border-radius: 100%;
color: #fff;
display: inline-block;
height: 30px;
margin-left: 0;
margin-right: 15px;
padding: 7px 11px;
width: 30px;
}
.panel-title {
font-family:Chewy;
 text-transform: uppercase;

}
.panel-default {
  border-color:transparent;
}

.panel-heading a:hover,.panel-heading a:focus{
color: #24a5c1;
}



.panel-heading {
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 15px 15px;
}
.accordion-toggle:hover{
color: #fff;
}
/************************  PRODUCT LIST AND GRID PRODUCTS *******************/

.category-big-banner-box {
background-color: #f6f6f6;
min-height: 270px;
position: relative;
}
.category-big-banner-img > img {
  position: absolute;
  right: 0;
}
.category-big-banner-content {
max-width: 521px;
padding-left: 40px;
padding-top: 38px;
position: absolute;
top: 0;
width: 100%;
}
.category-title {
border-bottom: 1px solid #f056c4;
color: #f056c4;
font-family: chewy;
font-size: 40px;
font-weight: bold;
position: relative;
text-transform: uppercase;
}

.category-big-banner-detials {
    padding: 15px 0;
    line-height: 24px;
}

.category-big-banner-content i {
  margin-left: 0;
  margin-right: 5px;
}

/**short by**/

.shop-sorting ul li {
    display: inline-block;
}
.shop-sorting ul > li > a {
    border: 1px solid #e8e8e8;
    display: block;
    height: 29px;
    padding-top: 3px;
    text-align: center;
    width: 29px;
}
.shop-sorting ul > li > a:hover {
  background-color: #171717;
  color: #fff;
}

.sorter label {
   float: left;
margin-top: 4px;
padding-right: 6px;
    
}
.sorter .inline-float{
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
.catalog-inner{
     background-color: #f6f6f6;
     padding: 15px;
}
.catalog-inner .form-control{
     background-color: #fff;
}


.sorter .view-mode,.sorter .sort-by,.sorter .limiter {
float: left;
margin-left: 0;
margin-right: 15px;
}
.toolbar .view-mode > a {
background-color: #f056c4;
border: 1px solid #f056c4;
color: #fff;
float: left;
height: 30px;
line-height: 2;
margin: 0 2px;
text-align: center;
width: 30px;
}
.view-mode > a:hover ,.view-mode > a.active{
background-color: #24a5c1;
border: 1px solid #24a5c1;
color: #fff;
}

.view-mode {
    margin: 0;
}
.toolbar {
    overflow: hidden;
}
.select.selector1 {
  border: 1px solid #e8e8e8;
  height: 30px;
  padding: 0 6px;
}
.sorter .limiter span {
  color: #999999;
}


/**list view**/
/**product img**/
.products-grid .product-details img {
    width: auto;
    height: 300px;
}

.resimicin {
    text-align:center
}

.resimicin img {
    width: auto !important;
    height: 385px;
}

.view-lists {
    display: none
}
.list-product-content {
margin: 20px 0;
}
.list-product-img > img {
  width: 100%;
}
.list-product-img {
   background-color: #f6f6f6;
}
/**product img**/
.product-lint-name > a {
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
}
.list-product-content .rating {
    float: left;
}
.ratting-box .product-review {
    float: left;
}
.ratting-box .product-review li {
    display: inline;
    margin: 0 5px;
}
.list-product-content .product-price {
    overflow: hidden;
}
.list-product-content .ratting-box {
    margin-bottom: 6px;
    overflow: hidden;
}
.list-product-content .new-price {
    float: left;
}
.list-product-content .old-price {
    float: left;
    margin: 0 5px;
}
.product-discription {
    margin: 20px 0;
}

.border {
border-radius: 6px;
}

.add-to-cart a.btn-button {
height: 44px;
line-height: 2;
margin-left: 0;
margin-right: 10px;
padding: 5px;
width: 44px;
}

.add-to-cart button.btn-button {
height: 44px;
margin-left: 0;
margin-right: 10px;
width: 144px;
}
.add-to-cart button i {
    margin: 0 5px;
}
#products-list .add-to-cart button.btn-button:hover,#products-list .add-to-cart a.btn-button:hover {
     background-color:#24a5c1;
    border-color:#24a5c1;
     color: #fff;
}

/**end list view**/
/**pager**/
.pagination .current > span {
  background-color: #24a5c1 !important;
  border-color: #24a5c1 !important;
  color: #fff;
  overflow: hidden;
} 
.pager.pager-area {
    display: block;
    margin: 0;
    overflow: hidden;
}
.pager.pager-area .amount {
display: none;
float: left;
margin: 0;
overflow: hidden;
text-align: left;
}
.pagination.pages {
    margin: 0;
}
.pager.pager-area .pagination {
    float: right;
    margin: 0;
}
.pager.pager-area li > a, .pager li > span {
background-color: #f056c4;
border: 1px solid #f056c4;
border-radius: 0;
color: #fff;
height: 30px;
margin-left: 10px;
margin-right: 0;
padding: 4px 0;
transition: all 0.4s ease 0s;
width: 30px;
    border-radius: 0px !important;
    /* text-align: center; */
    margin-left: 0px !important;
}
.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
}
    .pager.pager-area li > a:hover, .pager li > span:hover {
        background-color: #24a5c1;
        border-color: #24a5c1;
        color: #fff;
        transition: all 0.4s ease 0s;
        padding: 4px 0;
    }
.pagination > li:first-child > a, .pagination > li:first-child > span {
    background-color: #f056c4;
    border-color: #f056c4;
    border-radius: 0;
    color: #fff;
    border: 1px solid white;
    transition: all 0.4s ease 0s;
    padding: 4px 5px;
}
    .pagination > li:first-child > a:hover, .pagination > li:first-child > span:hover {
        background-color: #71c0ef;
        border-color: #71c0ef;
        border-radius: 0;
        color: #fff;
        border: 1px dashed white;
        transition: all 0.4s ease 0s;
        padding: 4px 5px;
    
    }

/**catalog area**/
/**price**/

.catalog-area {
    overflow: hidden;
}
.catalog-area .product-hadding {
    float: none;
}
/* ui-content slider  */
 #slider-range{
  background-color: #171717;
   border:none;
  background-image: none;
}
.ui-widget.ui-widget-content{
      border:none;
}
.ui-slider-horizontal {
    height: 2px;
}
#slider-range .ui-widget-header {
    background-color: #f056c4;
    background-image: none;
}
#slider-range .ui-slider-handle{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-image: none;
    background-color:#f056c4;
    border: transparent;
    top: -8px;
}
.ui-widget-content .ui-state-default::before {
  background-color: #fff;
  content: "";
  display: block;
  height: 6px;
  margin-left: 6px;
  margin-top: 5px;
  transform: rotate(45deg);
  width: 6px;
}
#amount{
  color: #333;
  cursor: not-allowed;
  display: inline-block;
  margin-top: 10px;
  text-align: center;
  width: 72%;
}
/**size**/
.size-box li {
  display: inline;
  margin-left: 0;
  margin-right: 5px;
}
.size-box li a span {
border: 1px solid #e2e2e2;
display: inline-block;
padding: 5px 9px;
text-align: center;
text-transform: uppercase;
background-color: #fff;
}
.size-box li a span:hover {
  background-color: #f056c4;
  color: #fff;
}
.catalog-title {
font-weight: bold;
margin: 20px 0;
text-transform: capitalize;
}
.color-box ul li a span {
border-radius: 100%;
display: inline-block;
height: 20px;
margin-right: 10px;
margin-top: 8px;
width: 20px;
}
.color-box li {
display: block;
}
.catalog-area .catalog-box {
  padding: 0 11px;
}
.color-box ul > li > a span.white-color {
  border: 1px solid #f056c4;
}

/**aside category banner**/
.aside-category-banner-img > img {
  width: 100%;
}
.aside-category-banner a.btn-button:hover {
  background-color: #171717;
  color: #fff;
}
.aside-category-banner-inner {
    position: relative;
}
.aside-category-banner-button {
    bottom: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
}
/* select menu */
.ui-selectmenu-button.ui-button {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  text-align: left;
  white-space: nowrap;
  width: 14em;
   color: #333;
   text-transform: capitalize;
}
.ui-selectmenu-menu .ui-menu{
      background: #fff;
  border: 1px solid #e8e8e8;
  border-top: transparent;
  z-index:99999;
  color: #333;
   text-transform: capitalize;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper:hover,.ui-button.ui-state-active:hover,.ui-selectmenu-menu  .ui-widget-content .ui-state-active{
    background: #f056c4;
    border: 1px solid #f056c4;
     color: #fff;
}
.ui-selectmenu-menu {
  z-index: 2147483647;
}
/* list prodctu */
ol.list-product {
    margin: 0;
    padding: 0;
}
ol.list-product li {
    margin-top: 30px;
}

.products-grid .product-details {
    background-color: #fff;
}
.products-grid .product-content-inner {
    /*padding: 10px 10px 0px;
    border-bottom: 6px solid #fcd2d4;*/
	min-height: 197px;
}

/*******************  loging  ************************/

.page-title strong {
  font-size: 18px;
  font-weight: 400;
}

.login-area span.sub-title {
    border-bottom: 4px solid #eeeeee;
    position: relative;
}

.login-area h2 span::after {
  background-color: #f056c4;
  border-radius: 6px;
  bottom: -4px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 50%;
}
.login-area h2 {
  font-size: 15px;
}
.new-user-inner {
  border: 1px solid #e8e8e8;
  min-height: 280px;
}
.new-user-content {
  padding:30px 70px 30px 30px;
}
.new-user-content > p {
  margin-top: 30px;
}
.new-user-box .button-set {
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  margin-top: 0;
  padding:6px 26px 6px 6px;
    overflow: hidden;
}



/*-------social-------*/

.login-social-icon li {
display: inline-block;
margin: 0 6px;
}
.login-social-box {
    text-align: center;
}

.login-social-box .login-social-icon > ul > li > a {
border-radius: 100%;
color: #fff;
display: block;
font-size: 18px;
height: 35px;
margin: 8px 0;
padding: 4px;
text-align: center;
width: 35px;
-webkit-transition:all 3s ease 0s;
-moz-transition:all 3s ease 0s;
-ms-transition:all 3s ease 0s;
-o-transition:all 3s ease 0s;
transition:all 3s ease 0s;
}
.login-social-box .login-social-icon > ul > li > a:hover {
  border-radius: 0;
background-color:#f056c4;
  transform: rotate(360deg);
-webkit-transition:all 0.9s ease 0s;
-moz-transition:all 0.9s ease 0s;
-ms-transition:all 0.9s ease 0s;
-o-transition:all 0.9s ease 0s;
  transition:all 0.9s ease 0s;
}
.login-social-box .facebook {
  background-color: #45619d;
}
.login-social-box .twitter {
  background-color: #42c0fb;
}
.login-social-box .google {
  background-color: #e56a6a;
}
.login-social-box .skype {
  background-color: #009ee5;
}
.login-social-box .feed{
  background-color: #fd9f13;
}
/*-------social-------*/
/************************************* blog details ********************/
.hadding-title {
    
    font-size: 18px;
    font-weight: bold;
}
.blog-long-img > img {
    width: 100%;
}
.blog-details .blog-content {
    text-align: left;
}
.blog-details .post-detail.margin-buttom-product > p {
margin-bottom: 20px;
padding-left: 0;
}
/**comment**/
.comment-img {
    float: left;
    margin-left: 0;
    margin-right: 15px;
}
.comment-img > img {
    border-radius: 100%;
}
.blog-comment-box .comment-time span {
 color: #f056c4;
margin: 4px 0;
}
.comments .post-meta > p {
    color: #333;
    font-size: 14px;
    margin: 15px 0;
}
.comments .post-meta li {
    display: inline;
}
.comments .media-content .post-meta ul li a span {
  color: #999;
}
.comments .media-content .post-meta ul li:hover a span {
  color: #f056c4;
}.cliet-comment {
    margin-bottom: 30px;
    margin-left: 100px;
    margin-top: 30px;
}
/***comment form***/
.comment-respond-inner input,.comment-respond-inner textarea {
  border: 1px solid #e8e8e8;
}
.comment-respond-inner input{
height: 40px
}
.comment-form-comment {
  margin-top: 10px;
}
.comment-respond-inner button.submit-btn {
  color: #fff;
  text-transform: uppercase;
}
.comment-respond-inner button.submit-btn:hover {
  color: #fff;
}


.blog-details .post-date {
    color: #f056c4;
    display: inline;
    font-size: 30px;
    font-weight: bold;
    margin-right: 20px;
}
.post-tag {
    display: inline-block;
}
.post-tag > ul > li {
    display: inline;
    text-transform: capitalize;
}

/***********************  BLOG LEFT MENU ***********/
.left-blog-search-box {
    position: relative;
}
.blog-search-input {
border-radius: 0;
height: 40px;
position: relative;
border: 1px solid #e8e8e8;
padding: 0 50px 0 10px;
}
.submit-btn.blog-search {
border-left: 1px solid #f6f6f6;
bottom: 0;
color: #171717;
display: block;
height: 40px;
padding: 9px;
position: absolute;
right: 0;
width: 50px;
}
.submit-btn.blog-search:hover{color: #f056c4;background-color:transparent}
.left-blog-search .product-hadding {
  float: none;
  margin-bottom: 20px;
}
/***resent post***/
.resent-media-img {
border: 2px solid #e8e8e8;
float: left;
margin-left: 0;
margin-right: 17px;
}

.resent-media-img img {
    width: 100%;
}
.media-content .post-meta li {
    color: #999;
    font-size: 13px;
    line-height: 1.5;
}
.media-content .post-meta a {
    color: #999;
}
.media-content .post-meta a:hover{color:#f056c4 }
.media-content span {
    color: #171717;
    margin-left: 0;
    margin-right: 5px;
    font-style: normal;
}
.media-content {
overflow: hidden;
}
.recent-media {
  margin-bottom: 20px;
  overflow: hidden;
}
.left-recent-post .hadding {
  margin-bottom: 30px;
}

/***recent comment***/
.post-meta > p {
  color: #999;
  font-size: 13px;
  margin: 2px 0;
}


/**blog right**/
.blog-right-area .blog-img {
  background-color: #fff;
  box-shadow: 0 2px 6px 4px #eaeaea;
  padding: 10px;
}

.blog-right-area .post-detail > p {
    padding: 0;
}
.blog-right-area .blog-content-inner {
    padding-top: 20px;
}
.blog-right-area .post-content {
    margin-bottom: 10px;
    margin-top: 5px;
}
.blog-right-area {
    margin-bottom: 20px;
}
.pager.pager-area.latest-blogs {
  margin-bottom: 39px;
  margin-top: 20px;
  overflow: hidden;
}
.pager.pager-area.latest-blogs .pagination.pages {
  float: none;
}
.all-blog-area .product-hadding {
  float: none;
  margin-bottom: 30px;
  text-align: center;
}
/************************************  CONTACT US ******************************/


.contact-map {
    text-align: center;
}
.contact-map p {
    line-height: 24px;
}
.contact-map > img {
    width: 100%;
}
.contact-us-box .icons {
    font-size: 32px;
}
.contact-details .icon {
    border-radius: 100%;
    box-shadow: 1px 3px 4px 1px #c5c5c5;
    height: 42px;
    padding: 14px 13px;
    width: 42px;
}
.contact-details .icon:hover {
    background-color: #ff623f;
    color: #fff;
}
.contact-us-box > span {
    display: block;
    margin: 20px 0;
}
.contact-us-box {
    text-align: center;
}
.contact-us-box strong {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact-us-box ul li span {
    margin: 0 6px;
    text-transform: capitalize;
}
.contact-us-box li {
    line-height: 2;
}
.contact-form .comment-respond {
    margin: 0 auto;
}
.contact-box .contact-form .form-control {
    border: 1px solid #f6f6f6;
}
.contact-us-area .contact-form {
    margin-bottom: 30px;
    margin-top: 30px;
}
.main-office .title {
    font-family: open sans;
    font-size: 18px;
    font-weight: 600;
    padding: 13px;
    text-align: center;
}
.main-office {
background-color: #f6f6f6;
border-radius: 15px;
left: 30px;
position: absolute;
text-align: left;
top: 30px;
}
.contact-map {
    position: relative;
}
.main-office-inner {
    padding: 17px;
}
.main-office-inner h5 span {
    color: #f056c4;
    display: block;
    font-weight: normal;
    margin: 8px 0;
}
.main-office-inner ul li span {
    font-size: 16px;
    margin-right: 6px;
}
.main-office-inner > ul > li {
    line-height: 30px;
}
.main-office-inner .des {
    margin: 11px 0;
}
.main-office-inner h5 {
font-family: roboto;
font-size: 13px;
font-weight: bold;
margin: 11px 0;
text-transform: capitalize;
}
/*********************  ABOUT US *************************/
.about-area {
  margin: 0 auto;
  overflow: hidden;
}
.about-banner {
  margin: 0 auto;
  max-width: 770px;
}
.about-banner > p {
  text-align: center;
    margin-top: 30px;
}
.about-testimonial .testi-img {
  height: 90px;
  margin: 0 auto;
  width: 90px;
}
.about-testimonial .item-inner {
  margin-top: 30px;
}
.about-testimonial .testi-title > span {
  color: #999;
  font-size: 16px;
  font-weight: bold;
}
.about-testimonial .testi-title {
  margin-top: 20px;
}
.about-box .category-big-banner-content {
padding: 95px;
position: absolute;
top: 0;
width: auto;
}

.about-box .arow-icon-box {
  cursor: pointer;
  float: none;
}
.about-box .arow-right {
  position: absolute;
  right: 0;
  top: 100px;
}

/***our team***/
.about-box .page-title > span {
  border-bottom: medium none transparent;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 8px;
  text-transform: capitalize;
}
.our-team .item-box {
border: 1px solid #f056c4;
margin-top: 50px;
padding: 44px 4px;
position: relative;
text-align: center;
}
.our-team-img {
height: 60px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -33px;
width: 60px;
z-index: 9999999;
}
.our-team-img > img {
background-color: #fff;
border: 1px solid #f056c4;
border-radius: 100%;
}
.our-social-media li {
    display: inline;
    margin: 4px;
}
.our-social-media a {
}
.our-team .testi-title {
  margin: 0;
}
.our-team-details {
margin: 0 auto;
width: 200px;
}
.our-team .sub-title {
  margin-bottom: 10px;
   border: medium none transparent;
    color: #999;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.about-box .owl-prev,.about-box .owl-next{display:none !important;
-webkit-transition:  all 0.4s ease 0s;
-moz-transition:  all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
} 
.our-team:hover .owl-next{display:block!important;


} 
.our-team:hover .owl-prev{display: block!important;opacity: 1;
left: 9px
}
.about-box .owl-next {
  right: 9px;
  top: 51%;

}
.about-box .owl-prev {
  left: 9px;
  top: 51%;
}
/***social***/
.our-social-media ul li a span {
border: 1px solid #f8f8f8;
border-radius: 100%;
height: 30px;
padding: 8px;
width: 30px;
}
.our-social-media ul li a.facebook {
  color: #45619d;
}
.our-social-media ul li a.twitter {
  color: #55acee;
}
.our-social-media ul li a.google {
  color: #cf4539;
}
/***hover***/
.our-social-media ul li a.facebook span:hover{
border-color: #45619d;
}
.our-social-media ul li a.twitter span:hover {
 border-color: #55acee;
}
.our-social-media ul li a.google span:hover {
  border-color: #cf4539;
}
.our-social-media {
  padding: 20px 0;
}


/***arow icon***/
.our-team .arow-right.left {
  left: 0;
  position: absolute;
  top: 100px;
}
.arow-right {
  position: absolute;
  top: 100px;
}
/************************* 404 PAGE ******************/
.error-page {
padding: 100px 0;
text-align: center;
}
h3.error {
    color: #ff623f;
    font-size: 157px;
    font-weight: bold;
}
.error-page h2 {
    font-size: 18px;
    text-transform: uppercase;
}
.error-page h2 i {
    color: #ff623f;
}
.error-page .button-set {
    margin-bottom: 45px;
}
/************************** ORDER HISTORY *******************/
.oder-history .btn-button.tomato-bg:hover {
  background-color: #171717;
}
.oder-history  .product-hadding {
  float: none;
  margin-bottom: 30px;
  text-align: center;
}
/***************************  ADDRESS BOOK ********************/
.form-control {
  border: 1px solid #f2f2f2;
  border-radius: 0px;
  box-shadow:none;

}
/**************************    ACCOUNT INFO *********************/
/***account infomation ***/
.account-form {
    border: 1px solid #f2f2f2;
    padding: 20px;
}
.title-box {
  margin-bottom: 20px;
}
.account-form-box .form-group input {
  border: 1px solid #f2f2f2;
  box-shadow: none;
}

/***account list ***/

.account-item {
    line-height: 32px;
}
li.account-item a span {
    margin-left: 0;
    margin-right: 6px;
}
.account-item > a {
    text-transform: capitalize;
}
.account-item > a:hover {
  margin-left: 5px;
}
/*************************** ORDER HISTORY  ************/
.oder-history .btn-button.tomato-bg:hover {
  background-color: #171717;
}
.oder-history  .product-hadding {
  float: none;
  margin-bottom: 30px;
  text-align: center;
}
.account-area li {
    line-height: 35px;
    list-style: inside none disc;
}
/******************************* FOOTER *************************/
.footer-area {
    border-top: 2px dashed #ebebeb;
    background-color:white;
}
.footer-inner {
padding-top: 50px;
}
/**about**/
.footer-content > p {
line-height: 24px;
padding: 20px 0;
}
.footer-area .logo > img {
  width: auto;
}
.footer-about {
    color: #363636
}
.footer-area h3.hadding-title {
    color: #363636;
    font-size: 18px;
    text-transform: capitalize;
    padding-bottom: 25px;
    margin: 0;
}
.footer-area .hadding-title > span {
    border-bottom: 3px solid #f056c4;
    position: relative;
}
.footer-content > ul {
  padding-bottom: 20px;
}
.footer-area .hadding-title > span::after {
    background-color: #71c0ef;
    border-radius: 4px;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 50%;
}
.stoktayok {
    position: absolute;
    top: 66%;
    text-align: center;
    left: 8%;
    width: 85%;
    background-color: rgba(169, 2, 255, 0.4);
    color: #000000;
    padding: 10px;
    /* border-radius: 8px 8px 8px 8px; */
    /* font-family: Chewy; */
    font-size: 16px;
}

.footer-address > li i {
    border: 1px solid #71c0ef;
    border-radius: 100%;
    color: #71c0ef;
    height: 35px;
    margin-left: 0;
    margin-right: 15px;
    padding: 10px;
    text-align: center;
    width: 35px;
}
.footer-address > li {
  line-height: 46px;
}
.footer-inner .footer-content > ul > li > a:hover {
    color: #f056c4;
    margin-left: 10px;
    text-decoration: none;
    outline: none;
}
.footer-inner .footer-content > ul > li > a {
    text-decoration: none;
    outline: none;
    color: #f056c4;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  
    color: #71c0ef;
    margin-right: 10px;
   
    vertical-align: bottom;
    transition: 0.50s;
    -webkit-transition: 0.50s;
    -moz-transition: 0.50s;
    -ms-transition: 0.50s;
    -o-transition: 0.50s;
    display: inline-block;
}
.footer-inner a:hover {
    color: #440057;
}

/**payment options**/

.payment-options li {
    display: inline;
    margin: 0 4px;
    font-size: 28px;
}
.footer-buttom {
margin-top: 40px;
text-align: center;
}
.footer-line {
background-color: #333;
height: 1px;
margin: 0 auto;
max-width:80%;
}

.footer-area .payment-options {
    margin-top: 20px;
}
.payment-options ul > li > a {
    color: #440057;
}
.copyright > p {
    color: #363636;
}
.copyright a {
    color: #363636;
}
    .copyright a:hover {
        color: #f056c4;
    }
.copyright {
    background-color: #f1f8ff;
    margin-top: 20px;
    padding: 25px;
    text-align: center;
}



/*---style-2----*/
.style-2 .footer-area,.style-3 .footer-area {
  background-color: #171717;
}
.newsletter-h-2{
    margin-top: 0;
}
/*--- / style-2----*/
/**************************************** ARROW ICON **********************/
.arow-right.left {
  left: 0;
}
/**title**/
.arow-icon-box {float: right;cursor: pointer}
.arow-left,.arow-right {float: left;}
.arow-left:hover,.arow-right:hover {border-color:#ff623f;color: #ff623f}
.arow-left .fa-play {
    transform: rotate(179deg);
}
.arow-left{
    border: 2px solid;
    border-radius: 100%;
    height: 35px;
    line-height: 2;
    padding: 1px 7px;
    width: 35px;
    margin-right: 10px;
}
.arow-right {
    border: 2px solid;
    border-radius: 100%;
    height: 35px;
    line-height: 2;
    padding:1px 12px;
    width: 35px;
}
.arow-right.left .fa-play {
  margin-left: -4px;
  transform: rotate(179deg);
}

/*****************  PROMO ANIMATION **************/


.product-img a{
 position: relative;
 display: block;

}

.pro-animation:before, .product-img a:after ,.product-img a:before,
.pro-animation:after {

}
 .pro-animation:hover:before, .product-details:hover .product-img a:before{


}
 .pro-animation:hover:after,.product-details:hover .product-img a:after {

}
.header-style-3 #sf-menu > ul {
	line-height: normal;
}
.custom-block-title {
	border-bottom: 2px solid #e56a6a;
	color: #333;
	font-family: raleway;
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	padding: 0 0 5px;
	text-transform: capitalize;
}
.sf-menu li.megamenu p {
	margin-bottom: 10px;
}
.custom-block-content .dsc {
	color: #333;
	line-height: 22px;
	margin: 0;
	padding: 20px 0 0;
	text-align: justify;
}
.custom-block-content .dsc > img {
	float: left;
	padding: 0 20px 0 0;
}
.hidden-class{
    display: none;
}
.sf-menu ul .menu-banner-details a:hover{
     color: #fff;
}
.promo-3 .promo2-add.promo-3.item3 img{
     width: 100%;
}


.modal .modal-content .modal-header {
    padding: 24px;
}

    .modal .modal-content .modal-header .modal-title {
        font-weight: 600;
        font-size: 16px;
    }

.modal-title {
    display: block;
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
    font-family: "Poppins", "Helvetica", "Arial", sans-serif;
    margin-bottom: 20px;
}

.modal p {
    font-size: 15px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 13px;
    font-weight: 300;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
}

/*Strip Cooki*/
.modal-strip {
    background-color: rgba(17, 17, 17, 0.51);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 8px;
    position: fixed;
    width: 100%;
    display: inline-block;
    transform: translate3d(0px, 200px, 0px);
    transition: all 0.7s ease 0s;
    z-index: 1004 !important;
}

    .modal-strip .btn,
    .modal-strip h5,
    .modal-strip h4,
    .modal-strip h3,
    .modal-strip h2,
    .modal-strip h1 {
        margin-bottom: 0;
    }

    .modal-strip a {
        color: #fff;
    }

    .modal-strip.modal-top {
        bottom: auto;
        top: 0;
        transform: translate3d(0px, -200px, 0px);
    }

    .modal-strip.modal-left {
        bottom: auto;
        top: auto;
        left: 0;
        right: auto;
        width: 30%;
        transform: none;
    }

    .modal-strip.modal-right {
        transform: translate3d(0px, 0px, 0px);
        bottom: auto;
        top: 0;
    }

    .modal-strip.modal-active {
        transform: translate3d(0px, 0px, 0px);
    }