/*---------------------------------------------
Template name:  Kinen Ecommerce
Version:        1.0
Author:         ThemeLooks
Author url:     http://themelooks.com

NOTE:
-----
Please DO NOT EDIT THIS CSS, you may need to use "custom.css" file for writing your custom css.
We may release future updates so it will overwrite this file. it's better and safer to use "custom.css".

[Table of Content]

01: General CSS 
    1.1: Default CSS
    1.2 scroll bar
    1.3: Buttons
    1.4: theme main hover effect
    1.5: Padding/Margin
    1.6: Overlay
    1.7: Animations
02: Header
    2.1: Header Menu 1
    2.2: header menu home page 2
    2.3: header menu home page 3
    2:4 sticky social area
    2.5: header menu home page 4
03: Page Title
04: Banner
    4.1: main banner 01
    4.02: main banner home2
    4:3 dress pointer home banner2
    4:4 pointer position
    4.05: main banner home3
    4.6: main banner home 4
    4.07: main banner home 5
05: Modal Window
06: Quick view modal container
    6:1 modal add to cart
07: Side nave
08: offcanvas
09: About Us page
    09:1 about intro
    09:2 about ceo
    9:03 our team
10: Collection section
    10:2 collection type2
11: add section
12: our partner
13: Quick service
14: top sellers
    14:01 top sellers type2
15: Call to action
16: dash add
17: Featured area
    17:01 section title
    17:02 section title type2
    17:03 featured type2
18: New Arrivel
    18:2 new arrival type2
    18:3 type 3 shop page
    18:4 single product type4
19: offer area
20: Insta feed
21: Tweeter feed
22: Coming soon area
23: Subscribe area
    23:02 subscribe type2
24: About Us
25: our testimonial area
    25:01 testimonial area
26: Our Out late
27: Counter up
28: Strat Our Blog
29: Blog details
    29:01 post main content
    29:02 post content body
    29:03 post tag and share
    29:04 post  author
    29:05 related post
    29:06 Comment form
30: Single Blog right side bar
    30:01 blog side bar
31: Blog list style
    31:01 block quort
32: Blog Pinterest
33: Error page
    33:01 error type 2
    33:02 error type 3
34: Category page
    34:01 category page1
    34:02 Category page2
    34:03 category page3
    34:04 category page 4
35: Collection pages
    35:01 colllection page1
    35:02 collection page2
    35:03 category page3
    35:04 category page 4
36: cart page
37: Wish list page
38: Check Out page
    38:01 billing details
    38:02 terms and conditions
39: My account
    39:01 dashboard nav
    39:02 dashboard content
    39:03 order
    39:04 download
    39:05 address
    39:06 account details
40: Order Tracking
41: Shope 2 column with side bar
    41:01 filter menu
    41:02 shop side bar
    42: single product details
    42:01 single product tab
    42:03 faq type2
    42:04 related product
    42:05 single product details out of stock
    42:06 single product details grouped
43: Contact Us
44: comming soon
45: footer area
    45:01 footer type2
    45:02 footer type3
    45:03 footer type4
46: Others
    46.01: About block
    46.02: Why us
    46.03: Subscription
    46.04: Carousel controls
    46.05: Slider pagination style
    46.06: Social icons
    46.07: Back to top
    46.08: Preloader
    46.19: Form validation
    46.10: Content animation
----------------------------------------------*/

/*=============================================
    01: General CSS
==============================================*/

/* 1.1: Default CSS */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
::-moz-selection {
    background: #31333e;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #31333e;
    color: #fff;
    text-shadow: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;

}
/* 1.2 scroll bar */
::-webkit-scrollbar {
    width: 8px;
  }
::-webkit-scrollbar-track {
background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
background: #333333; 
}
  
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
}
button[type=submit] { 
    cursor: pointer;
    background: transparent;
    border: none;
    color: #333333;
     }
textarea { resize: none; }
img {
    max-width: 100%;
    height: auto; 
}

a {
    color: #31333e;
    -webkit-transition: all .2s;
    transition: all .2s;
}
a:hover { color: #ff7353; }
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 { 
    font-family: 'Roboto Condensed', sans-serif;
    color: #333333;
    line-height: 1.4;
}
h1, .h1 { font-size: 60px; line-height: 80px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; line-height: 32px;}
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; } 
h6, .h6 { font-size: 14px; }

p {
    line-height: 26px;
    margin-bottom: 25px;
    font-weight: 400;
}
body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #777777;
    background: #fff;
    line-height: 26px;
    overflow-x: hidden !important;
}

.select-wrapper select {
    -webkit-appearance: none;
        -moz-appearance: none;
            appearance: none;
}
.select-wrapper select::-ms-expand {
    display: none;
}
.select-wrapper {
    position: relative;
}
.select-wrapper:after {
    content: '\f107';
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    height: 30px;
    pointer-events: none;
}
.width-expend{
    width : 170px;
}


/* 1.3: Buttons */
.btn.active,
.btn:hover,
.btn:focus {
    outline: none;
    box-shadow: none;
}
.btn {
    font-family: 'Roboto Condensed', sans-serif;
    color: #333333;
    position: relative;
    padding: 10px 20px 8px;
    overflow: hidden;
    z-index: 0;
    font-size: 16px;
    font-weight:700;
    border: none;
    outline: none;
    border-radius: 0;
}

.btn:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000000;
    z-index: -1;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    height: 25px;
    width: 25px;
    border-radius: 0;
    bottom: 0;
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.btn:hover:before {
    height: 100%;
    width: 100%;
    opacity: 1;
}
.btn.style-2 {
   position: relative;
}
.btn.style-2:before {
    right: 0;
    bottom: 0;
    left: auto;
}
.btn.btn-line {
    padding: 8px 0 2px;
    font-weight: 400;
}
.btn-line.btn:before{
    height: 1px;
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    right: 0;
    left: auto;
}
.btn.btn-line:hover:before{
    width: 50%;
    right: 0;
    left: auto;
}

.btn.btn-fill-type:hover:before {
    -webkit-transform: rotate3d(0,0,1,0deg) translate3d(0,0,0);
            transform: rotate3d(0,0,1,0deg) translate3d(0,0,0);
}

.btn.btn-fill-type:before {
    width: 140%;
    height: 100%;
    background: #333;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(.59,.03,.2,1);
    transition: -webkit-transform 0.5s cubic-bezier(.59,.03,.2,1);
    transition: transform 0.5s cubic-bezier(.59,.03,.2,1);
    transition: transform 0.5s cubic-bezier(.59,.03,.2,1), -webkit-transform 0.5s cubic-bezier(.59,.03,.2,1);
    -webkit-transform: rotate3d(0,0,1,-10deg) translate3d(-1.2em,110%,0);
            transform: rotate3d(0,0,1,-10deg) translate3d(-1.2em,110%,0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
}
.btn.btn-fill-type:hover {
    color: #fff;
}
.btn.btn-fill-type:hover svg .cls-1 {
    fill: #fff;
}
.btn.btn-fill-type svg .cls-1{
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}
.btn.btn-fill-type {
    border: 2px solid #333;
    padding: 11px 20px;
    color: #333333;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}
/*1.4: theme main hover effect*/

.normal-hover-parent{
    overflow: hidden;
    position: relative;
}
.hover-state{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.normal-state{
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.main-parent:hover .hover-state{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.theme-bg-overlay {
    position: relative;
    height: 100%;
    width: 100%;
}
.theme-bg-overlay:before {
    content: '';
    position: absolute;
    background: #00c544;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.disabled { pointer-events: none; }

.primary-bg { background-color: #1c1967; }
.secondary-bg{
    background-color: #fcfcfc;
}

.great-vibes{ font-family: 'Great Vibes', cursive; }
.lato { font-family: 'Lato', sans-serif; }
.roboto { font-family: 'Roboto Condensed', sans-serif;}
.font-weight-700 { font-weight: 700; }
b, strong {
    font-weight: bold;
}
.list-inline > li { display: inline-block; }

.form-control { font-size: 14px; }
.form-control:focus { border-color: #fff; }

input.parsley-error,
textarea.parsley-error,
select.parsley-error {
    border-bottom: 1px solid red !important;
}
.half-gutter {
    margin-right: -7.5px;
    margin-left: -7.5px;
}
.half-gutter > .col,
.half-gutter > [class*="col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px;
}
.no-gutters-padding{
    padding-right: 0px;
    padding-left: 0px;
}
.theme-border-top { border-top: 1px solid #999999; }
.theme-border-bottom { border-bottom: 1px solid #999999; }

.theme-list-style {
    padding: 0;
    list-style: none;
}
.theme-list-style li {
    font-weight: 600;
    color: #4c4f60;
    padding: 5px 0;
}
.theme-list-style li:before {
    content: '\f05d';
    font-family: 'FontAwesome';
    color: #999999;
    font-size: 12px;
    font-weight: normal;
    margin-right: 10px;
}

.form-field {
    position: relative;
    margin-bottom: 15px;
}
.theme-input-style {
    font-size: 12px;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.5);
}
input.theme-input-style:focus {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
textarea.theme-input-style {
    padding: 10px;
    min-height: 120px;
    display: block;
}

.theme-input-style:focus { 
    border-color: #000;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

label input[type=checkbox],
label input[type=radio] {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.form-group { position: relative; }

.table-bordered,
.table-bordered td, 
.table-bordered th {
    border-color: #e2e6fb;
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 15px;
}
/* 1.5: Padding/Margin */
.pt-140 { padding-top: 140px; }
.pb-140 { padding-bottom: 140px; }
.pt-130 { padding-top: 130px; }
.pb-130 { padding-bottom: 130px; }
.pt-120 { padding-top: 120px; }
.pb-120 { padding-bottom: 120px; }
.pt-110 { padding-top: 110px; }
.pb-110 { padding-bottom: 110px; }
.pt-100 { padding-top: 100px; }
.pb-100 { padding-bottom: 100px; }
.pt-90 { padding-top: 90px; }
.pb-90 { padding-bottom: 90px; }
.pt-80 { padding-top: 80px; }
.pb-80 { padding-bottom: 80px; }
.pt-70 { padding-top: 70px; }
.pb-70 { padding-bottom: 70px; }
.pt-60 { padding-top: 60px; }
.pb-60 { padding-bottom: 60px; }
.pt-55 { padding-top: 55px; }
.pb-55 { padding-bottom: 55px; }
.pt-50 { padding-top: 50px; }
.pb-50 { padding-bottom: 50px }
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.pt-30 { padding-top: 30px; }
.pb-30 { padding-bottom: 30px; }
.pt-20 { padding-top: 20px; }
.pb-20 { padding-bottom: 20px; }
.pt-10 { padding-top: 10px; }
.pb-10 { padding-bottom: 10px; }

.mt-140 { margin-top: 140px; }
.mb-140 { margin-bottom: 140px; }
.mt-120 { margin-top: 120px; }
.mb-120 { margin-bottom: 120px; }
.mt-70 {margin-top: 70px;}
.mb-70 {margin-bottom: 70px;}
.mt-60 { margin-top: 60px; }
.mb-60 { margin-bottom: 60px; }
.mt-50 { margin-top: 50px; }
.mb-50 { margin-bottom: 50px; }
.mt-40 { margin-top: 40px; }
.mb-40 { margin-bottom: 40px; }
.mt-30 { margin-top: 30px; }
.mb-30 { margin-bottom: 30px; }


.mr-50{margin-right: 50px;}
.ml-50{margin-left: 50px;}
.mlr-25{margin-right: 25px;margin-left: 25px;}
.pl-50 { padding-left: 50px; }
/*1.6: Overlay*/
.overlay{
    position: relative;
}
.overlay:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    bottom: 0;
    top: 0;
    left: -50%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,.90) 0%,rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,.90)0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,.90)0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-colection-inner:hover.overlay:before{
    left: 0%;
}
/* 1.7: Animations */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); 
        transform: rotate(0deg); 
    }
    100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
@keyframes spin {
    0% { 
        -webkit-transform: rotate(0deg); 
        transform: rotate(0deg); 
    }
    100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
.spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes bounce {
    0% {
       -webkit-transform: translateY(0px);
               transform: translateY(0px);
    }
    50% {
       -webkit-transform: translateY(-40px);
               transform: translateY(-40px);
    }
     100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
      
}

@keyframes bounce {
    0% {
       -webkit-transform: translateY(0px);
               transform: translateY(0px);
    }
    50% {
       -webkit-transform: translateY(-40px);
               transform: translateY(-40px);
    }
     100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
      
}
.bounce {
    -webkit-animation: bounce 2s linear infinite;
    animation: bounce 1s linear infinite;
}
@-webkit-keyframes rotate2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }    
}
@keyframes rotate2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }    
}
.rotate2d {
    -webkit-animation: rotate2d 2s linear infinite;
    animation: rotate2d 1s linear infinite;
}
@-webkit-keyframes rotate-2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }    
}
@keyframes rotate-2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }    
}
.rotate-2d {
    -webkit-animation: rotate-2d 2s linear infinite;
    animation: rotate-2d 1s linear infinite;
}

@-webkit-keyframes rotate3d {
    0% {
       -webkit-transform: rotateY(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}

@keyframes rotate3d {
    0% {
       -webkit-transform: rotateY(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}
.rotate3d {
    -webkit-animation: rotate3d 2s linear infinite;
    animation: rotate3d 1s linear infinite;
}


/*=============================================
    02: Header
==============================================*/

/* 2.1: Header Menu 1*/
#menu-button span.bar {
    width: 25px;
    height: 3px;
    background-color: #222;
    z-index: 0;
    display: block;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
#menu-button span.bar.bar2 {
    margin: 5px 0;
}
#menu-button:hover .bar1 {
    -webkit-transform: rotate(-45deg) translate3d(-2px, 2px , 0);
            transform: rotate(-45deg) translate3d(-2px, 2px , 0);
    width: 13px;
}

#menu-button:hover .bar3 {
    width: 13px;
    -webkit-transform: rotate(45deg) translate3d(-2px, -2px , 0);
            transform: rotate(45deg) translate3d(-2px, -2px , 0);
}
.main-header{
    box-shadow: none;
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: background .3s;
    transition: background .3s;
    }

.main-header.stuck {
    position: fixed;
    top: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    width: 100%;
}
.header-menu, .header-menu ul, 
.header-menu ul li, 
.header-menu ul li a, 
.header-menu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
}
.header-menu #menu-button {
    display: none;
    }
.header-menu > ul ul {
    text-align: left;
    z-index: 99999;
}
.header-menu{
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    text-align: center;
}

.header-menu > ul > li {
    display: inline-block;
}
.header-menu > ul > li.has-sub:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2em;
    bottom: -2em;
    cursor: pointer;
    left: 0;
}
.header-menu > ul > li {
    padding-left: 20px;
    padding-right: 20px;
}
.header-menu > ul > li:first-child{
    padding-left: 0;
}
.header-menu > ul > li:last-child{
    padding-right: 0;
}
.header-menu > ul > li > a {
    padding: 35px 0 35px;
    font-size: 16px;
    color: #333333;
    text-transform: capitalize;
}

.header-menu > ul > li:hover > a,
.header-menu > ul > li.active > a {
    color: #333333;
}

.header-menu > ul > li > a > i {
    font-size: 12px;
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 63px;
} 
.header-menu ul ul {
    position: absolute;
    /*left: -9999px;*/    
    opacity: 0;    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: top .2s ease, opacity .2s ease;
    transition: top .2s ease, opacity .2s ease;
}
.header-menu > ul > li > ul {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -webkit-transition: top .2s ease, opacity .2s ease;
    -webkit-transition: left .2s ease, opacity .2s ease;
    transition: left .2s ease, opacity .2s ease;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
    top: 86px;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
}
.header-menu > ul > li:hover > ul {
    -webkit-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
    top: 86px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.header-menu.align-right > ul > li:hover > ul {
    right: 0;
}

.header-menu ul ul ul {
    top: 32px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.header-menu ul ul ul:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 10px;
    height: 100%;
    z-index: -1;
}
.header-menu ul ul ul li {
    background: #fff;
}
.header-menu ul ul > li:hover > ul {
    top: 0;
    left: 180px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-menu.align-right ul ul > li:hover > ul {
    left: auto;
    right: 178px;
    padding-left: 0;
    padding-right: 10px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-menu ul ul li a {
    width: 210px;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 1.25;
    position: relative;
    background: #ffffff;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #999999;
    font-weight: 400;
    text-transform: capitalize;
}
.header-menu ul ul li a i {
    position: absolute;
    right: 15px;
    top: 16px;
    font-size: 10px;
}

.header-menu ul ul li:hover > a,
.header-menu ul ul li > a:hover,
.header-menu ul ul li.active > a {
    color: #333333;
    padding-left: 25px;
}
.header-menu ul ul li:hover > a:before,
.header-menu ul ul li > a:hover:before,
.header-menu ul ul li.active > a:before {
    left:15px;
}
.header-menu ul ul li a:before
.main-header.sticky .header-menu ul ul li:hover > a, 
.main-header.sticky .header-menu ul ul li > a:hover, 
.main-header.sticky .header-menu ul ul li.active > a {
    color: #53e1ff;
}

.header-menu>ul {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.header-menu > ul > li:last-child {
    margin-right: 0;
}
.header-menu > ul > li > a:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 15px;
    background: #333333;
    left: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 73%;
}
.header-menu ul ul ul,
.header-menu ul ul{
    padding: 8px 0;
    background: #fff;
}
.header-menu > ul > li:hover > a:after,
.header-menu > ul > li.active > a:after{
     visibility: visible;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-menu ul ul li a:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 10px;
    background: #fff;
    top: 50%;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 50%;
}

.header-menu ul ul li a:hover:before {
    visibility:  visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #333;
}
.header-menu > ul > li > ul .has-sub-item {position:  relative;}

.header-menu > ul > li.has-sub-item:after,
.header-menu > ul > li.has-sub-item:before,
.header-menu > ul > li.has-sub-item ul li.has-sub-item:before,
.header-menu > ul > li.has-sub-item ul li.has-sub-item:after{
    content: '';
    right: 2px;
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    color: #000;
    transform: translateY(-40%);
    height: 1px;
    width: 7px;
    background: #000;
}
.header-menu > ul > li.has-sub-item ul li.has-sub-item:before,
.header-menu > ul > li.has-sub-item ul li.has-sub-item:after{
    right: 10px;
    top: 49.5%;
}
.header-menu > ul > li.has-sub-item:before,
.header-menu > ul > li.has-sub-item ul li.has-sub-item:before {
    transform: rotate(90deg);
    z-index: 1;
    top: 49.5%;
    transition: .3s all linear;
}
.header-menu > ul > li.has-sub-item:hover:before,
.header-menu > ul > li.has-sub-item ul li.has-sub-item:hover:before{
    transform: rotate(0deg);
    z-index: 1;
    top: 50%;
}
.main-header.sticky {
    background: #fff;
    position: fixed;
    width: 100%;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
}

.main-header.stuck {
    background: #1c1967;
    position: fixed;
    width: 100%;
    -webkit-animation: fadeInDown 1s linear;
            animation: fadeInDown 1s linear;
}

.menu-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.signup--out-btn {
    margin-left: 16px;
}
.main-header .header-menu ul ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #333333;
}
.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #333333;
}
.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li a:before {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li a:hover:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.main-header .header-menu ul ul ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #333333;
}
.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li.has-sub-item a:before {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.nav-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.logo .sticky-logo {
    display: none;
}
.logo .sticky-logo {
    display: none;
}
.main-header.sticky .logo .default-logo{
    display: none;
}
.main-header.sticky .logo .sticky-logo{
    display: block;
}
.main-header-wraper {
    padding: 0 50px;
}
.modal-menu-container ul {
    display: inline-flex;
    align-items: center;
}
.modal-menu-container ul li {
    padding-right: 20px;
    vertical-align: middle;

}
.modal-menu-container {
    text-align: right;
}
.header-menu ul ul ul {
    left: 210px;
}
.header-menu ul ul > li:hover > ul {
    top: 0px;
    left: 210px;
}
/*2.2: header menu home page 2*/
.offcanvas.header-offcanvas2.show {
    width: 350px;
    padding-top: 120px;
}   
.header-offcanvas2 .submenu-button:before {
    content: '';
    position: absolute;
    right: 22.5px;
    top: 18px;
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #333;
    z-index: 99;
}
.header-offcanvas2 .submenu-button {
    position: absolute;
    right: 0;
    display: block;
    width: 50px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
}
.header-offcanvas2 .submenu-button:before {
    content: '';
    position: absolute;
    right: 22.5px;
    top: 18px;
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #333;
    z-index: 99;
}

.header-offcanvas2  ul.show {
    display: block;
}
.header-offcanvas2 ul li ul {
    padding-left: 15px;
}
.header-offcanvas2 ul li ul{
    display: none;
}
.header-offcanvas2.offcanvas .show {
    width: 300px;
    padding-top: 90px;
}
.header-offcanvas2 .offcanvas-cancel {
    position: absolute;
    right: 35px;
    top: 35px;
}
.header-offcanvas2 ul li,
.header-offcanvas2  ul li a,
.header-offcanvas2  ul{
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    }
.header-offcanvas2  ul li a {
    padding: 12px 15px!important;
    color: #333;
    text-transform: capitalize;
}
.header-style2 .header-menu #menu-button {
    display: block;
    font-size: 26px;
    color: #333333;
    text-align: right;
    display: inline-block;
    cursor: pointer;
}
.header-style2 .header-menu {
    text-align: right;
}
.header-offcanvas2 ul ul li.active a {
    color: #333333;
}
.header-offcanvas2 ul ul li a {
    padding-left: 30px!important;
    width: auto;
    color: #777777;
}
.menu-search-inner button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.menu-search-inner{
    position: relative;
}
.main-header-wraper.header-style2 {
    padding: 20px 50px;
}
.modal-menu-container ul li:last-child {
    padding-right: 0;
}
.main-menu-btn #menu-button i {
    font-size: 25px;
}
.menu-search-inner .theme-input-style {
    font-size: 14px;
}
.menu-search-inner .theme-input-style::-webkit-input-placeholder{
    color: #999999 !important;
}
.menu-search-inner .theme-input-style::-moz-placeholder{
    color: #999999 !important;
}
.menu-search-inner .theme-input-style:-ms-input-placeholder{
    color: #999999 !important;
}
.menu-search-inner .theme-input-style::placeholder{
    color: #999999 !important;
}
.modal-menu-container ul li:hover .cls-1 {
    fill: #ff7353 !important;
}
.submenu-opened.submenu-button:before {
    border-bottom-color: #ff7353;
    border-top-color: transparent;
}
/*2.3: header menu home page 3*/

.header-style3.main-header.sticky .logo .sticky-logo{
    display: block;
        margin: 0 auto;
}
.header-style3{
    margin: 0 auto;
}
.header-style3 .catagory-menu-left ul li {

    margin-right: 20px;
}
.catagory-menu-left ul {
    display: inline-flex;
    align-items: center;
}
.main-menu-btn {
    padding-top: 2px;
}
.header-style3 .catagory-menu-left {
    padding: 23px 0px;
}
/*2:4 sticky social area*/
.sticky-social-area {
    position: fixed;
    right: 40px;
    top: 50%;
    z-index: 10;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.sticky-social-area ul li:not(:last-child){
    padding-bottom: 8px;
}
.sticky-social-area ul li a{
    font-size: 12px;
    font-weight: 600;
    color: #333333; 
}
.sticky-social-area ul li a:hover{
    color: #ff7353;
}
.sticky-social-area ul li span {
    margin-right: 10px;
    font-size: 14px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    left: 0;
    top: 2px;
}
.sticky-social-area ul li {
    padding-left: 25px;
    position: relative;
}
.sticky-social-area ul li a:hover span {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.sticky-social-area.sticky{
    top: 25%;
}
/*2.5: header menu home page 4*/
.relative-header.main-header {
    position: relative;
    background: #fff;
    width: 100%;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    box-shadow: 0 0 10px rgba(0,0,0,.15);

}
.relative-header.main-header.sticky {
    position: fixed;
}
.modal-menu-container ul li .cls-1 {
    fill: #333 !important;
}

/*=================================================
    03: Page Title
=================================================*/

.main-header.inner-page-header.sticky {
    position: fixed;
}

.page-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: -9px;
}
.page-title-heading h1.h2 {
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 0;
    z-index: 6;
    position: relative;
}
.page-title-heading h1.h2 span {
    font-weight: 700;
    color: #333333;
    font-size: 60px;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-26%);
            transform: translateY(-26%);
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    left: 68%;
    white-space: nowrap;
}

.page-title-heading {
    display: inline-block;
    position: relative;
}

.page-title-inner {
    padding: 176px 0 80px;
}
.main-header.inner-page-header {
    background: #fff;
}
.page-title-wrap ul li {
    display: inline-block;
    position: relative;
    padding-left: 10px;
}
.page-title-wrap ul li a:hover {
    color: #333;
}

.page-title-wrap ul li a {
    color: #999999;
    text-transform: capitalize;
    font-size: 14px;
    transition: .3s all linear;
}
.page-title-wrap ul li:first-child {
    padding-left: 0;
}
.page-title-wrap ul li + li:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 2px;
    top: 66%;
    background: #333333;
    left: 3px;
    border-radius: 50%;
}
.page-title-wrap ul li.active a {
    color: #333333;
}

/*=============================================
    04: Banner
==============================================*/
/*4.1: main banner 01*/

.banner-slider2 .banner-image,
.banner-slider2 .single-slider-text h1,
.banner-slider2 .single-slider-text h3,
.single-slider-text a,
.banner-slider3 .single-slider-text span,
.banner-slider3 .single-slider-text h1,
.banner-carousel1 .banner-image,
.banner-carousel1 .single-slider-text h1,
.banner-carousel1 .single-slider-text span,
.banner-carousel1 .single-slider-text p,
.banner-carousel1 .single-slider-text a{
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
}

.banner-slider2 .active .single-slider-text a,
.banner-slider2 .active .single-slider-text h1,
.banner-slider2 .active .single-slider-text h3,
.banner-slider3 .active .single-slider-text a,
.banner-slider3 .active .single-slider-text span,
.banner-slider3 .active .single-slider-text h1,
.banner-carousel1 .active .single-slider-text h1,
.banner-carousel1 .active .single-slider-text span{
     -webkit-animation-name: fadeInDown;
             animation-name: fadeInDown;
}
.banner-slider2 .active .single-slider-text h1,
.banner-slider3 .active .single-slider-text h1{
    -webkit-animation-delay: .2s;
            animation-delay: .2s;
}
.banner-slider2 .active .single-slider-text h3,
.banner-slider3 .active .single-slider-text span{
    -webkit-animation-delay: .4s;
            animation-delay: .4s;
}
.banner-slider2 .active .banner-image,
.banner-carousel1 .active .single-slider-text p{
    -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
}
.banner-carousel1 .active .single-slider-text a{
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
}
.banner-carousel1 .active .banner-image{
    -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
}
.banner-carousel1 .active .single-slider-text span a {
    color: #555555;
}
.single-slider-text a:hover{
    color: #fff;
}
.active .dress-poiner {
    z-index: 12;
}
.active .banner-image{
    z-index: 11;
}
.dress-poiner{
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: scale(0);
            transform: scale(0);
}
.active .dress-poiner{
    -webkit-transition-delay: 2s;
            transition-delay: 2s;
    -webkit-transform: scale(1);
            transform: scale(1);
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
}
.banner-carousel1 .single-slider-text span {
    margin-bottom: 0;
    display: block;
}
.banner-carousel1 .single-slider-text h1{
    font-weight: 700;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
}

.banner-carousel1 .single-slider-wrap {
    padding-top: 190px;
    padding-bottom: 260px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.banner-carousel3 .owl-dots,
.banner-carousel1 .owl-dots {
    counter-reset: dots;
    position: absolute;
    bottom: 50px;
    right: 15%;
}
.banner-carousel3 .owl-dot:before,
.banner-carousel1 .owl-dot:before {
    counter-increment: dots;
    content: "";
    font-weight: 700;
    font-size: 16px;
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
}
.banner-carousel3 .owl-dot.active:before,
.banner-carousel1 .owl-dot.active:before {
    counter-increment: dots;
    content: counter(dots);
    font-weight: 700;
    font-size: 16px;
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
}
.banner-carousel3 .owl-dot,
.banner-carousel1 .owl-dot {
    margin-right: 30px;
    position: relative;
    cursor: pointer;
}
.banner-carousel3 .owl-dot.active:after,
.banner-carousel1 .owl-dot.active:after{
    display: none;
}
.banner-carousel3 .owl-dot.active,
.banner-carousel1 .owl-dot.active {
    margin-right: 11px;
}
.banner-carousel3 .owl-dot:after,
.banner-carousel1 .owl-dot:after {
    position: absolute;
    background: #333333;
    content: "";
    width: 20px;
    height: 2px;
    bottom: 0;
    left: 0;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    cursor: pointer;
}
.banner-carousel3 .owl-dot.active:before,
.banner-carousel1 .owl-dot.active:before {
    counter-increment: dots;
    content: counter(dots);
}
.banner-carousel1 .owl-item .single-slider-wrap img {
    display: block;
    width: inherit !important;
}
.banner-carousel1 .single-slider-text {
    margin-top: 160px;
}
.banner-image img {
    position: absolute !important;
    top: 0;
}

.banner-image {
    position: relative;
}
.dress-poiner.smart.poiner4 .pointer-details,
.dress-poiner.trandy.poiner3 .pointer-details,
.trandy.poiner4 .pointer-details{
    -webkit-transform-origin: right;
            transform-origin: right;
}
/*4.02: main banner home2
===============================*/
/*banner text*/
.banner-slider2 .single-slider-text a {
    z-index: 20;
}
.banner-slider2 .single-slider-wrap-inner {
    height: 860px !important;
}
.height-100{
    height: 100%;
}
.height-100vh{
    height: 100vh
}
.banner-slider2 .banner-image {
    position: absolute;
    width: 100%;
    height: 100%;
    right: -100px;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
}
.banner-slider2 .banner-image.men-3,
.banner-slider2 .banner-image.men-2{
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
}

.banner-slider2 .single-slider-text {
    margin-top: 125px;
}
.banner-slider2 button.owl-prev {
    left: 50px;
}
.banner-slider2 button.owl-next {
   right: 50px;
}

.banner-carousel2 button.owl-prev,
.banner-carousel2 button.owl-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute; 
    font-weight: 700 !important;
    color: #333333 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.banner-slider2 button.owl-next {
    left: auto;
    right: 50px;
}

.banner-slider2 .single-slider-wrap{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
    
.banner-slider2 .single-slider-text h3 {
    font-weight: 700;
    color: #543d2c;
    margin-bottom: 0;
    text-transform: capitalize;
    margin-left: -60px;
}

.banner-slider2 .single-slider-text h1 {
    font-weight: 700;
    color: #543d2c;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 140px;
    line-height: 1;
}
.slide2 .single-slider-text h3 {
    color: #222222;
}
.slide2 .single-slider-text h1 {
    color: #222222;
}.slide3 .single-slider-text h3 {
    color: #1e2561;
}
.slide3 .single-slider-text h1 {
    color: #1e2561;
}
.banner-slider2 .banner-image img {
    position: relative;
    width: inherit !important;
}
.dress-poiner.smart.poiner4 .pointer-details{
    left: -293px;
}
.single-slider-wrap-inner:before {
    position: absolute;
    content: "";
    background: #fffce3;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 111;
}
.banner-slider2 .active .single-slider-wrap-inner:before {
    display: none;
}
.banner-slider2 .single-slider-wrap-inner {
    position: relative;
}
/* 4:3 dress pointer home banner2 */
.dress-poiner > span {
    width: 25px;
    height: 25px;
    display: block;
    background: #ff0000;
    text-align: center;
    line-height: 20.5px;
    border-radius: 50%;
    cursor: pointer;
}

.dress-poiner > span i {
    font-size: 12px;
    color: #ffdd9e;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.dress-poiner:hover span i {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}

.dress-poiner:hover .pointer-details {
    visibility: visible;
    -webkit-transform: scale(1) rotateX(0deg);
            transform: scale(1) rotateX(0deg);
}

.dress-poiner {
    position: absolute;
}
.dress-poiner > span:before {
    height: 100%;
    width: 100%;
    background: #ff0000;
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    transition: .3s all linear;
}
.pointer-details {
    width: 274px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    background: #fff5e5;
    position: absolute;
    top: -38px;
    left: 45px;
    -webkit-transform: scale(0) rotateX(90deg);
    transform: scale(0) rotateX(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    visibility: hidden;
    -webkit-transition: .3s all cubic-bezier(1, 0.02, 1, 1);
    transition: .3s all cubic-bezier(1, 0.02, 1, 1);
}

.pointer-details p {
    margin-bottom: 0;
    font-weight: 700;
    color: #333;
}

.pointer-details .pointer-image {
    margin-right: 21px;
}

.pointer-body h6 {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #333333;
}

.pointer-body p span {
    display: inline-block;
    margin-left: 21px;
}
.dress-poiner:hover{
    -webkit-animation: none;
            animation: none;
}
.dress-poiner span:before{
    -webkit-animation: zoom .3s linear infinite alternate;
            animation: zoom .3s linear infinite alternate;
}
.dress-poiner:hover span:before{
    animation: none;
}
@-webkit-keyframes zoom{
    0%{
        -webkit-transform: scale(.9);
                transform: scale(.9)
    }
    100%{
        -webkit-transform: scale(1.1);
                transform: scale(1.1) 
    }
}
@keyframes zoom{
    0%{
        -webkit-transform: scale(.9);
                transform: scale(.9)
    }
    100%{
        -webkit-transform: scale(1.1);
                transform: scale(1.1) 
    }
}
  /*4:4 pointer position */
  .dress-poiner.trandy.poiner2 {
    top: 89%;
    right: 26%;
    }
    .dress-poiner.poiner1 {
        top: 51%;
        right: 25%;
    }
    .trandy.poiner3 .pointer-details {
        left: -292px;
    }
    .dress-poiner.trandy.poiner4 {
        top: 26%;
        right: 3%;
    }
    
    .trandy.poiner4 .pointer-details {
        left: -290px;
    }
    
    .dress-poiner.trandy.poiner3 {
        top: 72%;
        right: 3px;
    }
    .dress-poiner.trandy.poiner1 {
        top: 51%;
        right: 28%;
    }
    .dress-poiner.smart.poiner2 {
        top: 39%;
        left: 59%;
    }
    .dress-poiner.smart.poiner3 {
        top: 85%;
        left: 30%;
    }
    .dress-poiner.smart.poiner4 {
        top: 92%;
        right: 18%;
    }
    .dress-poiner.smart.poiner1 {
        top: 51%;
        right: 25%;
    }
    .categores-link-wrap ul li {
        display: inline-block;
        padding-right: 20px;
    }
    
    .categores-link-wrap ul {
        padding: 0;
        list-style: none;
    }
    
    .categores-link-wra {
        position: absolute;
        bottom: 0;
    }
    
    .categores-link-wrap {
        position: absolute;
        bottom: 9px;
        left: -25%;
    }
    
    .categores-link-wrap ul li a {
        font-size: 14px;
        color: #777777;
        font-weight: 700;
        font-family: 'Roboto Condensed', sans-serif;
        z-index: 11;
        position: relative;
    }
    
    .categores-link-wrap ul li a:hover {
        color: #222222;
    }
    .dress-poiner.trandy.poiner2 {
        top: 89%;
        right: 33%;
    }
/* 4.05: main banner home3
====================================*/
.banner-slider3 .banner-image img {
    position: relative !important;
    width: inherit !important;
}
.banner-slider3 .image-caption {
    position: absolute;
    top: 180px;
    left: 300px;
    z-index: 11;
}

.banner-slider3 .image-caption h6 {
    font-weight: 700;
    color: #ff7353;
}

.banner-slider3 .image-caption h5 {
    font-weight: 700;
}
.banner-slider3 .single-slider-text h1 {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 25px;
}
.banner-slider3 .banner-image:before {
    height: 350px;
    width: 350px;
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 50%;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    top: 146px;
    left: 92px;
}
.banner-slider3 .single-slider-text span {
    margin-bottom: 10px;
    display: block;
    font-size: 14px;
}
.banner-slider3 .single-slider-wrap {
    padding: 70px 0;
}
.banner-slider3 .dress-image img {
    width: inherit !important;
}
.dress-details ul li h6 {
    font-weight: 700;
    margin-bottom: 0;
}

.dress-details ul li h6 span {
    display: block;
}

.dress-image {
    margin-bottom: 15px;
}

.dress-details ul li {
    display: inline-block;
    margin-right: 17px;
}
.dress-details {
    position: absolute;
    bottom: -30px;
    right: -150px;
}
.banner-slider3 .right-content .image-caption {
    top: 190px;
    left: 110px;
    text-align: right;
    z-index: 11;
}
.banner-slider3 .right-content .banner-image:before {
    top: 134px;
    left: -70px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.right-content .dress-details {
    bottom: -30px;
    left: -100px;
}
.right-content .banner-image {
    float: right;
}
/*4.6: main banner home 4
============================================*/
.banner-carousel4 .banner-image img {
    position: relative !important;
}
.banner-carousel4 .single-slider-wrap {
    width: 320px;
    position: relative;
}
.banner-carousel4 .banner-hover-text h2 {
    font-weight: 700;
    line-height: 1;
}
.banner-carousel4 .banner-hover-layer {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    background: rgba(255,255,255, .80);
    height: 100%;
    -webkit-transition: all .40s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    visibility: visible;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 20;
}

.banner-carousel4 .single-slider-wrap:hover .banner-hover-layer {
    top: 0;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-animation: bounce2 1s linear;
            animation: bounce2 1s linear;
}
@-webkit-keyframes bounce2 {
    from,
    20%,
    53%,
    80%,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    40%,
    43% {
      -webkit-transform: translate3d(0, -100px, 0);
      transform: translate3d(0, -100px, 0);
    }
  
    70% {
      -webkit-transform: translate3d(0, -50px, 0);
      transform: translate3d(0, -50px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -20px, 0);
    }
  }
@keyframes bounce2 {
    from,
    20%,
    53%,
    80%,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    40%,
    43% {
      -webkit-transform: translate3d(0, -100px, 0);
      transform: translate3d(0, -100px, 0);
    }
  
    70% {
      -webkit-transform: translate3d(0, -50px, 0);
      transform: translate3d(0, -50px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -20px, 0);
    }
  }
  
  .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
.banner-hover-text-wrap {
    position: absolute;
    bottom: 70px;
    left: 50px;
}

.catagory-button span {
    display: inline-block;
    cursor: pointer;
}
.catagory-button span.down-arro{
    transition: .3s all linear;
}
.catagory-button span.down-arro:hover {
    transform: rotate(180deg);
}
.catagory-button{
    margin-top: 33px;
}
.catagory-button span path#Collaps_button,
.catagory-button span path#Catagory_button {
    fill: #000000;
}
.catagory-button .up-arro{
    display: none;
}
.hover-catagory-menu ul li a:hover {
    color: #333;
    margin-left: 4px;
}
.hover-catagory-menu ul li a {
    color: #555555;
    transition: .3s all linear;
}
.hover-catagory-menu ul li{
    padding-bottom: 13px;
}
.hover-catagory-menu{
    display: none;
    margin-bottom: 33px;
    margin-top: 33px;
}
.banner-carousel4.owl-carousel .owl-item img {
    display: block;
    width: inherit;
}
/*4.07: main banner home 5
============================================*/

/*====================================================
    05: Modal Window
====================================================*/

.modal-window-close {
    position: relative;
    margin-top: 50px;
    height: 45px;
    width: 45px;
    line-height: 37px;
    margin: 50px auto 0;
    border: 2px solid #333333;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    z-index: 100;
    padding-left: 2px;
}
.modal-window-close svg .cls-1{
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.modal-window-close:hover.modal-window-close svg .cls-1{
    fill: #ff0000;
}
.modal-window-close:hover{
    border-color: #ff0000;
}

.modal-window-inner h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 37px;
}

.modal-window-inner h4 {
    color: #ff5400;
    font-weight: 700;
    margin-bottom: 0;
}

.modal-window-inner h2.h1 {
    font-weight: 700;
    font-size: 120px;
    color: #ff5400;
    line-height: 110px;
    display: inline-block;
}

.modal-window-inner span {
    font-weight: 700;
    display: inline-block;
    font-size: 30px;
    vertical-align: top;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ff5400;
}

.modal-window-inner  p {
    color: #999999;
    font-size: 14px;
    margin-bottom: 45px;
}
.modal-subscribe{
    position: relative;
}
.modal-subscribe button[type=submit] {
    cursor: pointer;
    background: transparent;
    border: none;
    color: #333333;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.modal-subscribe button[type=submit]:hover {
    -webkit-transform: translate(10px, -50%);
            transform: translate(10px, -50%);
}
    
.modal-window-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -10;
    background: rgba(0,0,0,.50);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    overflow-y: auto;
    z-index: 9999;
    visibility: hidden;
    -webkit-transition: all .7s linear;
    transition: all .7s linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.modal-window-container.window-show .modal-window-overlay{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.modal-window-content:before{
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: url('../img/pattern.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.modal-window-content {
    width: 500px;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 60px;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 100000;
    position: fixed;
    top: 0;
    margin: 0 auto;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(.7);
            transform: translateX(-50%) scale(.7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    box-shadow: 0 -10px 30px rgba(0,0,0,.3);
    background: #fff !important;
}

.modal-window-container.window-show .modal-window-content {
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1000000;
    visibility: visible;
}
.modal-window-open{
    overflow: hidden;
}
.quick-view-content-inner .product-details-inner {
    padding: 30px 30px 30px 0px;
}
.quick-view-content-inner .product-details-inner .product-description p {
    font-size: 16px;
    margin-bottom: 24px;
    line-height: 26px;
}
.quick-view-content-inner .list-product-group {
    margin-bottom: 8px;
    user-select: none;
}
.quick-view-content-inner .product-details-btns > * {
    display: inline-block;
    padding-right: 10px;
}
.quick-view-content-inner .more-details-button {
    margin-top: 16px;
}
.quick-view-content-inner .item-product-meta-info {
    margin: 24px 0 0px;
}
.quick-view-content-inner .list-product-group ul .group {
    width: 100%;
    padding-bottom: 20px;
}
/*===============================================
    06: Quick view modal container
===============================================*/
.quick-view-content .wish-btn a span {
    margin-right: 0;
}
.quick-view-content-inner .list-product-group ul .group .list-heading {
    margin-right: 8px;
}
.quick-view-content-wrap{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    z-index: 10000;
}

.quick-view-content .modal-window-close {
    position: absolute;
    top: 20px;
    right: 20px;
    margin-top: 0;
    text-align: center;
}
.quick-view-content-inner {
    background: #fff;
    box-shadow: 0px 0px 30px rgba(0,0,0,.2);
}
.modal-quickview-container .wish-btn a span{
    margin-right: 0;
}


.quick-product-thumbs {
    width: 230px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 20px;
}
.quick-product-thumbs .swiper-slide-active {
    border: 1px solid #333333;
}
.modal-quickview-container.show .modal-window-overlay {
    visibility: visible;
    opacity: 1;
}
.more-details-button {
    margin-top: 16px;
}

.more-details-button a {
    font-size: 14px;
}

.modal-quickview-container.show .quick-view-content-wrap {
    opacity: 1;
    visibility: visible;
}
.quick-view-content-wrap {
    opacity: 0;
    visibility: hidden;
    z-index: 10000;
    position: fixed;
    min-height: calc(100% - (0.5rem * 2));
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.quick-view-content {
    width: 920px;
    margin: 0 auto;
    z-index: 10000;
    position: relative;
    left: 0;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    top: 50px;
    -webkit-transform: scale(.9);
            transform: scale(.9);
    margin-bottom: 25px;
}
.modal-quickview-container.show .quick-view-content{
    -webkit-transform: scale(1);
            transform: scale(1);
}
.product-details-inner .product-title h2 {
    font-weight: 700;
}
.product-details-inner .product-title h2 a {
    color: #333333;
}
/* 6:1 modal add to cart */

.wish-notifacition-inner  .wish-noti-image,
.add-notifacition-inner  .add-noti-image {
    width: 80px;
    height: 80px;
    margin-right: 20px;
}
.wish-notifacition-inner,
.add-notifacition-inner {
    width: 500px;
    background: #fff;
    padding: 10px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    box-shadow: 10px 10px 30px rgba(0,0,0,.1);
}
.add-notifacition-inner p {
    margin-bottom: 0;
    color: #2bc900;
}
.wish-notifacition-inner p{
    margin-bottom: 0;
    color: #0c5460
}
.modal-wish-notifacition,
.modal-add-notifacition {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.wish-notifacition-inner span,
.add-notifacition-inner span {
    font-size: 14px;
    color: #333333;
}
.quick-view-content .list-product-group ul li .size-list li .product-size{
    border-color: #777;
    transition: .3s all linear;
}
.quick-view-content .list-product-group ul li .size-list li .product-size:hover {
    background: #333;
    color: #fff !important;
    border-color: #333;
}
.quick-view-content .list-product-group ul li .size-list li .product-size.active{
    border-color: #333;
}
/* ==============================================
    07: Side nave
==============================================*/

.slidenav {
    transition: .6s all linear;
    -moz-transition-delay: .35s;
    transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: top;
    z-index: 100000;
    top: -100%;
    left: auto;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: transparent;
    overflow-y: scroll;
    overflow-x: hidden;

}

.slidenav.active {
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    top: 0%;
    background-color: rgba(255,255,255,.98);
}

.catagory-menu-wrap ul li ul {
    padding-left: 0;
    position: absolute;
    top: 51px;
}
.catagory-menu-wrap , 
.catagory-menu-wrap  ul, 
.catagory-menu-wrap  ul li, 
.catagory-menu-wrap  ul li a, 
 {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
}
.catagory-menu-wrap ul li {
    list-style: none;
}
.catagory-menu-wrap ul > li {
    list-style: none;
    display: inline-flex;
    width: 24%;
    position: relative;
}
.catagory-menu-wrap ul li ul li {
    display: block;
    width: 100%;
}
.catagory-menu-wrap > ul > li > ul {
    -webkit-transition: top .2s ease, opacity .2s ease;
    transition: top .2s ease, opacity .2s ease;
}
.catagory-menu-wrap ul li a {
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
.catagory-menu-wrap ul li ul li a{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #777777;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.catagory-menu-wrap ul li ul li a:hover{
    color: #333333;
}
.catagory-menu-wrap ul li ul li {
    padding-bottom: 11px;
}

.search-bar {
    margin-bottom: 108px;
}

.menu-cancel {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 44px;
    border: 2px solid #333333;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.menu-cancel:hover:after{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.menu-cancel:hover svg path#icon {
    fill: #ff0000;
}
.menu-cancel svg path#icon {
    fill: #333;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.menu-cancel:hover{
    border-color: #ff0000;
}
.catagory-menu-header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 75px;
}
.search-bar .search-icon {
    font-family: Fontawesome;
    border: none;
    position: absolute;
    top: 50%;
    display: inline-block;
    height: 39px;
    width: 40px;
    text-align: center;
    right: 0px;
    background: transparent;
}
.catagory-menu-wrap ul li ul:before {
    content: "";
    background: #dbdbdb;
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0;
    right: -60px;
}
.catagory-menu-wrap ul li:last-child ul:last-child:before {
    display: none;
}
.catagory-menu-wrap ul > li span {
    display: inline-block;
    position: absolute;
    left: -15px;
    top: -18px;
}

.catagory-menu-wrap ul > li span svg path#icon {
    opacity: .1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.search-menu .search-bar.primary-form input{
    height: 50px;
    font-size: 18px;
}
.search-menu .search-bar .search-icon {
    height: 50px;
    width: 50px;
    font-size: 28px;
    top: 50%;
    right: 0;
}

/*=================================================
    08: offcanvas
===================================================*/
#menu-button i{
    display: none;
}
.offcanvas {
    width: 500px;
    background: #fff;
    top: 0;
    right: -100%;
    position: fixed;
    height: 100%;
    text-align: left;
    padding: 30px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    box-shadow: 4px 0px 30px #333333;
    z-index: 1000000;
    padding-top: 50px;
}
.offcanvas.show {
    right: 0;
    width: 500px;
    overflow: auto;
}
.offcanvas-cancel{
    cursor: pointer;
    display: inline-block;
}
.offcanvas-inner a {
    display: block;
    
}

.single-item-right .btn.out-stock-btn,
.single-item-right .btn.addto-cart-btn {
    display: block;
    padding: 0;
    margin-bottom: 0;
    color: #333333;
    font-size: 14px;
}
.single-item-right .btn.out-stock-btn{
    color: #ff0000;
}
.single-item-right .btn.out-stock-btn:before,
.single-item-right .btn.addto-cart-btn:before {
    display: none;
}
.offcanvas-head h3 {
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 50px;
}
.offcanvas-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 65px;
}
.offcanvas-cancel:hover{
    border-color: #ff0000
}
.offcanvas-cancel svg path {
    transition: .3s all linear;
}
.offcanvas-cancel:hover svg path {
    fill: red;
}
.single-item-left img {
    margin-right: 30px;
}
.single-item-details h5 {
    font-weight: 700;
    margin-bottom: 4px;
}
.single-item-details p {
    margin-bottom: 0;
}
.single-added-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
}
.single-item-right h6 {
    margin-bottom: 0;
    font-weight: 700;
}
.single-item-right h6 {
    margin-bottom: 0;
    font-weight: 700;
}

.single-item-right a {
    display: inline-block;
    margin-bottom: 13px;
}

.single-item-right a:hover path#remove {
    fill: red;
}
.sold-item .single-item-right h6 {
    margin-bottom: 0;
    font-weight: 700;
    color: #ff0000;
}
.offcanvas-head .head-text {
    position: relative;
}

.offcanvas-head .head-text svg {
    position: absolute;
    left: 12px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    top: -9px;
}
.offcanvas-cancel {
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 38px;
    border: 2px solid #000;
    border-radius: 50%;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
}

.offcanvas-account path#Account_icon {
    opacity: .1;
    fill: #999;
}
.offcanvas:before{
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../assets/img/pattern2.png);
    z-index: -1;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.added-cart-list .single-item-right a {
    display: inline-block;
    margin-bottom: 13px;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all;
    transition: .3s all;
}
.single-added-list:hover .single-item-right a {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.cart-support ul {
    margin-bottom: 0;
    padding: 20px 40px;
}

.cart-support ul li {
    padding-bottom: 13px;
    color: #bcbcbc;
}

.cart-support ul li span {
    font-size: 18px;
    margin-right: 20px;
}
.cart-support ul {
    margin-bottom: 0;
    padding: 20px 40px;
}

.cart-support ul li {
    padding-bottom: 13px;
    padding-left: 25px;
    color: #bcbcbc;
    position: relative;
}

.cart-support ul li span {
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 3px;
}

.cart-support p {
    margin-bottom: 0;
    display: inline-block;
    padding: 0 15px;
    color: #333333;
    font-weight: 700;
    margin-left: 30px;
    background: #ffff;
}

.cart-support {
    position: relative;
}

.cart-support:before {
    content: "";
    height: 1px;
    width: 100%;
    background: #c5c5c5;
    position: absolute;
    top: 11px;
    z-index: -1;
}
.view-cart-check-btn a {
    display: inline-block;
    background: #333333;
    padding: 10px 65px !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.view-cart-check-btn a:hover{
    color: #333 !important;
}
.view-cart-check-btn a.btn.btn-fill-type:before{
    background: #fff;
}
.view-cart-check-btn {
    margin-top: 100px;
}

.cart-support ul li:last-child {
    padding-bottom: 0;
}

.view-cart-check-btn p {
    margin-top: 30px;
}
.total-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 100px;
    border-top: 1px solid #333333;
}

.total-price h3 {
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 700;
    color: #ff7353;
}

.total-price h5 {
    font-weight: 700;
    margin-top: 20px;
}
.cls-1{
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.product-details-nav .nav,
.category-nav .nav,
.login-register-nav .nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 50px;
}
.main-log-regi .login-register-nav .nav {
    margin: 0 80px 50px 80px;
}
.login-register-wrap.main-log-regi {
    margin-bottom: 0;
}
.category-nav .nav{
    width: 50%;
    margin: 0 auto 50px;
}
.product-details-nav .nav a,
.category-nav .nav a,
.login-register-nav .nav a {
    padding: 20px;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    color: #999999;
    line-height: 1;
    position: relative;
}
.product-details-nav .nav a.active,
.category-nav .nav a.active,
.login-register-nav .nav a.active {
    color: #333333;
}
.product-details-tab-inner {
    margin-top: 80px;
}
.product-details-nav .nav a.active:after,
.category-nav .nav a.active:after,
.login-register-nav .nav a.active:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 15px;
    background: #333333;
    left: 50%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 96%;
}
.login-register-content {
    padding: 0 25px;
}
.login-register-content .primary-form input:not([type=submit]) {
    height: 40px;
    padding: 0 0 0 30px;
    font-size: 14px;
}
.input-field label {
    position: absolute;
    margin-bottom: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.input-field {
    position: relative;
    margin-bottom: 37px;
}
.login-register-content input[type="submit"] {
    position: relative;
    border: none;
    cursor: pointer;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 8px 15px;
    background: #333;
    color: #ffff;
    margin-bottom: 30px;
    -webkit-transform: translate(0);
            transform: translate(0);
}
.login-register-content p a {
    display: inline-block;
    text-decoration: underline;
    margin-left: 5px;
}
.offcanvas-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 100003;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    overflow-y: hidden;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition: .4s all linear;
    transition: .4s all linear;
    visibility: hidden;
}
.login-register-wrap {
    margin-bottom: 100px;
}
.single-item-right .btn.addto-cart-btn {
    display: block;
    padding: 0;
    margin-bottom: 0;
    color: #333333;
}

.single-item-right .btn.addto-cart-btn:before {
    display: none;
}
.login-register-content button.btn {
    padding: 7px 20px;
    color: #fff;
    background: #333;
    margin-bottom: 30px;
}

.login-register-content button.btn:before {
    background: #fff;
}

.login-register-content button.btn:hover {
    color: #333;
}
/*================================================
   09: About Us page
================================================*/
/*09:1 about intro*/
.about-us-intro .intro-heading h2 {
    font-weight: 700;
    margin-bottom: 0;
}

.about-us-intro .intro-heading {
    margin-bottom: 30px;
    margin-top: -7px;
}
.about-us-intro {
    margin-bottom: 69px;
}
.about-image-inner .about-image.img1 {
    margin-top: 94px;
}

.about-image-inner .about-image.img3 {
    margin-top: -214px;
}
.about-image-inner.type2 {
    margin-bottom: 60px;
}

.about-our-principles-inner h2,.about-our-mision-inner h2 {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 28px;
}


.about-our-principles-inner .principle-list li {
    padding-left: 24px;
    position: relative;
}

.about-our-principles-inner .principle-list li:not(:last-child) {
    padding-bottom: 8px;
}

.about-our-principles-inner .principle-list li:before {
    content: "";
    position: absolute;
    background: #333333;
    height: 4px;
    width: 8px;
    left: 3px;
    top: 12px;
}

/*09:2 about ceo*/
.about-our-mision-inner p:last-child {
    margin-bottom: 0;
}

.about-our-goal {
    margin-bottom: -8px;
}

.ceo-discription-inner h3 {
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.ceo-discription-inner h5 {
    margin-bottom: 27px;
}

.ceo-discription-inner blockquote {
    font-size: 20px;
    font-style: italic;
    color: #333333;
    margin-bottom: 20px;
}

.ceo-discription-inner {
    padding: 0 100px 0 40px;
}
/*9:03 our team*/
.single-team-member .team-member-image {
    margin-bottom: 36px;
}

.single-team-member .team-member-details h4 {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 2px;
}

.single-team-member .team-member-details p {
    color: #777777;
}
.member-social-area ul li {
    display: inline-block;
    padding-right: 5px;

}

.member-social-area ul li a {
    height: 30px;
    width: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
}
.member-social-area {
    margin-bottom: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    margin-top: -30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.about-member-body {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-team-member {
    margin-bottom: 60px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-team-member:hover{
    margin-bottom: 30px;
}

.single-team-member:hover .member-social-area {
    margin-top: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
}
/*================================================
    10: Collection section
==================================================*/
.single-colection-inner{
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    margin-bottom: 30px;
}
.single-colection-img img {
    width: 100%;
    height: inherit;
}
.single-colection {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(30px, -50%);
            transform: translate(30px, -50%);
}
.single-colection h3 {
    color: #333333;
    font-weight: 700;
    margin-bottom: 15px;
}

.single-colection .btn {
    font-size: 14px;
    padding: 8px 18px 8px;
}
.single-colection .btn:hover{
    color: #fff;
}
/*10:2 collection type2*/
.overlay2{
    position: relative;
}
.overlay2:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    bottom: 0;
    top: 0;
    left: -50%;
    background: -webkit-linear-gradient(left, rgba(255, 239, 189, .90) 0%,rgba(255, 239, 189,  .55) 50%, rgba(255, 239, 189, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 239, 189, .90)0%, rgba(255, 239, 189,  .55) 50%, rgba(255, 239, 189, 0) 100%);
    background: linear-gradient(to right, rgba(255, 239, 189, .90)0%, rgba(255, 239, 189,  .55) 50%, rgba(255, 239, 189, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.overlay3{
    position: relative;
}
.overlay3:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    bottom: 0;
    top: 0;
    left: -50%;
    background: -webkit-linear-gradient(left, rgba(236, 255, 212, .90)  0%, rgba(236, 255, 212, .55) 50%, rgba(236, 255, 212, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(236, 255, 212, .90)0%, rgba(236, 255, 212, .55) 50%, rgba(236, 255, 212, 0) 100%);
    background: linear-gradient(to right, rgba(236, 255, 212, .90)0%, rgba(236, 255, 212, .55) 50%, rgba(236, 255, 212, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.overlay4{
    position: relative;
}
.overlay4:before{
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    bottom: 0;
    top: 0;
    left: -50%;
    background: -webkit-linear-gradient(left, rgba(255, 212, 239, .90) 0%, rgba(255, 212, 239, .55) 50%, rgba(255, 212, 239, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 212, 239, .90)0%, rgba(255, 212, 239, .55) 50%, rgba(255, 212, 239, 0) 100%);
    background: linear-gradient(to right, rgba(255, 212, 239, .90)0%, rgba(255, 212, 239, .55) 50%, rgba(255, 212, 239, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-colection-inner.type2:hover.overlay2:before,
.single-colection-inner.type2:hover.overlay3:before,
.single-colection-inner.type2:hover.overlay4:before {
    left: 0%;
}
/*===================================================
    11: add section
===================================================*/
.single-add-inner a:hover {
    color: #fff;
}
.single-add-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.single-add-inner.small-img{
       height: 256px;
}
.single-add-inner.larg-img{
    height: 543px;
    position: relative;
}
.single-add {
    margin-left: 45px;
}
.single-add-inner:hover .single-add h3 {
    color: #ff7353;
}
.single-add h3{
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-add p {
    margin-bottom: 0;
    font-size: 14px;
    color: #777777;
}

.single-add h3 {
    font-weight: 700;
    margin-bottom: 15px;
}
.save .single-add h3 {
    font-weight: 700;
    color: #ff7353;
}
.single-add h3 span {
    display: block;
}
.discount .single-add h2 span {
    font-size: 60px;
    font-weight: 700;
    display: block;
}
.single-add-inner.larg-img .single-add {
    top: 45px;
    position: absolute;
    left: 47px;
    margin-left: 0;
}
.single-add-inner.larg-img .single-add h2{
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}
.larg-img  .single-add p {
    margin-bottom: 0;
    font-size: 14px;
    color: #333333;
}
.single-add-inner.larg-img.discount a {
    position: absolute;
    left: 50px;
    bottom: 70px;
}
.single-add-inner.larg-img.discount.type2 a,
.single-add-inner.larg-img.type2 .single-add {
    left: 25px;
}
/*==================================================
    12: our partner
==================================================*/
.our-partner_inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 60px 20px;
}
/*===============================================
    13: Quick service
===============================================*/
.single-quick-service p {
    margin-bottom: 0;
    font-size: 14px;
}

.single-quick-service {margin-bottom: 25px;position: relative;}

.single-quick-text {
    margin-left: 30px;
}

.single-quick-text h5 {
    font-weight: 700;
    text-transform: capitalize;
}

.single-quick-service:after {
    position: absolute;
    width: 1px;
    height: 100%;
    content: "";
    background: #333333;
    right: 5px;
    top: 0;
}
.quick-service-wrap .col-md-3:last-child .single-quick-service:after,
.quick-service-wrap .col-md-4:last-child .single-quick-service:after{
    display: none;
}
.bdr-top{
    border-top: 1px solid #f9f9f9;
}
.bdr-btm{
    border-bottom: 1px solid #f9f9f9;
}
/*===================================================
   14: top sellers
===================================================*/
.single-top-seller{
    margin-bottom: 30px;
    position: relative;
}
.single-top-seller .top-seller-img {
    height: 80px;
    width: 80px;
    overflow: hidden;
    position: relative;
    margin-right: 30px;
}

.single-seller-body h5 {
    font-weight: 700;
    text-transform: capitalize;
}
.single-seller-body h5 a{
    clear: #333333
}
.single-seller-body .h5 {
    margin-bottom: 0;
    font-weight: 700;
    color: #777777;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
}
.single-top-seller:hover .single-seller-body .h5{
    color: #ff7353;
}
/*14:01 top sellers type2*/
.single-top-seller.type2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
}
.type2.single-top-seller .top-seller-img {
    height: 160px;
    width: 160px;
}

.single-top-seller.type2 .star-rating {
    margin: 0;
}
.single-top-seller.type2 .product-rating {
    margin-bottom: 10px;
    margin-top: 0;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-top-seller.type2 .single-seller-body h5 {
    font-size: 18px;
    color: #333333;
}
.single-top-seller.type2 .single-seller-body h5 a{
    color: #333333;
}
.type2.discount .single-add h2 span,
.single-add-inner.larg-img.type2 .single-add h2,
.type2.larg-img .single-add p {
    color: #ff7353;
}
/*======================================================
    15: Call to action
======================================================*/
.callto-action-inner h3 {
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
    text-transform: capitalize;
    transition: .3s all linear;
}

.callto-action-inner h5 {
    line-height: 1;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 15px;
}

.callto-action-inner h5 a.btn {
    padding-top: 5px;
    text-transform: capitalize;
    font-weight: 700;
}
.callto-action-inner h5 a.btn:hover{
    color: #fff;
}

.callto-action-inner {
    padding: 36px 0px 36px 55px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
/*================================================
    16: dash add
================================================*/
.dash-add-inner {
    padding: 38px 42px 34px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.dash-add-inner .dash-add-text h5 {
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 0;
}
/*==============================================
   17: Featured area
==============================================*/
/*17:01 section title*/
.section-title h2 {
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.section-title-wrap {
    margin-bottom: 60px;
}
.section-title-wrap .section-title{
    display: inline-block;
    position: relative;
    margin-top: -9px;
}

.section-title span {
    font-weight: 700;
    color: #333333;
    font-size: 60px;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-26%);
            transform: translateY(-26%);
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    left: -200%;
}

/*17:02 section title type2*/
.section-title-wrap.type2 {
    text-align: center;
}

.type2 .section-title span {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    left: 50% !important;
    top: -23px;
}
.section-title-wrap.type3 {
    text-align: center;
    margin-top: 20px;
}

.type3 .section-title span {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    left: -6% !important;
    top: -31px;
}
.featured-item-left {
    width: 50%;
    float: left;
}
.single-feature-inner:hover .featured-item-image .normal-state{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
.featured-item-image{
    position: relative;
    overflow: hidden;
}
.featured-item-image .normal-state{
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.featured-item-image .hover-state{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    position: absolute;
    top: 0; 
    left: 0;
}
.single-feature-inner:hover .featured-item-image .hover-state{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.featured-content p {
    margin-bottom: 0;
    font-size: 12px;
    color: #555555;
}
.single-feature-inner {
    margin-bottom: 70px;
}

.featured-content h3 {
    color: #333333;
    font-weight: 700;
    margin-bottom: 15px;
}

.featured-content h4 {
    color: #ff7353;
    font-weight: 700;
    display: inline-block;
}
.featured-item-image img {
    width: 100%;
}
.featured-content span {
    margin-left: 20px;
    font-weight: 700;
    color: #999999;
    text-decoration: line-through;
}
.wish-list svg #wishlist,
.add-to-btn svg #Add_to_bag_{
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.add-to-btn .wish-list:hover #wishlist,
.add-to-btn .add-to-bag:hover #Add_to_bag_ {
    fill: #ff7353;
}
.feature-long {
    margin-bottom: 23px;
}
.content-right {
    margin-left: 30px;
}
.text-rev {
    -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
}
.text-rev .content-left {
    margin-left: 100px;
    position: absolute;
    width: 89%;
    top: -56px;
}
.add-to-btn .add-to-bag {
    margin-right: 13px;
}
.add-to-btn a{
    display: inline-block;
}
.add-to-btn {
    margin-top: 3px;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-feature-inner:hover .add-to-btn {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*17:03 featured type2*/
.featured-content .single-add {
    margin-left: 0;
    position: absolute;
    bottom: 0;
}

.featured-content.text-right .single-add {
    right: 30px;
    bottom: 30px;
}

.single-featured-inner.type2 {
    position: relative;
    margin-bottom: 30px;
}

.featured-content.text-left .single-add {
    left: 30px;
    bottom: 30px;
}

.featured-content .single-add a {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.featured-content .single-add a:hover{
    color: #fff;
}
.featured-content .single-add {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-featured-inner.type2:hover .single-add {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
.single-featured-inner.type2:hover .single-add h3{
    color: #ff7353;
}
.single-featured-inner.type2:hover  h3{
    color: #ff7353;
}

.single-featured-inner.type2:hover .single-add a {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*===============================================
    18: New Arrivel
===============================================*/
.star-rating:before {
    content: '\f006\f006\f006\f006\f006';
    color: #999999;
    top: 0;
    left: 0;
    position: absolute;
    font-family: FontAwesome;
    letter-spacing: 2px;
    font-size: 12px;
}

.star-rating span:before {
    content: '\f005\f005\f005\f005';
    top: 0;
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    letter-spacing: 2px;
    color: #ffc600;
    font-size: 12px;
}

.star-rating {
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
}
.product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 25px 20px;
}

.product-price h5 {
    margin-bottom: 0;
    line-height: 1;
    font-weight: 700;
    color: #777777;
}
.product-image .hover-state {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.product-thumb {
    position: relative;
    overflow: hidden;
}

.product-title {
    position: absolute;
    bottom: 15px;
    left: 20px;
}
.single-product .product-title {
    padding-right: 10px;
}
.product-title h4 {
    margin-bottom: 0;
    font-weight: 700;
    color: #333333;
}
.product-title h4 a{
    color: #333333;
}
.product-buttons {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 5;
}
.quick-icon-btn a span:first-child,
.wishlist-icon-btn a span:first-child,
.compare-icon-btn a span:first-child,
.addto-icon-btn a span:first-child {
    height: 40px;
    width: 40px;
    background: #ffffff;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.quick-icon-btn a span:first-child:hover,
.wishlist-icon-btn a span:first-child:hover, 
.compare-icon-btn a span:first-child:hover, 
.addto-icon-btn a span:first-child:hover {
    background: #333333;
}
.quick-icon-btn a span:first-child:hover{
    color: #fff;
}
.wishlist-icon-btn a span:first-child:hover path.cls-1, 
.compare-icon-btn a span:first-child:hover path.cls-1, 
.addto-icon-btn a span:first-child:hover path.cls-1 {
    fill: #fff;
}
.product-icon i {
    font-size: 19px;
}
.quick-icon-btn a .icon-title,
.wishlist-icon-btn a .icon-title, 
.compare-icon-btn a .icon-title, 
.addto-icon-btn a .icon-title {
    background: #333333;
    padding: 3px 11px;
    color: #fff;
    position: relative;
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
    display: inline-block;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    font-size: 14px;
}
.quick-icon-btn a .product-icon:hover+span,
.wishlist-icon-btn a .product-icon:hover+span,
.compare-icon-btn a .product-icon:hover+span,
.addto-icon-btn a .product-icon:hover+span {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
}
.quick-icon-btn a .icon-title:after,
.wishlist-icon-btn a .icon-title:after, 
.compare-icon-btn a .icon-title:after, 
.addto-icon-btn a .icon-title:after {
    position: absolute;
    width: 0;
    height: 0;
    border-right: 5px solid #333333;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: 0;
    content: "";
    top: 50%;
    margin-left: -5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.product-buttons > * {
    margin-bottom: 2px;
}
.single-product:hover .product-image .hover-state {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.single-product:hover .quick-icon-btn,
.single-product:hover .addto-icon-btn,
.single-product:hover .wishlist-icon-btn,
.single-product:hover .compare-icon-btn{
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
}
.quick-icon-btn,
.compare-icon-btn,
.wishlist-icon-btn,
.addto-icon-btn {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
}
.addto-icon-btn {
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
}
.wishlist-icon-btn{
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}
.compare-icon-btn{
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
}
.single-product {
    margin-bottom: 40px;
}
.single-product:hover .product-title h4 a{
    color: #555555;
}
.single-product:hover .product-price h5 {
    color: #ff7353;
}
.quick-icon-btn a .product-icon i{
    color: #333;
}
.quick-icon-btn a .product-icon:hover i{
    color: #fff;
}
.product-tag {
    position: absolute;
    right: -43px;
    top: 50%;
    height: 45px;
    width: 130px;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(-50%)rotate(-90deg);
            transform: translateY(-50%)rotate(-90deg);
}

.product-tag .tag-text span {
    margin-bottom: 0;
    font-weight: 700;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}
.product-tag:after {
    content: "";
    background: #ff7353;
    position: absolute;
    height: 200%;
    width: 105%;
    top: -3px;
    right: -4px;
    z-index: -1;
    border-top-right-radius: 130px;
    border-top-left-radius: 130px;
}

.new-product-tag .product-tag:after{
    background: #7ee279;
}
.sold-product-tag .product-tag:after{
    background: #ffcc43;
}
.sold-product-tag .product-tag {
    z-index: 2;
}
.sold-product-tag {
    position: relative;
}

.sold-product-tag:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fefefe;
    z-index: 1;
    opacity: .60;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.product-image a img {
    width: 100%;
}
/*18:2 new arrival type2*/

.type2 .product-info {
    display: block;
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    padding: 0;
    text-align: center;
    margin-top: 30px;
    overflow: hidden;
}
.type2 .product-title {
    position: relative;
    bottom: auto;
    left: auto;
}
.type2 .product-rating {
    margin-bottom: 10px;
    margin-top: -30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.type2 .product-rating {
    margin-bottom: 10px;
}
.type2 .product-title h4 {
    margin-bottom: 9px;
}
.type2 .quick-icon-btn a .product-icon:hover+span,
.type2 .wishlist-icon-btn a .product-icon:hover+span, 
.type2 .compare-icon-btn a .product-icon:hover+span, 
.type2 .addto-icon-btn a .product-icon:hover+span {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate3d(0px, 10px, 0);
            transform: translate3d(0px, 10px, 0);
}
.type2 .product-buttons {
    position: absolute;
    top: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 5;
    bottom: 0px;
    left: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.type2 .product-buttons>div {
    display: inline-block;
    margin-right: 2px;
}
.type2 .product-buttons > * {
     margin-bottom: 0px; 
}
.type2 .quick-icon-btn:hover .addto-icon-btn,
.type2 .single-product:hover .addto-icon-btn, 
.type2 .single-product:hover .wishlist-icon-btn, 
.type2 .single-product:hover .compare-icon-btn {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
}
.type2 .quick-icon-btn a span:first-child, 
.type2 .wishlist-icon-btn a span:first-child, 
.type2 .compare-icon-btn a span:first-child, 
.type2 .addto-icon-btn a span:first-child {
    display: inline-block;
}
.type2 .quick-icon-btn a .product-icon:hover+span,
.type2 .wishlist-icon-btn a .product-icon:hover+span, 
.type2 .compare-icon-btn a .product-icon:hover+span, 
.type2 .addto-icon-btn a .product-icon:hover+span {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate3d(0px, 10px, 0);
            transform: translate3d(0px, 10px, 0);
}
.type2 .quick-icon-btn a .icon-title,
.type2 .wishlist-icon-btn a .icon-title, 
.type2 .compare-icon-btn a .icon-title, 
.type2 .addto-icon-btn a .icon-title {
    position: absolute;
    -webkit-transform: translate3d(0px, 5px, 0);
            transform: translate3d(0px, 5px, 0);
    display: inline-block;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 270%;
    top: -53px;
    left: -99%;
    text-align: center;
}
.type2 .quick-icon-btn a .icon-title:after,
.type2 .wishlist-icon-btn a .icon-title:after, 
.type2 .compare-icon-btn a .icon-title:after, 
.type2 .addto-icon-btn a .icon-title:after {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid #333333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 50%;
    content: "";
    top: auto;
    margin-left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: -15px;
}
.type2 .quick-icon-btn,
.type2 .compare-icon-btn, 
.type2 .wishlist-icon-btn, 
.type2 .addto-icon-btn {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
}
.type2 .addto-icon-btn {
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
}
.type2 .wishlist-icon-btn {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}
.type2 .compare-icon-btn {
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
}
.type2.single-product {
    margin-bottom: 60px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.type2.single-product:hover{
    margin-bottom: 30px;
}
.single-product.type2:hover.type2 .product-rating {
    margin-top: 0px;
}
.type2 .star-rating {
    margin: 0 auto;
}
.type2 .compare-icon-btn svg .cls-1, 
.type2 .wishlist-icon-btn svg .cls-1, 
.type2 .addto-icon-btn svg .cls-1 {
    fill: #333 !important
}
.type2 .compare-icon-btn:hover svg .cls-1, 
.type2 .wishlist-icon-btn:hover svg .cls-1, 
.type2 .addto-icon-btn:hover svg .cls-1 {
    fill: #fff !important
}
/*18:3 type 3 shop page*/
.type3 .product-info {
    display: block;
    padding: 0;
}
.type3 .product-info .product-title {
     position: relative;
     bottom: 0;
     left: 0;
}
.single-product.type3 {
    overflow: hidden;
}
.type3 .product-image {
    overflow: hidden;
    position: relative;
}
.type3 .product-info .product-rating {
    margin-bottom: 9px;
}
.type3 .product-info .product-title h4 {
    margin-bottom: 9px;
}
.type3 .product-price h5 {
    margin-bottom: 20px;
}
.addto-bag-btn span {
    display: inline-block;
    margin-right: 11px;
}
.single-product.type3 {
    overflow: hidden;
    margin-bottom: 60px;
}
.width20{
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
}
.shop-content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.single-product-inner.width20 {
    margin-bottom: 0;
}
/* 18:4 single product type4 */
.single-product.type4 {
    margin-bottom: 11px;
}

.single-product.type4 .product-rating {
    display: none;
}

.single-product.type4 .product-info {
    padding: 19px 20px 10px;
}

.single-product.type4 .product-title {
    position: relative;
    margin-top: 15px;
}
/*==============================================
    19: offer area
==============================================*/
.offer-inner-area {
    background: #ffffff;
    background: rgba(255,255,255,.80);
    padding: 90px 178px;
    margin: 80px 0;
}
.offer-inner-area .get-upto {
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
    margin-left: 30px;
}

.offer-inner-area h2 {
    font-size: 75px;
    font-weight: 700;
    position: relative;
    padding-left: 133px;
    line-height: 1.2;
}

.offer-inner-area h2 .spacial {
    color: #fe0000;
    font-weight: 400;
    font-size: 100px;
    position: absolute;
    left: 0;
    top: -15px;
}
.offer-inner-area h4 {
    font-weight: 700;
}

.offer-inner-area h4 span {
    color: #8c8c8c;
}

.offer-inner-area p {
    color: #777777;
    font-size: 14px;
}
.offer-inner-area a.btn:hover {
    color: #fff;
}
.offer {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
/*===============================================
    20: Insta feed
===============================================*/
.single-carousel-inner .figurecaption {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.single-carousel-inner {
    position: relative;
}

.single-carousel-inner .figurecaption span i {
    margin-right: 5px;
}

.single-carousel-inner .figurecaption span {
    color: #fff;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
.single-carousel-inner .figurecaption span + span {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}
.single-carousel-inner:hover .figurecaption span{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
.single-carousel-inner:hover .figurecaption span + span{
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}

.single-carousel-inner:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    visibility: hidden;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    top: 0%;
    width: 100%;
    background: #000;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    border-radius: 0%;
}

.single-carousel-inner:hover:after {
    visibility: visible;
    top: 0;
    height: 100%;
    border-radius: 0%;
}
.single-carousel-inner a img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-carousel-inner a {
    overflow: hidden;
    display: block;
    z-index: 3;
}

.single-carousel-inner:hover a  img {
    -webkit-transform: scale(1);
            transform: scale(1);
}
.insta-feed-title h3 {
    display: inline-block;
    margin-bottom: 50px;
    font-weight: 700;
}
.insta-feed-wrap {
    margin-bottom: 12px;
}
/*================================================
    21: Tweeter feed
================================================*/
.tweeter-heading h3 {
    margin-bottom: 0;
    font-weight: 700;
}
.tweeter-heading{
    margin-bottom: 50px;
}
.tweet-image {
    margin-right: 15px;
}

.tweetr-user a {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}

.tweetr-user span {
    margin-left: 20px;
    font-size: 12px;
    color: #999999;
}

.tweetr-user {
    margin-bottom: 9px;
}

.tweet-body p {
    color: #555555;
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 22px;
}

.tweet-body p a {
    color: #31b0f0;
}

.tweet-meta ul li {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
}

.single-tweet-item {
    background: #fcfcfc;
    padding: 12px 15px;
    margin-bottom: 30px;
}
/*===============================================
    22: Coming soon area
===============================================*/
.coming-soon-text h5 {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: 3px;
}

.coming-soon-text h3 {
    font-weight: 700;
    letter-spacing: 6px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.coming-soon-text h2.h1 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 100px;
    color: #fe3a1a;
    letter-spacing: -6px;
}
.coming-soon-img {
    margin-left: -43px;
    z-index: -1;
    position: relative;
}
.coming-soon-img:before {
    position: absolute;
    height: 420px;
    width: 430px;
    background: #d3d3d3;
    content: "";
    border-radius: 50%;
    z-index: -1;
    top: 77px;
    left: -42px;
    opacity: .2;
}
.coming-soon-text .btn {
    margin-top: 25px;
}

.coming-soon-text .btn:hover {
    color: #fff;
}
/*===============================================
    23: Subscribe area
===============================================*/
.subscribe-text h5 {
    color: #555555;
    font-weight: 700;
}

.subscribe-text p {
    color: #777777;
    margin-bottom: 0;
}
input[type="submit"] {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: none;
    background: no-repeat;
    cursor: pointer;
    height: 100%;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

/*23:02 subscribe type2*/
.subscribe-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
}
.subscribe-bg:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    background: #000;
    top: 0;
    opacity: .80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.type2 .subscribe-text h2 {
    color: #ffffff;
    font-weight: 700;
}
.type2 .subscribe-text p{
   color: #c4c4c4; 
}
.type2 .subscribe-form .theme-input-style{
    border-color: rgba(255,255,255,.5);
    color: #ffffff;
}
.type2 .subscribe-form input[type="submit"] {
    color: #fff;
    z-index: 5;
}
.type2 .subscribe-form span {
    background: #fff;
    z-index: 10;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.type2 .subscribe-text {
    margin-right: 20px;
}
/*=====================================================
    24: About Us
=====================================================*/
.about-image img {
    border: 5px solid #ffff;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    box-shadow: -1px 2px 30px rgba(0,0,0,.25);
}
.about-image .about-image1{
    position: relative;
}
.about-image .about-image2 {
    position: absolute;
    top: 70px;
    right: 15px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.about-image .about-image3 {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: translate3d(95px, -30px, 0);
            transform: translate3d(95px, -30px, 0);
}
.about-header span {
    margin-bottom: 9px;
    display: inline-block;
    font-size: 14px;
}

.about-header h3 {
    margin-bottom: 25px;
    font-weight: 700;
}

.about-area-inner a {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}

.about-area-inner a span {
    font-size: 14px;
    font-weight: 700;
}
/*=====================================================
    25: our testimonial area
=====================================================*/
.single-testimonial .author-name h4 {
    font-weight: 700;
}

.single-testimonial .author-name p {
    font-size: 14px;
}

.testimonial-carousel .owl-nav {
    margin-top: 13px;
}

.testimonial-carousel .owl-nav .owl-next {
    margin-left: 80px;
}

.testimonial-carousel .owl-nav button {
    color: #b3b3b3 !important;
    font-size: 18px !important;
}

.testimonial-carousel .owl-nav button:hover {
    color: #333333 !important;
}

.quote-icon {
    position: absolute;
    bottom: 2px;
    left: 10%;
}

.quote-icon i {
    color: #ededed;
}
/*25:01 testimonial area*/
.single-testimonial.type2 {
    text-align: center;
}

.testimonial-carousel-wrap.type2 {
    text-align: center;
}
.type2 .quote-icon {
    position: absolute;
    bottom: -3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.type2 .quote-icon i {
   font-size: 24px;
}
/*==============================================
    26: Our Out late
==============================================*/
.outlate-inner ul li {
    display: inline-block;
    width: 24%;
    padding-bottom: 13px;
}

.outlate-inner ul li p {
    margin-bottom: 2px;
    color: #333333;
    font-size: 12px;
}

.outlate-inner ul li span {
    display: block;
    font-size: 11px;
    color: #777777;
    line-height: 16px;
}
/*==============================================
    27: Counter up
==============================================*/
.counter-number h2 {
    font-weight: 700;
    color: #f1f1f1;
    line-height: 1;
    margin-bottom: 0;
    display: inline-block;
}
.counter-details {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.counter-number span {
    font-weight: 700;
    color: #f1f1f1;
    line-height: 1;
    margin-bottom: 0;
}
.single-counter {
    padding: 0 46px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    margin-bottom: 30px;
}

.counter-details h5 {
    font-weight: 700;
    margin-left: 15px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.counter-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/*===============================================
    28: Strat Our Blog
===============================================*/
.single-post-details p {
    margin-bottom: 0;
    font-size: 12px;
}
.single-blog-wrap {
    margin-bottom: 30px;
}

.single-post-details h3 {
    font-weight: 700;
}
.post-info ul li {
    display: inline-block;
    position: relative;
}

.post-info ul li + li {
    padding-left: 25px;
}

.post-info ul li a {
    font-size: 12px;
    color: #777777;
}

.post-info {
    padding-bottom: 22px;
}

.single-post-details .post-body p {
    font-size: 16px;
    margin-bottom: 15px;
}

.post-body a {
    color: #999999;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.post-body a:before {
    background: #999999;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.post-info ul li + li:before {
    height: 3px;
    width: 3px;
    position: absolute;
    content: "";
    background: #777777;
    top: 50%;
    left: 11px;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    border-radius: 50%;
}
.single-blog-wrap:hover .single-post-details h3 a {
    color: #555555;
}
.single-blog-wrap:hover .post-body a:before{
    background: #333333;
}
.single-blog-wrap:hover .post-body a {
    color: #333333;
}
/*=====================================================
    29: Blog details
=====================================================*/
/*29:01 post main content*/
.post-main-content .post-mata ul li {
    font-size: 12px;
    color: #777777;
    display: inline-block;
}

.post-main-content .post-mata ul li:not(:last-child) {
    margin-right: 13px;
}

.post-main-content .post-mata {
    margin-bottom: 6px;
}

.post-main-content .post-heading h2 {
    font-weight: 700;
    text-transform: inherit;
    color: #333333;
    margin-bottom: 0;
}

.post-main-content .post-heading {
    margin-bottom: 46px;
}

.post-main-image .image-caption {
    margin-top: 30px;
}

.post-main-image .image-caption p {
    font-weight: 300;
    font-style: italic;
    font-size: 12px;
    color: #999999;
    margin-bottom: 40px;
}

.post-main-image .image-caption p a {
    color: #999999;
}

.post-main-content .post-mata ul li a {
    color: #777777;
}

.post-main-content {
    margin-top: -7px;
}
/*29:02 post content body*/
.single-post-content .single-post-content h5 {
    font-weight: 700;
    font-size: 24px;
}

.post-details-body .single-post-content h5 {
    font-weight: 700;
    color: #333333;
    margin-bottom: 19px;
}

.post-details-body .single-post-content p {
    color: #777777;
    line-height: 28px;
}

.post-details-body .single-post-content blockquote {
    padding: 12px 106px 40px;
    text-align: center;
    font-size: 18px;
    color: #555555;
    font-style: italic;
    text-decoration: underline;
    margin-bottom: 0;
}
/*29:03 post tag and share*/
.single-post-tag-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.single-blog-share ul li {
    display: inline-block;
    margin-left: 22px;
}
.share-and-tag {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    padding: 16px 0;
    margin-bottom: 30px;
}

.single-post-tag-share .single-blog-tag span {
    font-weight: 700;
    text-transform: capitalize;
    color: #333333;
}

.single-post-tag-share .single-blog-tag a {
    color: #999999;
}

.single-blog-share ul li a {
    font-size: 16px;
    color: #999999;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-blog-share ul li:hover a {
    color: #333333;
}
/*29:04 post  author*/
.single-post-author .post-author-body {
    margin-left: 30px;
}

.single-post-author .post-author-body h6 {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: capitalize;
}

.single-post-author .post-author-body p {
    margin-bottom: 0;
    color: #777777;
}

.single-post-author {
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    margin-bottom: 30px;
}

/*29:05 related post*/
.single-related-post-inner .related-post-head {
    text-align: center;
    margin-bottom: 40px;
}

.single-related-post-inner .related-post-head h3 {
    font-weight: 700;
}

.single-related-post-inner {
    margin-top: 35px;
}
.single-related-post-inner .related-post-wraper .single-blog-details.post-content {
    padding-left: 15px;
}
/*29:06 Comment form*/
.single-post-comment-inner ul {
    padding-left: 0;
    list-style: none;
}
.comment-form-wrap h4,
.post-comments-wrap h4 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
}
.post-comments-wrap h4 {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 16px;
}
.single-post-comment-inner ul > li {
    margin-top: 30px;
    padding-bottom: 0px;
}

.single-post-comment-inner ul > li > ul >li {
    padding-left: 95px;
    border-bottom: 1px solid #f6f6f6;
    padding-top: 0;
    padding-bottom: 26px;
}

.single-post-comment .avatar {
    margin-right: 30px;
}

.single-post-comment h6 {
    color: #555555;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
}

.single-post-comment span.commnet-time {
    font-size: 12px;
    color: #999999;
    margin-left: 28px;
}

.single-post-comment p {
    margin-bottom: 13px;
}

.single-post-comment a {
    color: #999999;
    font-size: 12px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-post-comment a:hover {
    color: #333333;
}
.single-post-comment a span i{
   margin-left: 5px;
   font-size: 9px;
}
.single-post-comment-inner {
    margin-bottom: 30px;
}
.comment-respond  .theme-input-style {
    font-size: 14px;
    margin-bottom: 30px;
}
.comment-form-wrap h4 {
    margin-bottom: 34px;
}
.comment-respond textarea.theme-input-style {
    padding: 10px;
    min-height: 105px;
    display: block;
}
.comment-respond .btn {
    background: none;
}
.comment-respond .btn:hover{
    color: #fff;
}
.avatar-details {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.comment-form-wrap {
    margin-bottom: 30px;
}
.avatar .comment-author-image {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    overflow: hidden;
}
/*===============================================
    30: Single Blog right side bar
===============================================*/
.type2 .single-blog-image {
    margin-bottom: 24px;
}

.post-info a {
    color: #555555;
    font-size: 12px;
}

.post-info span {
    color: #555555;
    font-size: 12px;
}

.type2 .single-blog-details h4{
    font-weight: 700;
    margin-bottom: 19px;
}
.type2 .single-blog-details h4 a{
    color: #333333;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.type2 .single-blog-details h4 a:hover{
    color: #555555;
}

.type2 .single-blog-details  p {
    color: #777777;
    font-size: 16px;
    margin-bottom: 16px;
}
.type2 .post-info {
    padding-bottom: 7px;
}
.single-blog-wrap.type2 {
    margin-bottom: 60px;
}
.single-blog-wrap.type2 .btn-line.btn:before {
    height: 1px;
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-blog-wrap.type2 .btn.btn-line:hover:before {
    width: 50%;
}
.pagination.blog-pagination li a {
    font-family: 'Roboto Condensed', sans-serif;
    color: #999999;
    font-weight: 700;
}

.pagination.blog-pagination {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
}

.pagination.blog-pagination li:not(:first-child) {
    padding-left: 13px;
}

.pagination.blog-pagination li:first-child {
    padding-right: 16px;
    color: #333333;
    font-size: 24px;
}

.pagination.blog-pagination li:last-child {
    padding-left: 29px;
    font-size: 24px;
}

.pagination.blog-pagination li.active a {
    font-size: 24px;
    color: #333333;
}

.pagination.blog-pagination li:last-child a {
    color: #333333;
}

.pagination.blog-pagination li:first-child a {
    color: #333333;
}
/*30:01 blog side bar*/
.sidebar-search-form {
    position: relative;
    margin-top: 20px;
}

.sidebar-search-form button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.sidebar-search-form .theme-input-style {
    font-size: 14px;
    color: #333333;
}
.single-sidebar-widget .populer-post ul li h5 {
    text-transform: inherit;
    font-weight: 700;
    margin-bottom: 4px;
}
.single-sidebar-widget .populer-post ul li h5 a{
    color: #555555;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-sidebar-widget .populer-post ul li h5 a:hover{
    color: #777777;
}
.single-sidebar-widget .populer-post ul li p {
    color: #555555;
    margin-bottom: 0;
}

.single-sidebar-widget .populer-post ul li p a {
    color: #555555;
}
.single-sidebar-widget .populer-post ul li {
    padding-bottom: 14px;
    position: relative;
    margin-bottom: 17px;
}
.single-sidebar-widget .populer-post ul li:after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 1px;
    width: 100%;
    left: 0;
    background: #f1f1f1;
    background: -webkit-linear-gradient(left,#fff 0,#fff 30%,#f1f1f1 80%,#fff 100%);
    background: -webkit-linear-gradient(left,#fff 0,#f2f2f2 20%,#f2f2f2 80%,#fff 100%);
    background: linear-gradient(to right,#fff 0,#f2f2f2 20%,#f2f2f2 80%,#fff 100%);
}
.single-sidebar-widget .widget-title h4 {
    font-size: 20px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 0;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-sidebar-widget .widget-title {
    margin-bottom: 22px;
    margin-top: -7px;
}
.sider-add-inner .sidebar-add-text .btn-line.btn:before {
    background: #fff;
}
.sider-add-inner .sidebar-add-text h2 {
    color: #fff;
    font-weight: 700;
    line-height: 70px;
    margin-bottom: 0;
}

.sider-add-inner .sidebar-add-text h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    font-size: 22px;
    margin-bottom: 4px;
}

.sider-add-inner .sidebar-add-text p {
    color: #fff;
    margin-bottom: 20px;
}

.sider-add-inner .sidebar-add-text a {
    color: #fff;
}

.single-sidebar-widget .sider-add-inner {
    padding: 103px 30px 102px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}
.single-sidebar-widget .sider-add-inner:before {
    content: "";
    position: absolute;
    background: #5658ac;
    width: 155px;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.sider-add-inner .sidebar-add-text {
    position: relative;
    z-index: 1;
}
.sidebar-social-area ul li a {
    height: 40px;
    width: 40px;
    display: block;
    background: #f3f3f3;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #333333;
    font-size: 16px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.sidebar-social-area ul li a:hover {
    color: #fff;
    background: #333333;
}
.sidebar-social-area ul li {
    display: inline-block;
}

.sidebar-social-area ul li:not(:last-child) {
    margin-right: 8px;
}
.sidebar-stay-form{
    position: relative;
}
.sidebar-stay-form button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.sidebar-stay-form .theme-input-style {
    font-size: 14px;
    color: #333333;
}
.single-sidebar-widget.widget_nav_menu ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.single-sidebar-widget.widget_nav_menu ul li:not(:last-child) {
    padding-bottom: 15px;
}
.single-sidebar-widget:last-child {
    margin-bottom: 0;
}

.single-sidebar-widget.widget_nav_menu ul li a {
    color: #777777;
    transition: .3s all linear;
}
.single-sidebar-widget.widget_nav_menu ul li a:hover {
    color: #333;
}
/*=================================================
    31: Blog list style
=================================================*/
.single-reply-comment a + a {
    margin-left: 15px;
}

.single-reply-comment {
    margin-right: 15px;
}

.single-reply-comment a i {
    margin-right: 5px;
}

.single-reply-comment a {
    font-size: 14px;
    color: #777777;
}
.single-blog-wrap.type3:hover {
    box-shadow: 0px 1px 10px rgba(0,0,0,.050);
}

.single-blog-wrap.type3 {
    margin-bottom: 50px;
    background: #fefefe;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.type3 .single-post-details.right-content {
    padding-left: 20px;
    padding-right: 20px;
}
.type3 .single-post-details.left-content {
    padding-left: 50px;
}
.type3 .single-blog-image img {
    width: 100%;
}

/*31:01 block quort*/
.single-blog-quote {
    background: #fcfcfc;
    padding: 42px 0 38px;
    margin-bottom: 50px;
}

.single-blog-quote .single-quote-text p {
    margin-bottom: 0;
    font-style: normal;
    color: #333333;
}

.single-blog-quote .single-quote-text h4 {
    margin-bottom: 42px;
    font-style: italic;
    position: relative;
}

.single-blog-quote .single-quote-text h4:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background: #333333;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
/*==============================================
    32: Blog Pinterest
==============================================*/
.type4 .single-blog-image {
    margin-bottom: 23px;
}
.type4 .single-blog-details .post-info {
    padding-bottom: 11px;
}
.type4 .single-blog-details .post-heading h4 {
    margin-bottom: 4px;
    font-weight: 700;
}
.single-blog-wrap.type4 {
    margin-bottom: 50px;
}
.type4 .single-blog-details .post-heading h4 a{
    color: #333333;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.type4 .single-blog-details .post-heading h4 a{
    color: #555555;
}
.type4 .single-blog-details .post-heading h4 a:hover {
    color: #333;
}
.type4 .single-blog-image img {
    width: 100%;
}
/*============================================
    33: Error page
============================================*/
.error-inner-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.error-inner-text span {
    color: #333333;
    font-size: 16px;
}

.error-inner-text h1 {
    font-weight: 700;
    margin-bottom: 13px;
}
.error-inner-tex a:hover,
.error-inner-text a:hover {
    color: #fff;
}
/*33:01 error type 2*/
.error-inner-tex.type2 h1 {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 16px;
}
.error-inner-tex.type2 span {
    font-size: 16px;
    color: #333333;
}
/*33:02 error type 3*/
.error-inner-tex.type3 h1 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 31px;
    color: #fff;
    margin-bottom: 0px;
}
.error-inner-tex.type3 span {
    font-size: 16px;
    color: #333333;
    color: #fff;
}
.error-inner-tex.type3 a{
    color: #fff;
}
/*===============================================
    34: Category page
===============================================*/
/*34:01 category page1*/
.hover-effect{
    overflow: hidden;
    position: relative;
    line-height: 0;
    display: block;
    -webkit-transition: .3s;
    transition: .3s;
}
.hover-effect:before, .hover-effect:after{
    position: absolute;
    top: 0;
    left: -175%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 10%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 10%,rgba(255,255,255,0) 100%);
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    pointer-events: none;
}
.hover-effect:after {
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 80%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 80%,rgba(255,255,255,0) 100%);
    right: -175%;
    left: auto;
    top: -0%;
}
.hover-effect:hover:before{
    animation: shine 1s;
    -webkit-animation: shine 1s;
}
.hover-effect:hover:after{
    animation: shine2 1s;
    -webkit-animation: shine2 1s;
}
@-webkit-keyframes shine {
    100% {
        left: 160%
    }
}
@keyframes shine {
    100% {
        left: 160%;
        -webkit-transform: skewX(45deg);
        transform: skewX(45deg)
    }
}
@-webkit-keyframes shine2 {
    100% {
        right: 160%
    }
}
@keyframes shine2 {
    100% {
        right: 160%;
        -webkit-transform: skewX(45deg);
        transform: skewX(45deg);
        top: 0;
    }
}
.catagory-title-wrap h2 {
    font-weight: 700;
    margin-bottom: 0;
    position: absolute;
    -webkit-transform: rotate(-90deg) translate(-45% , -348%);
            transform: rotate(-90deg) translate(-45% , -348%);
    width: 400px;
}
.catagory-title-wrap h2 span {
    font-size: 60px;
    position: absolute;
    top: -34px;
    left: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #f9f9f9;
    z-index: -1;
}
.catagory-title-wrap h2 a .letter {
    position: relative;
    top: 0;
    left: 0;
    color: #333;
    opacity: 1;
    font-size: 30px;
    z-index: 10;
}
.single-category-wrap{
    margin-bottom: 70px;
}
.category-image {
    position: relative;
}

.category-image a {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 10px 20px 8px;
}
.category-image a:hover{
    color: #fff;
}

/*34:02 Category page2 */
.type2.single-category-wrap {
    margin-bottom: 100px;
}
.type2 .catagory-title-wrap h2 {
    font-weight: 700;
    margin-bottom: 0;
    position: relative;
    -webkit-transform: rotate(0deg) translate(0 , 0);
            transform: rotate(0deg) translate(0 , 0);
    width: 100%;
}
.type2 .catagory-title-wrap {
    text-align: center;
    margin-bottom: 74px;
    margin-top: -9px;
}
.type2 .catagory-title-wrap h2 span {
    font-size: 60px;
    position: absolute;
    top: -30px;
    left: 50%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #f9f9f9;
    z-index: -1;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.type2 .category-image img {
    width: 100%;
}
.type2 .single-category-content h2 {
    font-weight: 700;
    margin-bottom: 15px;
}
.type2 .single-category-content h2 a{
    color: #333333;
}
.type2 .single-category-content {
    margin-top: 58px;
}

.type2 .single-category-content h2 a:hover{
    color: #333;
}

.type2 .single-category-content a:hover {
    color: #fff;
}
/* 34:03 category page3*/
.width50,
.width20,
.width30,
.width40,
.width60{
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
.width60{
    width: 60%;
}
.width50{
    width: 50%;
}
.width40{
    width: 40%;
}
.width30{
    width: 30%;
}
.width20{
    width: 20%;
}
.category-image {
    float: left;
}
.category-image.long-size.type3 img{
    max-height: 400px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.category-image.short-size.type3 img{
    max-height: 300px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
/* 34:04 category page 4 */
.catagory-slider .owl-dot {
    height: 6px;
    width: 6px;
    background: #999999 !important;
    margin-right: 6px;
    border-radius: 50%;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.catagory-slider .owl-dot.active {
    background: #333333 !important;
}

.catagory-slider .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 25px;
}

.category-item-content h2 a {
    color: #333333;
    font-weight: 700;
}

.category-item-content h2 {
    margin-bottom: 4px;
}

.category-item-content span {
    color: #d7d7d7;
    margin-bottom: 9px;
    display: block;
    font-size: 14px;
}
.category-item-content p {
    margin-bottom: 18px;
}
.category-item-content a.btn {
    color: #999999;
}
.category-item-content a.btn:hover{
    color: #fff;
}
.category-image.type3 {
    position: relative;
}
.category-image.type3 a{
    left: 50px;
    opacity: 0;
    visibility: hidden;
    transition: .3s all linear;
}
.category-image.type3:hover a{
    opacity: 1;
    visibility: visible;
}
/*=============================================
    35: Collection pages
=============================================*/
/*35:01 colllection page1*/
.type4 .image-caption h2 {
    font-size: 48px;
    margin-bottom: 9px;
}

.type4 .image-caption {
    margin-left: -125px;
}

.single-collection-wrap.type4 .image-caption a {
    font-weight: 700;
}
.single-collection-wrap.type4 .image-caption h2 a {
    color: #333333
}
.single-collection-wrap.type4 .image-caption a.btn {
    font-weight: 400;
}
.single-collection-wrap.type4 {
    margin-bottom: 10px;
}
.gallery-thumbs .active .collection-image,
.gallery-thumbs .swiper-slide-active .collection-image {
    border: 10px solid #fff;
}
.collection-image .share-social-area {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 20px;
}

.collection-image .share-social-area ul li {
    padding-bottom: 14px;
}
.collection-image .share-social-area ul li a span {
    margin-left: 10px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
    position: absolute;
}
.collection-image .share-social-area ul li a:hover span {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    display: inline-block;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
}

.collection-image .share-social-area ul li a {position: relative;}
/*35:02 collection page2*/
.single-collection-wrap .collection-image {
    position: relative;
}
.single-collection-wrap .collection-image h3 {
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 48px;
}
.single-collection-wrap .collection-image h3 a{
    color: #333333;
}
.collection-image .image-caption {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -199px;
}

.single-collection-wrap {
    margin-bottom: 30px;
}
.left-content .collection-image .image-caption {
    left: -280px;
}
/*35:03 category page3*/
.type2 .collection-image .image-caption {
    right: auto;
    left: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 11;
}
.type2 .collection-image h3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 30px;
}
.collection-inner-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.collection-inner-area .single-collection-wrap.type2 {
    width: 50%;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
}
.single-collection-wrap.type2:hover .image-caption{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



/* .single-collection-wrap.type2 .collection-image span:before,
.single-collection-wrap.type2 .collection-image span:after{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    background: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(3, start);
            transition-timing-function: steps(3, start);
    z-index: 1;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}

.single-collection-wrap.type2 .collection-image span:after{
    left: 75%;
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
 
}

.single-collection-wrap.type2:hover  .collection-image span:after,
.single-collection-wrap.type2:hover  .collection-image span:before{
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
    
}

.single-collection-wrap.type2:after,
.single-collection-wrap.type2:before{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    background: #fff;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(3, start);
            transition-timing-function: steps(3, start);
    z-index: 1;
}
.single-collection-wrap.type2:after{
    left: 25%;
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
}


.single-collection-wrap.type2:hover:after,
.single-collection-wrap.type2:hover:before{
    opacity: .80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
}  */


/*35:04 category page 4*/
.type3 .collection-image .image-caption {
    right: auto;
    left: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 10;
}
.single-collection-wrap.type3:hover .image-caption{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.type3 .collection-image h3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 30px;
}

.single-collection-wrap.type3.margin-minus{
    margin-top: -170px;
}
.single-collection-wrap .collection-image img {
    width: 100%;
}    

.single-collection-wrap.type3 {
    margin-bottom: 90px;
}
.single-collection-wrap.type3.long-img.left-side {
    padding-right: 30px;
}
.single-collection-wrap.type3.short-image.right-side {
    padding-left: 30px;
}
.single-collection-wrap.type3.short-image.left-side{
    padding-right: 30px;
}
.single-collection-wrap.type3.margin-minus.long-img.right-side {
    padding-left: 30px;
}


/* .single-collection-wrap.type3 .collection-image span:before,
.single-collection-wrap.type3 .collection-image span:after{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    background: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(4, start);
            transition-timing-function: steps(4, start);
    z-index: 1;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}
.single-collection-wrap.type3 .collection-image span:after{
    left: 75%;
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
 
}
.single-collection-wrap.type3:hover  .collection-image span:after,
.single-collection-wrap.type3:hover  .collection-image span:before{
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
    
}
.single-collection-wrap.type3 .collection-image:after,
.single-collection-wrap.type3 .collection-image:before{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    background: #fff;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(4, start);
            transition-timing-function: steps(4, start);
    z-index: 1;
}
.single-collection-wrap.type3 .collection-image:after{
    left: 25%;
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
}

.single-collection-wrap.type3:hover .collection-image:after,
.single-collection-wrap.type3:hover .collection-image:before{
    opacity: .80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
}  */

/*================================================
    36: cart page
================================================*/

.cart-product-wrap {
    padding: 0 65px;
}
.shop_table tbody tr + tr td:first-child {
    padding: 30px 15px 30px 30px;
}
.shop_table tbody tr:first-child td {
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 0px 30px 25px 30px;
}
.shop_table tbody tr + tr:last-child,
.shop_table tbody tr:first-child {
    border-bottom: 1px solid #000000;
}
.cart-product-wrap table {
    width: 100%;
}
.shop_table tbody tr + tr td a{
     color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 700;
}
.shop_table tbody tr + tr td a + a{
    margin-left: 15px;
}
.product-thumbnail{
    width: 300px;
}
.shop_table .product-quantity input,
.shop_table .product-size input {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.1);
    text-align: center;
    background: #fff;
    margin:0 8px;
    font-size: 14px;
    font-weight: 700;
    color: #333333;
}

.shop_table tbody tr:first-child td + td {
    text-align: center;
}

.shop_table tbody tr + tr td + td {
    text-align: center;
}

.shop_table tbody tr + tr td + td.product-remove {
    width: 30px;
}

.shop_table tbody tr + tr td:nth-child(5) {
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.shop_table tbody tr + tr td:nth-child(4) {
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

.shop_table tbody tr + tr td:nth-child(2) {
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;font-weight: 700;
}

.shop_table tbody .product-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.shop_table tbody tr td .plus,
.shop_table tbody tr td .minus{
    cursor: pointer;
}
.shop_table tbody tr td .plus svg .cls-1,
.shop_table tbody tr td .minus svg .cls-1{
    fill: #333333;
}
.shop_table tbody  .product-remove svg{
    cursor: pointer;
}
.shop_table tbody  .product-remove svg .cls-1{
    fill: #d7d7d7;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.cart_item:hover .product-remove svg .cls-1{
    fill: red;
}
.shop_table tbody tr + tr {
    border-bottom: 1px solid #eaeaea;
}
tr.woocommerce-cart-form__cart-item.cart_item .product-size {
    width: inherit;
    height: inherit;
    border-width: 0;
}
.cart-product-wrap .coupon .btn:before {
    left: auto;
    right: 0;
}

.update-cart-btn {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    border: 2px solid #333333 !important;
    padding: 13px 25px;
    display: inline-block;
}

.update-cart-btn svg {
    margin-right: 10px;
}

.cart-shoping-button a + a {
    margin-left: 16px;
}

.cart-shoping-button {
    margin-bottom: 60px;
    margin-top: 30px;
}

.cart-product-wrap .coupon {
    position: relative;
}

.cart-product-wrap .coupon .btn {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.cart-product-wrap .coupon .btn:hover,
.cart-product-wrap .coupon .theme-input-style:focus+button{
    color: #fff;
}
.cart-product-wrap .coupon .theme-input-style:focus+button:before {
    height: 100%;
    width: 100%;
    opacity: 1;
}

.cart-product-wrap .coupon .theme-input-style {
    font-size: 14px;
    color: #333;
}
.btn-cupon-wrap {
    padding: 0 13px 0 30px;
}

.shop-total-wrap .shop_table tbody tr td, 
.shop-total-wrap .shop_table tbody tr th {
    padding: 20px 20px 20px 65px;
}
.shop-total-wrap .shop_table tbody tr + tr {
    border-width: 0;
}

.shop-total-wrap .shop_table tbody tr + tr th {
    font-size: 16px;
    color: #333333;
}

.shop-total-wrap .shop_table tbody tr + tr td {
    color: #333333;
    font-size: 24px;
    font-weight: 700;
}

.shop-total-wrap .wc-proceed-to-checkout {
    margin-top: 22px;
}

.shop-total-wrap a {
    padding: 13px 74px !important;
    margin-left: 30px;
    color: #fff !important;
    background: #333;
}
.shop-total-wrap a:hover{
    color: #333 !important;
}
.shop-total-wrap a.btn.btn-fill-type:before{
    background: #fff;
}
.shop-total-wrap .shop_table tbody tr:first-child {
    border-color: #eaeaea;
}
.checkout-register-input.input-btn-style button:hover {
    color: #fff;
}
/*  37: Wish list page
==============================================*/
.woocommerce-cart-form__cart-item.cart_item td.instock{
    color: #03cc03;
}
.woocommerce-cart-form__cart-item.cart_item td.outstock{
    color: #ff0000;
}
.shop-total-wrap.wish-total .shop_table tbody tr:first-child {
    border-color: #eaeaea;
    border-width: 0;
}
.shop-total-wrap.wish-total .shop_table tbody tr th{
    text-transform: uppercase;
    font-size: 16px;
    color: #333333;
}
.shop-total-wrap.wish-total .shop_table tbody tr td{
    font-size: 24px;
    font-weight: 700;
}
/*==============================================
    38: Check Out page
==============================================*/
.checkout-register-wrap .btn {
    position: relative;
}
.checkout-register-wrap input{
    margin-bottom: 30px;
}
.input-btn-style {
    position: relative;
}

.input-btn-style button {
    position: absolute;
    top: 0;
    right: 0;
}

.input-btn-style .btn:before {
    right: 0;
    left: auto;
}
.coupon-register-title h5, .checkout-register-title h5 {
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
}
.coupon-register-title h5 a, .checkout-register-title h5 a{
    color: #333;
}
.coupon-register-title,
.checkout-register-title {
    margin-bottom: 24px;
}
.checkout-register-input.input-btn-style button {
    text-transform: uppercase;
    position: relative;
}
.coupon-register-title h5 span, .checkout-register-title h5 span {
    font-size: 14px;
    color: #777;
    font-weight: 600;
}
.checkout-register-wrap .form-btn-field a {
    display: block;
    text-decoration: underline;
    margin-top: 30px;
}
.checkout-register-wrap .form-btn-field label input {
    margin-bottom: 0;
}

.checkout-register-wrap .form-btn-field label {
    vertical-align: middle;
    margin-left: 10px !important;
}
/*38:01 billing details*/
.billing-details .woocommerce-input-wrapper input {
    margin-bottom: 25px;
    font-size: 14px;
    border-bottom: 1px solid #999999;
}
.billing-details .woocommerce-input-wrapper input:focus{
    border-color: #000000;
}
.billing-details-wrap {
    margin-top: 70px;
}
.billing-details-wrap {
    margin-top: 70px;
}

.billing-details {
    margin-top: 20px;
}

.billing-details .billing-heading h3 {
    font-weight: 700;
    margin-bottom: 50px;
}
.checkout-register-input input{
    font-size: 14px;
    margin-bottom: 30px;
}
.checkout-register-input input::-webkit-input-placeholder,
.woocommerce-input-wrapper input::-webkit-input-placeholder{
    color: #d7d7d7 !important;
}
.checkout-register-input input::-moz-placeholder,
.woocommerce-input-wrapper input::-moz-placeholder{
    color: #d7d7d7 !important;
}
.checkout-register-input input:-ms-input-placeholder,
.woocommerce-input-wrapper input:-ms-input-placeholder{
    color: #d7d7d7 !important;
}
.checkout-register-input input::placeholder,
.woocommerce-input-wrapper input::placeholder{
    color: #d7d7d7 !important;
}
table.review-order-table {
    width: 100%;
    margin-bottom: 36px;
}
.checkout-review-order-wrap {
    background: #fcfcfc;
    padding: 50px 30px;
}
.review-order-header h3 {font-weight: 700;margin-bottom: 17px;}

.review-order-table tbody tr th,
.review-order-table tbody tr td {padding: 12px;}

.review-order-table tbody tr th {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    border-bottom: 1px solid #eaeaea;
}

.review-order-table tbody tr th:last-child {
    text-align: right;
}

.review-order-table tbody tr td:first-child {
    color: #555555;
    font-size: 16px;
}

.review-order-table tbody tr td:first-child span {
    margin-left: 20px;
    font-size: 12px;
    color: #999999;
}

.review-order-table tbody tr td:last-child {
    text-align: right;
    color: #555555;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}

.review-order-table tbody tr:last-child {
    border-top: 1px solid #eaeaea;
}
.review-order-table tbody tr:last-child td:first-child {padding-left: 65px;text-transform: uppercase;color: #333333;}

.review-order-table tbody tr:last-child td:last-child {
    color: #ff7353;
}

.check-shipping-heading h5 {
    font-weight: 700;
    margin-bottom: 32px;
}

.check-shipping-wrap table {
    width: 100%;
}

.check-shipping-table tbody tr td {padding: 10px;color: #999999;font-size: 16px;vertical-align: middle;}

.check-shipping-table tbody tr td input {
    margin-right: 10px;
    vertical-align: middle;
}

.check-shipping-table tbody tr td:last-child {
    font-size: 16px;
    color: #555555;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: right;
}

.check-shipping-table tbody tr:last-child {
    border-top: 1px solid #eaeaea;
}

.check-shipping-table tbody tr:last-child td {
    padding-left: 65px;
    text-transform: uppercase;
    color: #333333;
}

.check-shipping-table tbody tr:last-child td:last-child {
    font-size: 20px;
    color: #ff7353;
}

.check-shipping-wrap {
    margin-bottom: 47px;
}

.payment-system-heading h5 {
    font-weight: 700;
    margin-bottom: 32px;
}

table.payment-system-table {
    width: 100%;
}

.payment-system-table tbody tr td {
    padding: 10px;
    font-size: 16px;
    color: #999999;
}

.payment-system-table tbody tr td input {
    margin-right: 10px;
    vertical-align: middle;
}
.review-order-table tbody tr:nth-child(2) td {
    padding-top: 28px;
}

.review-order-table tbody tr:nth-child(4) td {
    padding-bottom: 25px;
}
.check-shipping-table tbody tr:nth-child(3) td {
    padding-bottom: 28px;
}
.checkout-review-order-wrap label {
    cursor: pointer;
}
.billing-details textarea {
    resize: none;
    display: block;
    width: 100%;
    height: 100px;
    padding-left: 20px;
    padding-top: 10px;
}
.shop--create-account {
    margin-top: 20px;
}
.billing-details label.billing-textarea {
    margin-top: 20px;
    margin-bottom: 15px;
}
.terms-and-conditions-wrapper .billing-submit-button:before{
    background: #fff;
}
.terms-and-conditions-wrapper .billing-submit-button:hover{
    color: #333;
}
/*38:02 terms and conditions*/
.terms-and-conditions-wrapper {
    margin-top: 42px;
}

.terms-and-conditions-wrapper p {
    color: #999999;
    margin-bottom: 15px;
}

.terms-and-conditions-wrapper label span {
    color: #999999;
}

.terms-and-conditions-wrapper label {
    display: block;
    margin-bottom: 27px;
}
.terms-and-conditions-wrapper label span a {
    text-decoration: underline;
}
.terms-and-conditions-wrapper .billing-submit-button {
    padding: 19px 130px;
    font-size: 16px;
    color: #fff;
    background: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
/*==================================================
    39: My account
==================================================*/
/*39:01 dashboard nav*/
.dashboard-inner .nav-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    display: block;
}

.dashboard-inner {
    background: #fcfcfc;
    padding: 70px 0 70px 50px;
}

.dashboard-inner .nav-list li:not(:last-child) {
    padding-bottom: 28px;
}

.dashboard-inner .nav-list li a span {
    margin-right: 20px;
    vertical-align: middle;
}

.dashboard-inner .nav-list li a {
    font-size: 16px;
    font-weight: 700;
    color: #999999;
    font-family: 'Roboto Condensed', sans-serif;
}

.dashboard-inner .nav-list li a.active {
    color: #333333;
}

.dashboard-inner .nav-list li a.active svg .cls-1 {
    fill: #333333;
}
/*39:02 dashboard content*/
.deshboard-content-wrap {
    margin-top: 66px;
}

.dashboard-tab-info p {
    color: #777777;
    font-size: 16px;
    
}
.dashboard-tab-info p + p{
    margin-bottom: 0;
}

.dashboard-tab-info p span {
    font-size: 12px;
}

.dashboard-tab-info p span a {
    color: #333333;
    font-weight: 900;
}

.dashboard-tab-info p a {
    color: #333333;
    font-weight: 700;
}
/*39:03 order*/
.dashboard-order-table tbody tr th, .dashboard-order-table tbody tr td {
    padding: 20px;
}

table.dashboard-order-table {
    width: 100%;
    white-space: nowrap;
}

.dashboard-order-table tbody tr th {
    color: #333333;
    font-size: 16px;
    border-bottom: 1px solid;
}

.dashboard-order-table tbody tr td {
    border-bottom: 1px solid #eaeaea;
    color: #777777;
}

.dashboard-order-table tbody tr td:last-child {
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}

.dashboard-order-table tbody tr td:last-child a {
    color: #555555;
}
/*39:04 download*/
.dashboard-tab-downlod p span i {
    font-size: 16px;
    margin-right: 7px;
    color: #ffcc00;
}

.dashboard-tab-downlod p {
    color: #777777;
    font-size: 16px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.dashboard-tab-downlod .go-shop-btn {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    padding: 12px 10px;
    background: #333333;
    margin-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}
.passwrd-change-wrap .go-shop-btn:hover,
.dashboard-tab-downlod .go-shop-btn:hover{
    color: #333;
}
.passwrd-change-wrap .go-shop-btn:before,
.dashboard-tab-downlod .go-shop-btn:before{
    background: #fff;
}
/*39:05 address*/
.address-info-inner .shipping-address h5,
.address-info-inner .billing-information h5 {
    font-weight: 700;
    margin-bottom: 24px;
}

.address-info-inner .shipping-address ul,
.address-info-inner .billing-information ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.address-info-inner .shipping-address ul li,
.address-info-inner .billing-information ul li {
    padding-bottom: 9px;
    font-size: 16px;
    color: #777777;
}
.address-info-inner .shipping-address ul li:last-child a,
.address-info-inner .billing-information ul li:last-child a {
    color: #ff0000;
}
.address-info-inner .shipping-address ul li:last-child,
.address-info-inner .billing-information ul li:last-child {
    margin-top: 28px;
}

.address-info p {
    margin-bottom: 47px;
    font-size: 16px;
    color: #999999;
}
.billing-information {
    float: left;
    width: 50%;
}

.shipping-address {
    float: right;
    width: 50%;
}

/*39:06 account details*/
.account-details .theme-input-style {
    font-size: 14px;
    margin-bottom: 30px;
    padding-left: 23px;
}

.account-details .theme-input-style::-webkit-input-placeholder {
    color: #d7d7d7 !important;
}

.account-details .theme-input-style::-moz-placeholder {
    color: #d7d7d7 !important;
}

.account-details .theme-input-style:-ms-input-placeholder {
    color: #d7d7d7 !important;
}

.account-details .theme-input-style::placeholder {
    color: #d7d7d7 !important;
}

.account-details p {
    margin-top: -20px;
    font-size: 14px;
    font-style: italic;
    color: #999999;
}

.passwrd-change-wrap h5 {
    font-weight: 700;
    margin: 15px 0 36px;
}
.passwrd-change-wrap .go-shop-btn{
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    padding: 12px 20px;
    background: #333333;
    margin-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    display: inline-block;
}

/*===============================================
   40: Order Tracking
===============================================*/
.single-tracking-inner h5 {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.single-tracking-inner  p {
    color: #999999;
    margin-bottom: 0;
}
.single-tracking-img {
    margin-bottom: 21px;
    display: inline-block;
    background: #fff;
    width: 56px;
    height: inherit;
}
.order-deliverd-date p {
    color: #555555;
}

.order-deliverd-date p span {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
}

.order-deliverd-date {
    margin: 37px 0 42px;
}
.order-details-heading h5 {
    font-size: 18px;
    font-weight: 600;
}

.order-details-heading {
    border-bottom: 1px solid #eaeaea;
}
.order-address-details .order-no p {
    font-size: 16px;
    color: #777777;
    margin-bottom: 0;
}

.order-address-details .order-no p span {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    color: #333333;
    font-weight: 700;
}

.order-address-details .order-no {
    margin-top: 22px;
    margin-bottom: 59px;
}
.billing-to-area h5,
.shipping-to-area h5 {
    font-weight: 700;
    margin-bottom: 20px;
}
.billing-to-area p:not(:last-child),
.shipping-to-area p:not(:last-child) {
    margin-bottom: 6px;
}
.billing-to-area p,
.shipping-to-area p {
    color: #555555;
}
.billing-to-area,
.shipping-to-area {
    width: 50%;
    float: left;
}
.track-lines {
    position: relative;
}

.track-lines:after {
    position: absolute;
    top: 15px;
    left: 7%;
    height: 2px;
    width: 86%;
    background: #fcfcfc;
    content: "";
    z-index: -1;
}

.single-tracking-inner {
    position: relative;
    margin-bottom: 30px;
}

.single-tracking-inner:after {
    content: "";
    background: red;
    width: 89%;
    height: 2px;
    position: absolute;
    top: 15px;
    left: 61%;
}
.track-lines .col-md-3:nth-child(3) .single-tracking-inner:after,
.track-lines .col-md-3:nth-child(4) .single-tracking-inner:after {
    display: none;
}
.single-tracking-inner.line-1:after{
    background: #ffd800;
    background: -webkit-linear-gradient(left, #ffd800 0%,#33f345 100%);
    background: linear-gradient(to right, #ffd800 0%,#33f345 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#33f345',GradientType=1 );
}
.single-tracking-inner.line-3:after,
.single-tracking-inner.line-2:after{
    background: #33f345;
}
.track-lines .col-md-3:last-child .single-tracking-inner {
    margin-bottom: 0;
}

/*==================================================
    41: Shope 2 column with side bar
==================================================*/
/*41:01 filter menu*/
.search-form button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.product-filter-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.product-grid-view ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.product-grid-view ul li {
    display: inline-block;
    padding-left: 15px;
}
.product-grid-view #nav-four-col {
    display: none;
}
.product-grid-view ul li:first-child {
    padding-left: 0;
}
.product-filter .product-filter-btn i,
.newest-product a i {
    margin-right: 6px;
}
.product-filter .product-filter-btn span + i,
.newest-product a span + i {
    margin-right: 0;
    margin-left: 3px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.newest-product {
    position: relative;
}
.newest-product .newest-product-option {
    box-shadow: 0px 3px 5px rgba(0,0,0,.1);
    border: 0;
    border-radius: 0;
    margin-top: 14px;
    padding: 20px;
    z-index: 100;
    color: #777777;
    width: 155px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: translate3d(0px, 35px, 0px) !important;
            transform: translate3d(0px, 35px, 0px) !important;
    opacity: 0;
    top: 0%;
}
.newest-product.show .newest-product-option {
    -webkit-transform: translate3d(0px, 35px, 0px) !important;
            transform: translate3d(0px, 35px, 0px) !important;
    opacity: 1;
    top: 0%
}
.newest-product .newest-product-option li a:hover {
    color: #333333;
    margin-left: 4px;
}

.newest-product .newest-product-option li a {
    color: #777777;
    font-size: 14px;
    line-height: 1;
    display: block;
    transition: .3s all linear;
}

.newest-product .newest-product-option li:not(:last-child) {
    padding-bottom: 16px;
}
.newest-product a#dropdownnewest {
    color: #777777;
    text-transform: capitalize;
    padding: 14px 0;
}
.newest-product a#dropdownnewest span {
    font-size: 14px;
}
.newest-product a#dropdownnewest .sort-by {
    color: #333333;
    text-transform: capitalize;
}
.product-filter-menu {
    position: absolute;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    top: 49px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
    left: 0;
}

.product-filter:hover .product-filter-menu {
    visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.product-filter-mobile a i {
    font-size: 19px;
}
.product-filter .product-filter-btn {
    color: #333333;
    padding: 14px 0;
    font-size: 14px;
}
.shop-toolbar-filter .product-found span {
    font-size: 14px;
}
.woocommerce-products-header .shope-filter-item ul {
    list-style: none;
    padding-left: 0;
    padding: 30px 0 30px 40px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.woocommerce-products-header .shope-filter-item ul > li {
    display: inline-block;
    width: 19%;
    position: relative;
}

.woocommerce-products-header .shope-filter-item ul li ul li {
    display: block;
    width: 100%;
}

.woocommerce-products-header .shope-filter-item ul li ul {left: 0;display: table;padding: 21px 0 0;}

.woocommerce-products-header .shope-filter-item ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.woocommerce-products-header .shope-filter-item ul li ul li a {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #777777;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.woocommerce-products-header .shope-filter-item ul li ul li a:hover {
    color: #333333;
}
.woocommerce-products-header .shope-filter-item ul li ul li {
    padding-bottom: 5px;
}

.shope-filter-item .size-list a {
    height: 35px;
    width: 35px;
    display: block;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    color: #777777 !important;
    font-weight: 700 !important;
}

.shope-filter-item .size-list a.active span{
    color: #333333 !important;
    border-color: #333333;
}
.shope-filter-item .size-list a span{
    transition: .3s all linear;
    border-color: #777777;
}
.shope-filter-item .size-list a:hover span {
    background: #333;
    border-color: #333;
    color: #fff !important;
}
.woocommerce-products-header .shope-filter-item ul li> ul.size-list> li {
    display: inline-block;
    width: 26%;
    padding-bottom: 14px;
}

.woocommerce-products-header .shope-filter-item ul li> ul.size-list {
    padding-right: 25px;
}

.woocommerce-products-header .shope-filter-item ul li ul.tag-list li {
    display: inline-block;
    width: inherit;
}

.woocommerce-products-header .shope-filter-item ul li ul.tag-list {
    padding-right: 65px;
}

.woocommerce-products-header .shope-filter-item ul li ul.tag-list li a:hover {
    color: #333333;
}
.woocommerce-products-header .shope-filter-item ul li ul.tag-list li a {
    color: #999999;
    margin-left: 3px;
    transition: .3s all linear;
}
.woocommerce-products-header .shope-filter-item ul li ul.color-list li {
    display: inline-block;
    width: 45px;
}
.woocommerce-products-header .shope-filter-item ul li ul.color-list{
    width: 100%;
}
.color-list li .color {
    height: 30px;
    width: 30px;
    background: #ff3000;
    display: block;
}
.color-list li .color2{
    background-color: #ff9000;
}
.color-list li .color3{
    background-color: #ffc000;
}
.color-list li .color4{
    background-color: #fff000;
}
.color-list li .color5{
    background-color: #8bec22;
}
.color-list li .color6{
    background-color: #00d2ff;
}
.color-list li .color7{
    background-color: #0012ff;
}   
.color-list li .color8{
    background-color: #c50bf4;
}
.color-list li .color9{
    background-color: #ff00d2;
}
.color-list li .color10{
    background-color: #0de545;
}
.color-list li {
    display: inline-block;
    width: 45px;
}

.woocommerce-products-header .shope-filter-item ul li ul.color-list {
    padding-right: 60px;
}
.woocommerce-products-header .shope-filter-item ul li a{
    color: #333333;
}
.shop-toolbar-filter {
    padding-bottom: 33px;
}

/*41:02 shop side bar*/
.single-sidebar-widget .shop-sidebar {
    margin-top: 80px;
}
.recent-product-wrap .recent-produt-image,
.new-product-wrap .new-produt-image {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}
.recent-product-wrap .recent-produt-image img,
.new-product-wrap .new-produt-image img {
    -o-object-fit: cover;
       object-fit: cover;
}
.recent-product-wrap .product-img-caption h5 a,
.new-product-wrap .product-img-caption h5 a{
    font-weight: 700;
    color: #555555;
    margin-bottom: 5px;
}
.recent-product-wrap .product-img-caption h5 a:hover,
.new-product-wrap .product-img-caption h5 a:hover{
    color: #333333
}
.recent-product-wrap .product-img-caption h6,
.new-product-wrap .product-img-caption h6 {
    font-weight: 700;
    color: #777777;
    margin-bottom: 0;
}
.recent-product-wrap,
.new-product-wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
}
.recent-product-item ul li:not(:last-child),
.new-product-item ul li:not(:last-child) {
    padding-bottom: 20px;
}
.single-widget-size .size-list a {
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    color: #777777 !important;
    font-weight: 900 !important;
}
.single-widget-size .size-list li {
    display: inline-block;
    padding-right: 10px;
}
.single-widget-size .size-list a.active .product-size{
    color: #333333 !important;
    border-color: #333333;
}
.single-widget-size .size-list a .product-size{
    color: #777777;
    border-color: #777777;
    transition: .3s all linear;
}
.single-widget-size .size-list a:hover .product-size{
    color: #fff !important;
    border-color: #333333;
    background: #333333;
}

.single-widget-color .color-list li {
    display: inline-block;
    padding-bottom: 10px;
    padding-right: 11px;
    width: inherit;
}
.single-widget-color {
    margin-bottom: -21px;
}
.single-sidebar-widget .sider-add-inner.shope-add-sidebar:before{
    display: none;
}
.single-sidebar-widget .sider-add-inner.shope-add-sidebar {
    padding: 17px 30px 30px;
}
.sider-add-inner .sidebar-add-text p{
    padding-bottom: 63px;
}
.single-sidebar-widget.widget_categories {
    margin-top: -20px;
}
.single-widget-catagoris a {
    font-size: 14px;
    color: #777777;
}
.single-widget-catagoris ul li {
    padding-bottom: 10px;
}
.single-widget-catagoris a:hover {
    color: #333333;
}

.single-widget-catagoris a {
    font-size: 14px;
    color: #777777;
    transition: .3s all linear;
}
.woocommerce-products-header .shope-filter-item ul li ul.price-list li a:hover,
.woocommerce-products-header .shope-filter-item ul li ul.category-list li a:hover{
    margin-left: 4px;
}
/*===============================================
    42: single product details
===============================================*/
.swiper-container.product-thumbs {
    width: 230px;
}
.swiper-container.product-thumbs {
    width: 230px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    z-index: 1001;
}
.shop-product-slider-wrap {
    position: relative;
}
.swiper-slide.active {
    border: 1px solid #333333;
}
 .zoomContainer{
    z-index: 101;
 }
 .zoomContainer .zoomLens {
    width: 200px !important;
    height: 200px !important;
    border-radius: 5px !important;
    border-color: #333333 !important;
    border-width: 2px !important;
}
.product-details-inner .product-info {
    display: block;
    padding: 0;
}
.product-details-inner .product-title {
    position: relative;
    bottom: 0;
    left: 0;
    margin-bottom: 15px;
}
.product-details-inner .product-info .product-rating {
    margin-bottom: 9px;
}

.product-details-inner .product-price h5 {
    margin-bottom: 20px;
}
.product-details-inner .product-price .new-price {
    font-weight: 700;
    color: #ff7353;
    display: inline-block;
    text-decoration: none;
}
.product-details-inner .product-price .old-price {
    text-decoration: line-through;
    display: inline-block;
    margin-left: 18px;
}
.product-details-inner .product-description p {
    font-size: 16px;
    margin-bottom: 38px;
    line-height: 26px;
}

.wish-btn a span {
    margin-right: 8px;
}
.product-details-btns > * {
    display: inline-block;
    padding-right: 20px;
}
.product-size {
    height: 35px;
    width: 35px;
    border: 2px solid #333;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    color: #777777 !important;
    font-weight: 900 !important;
}
.size-list .product-size.active{
    color: #333333 !important;
}
.list-product-group ul li {
    display: inline-block;
    vertical-align: middle;
}
.list-product-group ul li .size-list li .product-size {
    border-color: #777777;
    transition: .3s all linear;
}

.list-product-group ul li .size-list li .product-size.active {
    border-color: #333;
}

.list-product-group ul li .size-list li:hover .product-size {
    background: #333;
    border-color: #333;
    color: #fff !important;
}
.list-product-group ul li ul {
    display: inline-block;
}
.list-product-group ul .group {
    width: 49%;
    padding-bottom: 20px;
}
.list-product-group ul .group .product-available,
.list-product-group ul .group .product-quantity {
    display: inline-block;
}
.list-product-group ul li .size-list li {
    padding-right: 8px;
}
.list-product-group ul .group .list-heading {
    color: #333333;
    font-size: 16px;
    text-transform: capitalize;
    margin-right: 15px;
}

.quantity-group .product-quantity-list {
    margin: 0 8px;
}
.list-product-group ul .color-group ul li .color {
    height: 15px;
    width: 15px;
    background: #de2dcb;
    display: inline-block;
    position: relative;
    border-radius: 50%;
}
.list-product-group ul .color-group ul li .color2 {
    background-color: #00deff;
}
.list-product-group ul .color-group ul li .color3 {
    background-color: #53db39;
}
.list-product-group ul .color-group ul li {
    padding-right: 7px;
}
.list-product-group ul .color-group ul li .color.active {
    transform: scale(1.3);
}
.list-product-group {
    margin-bottom: 20px;
    user-select: none;
}
.list-product-group ul .group .product-quantity-list {
    color: #333333 !important;
}
.product_meta.item-product-meta-info > * {
    display: block;
    font-size: 12px;
    color: #999999;
}

.product_meta.item-product-meta-info  a {
    color: #999999;
}

.item-product-meta-info label {
    margin-bottom: 0;
}

.item-product-meta-info {
    margin: 33px 0 16px;
}
.single-product-share ul {
    display: inline-block;
}

.single-product-share ul li {
    display: inline-block;
    margin-right: 16px;
}
.single-product-share ul li a{
    color: #999999;
    font-size: 16px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-product-share ul li a:hover{
    color: #333333;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.single-product-share label span {
    margin-right: 16px;
    display: inline-block;
    border: 1px solid #eaeaea;
    color: #333333;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.zoomWindowContainer .zoomWindow,
.product-gallery .swiper-slide img{
    cursor: crosshair !important;
}
.product-thumbs .swiper-slide.swiper-slide-active {
    border: 1px solid #333333;
}
/*42:01 single product tab*/
.description-inner p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 46px;
}
.description-content-image {
    width: 160px;
    height: 230px;
    margin-right: 30px;
}

.description-content-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.description-content-image img {
    -o-object-fit: cover;
       object-fit: cover;
}

.description-content-text h5 {
    font-family: 'Lato', sans-serif;
    color: #333333;
    font-weight: 700;
    text-transform: capitalize;
}

.description-content-text p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 16px;
}
.description-content-text ul li span {
    font-size: 14px;
    color: #333333;
    margin-right: 10px;
}

.description-content-text ul li {
    margin-bottom: 3px;
}
.faq-content-wrap ul li h5 {
    color: #333333;
    line-height: 24px;
    margin-bottom: 16px;
}

.faq-content-wrap ul li {
    padding-left: 55px;
    position: relative;
    padding-bottom: 5px
}

.faq-list li span{
    color: #333333;
    display: block;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
}
.flex-1{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
/*42:03 faq type2*/
.faq-content-wrap.type2 {
    margin-top: -6px;
}
.review-author-inner .review-author-image {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px;
}

.review-author-details .product-rating {
    display: inline-block;
    vertical-align: middle;
}

.review-author-details  h6 {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    margin-right: 25px;
    font-size: 15px;
    color: #555555;
}

.review-author-details p {
    color: #999999;
    margin-bottom: 0;
}

.review-author-inner ul li:not(:last-child) {
    padding-bottom: 30px;
}
.review-author-comment {
    border: 1px solid #333;
    padding: 45px 50px 50px;
    margin-top: 70px;
}

.review-comment-heading h4 {
    font-weight: 700;
    text-transform: capitalize;
}

.review-comment-heading {
    margin-bottom: 31px;
}

.review-author-comment h6 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 16px;
}

.review-author-comment .product-rating {
    display: inline-block;
    vertical-align: middle;
}
.review-author-comment .star-rating span:before,
.review-author-comment .star-rating:before{
    top: 2px;
}
.review-author-comment .comment-respond {
    margin-top: 13px;
}
.review-author-comment .comment-respond .btn.btn-fill-type {
    padding: 5px 20px;
    color: #fff;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
    background: #333 !important;
    outline: 2px solid #333333;
    border-width: 0;
}
.review-author-comment .comment-respond .btn.btn-fill-type:hover{
    color: #333333;
}
.review-author-comment .comment-respond .btn.btn-fill-type:before{
    background-color: #fff;
}
.product-details-btns a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
}
.tab-content.single-product-tab {
    margin-bottom: 62px;
}
.product-details-nav .nav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
/*42:04 related product*/
.related-product-heading h2 {
    font-weight: 700;
    color: #333333;
    text-transform: capitalize;
}
.related-product-heading {
    margin-bottom: 59px;
}
/*42:05 single product details out of stock*/
.product-details-inner .product-out-stock {
    margin-bottom: 37px;
}

.product-details-inner .product-out-stock h5 {
    font-weight: 700;
    color: #ff0000;
    text-transform: capitalize;
}
/*42:06 single product details grouped*/
.grouped-table tbody tr td:nth-child(2) h5 {
    font-weight: 700;
    margin-bottom: 0;
}
.grouped-table tbody tr td:last-child h4 {
    margin-bottom: 0;
}

.grouped-table tbody tr td:last-child {
    text-align: right;
}

.grouped-table tbody tr td:first-child .product-size {margin: 0 6px;}

.grouped-table table tr td {border: none;padding: 20px;}

.grouped-table table tr:first-child {
    border-bottom: 1px solid #d7d7d7;
}

.grouped-table table tr:first-child td {
    padding-top: 0;
}
.grouped-table table {
    white-space: nowrap;
    overflow: scroll;
}
.wish-btn a.external span {
    margin-right: 0;
}
/*===================================================
    43: Contact Us
===================================================*/
#map{
    width: 100%;
    height: 530px;
}
.office-address-head h3,
.office-ifno-inner h3 {
    font-weight: 700;
    margin-bottom: 18px;
}
.office-address-head,
.office-ifno-inner {
    margin-bottom: 53px;
}

.office-addess-inner .single-address h4 {
    font-weight: 700;
    margin-bottom: 15px;
}

.office-addess-inner .single-address {
    padding-bottom: 36px;
}
.input-form-group {
    position: relative;
}

.input-form-group label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.input-form-group textarea,
.input-form-group input {
    padding-left: 24px;
}

.input-form-group {
    margin-bottom: 30px;
}
.input-form-group label.text-area {
    margin-bottom: 0;
    top: 22px;
}

.address-form-inner .btn-fill-type {
    background: #333333;
    color: #fff;
    padding: 3px 20px;
}

.address-form-inner .btn-fill-type:before {
    background: #fff;
}

.address-form-inner .btn-fill-type:hover {
    color: #333333;
}
.form-response span {
    color: #fff;
    background: #333;
    padding: 6px 15px;
}
.theme-input-style:focus::-webkit-input-placeholder{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .4s all linear;
    transition: .4s all linear;
    padding-left: 50px;
}
.theme-input-style:focus::-moz-placeholder{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .4s all linear;
    transition: .4s all linear;
    padding-left: 50px;
}
.theme-input-style:focus:-ms-input-placeholder{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .4s all linear;
    transition: .4s all linear;
    padding-left: 50px;
}
.theme-input-style:focus::placeholder{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .4s all linear;
    transition: .4s all linear;
    padding-left: 50px;
}
.theme-input-style::-webkit-input-placeholder{
    color: #c8c8c8 !important;
    font-size: 14px !important;
}
.theme-input-style::-moz-placeholder{
    color: #c8c8c8 !important;
    font-size: 14px !important;
}
.theme-input-style:-ms-input-placeholder{
    color: #c8c8c8 !important;
    font-size: 14px !important;
}
.theme-input-style::placeholder{
    color: #c8c8c8 !important;
    font-size: 14px !important;
}
.we-are-social h3 {
    font-weight: 700;
    margin-bottom: 16px;
}

.we-are-social p {
    margin-bottom: 16px;
}

.we-are-social .footer-social-area {
    margin-top: 19px;
}
.office-address-form {
    padding-left: 20px;
}
/* ===========================================
    44: comming soon
=========================================== */
.coming-header .logo {
    padding: 25px 0;
}
.coming-inner-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.coming-inner-text h1 {
    font-weight: 700;
    color: #ff0000;
    line-height: 36px;
    text-transform: uppercase;
}

.coming-inner-text h4 {
    font-weight: 700;
}
.coming-soon-inner ul li strong {
    font-size: 60px;
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
}

.coming-soon-inner ul li {
    display: inline-block;
    position: relative;
    border: 1px solid #ff0000;
    padding: 28px 6px 15px;
    margin-right: 55px;
}

.coming-soon-inner {
    margin-top: 50px;
}

.coming-soon-inner ul li span {
    position: absolute;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333333;
}
.coming-inner-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-repeat: no-repeat !important;
    background-position: 80% 0% !important;
}
.coming-soon-inner ul {
    margin-bottom: 24px;
}
.coming-inner-text .theme-input-style {
    color: #333333 !important;
}

/* search result */
.search-input-text {
    margin-bottom: 42px;
}

/* coming soon type2 */
.coming-soon-inner ul li {
    background: #fff;
}
.coming-soon-social-area {
    margin-top: 50px;
}
.coming-soon-social-area .sidebar-social-area ul li a{
    background: #eeeeee;
}
.coming-soon-social-area .sidebar-social-area ul li a:hover{
    background: #333333;
}
.type2 .coming-soon-inner ul li{
    padding: 32px 16px 19px;
}
.type2 .coming-soon-inner ul li span{
    padding-right: 5px; 
}

/*===============================================
    45: footer area
===============================================*/

.fa-envelope:before {
    content: "\f0e0" !important;
}
.pattern{
    background-image: url('../../assets/img/pattern.png');
}
.footer-logo {
    margin-bottom: 20px;
}

.footer-header h5 {
    font-weight: 800;
    color: #333333;
    margin-bottom: 0;
    text-transform: capitalize;
}
.footer-about-text p {
    font-size: 14px;
}
.footer-header {
    margin-bottom: 22px;
    margin-top: 35px;
}

.links-list li {
    padding: 0 0 5px 0;
}

.links-list li a:hover {
    color: #333333;
}
.links-list li a {
    color: #777777;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    font-size: 14px;
}
.copyright-text p a {
    color: #777777;
}
.footer-contact-list li {
    padding-bottom: 5px;
    color: #777777;
    font-size: 14px;
    position: relative;
    padding-left: 36px;
}

.footer-type1 .trams-conditaion ul li a:hover {
    color: #333333 !important;
}
.trams-conditaion ul li a:hover {
    color: #fff !important;
}

.footer-contact-list li span {
    display: inline-block;
    padding-right: 0;
    font-size: 16px;
    color: #777777;
    position: absolute;
    left: 0;
}

.footer-contact-list li a {
    color: #777777;
}
.footer-bottom-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 24px 2px;
    border-top: 1px solid #999999;
}

.trams-conditaion ul li {
    display: inline-block;
    padding: 0 12px;
}

.copyright-text p {
    margin-bottom: 0;
    -webkit-transform: inherit;
            transform: inherit;
    font-size: 14px;
}

.footer-bottom-wrap {
    padding: 20px 0;
}
.footer-widget {
    margin-bottom: 40px;
    color: #777777;
}
.links-list li:last-child,
.footer-contact-list li:last-child{
    padding-bottom: 0;
}
.trams-conditaion ul li a {
    color: #999999;
    font-size: 14px;
}

.trams-conditaion ul li:last-child {
    padding-right: 0;
}
.links-list li a:hover {
    margin-left: 4px;
}
.copyright-text p a {
    font-weight: 700;
    transition: .3s all linear;
}

.copyright-text p:hover a {
    color: #fff !important;
}
.footer-type1 .copyright-text p:hover a {
    color: #333 !important;
}
/*45:01 footer type2*/
.footer-type2 .footer-bottom-wrap{
    border-width: 0;
}
.footer-type2 .footer-bottom{
    background-color: #333333;
}
.footer-type2 .trams-conditaion ul li a,
.footer-type2 .copyright-text p a,
.footer-type2 .copyright-text p {
    color: #fff;
}
.footer-subscribe button[type=submit] {
    cursor: pointer;
    background: transparent;
    border: none;
    color: #333333;
    width: inherit;
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.footer-subscribe {
    position: relative;
}
.footer-social-area ul li a:hover{
    color: #fff;
    background-color: #333333;
}
.footer-social-area ul li a {
    height: 30px;
    width: 30px;
    display: block;
    border: 1px solid #333333;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    font-size: 12px;
}

.footer-social-area ul li {
    display: inline-block;
    margin-right: 7px;
}

.footer-social-area {
    margin-top: 24px;
}
footer.pattern {
    border-top: 1px solid #f9f9f9;
}
/*45:02 footer type3*/
.footer-type3 {
    background: #333333;
}
.footer-type3 .footer-bottom {
    background: #3d3d3d;
}
.footer-type3 .footer-bottom-wrap{
    border-width: 0;
}
.footer-type3 .footer-widget {
    color: #d7d7d7;
}
.footer-type3 .theme-input-style {
    font-size: 14px;
    color: #777777;
    border-color: #d1d1d1;
}
.footer-type3 .footer-subscribe button[type=submit] {
    color: #fff;
}
.footer-type3 .footer-header h5 {
    color: #fff;
}
.footer-type3 .footer-contact-list li span ,
.footer-type3 .links-list li a,
.footer-type3 .footer-contact-list li a,
.footer-type3 .footer-contact-list li {
    color: #d7d7d7;
}
.footer-type3 .footer-social-area ul li a {
    border: 1px solid #d7d7d7;
    color: #ffffff;
}
.footer-type3 .trams-conditaion ul li a,
.footer-type3 .copyright-text p a,
.footer-type3 .copyright-text p {
    color: #999999;
}
.footer-type3 .footer-social-area ul li a:hover {
    color: #333333;
    background: #ffffff;
    border-color: #fff;
}
.footer-type3 .footer-header {
    margin-top: 11px;
}
.footer-type3 .footer-widget {
    margin-bottom: 50px;
}
/*45:03 footer type4*/
.footer-type4{
    background-color: #fcfcfc;
}
.footer-type4 .footer-bottom{
    background-color: #333333;
}
.footer-type4 .trams-conditaion ul li a,
.footer-type4 .copyright-text p a,
.footer-type4 .copyright-text p {
    color: #d7d7d7;
}
.footer-type4 .footer-widget{
    margin-bottom: 50px;
}
.footer-type4 .footer-bottom-wrap {
    border-width: 0;
}
/*=============================================
    46: Others
==============================================*/

h1 span {
    color: #999999;
}

/*46.01: About block */
.about-content h1 {
    margin-top: -12px;
}
.about-content p {
    margin-bottom: -5px;
}

/* 46.02: Why us */
.single-reason {
    border: 1px solid #ecf7fe;
    padding: 30px 15px 25px;
}
.single-reason i {
    font-size: 30px;
    color: #00c544;
}
.single-reason .h5 {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 14px;
}
.single-reason span {
    color: #4c4f60;
}

/* 46.03: Subscription */
.primary-form {
    position: relative;
}
.primary-form input:not([type=submit]) {
    height: 40px;
    padding: 0 0 0 15px;
    font-size: 14px;
}
.subscribe-form input[type="submit"] {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: none;
    background: no-repeat;
    cursor: pointer;
    padding: 0 20px
}

.primary-form .parsley-errors-list {
    display: none;
}
.subscribe-form .subscribe-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #333;
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}
.subscribe-form:focus .subscribe-btn{
    color: #fff;
}
.subscribe-form .subscribe-btn:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    right: 0;
    bottom: 0;
    background: #333;
    opacity: .2;
    transition: .3s all linear;
}
.subscribe-form .theme-input-style:focus+button:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: -1;    
}
.subscribe-form .theme-input-style:focus+button{
    color: #fff;
}
.subscribe-bg .subscribe-form .subscribe-btn:after{
    background: #fff;
}
.subscribe-bg .subscribe-form .subscribe-btn{
    color: #fff;
}

.subscribe-bg .subscribe-form .theme-input-style:focus+button{
    color: #333;
}
.subscribe-bg .subscribe-form .theme-input-style:focus+button:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: -1;    
}
.subscribe-bg .subscribe-form .theme-input-style:focus+button{
    color: #333;
}
/* 46.04: Carousel controls */
.carousel-control {
    border: 1px solid #e2e6fb;
    width: 40px;
    height: 40px;
    color: #8388a8;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #fff;
    background-color: #00c544;
    border-color: #00c544;
    outline: none;
}
.swiper-button-disabled {
    pointer-events: none;
}

/* 46.05: Slider pagination style */
.slider-pagination-style .swiper-pagination-bullet {
    width: 15px;
    height: 5px;
    border: 1px solid #e2e6fb;
    border-radius: 0;
    background: transparent;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    margin: 0 5px;
}
.slider-pagination-style .swiper-pagination-bullet-active {
    width: 15px;
    height: 10px;
    background: #e2e6fb;
}
.slider-pagination-style .swiper-pagination-bullet:focus {
    outline: none;
}

/* 46.06: Social icons */
.social-icons li:not(:last-child) {
    margin-right: 25px;
}

/* 46.07: Back to top */
.back-to-top{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
   
.back-to-top.show {
    bottom: 30px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    z-index: 999;
}
.back-to-top a {
    width: 35px;
    height: 35px;
   background: #000;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.60);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    bottom: 10%;
    right: 4%;
    position: fixed;
    z-index: 998;
    -webkit-transform: scale(0);
            transform: scale(0); 


}

.top-array {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    height: 8px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    width: 8px;
    position: absolute;
    left: 14px;
    top: 13px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.top-line {
    background-color: #fff;
    height: 10px;
    left: 18px;
    position: absolute;
    top: 14px;
    width: 2px;
    margin-left: -1px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.back-to-top.show a:hover .top-line {
    height: 14px;
    border-color: #000;
    background: #000;
    top: 12px;
}

.back-to-top a:hover .top-array {
    border-color: #000;
    top: 11px;
}

.back-toop-tooltip {
    position: absolute;
    top: -65px;
    -webkit-transform: rotate(-90deg) translateX(20px);
            transform: rotate(-90deg) translateX(20px);
    width: 100px;
    left: -33px;
    -webkit-transition: .6s all ease;
    transition: .6s all ease;
    line-height: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.back-toop-tooltip span {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
}

.back-to-top a:hover .back-toop-tooltip {
    -webkit-transform: rotate(-90deg) translateX(5px);
            transform: rotate(-90deg) translateX(5px);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.back-to-top.show a{
    -webkit-transform: scale(1);
            transform: scale(1);
}
.back-to-top a:hover {
    background: #fff;
    color: #000;
}
.back-to-top.home6 a {
    background: #00c6c6;
}


/* 46.08: Preloader */
.sk-cube-grid {
    width: 50px;
    height: 50px;
  }
  .sk-cube-grid .sk-cube.sk-cube5{
      background: #fff;
  }
  .sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #333333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
            animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
  }
  .sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  
  @-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
              transform: scale3D(1, 1, 1);
    } 35% {
      -webkit-transform: scale3D(0, 0, 1);
              transform: scale3D(0, 0, 1); 
    }
  }
  
  @keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
              transform: scale3D(1, 1, 1);
    } 35% {
      -webkit-transform: scale3D(0, 0, 1);
              transform: scale3D(0, 0, 1);
    } 
  }
  .preLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
    overflow: hidden;
}
.preloder-inner {
    margin: auto auto;
    height: 100%;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/* 46.09: Form validation */
.parsley-errors-list {
    list-style: none;
    padding: 0;
    position: absolute;
    left: 0;
    margin: -10px 0 0;
    top: 100%;
    text-align: center;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.parsley-errors-list li {
    font-size: 13px;
    line-height: 1.5;
    background: red;
    color: #fff;
    padding: 0 10px;
    padding: 0 10px;
}

/* 46.10: Content animation */
[data-animate] {
    visibility: hidden;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}
[data-animate].animated {
    visibility: visible;
}