@charset "UTF-8"; 
/*!
Theme Name: FunDuz - Charity Crowdfunding & Volunteers HTML Template
Theme URI: https://themeforest.net/user/settembre
Author: Settembre
Author URI: https://themeforest.net/user/settembre
Description: FunDuz charity HTML is a clean,modern, stylish template. It’s Crowdfunding with predefined elements which help you to build your own site.Funduz Template is suitable for charity, non-profit organization, charity e-Commerce web site, church also fundraising website.
Version : 1.0.1

table content
1.header start here
2.footer area start here
3. slider one start here
4.category one area here
5. header two styling
6. slider one start here
7. top saller are start here
8.category product area
9. journal area start here
10.footer top area
11.header three start here
12.minicart area section
13. footer three start here
14. category show area here
15.grap area start here
16. header five here
17.clothing area here
18.footer five
19. home six here
20.home seven here
21. home eight here
22. home nine here
23. home ten here
24. products list area here
25.breadcumb area start here
26.widget area start here
27. single product start here
28. login register form start here
29.cart page area section
30.blog list section
31.blog sidebar section
32.blog details section
33.comments section start
34.comments form section start
35.contact us section
36.form area start here
*/
/*--------------------
//
--------------------*/
body {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  vertical-align: baseline;
  line-height: 30px;
  color: #252525;
  font-weight: 600; }

*:focus {
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #f40082; }

.row > [class*="col-"] {
  margin-top: 30px; }
  .row > [class*="col-"] p:last-child {
    margin-bottom: 0; }

.row {
  margin-top: -30px; }
  .row.row-normalize, .row.row-normalize > [class*="col-"] {
    margin-top: 0; }
  .row.no-gutters, .row.no-gutters > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }
  .row.eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.section {
  padding: 100px 0;
  overflow: hidden; }

.p-0 {
  padding: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.m-0 {
  margin: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }
.pb-30{
  padding-bottom: 30px !important;
}  
.pb-50{
  padding-bottom: 50px !important;
} 
.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
}
.navbar-default .navbar-toggle{
  border-color: #fff;
}
.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0px 12px;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: none; }
  .form-control:focus {
    box-shadow: none;
    border: 1px solid #ccc; }
.input-group-addon{ padding: 6px 26px;
    font-size: 16px;
    color: #252525;
      background-color: transparent;}
.acurate {
  margin: 0 !important;
  padding: 0 !important; }

.button {
  margin-top: 60px; }
  .button a {
    padding: 6px 40px;
    font-size: 14px;
    text-transform: uppercase;
    background: #252525;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-transform: uppercase; }
    .button a i {
      margin-left: 10px;
      color: #fff; }
    .button a:hover {
      background: #f40082;
      color: #fff; }

.social-media {
  display: inline-block; }
  .social-media h4 {
    font-weight: 300;
    font-size: 18px;
    display: inline-block; }
  .social-media > i {
    font-size: 20px;
    color: #252525;
    margin-right: 15px;
    font-weight: 300;
    font-size: 18px;
    display: inline-block; }
  .social-media ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block; }
    .social-media ul li {
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      margin: 5px;
      box-shadow: none;
      border-radius: 0;
      }
      .social-media ul li:hover {
        background: #f40082; }
        .social-media ul li:hover i {
          color: #ffffff; }
.space-p-10{
  padding: 10px 0;  
}
.space-p-20{
  padding: 20px 0;
}
.space-p-40{
  padding: 40px 0;
}
.space-p-50{
  padding: 50px 0;
}          
/*1.header start here
=======================*/
.header-area .navbar {
  min-height: 50px !important;
  margin: 0;
  border:none;
}
.header-area .navbar .navbar-nav {
  margin: 0;
  padding: 0; }
  .header-area .navbar .navbar-nav.navbar-left{ padding-left: 20px; }
  .header-area .navbar .navbar-nav li:last-child a:after {
    display: none; }
  .header-area .navbar .navbar-nav li a {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 105px;
    padding-right: 105px;
    line-height: 24px;
    color: #252525;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative; }
    .header-area .navbar .navbar-nav li a:hover {
      background: #252525;
      color: #fff; }
      .header-area .navbar .navbar-nav li a:hover:after {
        display: none;
        right: -2px; }
    .header-area .navbar .navbar-nav li a:after {
      position: absolute;
      right: -2px;
      top: 50%;
      width: 2px;
      height: 12px;
      background: #999999;
      content: "";
      transform: translateY(-50%); }
    .header-area .navbar .navbar-nav li a i {
      color: #999;
      padding: 5px; }
    .header-area .navbar .navbar-nav li.location a:hover {
      background: transparent;
      color: #f40082; }
  .navbar .navbar-nav .dropdown-menu{ left: 0;min-width: 200px; }
  .navbar .navbar-nav .dropdown-menu li a{ 
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 200px;
 }  
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background-color: #f40082;
    color: #fff;
  }
.navbar .navbar-nav .mega-menu{ width: 1080px;padding: 0;background-repeat: no-repeat;background-position: top right; background-color: #fff;background-size: 31%;margin: 0 auto;left: 100px; } 
.navbar .navbar-nav .mega-menu.col3{ width: 650px;background-size: 39%;left: 50px; }
.dropdown.mega-menu-item{ position: static; }
.navbar .navbar-nav .mega-menu .mega-menu-child{ float: left;padding: 20px 0;width: 190px; }
.navbar .navbar-nav .mega-menu .mega-menu-child h4{ text-transform: uppercase;font-weight: 600; font-size: 16px;}
.navbar .navbar-nav .mega-menu .mega-menu-child ul{ list-style: none; }
.navbar .navbar-nav .mega-menu .mega-menu-child ul li a{ padding: 0;font-size: 14px;font-weight: 400;color: #999; }
.navbar .navbar-nav .mega-menu a:after{ display: none; }
.navbar .navbar-nav .mega-menu .mega-menu-child ul li a:hover{ background: transparent;text-decoration: underline; }

/*2.footer area start here
==========================*/
.footer-social-media ul {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none; }
  .footer-social-media ul li {
    float: left;
    width: 20%; }
    .footer-social-media ul li:nth-child(2) a:hover {
      background: #52CBFF;
      border-color:#52CBFF;  }
    .footer-social-media ul li:nth-child(3) a:hover {
      background: #CC4438;
      border-color:#CC4438; }
    .footer-social-media ul li:nth-child(4) a:hover {
      background: #BE0E20;
      border-color:#BE0E20; }
    .footer-social-media ul li:nth-child(5) a:hover {
      background: #C23D8D;
      border-color:#C23D8D; }
    .footer-social-media ul li a {
      display: block;
      border: 1px solid #efefef;
      padding: 15px;
      color: #252525;
      font-weight: 700;
      font-family: "Open Sans", sans-serif;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      font-size: 24px; }
      .footer-social-media ul li a:hover {
        background: #3b5998;
        color: #fff;
        border-color: #3b5998; }

.main-footer-area .widget h2.widget-title {
  margin: 0 0 40px;
  font-size: 15px;
  color: #252525;
  font-weight: 600;
  text-transform: uppercase; }
.main-footer-area .widget.link ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .main-footer-area .widget.link ul li {
    display: block;
    margin-bottom: 5px; }
    .main-footer-area .widget.link ul li a {
      color: #999; }
.main-footer-area .widget p {
  margin-bottom: 30px;
  color: #999; }

.help-faq-area .inner-help {
  overflow: hidden; }
  .help-faq-area .inner-help ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    .help-faq-area .inner-help ul li {
      float: left;
      width: 25%;
      background: #252525;
      display: table-cell;
      vertical-align: middle; }
      .help-faq-area .inner-help ul li:nth-child(2) {
        background: #343434; }
      .help-faq-area .inner-help ul li:nth-child(3) {
        background: #424242; }
      .help-faq-area .inner-help ul li:nth-child(4) {
        background: #515151; }
      .help-faq-area .inner-help ul li .single-help p {
        margin: 0;
        padding: 15px;
        color: #fff;
        font-size: 11px;
        letter-spacing: 2px; }
        .help-faq-area .inner-help ul li .single-help p i {
          margin-right: 8px;
          font-size: 20px; }

.footer-bottom-area {
  padding: 30px 0;
  border-top: 1px solid #efefef; }
  .footer-bottom-area .copyright {
    font-size: 13px;
    letter-spacing: 0px; }
  .footer-bottom-area .payment-method ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right; }
    .footer-bottom-area .payment-method ul li {
      display: inline-block;
      margin-left: 15px; }

#scrollUp {
  background: #f40082;
  border-radius: 2px 2px 0 0;
  bottom: 86px;
  color: #ffffff !important;
  display: block;
  font-size: 14px;
  height: 64px;
  line-height: 68px;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  width: 101px;
  z-index: 1000; }

#scrollUp:hover {
  background: #19353a; }

#scrollUp i {
  padding: 15px 0;
  font-size: 20px; }

/*3. slider one start here
========================*/
.slider-one-area {
  overflow: hidden;
  position: relative; }
.slider-one-area .slide {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
.slider-one-area .slide .slider-content {
  z-index: 9;
  padding: 279px 0;    
  height: 100%; }
.slider-one-area .slide .slider-content h2 {
  font-size: 60px;
  color: #252525;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  margin: 0 0 20px; }
.slider-one-area .slide .slider-content p {
  color: #252525;
  margin-bottom: 40px; }
.slider-one-area .slide .slider-content .button ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left; }
.slider-one-area .slide .slider-content .button ul li {
  display: inline-block; }
.slider-one-area .slide .slider-content .button ul li a {
  padding: 6px 40px;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  color: #252525;
  background-color: transparent;
  border: 1px solid #252525;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.slider-one-area .slide .slider-content .button ul li a:hover {
  background: #252525;
  color: #fff; }
.slider-one-area .slide .slider-content .button ul li a i {
  margin-left: 10px;color: #252525; }
.slider-one-area .slide .slider-content .button ul li a:hover i{
  color: #fff;}
.slider-one-bottom-area {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  top: 82%; }
  .slider-one-bottom-area .slider-bottom {
    background: #252525;
    overflow: hidden; }
    .slider-one-bottom-area .slider-bottom .media {
      padding: 25px 30px;
      position: relative;}
    .slider-one-bottom-area .slider-bottom .media:after{ 
    content: "";
    display: inline-block;
    position: absolute;
    border-right: 2px solid #333;
    right: 0;
    top: 26px;
    height: 40px;} 
    .slider-one-bottom-area .slider-bottom .col-md-3:nth-last-child(1) .media:after{
      display: none; } 
      .slider-one-bottom-area .slider-bottom .media .pull-left i {
        font-size: 40px;
        font-weight: normal;
        margin-right: 10px;
        color: #999999; }
      .slider-one-bottom-area .slider-bottom .media .media-body h4 {
        margin: 0 0 0px;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 14px; }
      .slider-one-bottom-area .slider-bottom .media .media-body span{ color: #999999; }
      .slider-bottom .media .pull-left {     
        margin-left: 21px;
        padding-top: 3px; }
      .slider-bottom .media .media-body{ text-align: left; }

.slder-bar {
  position: absolute;
  left: 0;
  height: 100%;
  width: 40px;
  background: #252525;
  z-index: 9;
  top: 0;
  margin: auto;
  text-align: center; }
.slder-bar a {
    position: absolute;
    left: -20px;
    top: 50%;
    font-size: 1.5rem;
    z-index: 9;
    transform: rotate(270deg);
    text-align: center;
    cursor: pointer;
    color: #fff;
    padding: 8px 0px;
    transition: all 0.5s ease-in-out;
    width: 90px; }
.slder-bar a span {
      float: left; }
.slder-bar span{ background: #202020;font-size: 20px;display: block;padding: 20px 0 19px;text-align: center; }
.quick_cat{ display: none; width: 96.4%;position: absolute;bottom:0;left: 50px;height: 100%;z-index: 999; }
.quick_cat .q_cat{ position: relative; }
.quick_cat .q_cat .image{ position: relative; }
.quick_cat .q_cat .image:after{ content: "";width: 100%;height: 100%;position: absolute; left: 0;top: 0;background-color: rgba(0,0,0,0.2); }
.quick_cat .q_cat img { width: 100%; }
.quick_cat .q_cat .content{ position: absolute;top: 0;left: 0;padding: 30px 35px;height: 100%;transition: all .5s ease;width: 100%; }
.quick_cat .q_cat .content h3{ color: #fff;font-family: "Playfair Display", serif;font-weight: bold;font-size: 50px; }
.quick_cat .q_cat .content p{ color: #fff;font-size: 14px; font-weight: 400; }
.quick_cat .q_cat .content .button{ margin-top: 30px; }
.quick_cat .q_cat .content .button a{ background-color: #fff;color:#252525;}
.quick_cat .q_cat .content .button a i{ color: #252525; }
.quick_cat .col-md-3 .content p,
.quick_cat .col-md-3 .content .button{ display: none;transition: all .5s ease; }
.quick_cat .col-md-3:hover .content{ background-color: rgba(0,0,0,0.6); }
.quick_cat .col-md-3:hover .content p,
.quick_cat .col-md-3:hover .content .button{ display: block; }

.slider-bar{ 
  position: absolute;
  left: 0;
  height: 100%;
  width: 50px;
  z-index: 9;
  top: 0;
  margin: auto;
  text-align: center; }
.slider-bar a {
  position: absolute;
  left: -15px;
  top: 50%;
  font-size: 1.143rem;
  z-index: 9;
  transform: rotate(90deg);
  text-align: center;
  cursor: pointer;
  color: #000;
  transition: all 0.5s ease-in-out;
  width: 60px;
}      
.slider-bar a i {
  font-size: 20px;
}
.slider-bar.home-v2 #nav-icon1{
  cursor: pointer;
  height: 25px;
  width: 25px;
  position: absolute;
  left: 12px;
  top: 50%;
}
.slider-bar.home-v2 #nav-icon1 span{
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #252525;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
  top: 0px;
}
#nav-icon1 span:nth-child(2) {
  top: 8px;
}
#nav-icon1 span:nth-child(3) {
  top: 16px;
}
#nav-icon1.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*4.category one area here
=========================*/
.category-one-area {
  background-attachment: fixed;
  background-position: center;
  background-size: cover; }
.category-one-area .col-sm-6:nth-child(2n+1){ margin: 80px 0 80px; }
.category-one-area .col-sm-6:nth-last-child(2){ margin: 150px 0 0; }
.category-one-area .col-sm-6:nth-last-child(1){ margin: 10px 0 0; }
.category-one-area .single-category {
  transition: all 0.5s ease-in-out; width: 70%;margin: 0 auto; }
.category-one-area .single-category:hover {
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.category-one-area .single-category .image a {
  display: block; }
.category-one-area .single-category .image a img {
    width: 100%; }
.category-one-area .single-category .title {
  margin-top: -80px;
  width: 100%;
  text-align: center; }
.category-one-area .single-category .title h3 a {
display: inline-block;
text-align: center;
background: #fff;
padding: 40px 110px;
color: #252525;
font-size: 24px;
text-transform: uppercase;
font-family: "Playfair Display", serif;
font-weight: 600;
position: relative;
z-index: 99;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.category-one-area .single-category .title h3 a:hover:before {
  opacity: 0; }
.category-one-area .single-category .title h3 a:hover:after {
  opacity: 1;
  width: 100%; }
.category-one-area .single-category .title h3 a:before {
  position: absolute;
  left: 0;
  right: 0;
  width: 140px;
  height: 5px;
  bottom: 38px;
  background: #cfe6eb;
  content: "";
  margin: auto;
  z-index: -1;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.category-one-area .single-category .title h3 a:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  height: 5px;
  bottom: 0;
  background: #cfe6eb;
  content: "";
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.category-one-area .single-category h2 {
  color: #000;
  font-size: 50px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  letter-spacing: 1px;
  width: 450px; }
.category-one-area .single-category p {
  color: #000;
  margin-bottom: 30px; }
.category-one-area .single-category .button a {
  padding: 6px 40px;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #f40082;
  background: #f40082;
  display: inline-block;
  color: #fff;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-transform: uppercase; }
  .category-one-area .single-category .button a i {
    margin-left: 10px;color: #fff; }
  .category-one-area .single-category .button a:hover {
    background: #252525;
    border: 1px solid #252525;
    color: #fff; }

.home-one-shop-area {
  overflow: hidden;
  padding-bottom: 0; }
  .home-one-shop-area .button {
    border-top: 1px solid #f4f3f3;
    padding-top: 15px;
    margin-top: 0px;}
    .home-one-shop-area .button span{
      color: #999;
      font-size: 14px;
      text-transform: uppercase;
      padding-left: 10px;
      vertical-align: top;
      display: inline-block; }

.single-products {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: 15px; } 
.single-product-view {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    padding: 15px; }
  .single-products:hover {
    -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate(0, -5px) rotate(0.01deg);
    -o-transform: translate(0, -5px) rotate(0.01deg);
    -ms-transform: translate(0, -5px) rotate(0.01deg);
    transform: translate(0, -5px) rotate(0.01deg);
    -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
    -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
    .single-product-view:hover {
      -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.15);
      -webkit-transform: translate(0, -5px) rotate(0.01deg);
      -o-transform: translate(0, -5px) rotate(0.01deg);
      -ms-transform: translate(0, -5px) rotate(0.01deg);
      transform: translate(0, -5px) rotate(0.01deg);
      -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
      -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
      -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
      transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
  
  .single-products .product-top span {
    font-size: 12px;
    text-transform: uppercase;
    color: #999;
    margin: 0; }
  .single-product-view .product-top span {
      font-size: 12px;
      text-transform: uppercase;
      color: #999;
      margin: 0; }
  .single-products .product-top h3 {
    margin: 0 0 5px;
    line-height: 12px;
    width: 100%; }
    .single-product-view .product-top h3 {
      margin: 0 0 5px;
      line-height: 12px;
      width: 100%; }
    .single-products .product-top h3 a {
      font-family: "Open Sans", sans-serif;
      font-size: 16px;
      font-weight: bold;
      color: #000;
      letter-spacing: 2px;
      line-height: 1.5; }
      .single-product-view .product-top h3 a {
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #000;
        letter-spacing: 2px;
        line-height: 1.5; }
  .single-products .product-top .rating ul {
    margin: 0;
    padding: 0;
    list-style: none;
   }
   .single-product-view .product-top .rating ul {
    margin: 0;
    padding: 0;
    list-style: none;
   }
    .single-products .product-top .rating ul li {
      display: inline-block; }
      .single-product-view .product-top .rating ul li {
        display: inline-block; }
      .single-products .product-top .rating ul li i {
        margin: 1px;
        color: #ffa70e; }
        .single-product-view .product-top .rating ul li i {
          margin: 1px;
          color: #ffa70e; }
  .single-products .image {
    text-align: center; 
    -webkit-transform: rotate(90deg);
    margin-top: 14%;
    margin-bottom: 22%;
  }
  .single-product-view .image {
    text-align: center; 
    -webkit-transform: rotate(90deg);
    margin-top: 9%;
    margin-bottom: 32%;
  }
  .single-products .image img {
    height: 200px;
    width: auto; }
    .single-product-view .image img {
      height: 195px;
      width: auto; }
    .home-v1 .single-products .image img{
      height: 110px;
    }
    .home-v1 .single-product-view .image img{
      height: 110px;
    }
    .single-products .image span {
      background: red;
      color: #fff;
      padding: 5px;
      font-size: 10px; }
      .single-product-view .image span {
        background: red;
        color: #fff;
        padding: 5px;
        font-size: 10px; }
      .single-products .image span.new{
        background: #4c2af8;
      }
      .single-product-view .image span.new{
        background: #4c2af8;
      }
      .single-products .image span.hot{
        background: #fc8108;
      }
      .single-product-view .image span.hot{
        background: #fc8108;
      }
  .single-products .overley .price ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    .single-product-view .overley .price ul {
      margin: 0;
      padding: 0;
      list-style: none;
      }
    .single-products .overley .price ul li {
      display: inline-block;
      color: #000; }
      .single-product-view .overley .price ul li {
        display: inline-block;
        color: #000; }
      .single-products .overley .price ul li:last-child {
        float: right;
        position: relative; }
        .single-product-view .overley .price ul li:last-child {
          float: right;
          position: relative; }
        .single-products .overley .price ul li:last-child:before{
          content: "Add to cart";
          color: #fff;
          font-size: 12px;
          text-transform: uppercase;
          background-color: #252525;
          position: absolute;
          padding-left: 10px;
          left: -80px;
          top: -40px;
          right: -20px;
          opacity: 0;
          transition: visibility 0s, opacity 0.5s linear;
          z-index: 999; 
         }
          .single-product-view .overley .price ul li:last-child:before{
            content: "Add to cart";
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
            background-color: #252525;
            position: absolute;
            padding-left: 10px;
            left: -80px;
            top: -40px;
            right: -20px;
            opacity: 0;
            transition: visibility 0s, opacity 0.5s linear;
            z-index: 999;  }
        .single-products:hover .overley .price ul li:last-child:before{
          visibility: visible;
          opacity: 1; }
          .single-product-view:hover .overley .price ul li:last-child:before{
            visibility: visible;
            opacity: 1; }
        .single-products .overley .price ul li:last-child i {
          font-size: 30px;
          color: #999;
          font-weight: 300; }
          .single-product-view .overley .price ul li:last-child i {
            font-size: 30px;
            color: #999;
            font-weight: 300; }
      .single-products .overley .price ul li del {
        color: #999;
        padding-left: 10px;
        margin-left: 15px;
        border-left: 1px solid #999; }
        .single-product-view .overley .price ul li del {
          color: #999;
          padding-left: 10px;
          margin-left: 15px;
          border-left: 1px solid #999; }
      .single-products .overley .price ul li i {
        margin: 1px;
        color: #ffa70e; }
        .single-product-view .overley .price ul li i {
          margin: 1px;
          color: #ffa70e; }
.banner-one-area {
  background-size: cover;
  background-position: center;
  position: relative;
  background-repeat: no-repeat; }
  .banner-one-area .banenr-text h3 {
    font-family: "Playfair Display", serif;
    color: #000;
    font-weight: 700;
    font-size: 50px; }
    .banner-one-area .banenr-text h3 img{
      border-bottom: 5px solid #252525;
      padding-bottom: 15px;
    }
  .banner-one-area .banenr-text .button {
    margin: 0;
    padding: 0; }
    .banner-one-area .banenr-text .button a {
      background: #f40082; }

.brand-logo-area {
  background-size: cover;
  background-position: center; }
  .brand-logo-area h2 {
    font-family: "Playfair Display", serif;
    color: #000;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 60px; }
  .brand-logo-area .logo img {
    height: 33px; }
  .brand-logo-area .button a{
    background: transparent;
    color: #252525;
  }
  .brand-logo-area .button a:hover{
    background: #f40082;
    color: #fff; }
    .brand-logo-area .button a:hover i{
      color: #fff;
    }

.brand-banner-area{ padding: 70px 0; }
.brand-banner-area h3 {
  font-family: "Playfair Display", serif;
  color: #fff;
  font-weight: 700;
  font-size: 50px;
  margin-bottom: 42px;
  line-height: 0; }
.brand-banner-area p {
  font-size: 130px;
  font-family: "Playfair Display", serif;
  color: #fff;
  line-height: 1;
  margin-bottom: 30px;
  letter-spacing: 0px;
  position: relative;
  text-transform: uppercase; }
  .brand-banner-area p sup {
    font-size: 40px;
    position: absolute;
    top: 60px;
    left: 40px;
    right: 0; }
  .brand-banner-area p span {
    font-size: 50px;
    letter-spacing: 0; }
.brand-banner-area .button {
  margin: 0;
  padding: 0; }
  .brand-banner-area .button a {
    background: #fff;
    color: #000 !important; }
    .brand-banner-area .button a i {
      color: #000 !important; }

.header-area2 .navbar-header .navbar-brand {
  height: 100px; }
  .header-area2 .navbar-header .navbar-brand img {
    margin-top: 30px;
    width: 60px }
.header-area2 .navbar {
  min-height: 100px !important;
  margin: 0; }
  .header-area2.home-v2 .navbar-default{
  background-color: #f5f5f5;  }
  .header-area2 .navbar .navbar-nav {
    margin: 0;
    padding: 0; }
    .header-area2 .navbar .navbar-nav > li > a {
      padding-top: 39px;
      padding-bottom: 39px;
      padding-left: 25px;
      padding-right: 25px;
      color: #000;
      font-weight: 600;
      font-family: "Open Sans", sans-serif;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .header-area2 .navbar .navbar-nav > li > a:hover {
        color: #f40082; }
    .header-area2 .navbar .navbar-nav > li.location a:hover {
      background: transparent;
      color: #f40082; }

/* 6. slider one start here
===========================*/
.slider-two-area {
  position: relative; }
  .slider-two-area.home-v2{
  background-color: #f5f5f5;}
  .slider-two-area .slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top; }
.slider-two-area .home-two-slider .owl-pagination {
    position: absolute;
    top: 70%;
    left: 2%;
    transform: translateY(-70%);
    z-index: 99;
    width: 10px;
    height: 100px;
    opacity: 1;}
 .slider-two-area .home-two-slider .owl-pagination .owl-page span {
    display: block;
    border: 1px solid #fff;
    background: transparent;}  
.slider-two-area .home-two-slider .owl-pagination .owl-page.active span {
    display: block;
    border: 1px solid #fff;
    background: #fff;
}


.slider-two-bottom-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 74%; }
  .slider-two-bottom-area .slider-bottom {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .slider-two-bottom-area .slider-bottom:hover {
      transform: translateY(-30px); }
    .slider-two-bottom-area .slider-bottom .image img {
      width: 100%; }
      .slider-two-bottom-area .slider-bottom .image img:hover {
        opacity: .9; }
    .slider-two-bottom-area .slider-bottom .image h3 {
      margin: 0;
      padding: 0; }
      .slider-two-bottom-area .slider-bottom .image h3 a {
        display: block;
        background: #fff;
        padding: 15px;
        color: #000;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .slider-two-bottom-area .slider-bottom .image h3 a:hover {
          color: #f40082; }

/* 7. top saller are start here
==============================*/
.top-saller-area .single-saller {
  min-height: 200px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover }
  .top-saller-area .single-saller.single-saller2 a {
    color: #fff; }
  .top-saller-area .single-saller a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    font-family: "Playfair Display", serif;
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .top-saller-area .single-saller a:hover {
      color: #f40082; }

.top-saller-area1 .single-saller {
  min-height: 200px;
  position: relative; }
  .top-saller-area1 .single-saller.background-image {
    background-position: -50px 80px;
    background-repeat: no-repeat; }
  .top-saller-area1.home-v6 .single-saller.background-image{
    background-size: cover;
    background-position: center top;
  }  
  .top-saller-area1 .single-saller a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    font-family: "Playfair Display", serif;
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .top-saller-area1 .single-saller a:hover {
      color: #f40082; }

/*8.category product area
======================*/
.category-product-area .category-menu {
  margin-bottom: 30px; }
  .category-product-area.home-v2 .category-menu{
    margin-bottom: 70px;
  }
  .category-product-area.home-v6{

  }
  .category-product-area .category-menu ul {
    margin: 0;
    padding: 0;
    text-align: center;
    border: none; }
    .category-product-area .category-menu ul li {
      border: none;
      float: none;
      display: inline-block; }
      .category-product-area .category-menu ul li.active {
        border: none;
        position: relative; }
        .category-product-area .category-menu ul li.active:after{
          position: absolute;
          left: 10px;
          right: 10px;
          text-align: center;
          height: 8px;
          content: "";
          bottom: 9px;
          z-index: -1;
          background: #ebc0d7; }
        .category-product-area .category-menu ul li.active a {
          background: transparent;
          color: #000;
          border: none;
          font-size: 16px;
          font-weight: bold; }
      .category-product-area .category-menu ul li a {
        background: transparent;
        color: #252525;
        border: none;
        font-size: 16px;
        font-weight: bold; }
        .category-product-area.home-v2 .button{
          margin-top: 100px; }
        .category-product-area.home-v2 .button a i,
        .category-product-area.home-v6 .button a i{
          color: #fff;
        }


.features-area .slider-bottom {
  background: #f5f5f5;
  overflow: hidden; }
  .features-area .slider-bottom .media {
    padding: 25px 30px;
    position: relative; }
  .features-area .slider-bottom .media:after{
      content: "";
      display: inline-block;
      position: absolute;
      border-right: 2px solid #e4e4e4;
      right: 0;
      top: 26px;
      height: 40px;}
  .features-area .slider-bottom .col-md-3:nth-last-child(1) .media:after{
      display: none; }       
  .features-area.home-v2 .slider-bottom .media:after{
    content:"";
    display: inline-block;
    position: absolute;
    border-right: 2px solid #e4e4e4;
    right: 0;
    top: 26px;
    height: 40px;}
    .features-area.home-v2 .slider-bottom .col-md-3:nth-last-child(1) .media:after{
      display: none; }
    .features-area.home-v2 .slider-bottom .media .pull-left{
      margin-left: 21px;
      padding-top: 3px; }
    .features-area .slider-bottom .media .pull-left i {
      color: #252525;
      font-size: 40px;
      font-weight: normal;
      margin-right: 10px; }
      .features-area.home-v2 .slider-bottom .media .pull-left i{
        font-size: 40px;
        font-weight: normal;}  
    .features-area .slider-bottom .media .media-body h4 {
      margin: 0 0 0px;
      color: #252525;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 14px; }
      .features-area.home-v2 .slider-bottom .media .media-body h4{
        font-size: 14px;
      }
      .features-area.home-v2 .slider-bottom .media .media-body span{
        color: #999999;
        font-size: 13px;
      }

/*9. journal area  start here
===============================*/

.journal-area {
  border-bottom: 1px solid #f1f1f1; }
  .journal-area.home-v2 h2{
    font-family: "Playfair Display", serif;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 40px;
      margin-top: 0;}
  .journal-area .single-journal {
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .journal-area .single-journal:hover .image img {
      opacity: 1; }
    .journal-area .single-journal:hover h3 a {
      color: #f40082; }
    .journal-area .single-journal .image {
      margin-bottom: 30px; }
      .journal-area.home-v2 .single-journal .image{
        margin-bottom: 25px;
      }
      .journal-area .single-journal .image img {
        width: 100%;
        opacity: .5; }
    .journal-area .single-journal span {
      text-transform: uppercase;
      color: #999;
      font-weight: 600; }
      .journal-area.home-v2 .single-journal span{
        color: #999999;
        font-size: 12px;
      }
    .journal-area .single-journal h3 {
      margin: 10px 0; }
      .journal-area .single-journal h3 a {
        font-size: 24px;
        color: #252525;
        line-height: 34px;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }

        .section.instagram_feed.home-v6{
        background-color: #f8f8f8;
        border-bottom: 1px solid #eaeaea;}
        .instagram_feed.home-v6 h2{
          font-family: "Playfair Display", serif;
          font-size: 50px;
          color: #252525;
          font-weight: 700;}
        .instagram_feed.home-v6 span a{
          color: #252525;
          font-weight: 600;
          font-size: 14px;
          display: block;
          text-align: right;
          text-transform: uppercase;
          padding-right: 20px;}
          .instagram_feed.home-v6 #isotop_sec{
          margin-top: 80px;}
          .instagram_feed.home-v6 #isotop_sec img{
            width: 100%;}
          .instagram_feed.home-v6 .item{
          margin-bottom: 30px;}


/* 10.footer top area
=====================*/
.footer-top-area.footer-two-style {
  border-top: 1px solid #f1f1f1; }
  .footer-top-area.footer-two-style.home-v2{
    border: none;
  }
  .section.footer-top-area.home-v6{
    padding: 70px 0;
  background-color: #f8f8f8;}
.footer-top-area .single-footer-menu {
  margin: 0;
  padding: 0;
  list-style: none; }
  .footer-top-area.home-v6 .single-footer-menu{
    margin-top: 30px;}
  .footer-top-area .single-footer-menu li {
    display: block; }
    .footer-top-area .single-footer-menu li a {
      color: #252525; }
    .footer-top-area.home-v6 .single-footer-menu li a{
      color: #999999;
    font-weight: 600;
    font-size: 15px;}
    .footer-top-area.home-v6 h3{
      color: #252525;
    font-weight: 700;
  font-size: 16px;}
.footer-top-area .widget h2 {
  color: #252525;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 30px;
  font-weight: 600; }
.footer-top-area .widget p{
  font-size: 15px;font-weight: 400;color: #999;}

  .footer-top-area.home-v6 .widget h2{
    font-family: "Playfair Display", serif;
    font-size: 30px;
    padding: 0 40px 0 0;
  line-height: normal;}
  .footer-top-area.home-v2 .widget p{ color: #999999;font-weight: 400;font-size: 15px; }
.footer-top-area .widget .subscribeform {
  max-width: 100%;
  margin: -31px 0 0;
  height: 70px; }
  .footer-top-area .widget .subscribeform form {
    position: relative;
    overflow: hidden; }
    .footer-top-area .widget .subscribeform form label {
      position: relative;
      width: 100%;
      margin-bottom: 4px; }
      .footer-top-area .widget .subscribeform form label:after {
        position: absolute;
        right: 0;
        top: 13px;
        cursor: pointer;
        font-family: "Open Sans", sans-serif;
        content: "Subscribe";
        width: 200px;
        height: 70px;
        line-height: 70px;
        color: #fff;
        font-weight: 600;
        border-radius: 0 0px 0px 0;
        background: #252525;
        text-align: center;
        text-transform: uppercase;
        font-size: 16px; }
        .footer-top-area.home-v6 .widget .subscribeform form label:after{
          background-color: transparent;
          font-weight: 600;
          right: -25px;
          color: #252525;}
        .footer-top-area.home-v2 .widget .subscribeform form label:after{
          background: #252525;
          font-family: "Open Sans", sans-serif;
        }
        .subc_btn{ 
          font-family: "Open Sans", sans-serif;
        border-radius: 0 0px 0px 0;
        background: #252525;
        border: none;
        color: #fff;
        text-transform: uppercase;
            padding: 8px 16px;
    font-weight: 600;
        margin-top: 10px; }
    .footer-top-area .widget .subscribeform form .form-control {
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      border-radius: 0px;
      height: 70px;
      background: #f1f1f1;
      font-size: 16px;
      border: none; }
      .footer-top-area.home-v6 .widget .subscribeform form .form-control{
      border: none;
      border-bottom: 1px solid #f1f1f1;
      background-color: transparent;
      color: #acacac;
      font-size: 16px;
      font-weight: 600;
      }
      .footer-top-area.home-v6 .form-control:focus{
      border: none !important;
      border-bottom: 1px solid #f2f2f2 !important;}
      .footer-top-area.home-v2 .widget .subscribeform form .form-control{
        border: none;
        background-color: #f5f5f5;
      }
.footer-top-area .widget .payment-method ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left; }
  .footer-top-area .widget .payment-method ul li {
    display: inline-block;
    margin-right: 8px; }

.footer-bottom-area {
  padding: 30px 0 20px 0;
  border-top: 1px solid #f1f1f1; }
  .footer-bottom-area.home-v2{
    padding: 30px 0 24px 0;
    border-color: #f1f1f1; }
    .footer-bottom-area.home-v6{
    background-color: #f8f8f8;}
  .footer-bottom-area .copyright p {
    display: inline-block;
    margin-right: 60px;
    color: #999999;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0; }
  .footer-bottom-area .copyright ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    display: inline-block; }
    .footer-bottom-area .copyright ul li {
      display: inline-block;
      margin-right: 50px;
      position: relative; }
      .footer-bottom-area .copyright ul li:after{
        content: ".";
        display: inline-block;
        position: absolute;
        left: 56px;
        top: -5px;
        font-size: 20px;
      }
      .footer-bottom-area .copyright ul li:nth-last-child(1):after{
        display: none;
      }
      .footer-bottom-area .copyright ul li a {
        color: #252525;
        font-size: 14px;
        font-weight: 600; }
  .footer-bottom-area .social-media ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    display: inline-block; }
    .footer-bottom-area .social-media ul li {
      display: inline-block;
      margin-right: 10px; }
      .footer-bottom-area .social-media ul li a {
        color: #999;
      font-size: 16px; }
  .footer-bottom-area .social-media p {
    display: inline-block;
    margin-left: 30px;
    color: #252525;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
      margin-right: 15px;
      margin-top: 0;}
    .footer-bottom-area.home-v2 .social-media p{
      margin-left: 50px;
    }

/*11.header three start here
==========================*/
.header-area3 {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%; }
  .header-area3 .navbar-collapse .site_logo .navbar-brand,
  .header-area4 .navbar-collapse .site_logo .navbar-brand{ float: none;display: block;margin: 0 auto;padding: 30px 0px; }
  .header-area3 .navbar-collapse .site_logo .navbar-brand img,
  .header-area3 .navbar-collapse .site_logo .navbar-brand img{ margin: 0 auto; }
  .header-area3 .navbar-header .navbar-brand {
    height: 100px; }
    .header-area3 .navbar-header .navbar-brand img {
      margin-top: 30px; }
  .header-area3 .navbar {
    min-height: 100px !important;
    margin: 0; }
    .header-area3 .navbar .navbar-nav {
      margin: 0;
      padding: 0; }
      .header-area3 .navbar .navbar-nav > li > a {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 48px;
        padding-right: 48px;
        color: #fff;
        font-weight: 700;
        font-family: "Open Sans", sans-serif;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        text-transform: uppercase; }
        .header-area3 .navbar .navbar-nav > li > a:hover {
          color: #f40082; }
          .header-area3 .navbar .navbar-nav > li.btn-search-form-toggle > a,
          .header-area4 .navbar .navbar-nav > li.btn-search-form-toggle > a {
            font-size: 22px;
          }
        .header-area3 .navbar .navbar-nav > li > a.shopping-cart span,
        .header-area4 .navbar .navbar-nav > li > a.shopping-cart span,
        .header-area5 .navbar .navbar-nav > li > a.shopping-cart span,
        .header-area10 .navbar .navbar-nav > li > a.shopping-cart span {
          top: 30px;
          position: absolute;
          right: -3px;
          background: #252525;
          border-radius: 10px;
          line-height: 20px;
          font-size: 10px;
          width: 20px;
          height: 20px;
          text-align: center;
          overflow: hidden;
        color: #fff; }
          .header-area3 .navbar .navbar-nav > li > a.shopping-cart:hover span,
          .header-area4 .navbar .navbar-nav > li > a.shopping-cart:hover span,
          .header-area5 .navbar .navbar-nav > li > a.shopping-cart:hover span,
          .header-area10 .navbar .navbar-nav > li > a.shopping-cart:hover span{
            background-color: #f40082;
            color: #fff;
          }
        .header-area3 .navbar .navbar-nav > li > a.shopping-cart i,
        .header-area4 .navbar .navbar-nav > li > a.shopping-cart i,
        .header-area5 .navbar .navbar-nav > li > a.shopping-cart i,
        .header-area10 .navbar .navbar-nav > li > a.shopping-cart i {
          top: 0px;
          color: #fff;
          font-size: 26px;
          font-weight: 600; }
          .header-area3 .navbar .navbar-nav > li > a.shopping-cart i.icon {
            top: 70%; }
      .header-area3 .navbar .navbar-nav > li.btn-search-form-toggle {
        margin: 0; }
        .header-area3 .navbar .navbar-nav > li.btn-search-form-toggle a span.fa {
          font-size: 20px;
          color: #fff; }
        .header-area3 .navbar .navbar-nav > li.btn-search-form-toggle a i.fa {
          font-size: 20px;
          color: #fff; }
        .header-area3 .navbar .navbar-nav > li.btn-search-form-toggle.home3 {
          color: #fff !important; }
      .header-area3 .navbar .navbar-nav > li.btn-search-form-toggle.home3 a span.fa, .header-area3 .navbar .navbar-nav > li.cart-icon.home3 a span.fa {
        font-size: 20px;
        color: #fff !important; }
      .header-area3 .navbar .navbar-nav > li.btn-search-form-toggle.home3 a i.fa, .header-area3 .navbar .navbar-nav > li.cart-icon.home3 a i.fa {
        font-size: 20px;
        color: #fff !important; }
      .header-area3 .navbar .navbar-nav > li.btn-search-form-toggle a span.fa, .header-area3 .navbar .navbar-nav > li.cart-icon a span.fa {
        font-size: 20px;
        color: #fff; }
      .header-area3 .navbar .navbar-nav > li.btn-search-form-toggle a i.fa, .header-area3 .navbar .navbar-nav > li.cart-icon a i.fa {
        font-size: 20px;
        color: #fff; }

.header3-top-area {
  padding: 10px 0; }
  .header3-top-area.home-v4 {

  }
  .header3-top-area p {
    font-size: 14px;
    font-weight: 600;
    color: #252525; }
    .header3-top-area p i {
      font-size: 34px;
      margin-right: 10px;
      font-weight: 400;
      vertical-align: middle; }
    .header3-top-area p span {
      display: inline-block;
      padding: 5px 10px;
      background: #12cb99;
      color: #fff;
      font-weight: 400; }
  .header3-top-area .header-top-memu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    display: inline-block; }
    .header3-top-area.home-v4 .header-top-memu ul{
      padding: 4px 0 0 0;
    }
    .header3-top-area .header-top-memu ul li {
      display: inline-block;
      margin-left: 30px;
      position: relative; }
      .header3-top-area.home-v4 .header-top-memu ul li:after{
        content: ".";
        display: inline-block;
        position: absolute;
        left: -20px;
        top: -5px;
        font-size: 20px;
        color: #252525;
      }
      .header3-top-area.home-v4 .header-top-memu ul li:first-child:after{
        display: none;
      }
      .header3-top-area .header-top-memu ul li a {
        color: #252525;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        font-weight: 600;}
        .header3-top-area .header-top-memu ul li a:hover {
          color: #f40082; }

.header-area4 {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%; }
  .header-area4 .navbar-header .navbar-brand {
    height: 100px; }
    .header-area4 .navbar-header .navbar-brand img {
      margin-top: 30px; }
  .header-area4 .navbar {
    min-height: 100px !important;
    margin: 0; }
    .header-area4 .navbar .navbar-nav {
      margin: 0;
      padding: 0;
      text-align: center !important; }
      .header-area4 .navbar .navbar-nav > li > a {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 48px;
        padding-right: 48px;
        color: #fff;
        font-weight: 700;
        font-family: "Open Sans", sans-serif;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        text-transform: uppercase; }
        .header-area4 .navbar .navbar-nav > li > a:hover {
          color: #f40082; }
        .header-area4 .navbar .navbar-nav > li > a.shopping-cart i {
          top: 0px;
          color: #fff; }
          .header-area4 .navbar .navbar-nav > li > a.shopping-cart i.icon {
            top: 70%; }
      .header-area4 .navbar .navbar-nav > li.btn-search-form-toggle {
        margin: 0; }
        .header-area4 .navbar .navbar-nav > li.btn-search-form-toggle a span.fa {
          font-size: 20px;
          color: #fff; }
        .header-area4 .navbar .navbar-nav > li.btn-search-form-toggle a i.fa {
          font-size: 20px;
          color: #fff; }
        .header-area4 .navbar .navbar-nav > li.btn-search-form-toggle.home3 {
          color: #fff !important; }
      .header-area4 .navbar .navbar-nav > li.btn-search-form-toggle.home3 a span.fa, .header-area4 .navbar .navbar-nav > li.cart-icon.home3 a span.fa {
        font-size: 20px;
        color: #fff !important; }
      .header-area4 .navbar .navbar-nav > li.btn-search-form-toggle.home3 a i.fa, .header-area4 .navbar .navbar-nav > li.cart-icon.home3 a i.fa {
        font-size: 20px;
        color: #fff !important; }
      .header-area4 .navbar .navbar-nav > li.btn-search-form-toggle a span.fa, .header-area4 .navbar .navbar-nav > li.cart-icon a span.fa {
        font-size: 20px;
        color: #fff; }
      .header-area4 .navbar .navbar-nav > li.btn-search-form-toggle a i.fa, .header-area4 .navbar .navbar-nav > li.cart-icon a i.fa {
        font-size: 20px;
        color: #fff; }

/*--------------------
//12.minicart area section
--------------------*/
.minicart-page-area {
  padding: 0;
  position: absolute;
  top: 100%;
  right: 0;
  width: 290px;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  z-index: 99;
  text-align: left;
}
.minicart-page-area.active {
  opacity: 1;
  visibility: visible;
  top: 70% !important;
}
.minicart-page-area h3 {
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 20px;
  color: #fff;
  background: #f30081;
  padding: 17px;
}
.minicart-page-area .items-list{ padding: 0 10px; }
.minicart-page-area .items-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.minicart-page-area .items-list ul li {
  display: block;
  margin-bottom: 20px;
}
.minicart-page-area .items-list ul li .media .pull-left {
  position: relative;
  margin-right: 15px;
}
.minicart-page-area .items-list ul li .media .pull-left img {
  width: 100%;
}
.minicart-page-area .items-list ul li .media .pull-left i {
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 17px;
  text-align: center;
  font-size: 10px;
  line-height: 17px;
  color: #ffffff !important;
  background: #000;
  border-radius: 100%;
}
.minicart-page-area .items-list ul li .media .media-body h4.media-heading {
  margin: 0 0 10px;
}
.minicart-page-area .items-list ul li .media .media-body h4.media-heading a {
  font-size: 15px;
  color: #000;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  display: block;
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-weight: 700;
  line-height: 1.5;
}
.minicart-page-area .items-list ul li .media .media-body h4.media-heading a:hover {
  color: #f40082;
}
.minicart-page-area .items-list ul li .media .media-body .rating ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.minicart-page-area .items-list ul li .media .media-body .rating ul li {
  display: block;
  margin: 0 0 0px 0 !important;
  color: #000;
  text-transform: uppercase;
}
.minicart-page-area .items-list ul li .media .media-body .rating ul li span {
  color: #999;
}
.minicart-page-area .items-list ul li .media .media-body .rating ul li i {
  margin: 0px;
  color: #f40082;
}
.minicart-page-area .items-list ul li .media .media-body span {
  color: #000;
}
.minicart-page-area h2 {
  font-size: 18px;
  color: #000;
  font-family: "Open Sans", sans-serif;
  padding: 0 20px;
}
.minicart-page-area h2 span {
  color: #000;
  float: right;
}
.minicart-page-area .form-inline ul {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}
.minicart-page-area .form-inline ul li {
  display: block;
  margin: 20px;
}
.minicart-page-area .form-inline ul li a {
  display: block;
  color: #ffffff;
  background: #000;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.minicart-page-area .form-inline ul li a.update {
  font-size: 12px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  border: 1px solid #000;
  background: #000;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  color: #ffffff;
  padding: 12px 0;
}
.minicart-page-area .form-inline ul li a.update:hover {
  background: #f40082;
  color: #ffffff;
  border: 1px solid #f40082;
}
.minicart-page-area .form-inline ul li a.update i {
  font-size: 10px !important;
  margin-left: 10px;
}
.minicart-page-area .form-inline ul li a.checkout {
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #000;
  box-shadow: none;
  background: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  color: #000;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  padding: 12px 0;
  font-weight: 600;
}
.minicart-page-area .form-inline ul li a.checkout i {
  font-size: 10px !important;
  margin-left: 10px;
  color: #000 !important;
}
.minicart-page-area .form-inline ul li a.checkout:hover {
  background: #f40082;
  color: #ffffff;
  border: 2px solid #f40082;
}

#minicart:hover .minicart-page-area {
  opacity: 1;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: visible;
  top: 110%;
}

/*13. footer three start here
===============================*/
.footer-three-top-area {
  border-top: 1px solid #f1f1f1; }
  .footer-three-top-area .widget h3.widget-title {
    margin: 60px 0 15px;
    font-size: 15px;
    color: #000;
    font-weight: 600; }
  .footer-three-top-area .widget .subscribeform {
    max-width: 100%;
    margin: 0; }
    .footer-three-top-area .widget .subscribeform form {
      position: relative;
      overflow: hidden; }
      .footer-three-top-area .widget .subscribeform form .form-control {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
        height: 70px;
        background: #f1f1f1;
        font-size: 16px;
        width: 320px;
        border:none;
        display: inline-block;
        vertical-align: top; }
      .footer-three-top-area .widget .subscribeform form button {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
        height: 70px;
        background: #f1f1f1;
        font-size: 30px;
        padding: 15px 30px;
        line-height: 16px;
        border: none; }
  .footer-three-top-area .widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    .footer-three-top-area .widget ul li {
      float: left;
      position: relative;
      border-right: 1px solid #f1f1f1; }
      .footer-three-top-area .widget ul li:first-child {
        border-left: 1px solid #f1f1f1; }
      .footer-three-top-area .widget ul li a {
        font-size: 40px;
        color: #000;
        display: block;
        padding: 100px 40px;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        width: 100px; }
        .footer-three-top-area .widget ul li a.fbk:hover {
          background-color: #3b5998;
          color: #fff; }
        .footer-three-top-area .widget ul li a.twt:hover {
          background-color: #1dcaff;
          color: #fff; }
        .footer-three-top-area .widget ul li a.gop:hover {
          background-color: #de5245;
          color: #fff; }
        .footer-three-top-area .widget ul li a.pin:hover {
          background-color: #bd081b;
          color: #fff; }
        .footer-three-top-area .widget ul li a.ins:hover {
          background-color: #fb3958;
          color: #fff; }
  .footer-three-top-area .widget p {
    font-size: 30px;
    color: #000;
    margin: 0;
    font-weight: 600; }
    .footer-three-top-area .widget p i {
      margin-right: 30px;
      font-size: 50px;
      font-weight: normal;
      vertical-align: middle; }

.footer-bottom-three-area {
  background: #252525;
  padding: 30px 0;
  border-bottom: 2px solid #333; }
  .footer-bottom-three-area .copyright{ padding-top: 8px; }
  .footer-bottom-three-area .copyright p {
    display: inline-block;
    margin-right: 60px;
    color: #fff; }
  .footer-bottom-three-area .copyright ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    display: inline-block; }
    .footer-bottom-three-area .copyright ul li {
      display: inline-block;
      margin-right: 50px;
      position: relative; }
      .footer-bottom-three-area .copyright ul li:nth-last-child(1){
        margin-right: 0;
      }
      .footer-bottom-three-area .copyright ul li:after{
        content: ".";
        display: inline-block;
        position: absolute;
        left: 56px;
        top: -5px;
        font-size: 20px;
        color: #fff;
      }
      .footer-bottom-three-area .copyright ul li:nth-last-child(1):after{
        display: none;
      }
      .footer-bottom-three-area .copyright ul li a {
        color: #fff;
        font-size: 14px; }
        .footer-bottom-three-area .payment-method{ padding-top: 7px; }
  .footer-bottom-three-area .payment-method ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    display: inline-block; }
    .footer-bottom-three-area .payment-method ul li {
      display: inline-block;
      margin-right: 15px; }
      .footer-bottom-three-area .payment-method ul li img {
        width: 100%;
        opacity: .5; }
  .footer-bottom-three-area .payment-method p {
    color: #fff;
    display: inline-block;
    padding-left: 30px;
    font-size: 14px; }

.footer-four-top-area {
  padding: 60px 0 70px; }
  .footer-four-top-area .widget h2.widget-title {
    margin: 0;
    font-size: 18px;
    color: #000;
    font-weight: 600; }
  .footer-four-top-area .widget .subscribeform {
    max-width: 100%;
    margin: 0px 0 0; }
  .footer-four-top-area .widget .subscribeform form {
    position: relative;
    overflow: hidden; }
  .footer-four-top-area .widget .subscribeform form label {
    position: relative;
    width: 100%;
    margin-bottom: 4px; }
  .footer-four-top-area .widget .subscribeform form label i{
    position: absolute;
    right: 136px;
    top: 29px;
    z-index: 99;
    color: #fff; }
  .footer-four-top-area .widget .subscribeform form label:after {
    position: absolute;
    right: 0;
    top: 12px;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    content: "Subscribe";
    width: 190px;
    height: 50px;
    padding-left: 18px;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
    border-radius: 0;
    background: #252525;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px; }
  .footer-four-top-area .widget .subscribeform form .form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    height: 50px;
    background: transparent;
    border: 1px solid #f5f5f5;
    font-size: 16px;
    font-weight: 600;
    width: 70%; }
  .footer-four-top-area .widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    .footer-four-top-area .widget ul li {
      display: inline-block;
      position: relative;
      border-right: 1px solid #f1f1f1; }
      .footer-four-top-area .widget ul li:first-child {
        border-left: 1px solid #f1f1f1; }
      .footer-four-top-area .widget ul li a {
        font-size: 40px;
        color: #252525;
        display: block;
        padding: 100px 40px;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .footer-four-top-area .widget ul li a:hover {
          background: #ff0000;
          color: #fff; }
  .footer-four-top-area .widget p {
    font-size: 30px;
    color: #252525;
    padding: 100px 0;
    margin: 0; }
    .footer-four-top-area .widget p i {
      margin-right: 30px;
      font-size: 50px; }
  .footer-four-top-area .widget .phone-number h4 {
    font-size: 24px;
    font-weight: 600;
    color: #252525;
    margin-top: 35px; }

.footer-bottom-four-area {
  background: #fff;
  padding: 30px 0;
  border-top: 1px solid #f1f1f1; }
  .footer-bottom-four-area .copyright p {
    display: inline-block;
    margin-right: 30px;
    color: #252525; }
  .footer-bottom-four-area .copyright ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    display: inline-block; }
    .footer-bottom-four-area .copyright ul li {
      display: inline-block;
      margin-right: 30px;
      position: relative; }
      .footer-bottom-four-area .copyright ul li a {
        color: #252525;
        font-size: 14px;
        font-weight: 600; }
      .footer-bottom-four-area .copyright ul li:after{ 
      content: ".";
      display: inline-block;
      position: absolute;
      left: 46px;
      top: -5px;
      font-size: 20px; }
      .footer-bottom-four-area .copyright ul li:nth-last-child(1):after{
        display: none;}
        .footer-bottom-four-area .app_info .app_link,
        .footer-bottom-four-area .app_info .app_btn{
          display: inline-block;vertical-align: top; }
        .footer-bottom-four-area .app_info .app_link span{
          color: #252525;
         padding-left: 10px;}
         .footer-bottom-four-area .app_info .app_link a:hover{
         text-decoration: underline;
         color: #252525;}
         .footer-bottom-four-area .app_info .app_btn{
          margin-left: 20px;}
         .footer-bottom-four-area .app_info .app_btn a{
         margin-left: 10px;}
  .footer-bottom-four-area .payment-method ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    display: inline-block; }
    .footer-bottom-four-area .payment-method ul li {
      display: inline-block;
      margin-right: 15px; }
      .footer-bottom-four-area .payment-method ul li img {
        opacity: 1; }
  .footer-bottom-four-area .payment-method p {
    color: #999;
    display: inline-block; }

#popup-search-box-area {
  background: rgba(0,0,0,0.7);
  z-index: 99;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8); }
  #popup-search-box-area.search-form-show {
    opacity: 1;
    visibility: visible;
    transform: scale(1); }
  #popup-search-box-area .close-button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    color: #f40082;
    padding: 10px;
    cursor: pointer;
    font-size: 40px; }
  #popup-search-box-area.search-form-show {
    opacity: 1;
    visibility: visible;
    transform: scale(1); }
  #popup-search-box-area .container {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  #popup-search-box-area #search-form {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    border-radius: 3px;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: absolute;
    max-width: 1200px;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
    #popup-search-box-area #search-form .form-group {
      margin-bottom: 0; }
    #popup-search-box-area #search-form:hover, #popup-search-box-area #search-form.active {
      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08); }
    #popup-search-box-area #search-form .form-control {
      height: 45px;
      background: transparent;
      box-shadow: none !important;
      color: #f1f1f1;
      font-weight: 600; }
    #popup-search-box-area #search-form .btn {
      color: #fff;
      color: #f40082;
      border-color: transparent;
      position: absolute;
      right: 10px;
      top: 0;
      height: 45px;
      background: transparent; }

.slider-three-area {
  position: relative; }
  .slider-three-area .slide {
    padding: 425px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    .slider-three-area .slide .slider-content {
      color: #fff;
      width: 550px;
      margin: 0 auto; }
      .slider-three-area .slide .slider-content h2 {
        font-size: 60px;
        font-weight: 700;
        color: #fff;
        font-family: "Playfair Display", serif;
        letter-spacing: 2px; }
      .slider-three-area .slide .slider-content p {
        letter-spacing: 1px;
        margin-bottom: 10px; }
      .slider-three-area .slide .slider-content .button a {
        background: #fff !important;
        color: #252525 !important; }
        .slider-three-area .slide .slider-content .button a i {
          color: #252525 !important; }

.slider-four-area {
  position: relative; }
  .slider-four-area .slide {
    padding: 425px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    .slider-four-area .slide .slider-content {
      color: #fff;
      width: 600px;
      max-width: 100%;
      margin: 0 auto; }
      .slider-four-area .slide .slider-content h2 {
        font-size: 42px;
        font-weight: 700;
        color: #fff;
        font-family: "Playfair Display", serif;
        letter-spacing: 1px;
        margin: 0 0 30px;
        background: #f40082;
        padding: 5px 10px;
        display: inline-block; }
      .slider-four-area .slide .slider-content p {
        letter-spacing: 1px;
        margin-bottom: 10px;
        font-size: 18px;
        text-transform: uppercase; }
      .slider-four-area .slide .slider-content .button a {
        background: transparent;
        color: #fff;
        border: 1px solid #fff; }
        .slider-four-area .slide .slider-content .button a i {
          color: #fff; }
        .slider-four-area .slide .slider-content .button a:hover{
          background-color: #f40082;
        border-color:#f40082; }

/* 14. category show area here
===============================*/
.women-category-area .cat-name {
  font-size: 40px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
  margin-bottom: 40px;
  color: #252525;
  margin-top: 0; }
.women-category-area .advertise {
  position: relative;
  overflow: hidden;
  margin: 5px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .women-category-area .advertise:hover .image img {
    transform: scale(1.1); }
  .women-category-area .advertise .image img {
    width: 100%;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .women-category-area .advertise .content {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    top: 50%;
    transform: translateY(-50%); }
    .women-category-area .advertise .content h3 {
      font-size: 50px;
      font-weight: 700;
      font-family: "Playfair Display", serif;
      margin-bottom: 30px;
      color: #fff;
      letter-spacing: 2px;
      margin-top: 0; }
    .women-category-area .advertise .content .button {
      margin-top: 0px; }
      .women-category-area .advertise .content .button a {
        background: #ffffff;
        color: #252525;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .women-category-area .advertise .content .button a i {
          color: #252525;
          -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .women-category-area .advertise .content .button a:hover {
          background: #f40082;
          color: #ffffff; }
          .women-category-area .advertise .content .button a:hover i {
            color: #ffffff; }
.women-category-area .category-single {
  position: relative;
  overflow: hidden;
  margin: 5px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .women-category-area .category-single:hover .image img {
    transform: scale(1.1); }
  .women-category-area .category-single .image img {
    width: 100%;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .women-category-area .category-single .content {
    position: absolute;
    left: 30px;
    margin: auto;
    bottom: 30px; }
    .women-category-area .category-single .content h3 {
      font-size: 30px;
      font-weight: 700;
      font-family: "Playfair Display", serif;
      margin-bottom: 30px;
      margin-top: 0; }
      .women-category-area .category-single .content h3 a {
        color: #000; }

.men-category-area .cat-name {
  font-size: 40px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
  margin-bottom: 40px;
  color: #000;
  margin-top: 0; }
.men-category-area .advertise {
  position: relative;
  overflow: hidden;
  margin: 5px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .men-category-area .advertise:hover .image img {
    transform: scale(1.1); }
  .men-category-area .advertise .image img {
    width: 100%;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .men-category-area .advertise .content {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    top: 50%;
    transform: translateY(-50%); }
    .men-category-area .advertise .content h3 {
      font-size: 50px;
      font-weight: 700;
      font-family: "Playfair Display", serif;
      margin-bottom: 30px;
      color: #fff;
      letter-spacing: 2px;
      margin-top: 0; }
    .men-category-area .advertise .content .button {
      margin-top: 0px; }
      .men-category-area .advertise .content .button a {
        background: #ffffff;
        color: #252525;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .men-category-area .advertise .content .button a i {
          color: #252525;
          -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .men-category-area .advertise .content .button a:hover {
          background: #f40082;
          color: #ffffff; }
          .men-category-area .advertise .content .button a:hover i {
            color: #ffffff; }
.men-category-area .category-single {
  position: relative;
  overflow: hidden;
  margin: 5px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .men-category-area .category-single:hover .image img {
    transform: scale(1.1); }
  .men-category-area .category-single .image img {
    width: 100%;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .men-category-area .category-single .content {
    position: absolute;
    left: 30px;
    margin: auto;
    bottom: 30px; }
    .men-category-area .category-single .content h3 {
      font-size: 30px;
      font-weight: 700;
      font-family: "Playfair Display", serif;
      margin-bottom: 30px;
      margin-top: 0; }
      .men-category-area .category-single .content h3 a {
        color: #000; }

.advertise-area .advertise {
  position: relative;
  overflow: hidden;
  margin: 5px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .advertise-area .advertise:hover .image img {
    transform: scale(1.1); }
  .advertise-area .advertise .image img {
    width: 100%;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .advertise-area .advertise .content {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    top: 50%;
    transform: translateY(-50%); }
    .advertise-area .advertise .content h3 {
      font-size: 50px;
      font-weight: 700;
      font-family: "Playfair Display", serif;
      margin-bottom: 30px;
      color: #fff;
      letter-spacing: 2px;
      margin-top: 0; }
    .advertise-area .advertise .content .button {
      margin-top: 0px; }
      .advertise-area .advertise .content .button a {
        background: #ffffff;
        color: #252525;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .advertise-area .advertise .content .button a i {
          color: #252525;
          -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .advertise-area .advertise .content .button a:hover {
          background: #f40082;
          color: #ffffff; }
          .advertise-area .advertise .content .button a:hover i {
            color: #ffffff; }

/* 15. grap area start here
===========================*/
.grapit-area.short-jenns.home-v4{
  background-color: #f5f5f5;
  padding-top: 45px;}
.grapit-area .image img {
  width: 100%; }
.grapit-area.short-jenns .conetnt-area {
  padding: 70px 0 0; }
  .grapit-area.short-jenns .conetnt-area h4 {
    color: #252525; }
.grapit-area .conetnt-area {
  padding: 200px 0 0; }
  .grapit-area .conetnt-area h2 {
    font-size: 60px;
    font-weight: 700;
    font-family: "Playfair Display", serif;
    margin-bottom: 30px;
    color: #252525;
    letter-spacing: 2px;
    margin-top: 0; }
  .grapit-area .conetnt-area p {
    margin-bottom: 0;
    color: #000; }
  .grapit-area .conetnt-area .rating ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .grapit-area .conetnt-area .rating ul li {
      display: inline-block; }
      .grapit-area .conetnt-area .rating ul li i {
        margin: 1px;
        color: #ffa70e; }

.weekend-area {
  padding: 302px 0;
  background-size: cover;
  background-position: center; }
  .weekend-area .conetnt-area h2 {
    font-size: 60px;
    font-weight: 700;
    font-family: "Playfair Display", serif;
    margin-bottom: 10px;
    color: #fff;
    letter-spacing: 2px;
    margin-top: 0; }
  .weekend-area .conetnt-area p {
    margin-bottom: 15px;
    color: #fff; }
  .weekend-area .conetnt-area ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .weekend-area .conetnt-area ul li {
      display: block;
      margin: 5px 0;
      color: #fff; }
  .weekend-area .conetnt-area .button {
    margin: 30px 0; }
    .weekend-area .conetnt-area .button a {
      background: transparent;
      border: 1px solid #ffffff;
      color: #ffffff;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .weekend-area .conetnt-area .button a i {
        color: #ffffff;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .weekend-area .conetnt-area .button a:hover {
        background: #ffffff;
        color: #252525; }
        .weekend-area .conetnt-area .button a:hover i {
          color: #252525; }

/* 16.header five here
======================*/
.header-area5 .navbar-header .navbar-brand {
  height: 100px; }
  .header-area5 .navbar-header .navbar-brand img {
    margin-top: 30px; }
.header-area5 .navbar {
  min-height: 100px !important;
  margin: 0; }
  .header-area5 .navbar .navbar-nav {
    margin: 0;
    padding: 0; } 
    .header-area5 .navbar .navbar-nav > li > a {
      padding-top: 40px;
      padding-bottom: 40px;
      padding-left: 15px;
      padding-right: 15px;
      color: #252525;
      font-weight: 400;
      font-family: "Open Sans", sans-serif;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-transform: lowercase; }
      .header-area5 .navbar .navbar-nav > li > a:hover {
        color: #f40082; }
      .header-area5 .navbar .navbar-nav > li > a.shopping-cart i {
        top: 0px;
        color: #252525; }
        .header-area5 .navbar .navbar-nav > li > a.shopping-cart i.icon {
          top: 70%; }
    .header-area5 .navbar .navbar-nav > li.btn-search-form-toggle {
      margin: 0; }
      .header-area5 .navbar .navbar-nav > li.btn-search-form-toggle a span.fa {
        font-size: 20px;
        color: #252525; }
      .header-area5 .navbar .navbar-nav > li.btn-search-form-toggle a i.fa {
        font-size: 20px;
        color: #252525; }
      .header-area5 .navbar .navbar-nav > li.btn-search-form-toggle.home3 {
        color: #252525 !important; }
    .header-area5 .navbar .navbar-nav > li.btn-search-form-toggle.home3 a span.fa, .header-area5 .navbar .navbar-nav > li.cart-icon.home3 a span.fa {
      font-size: 20px;
      color: #252525 !important; }
    .header-area5 .navbar .navbar-nav > li.btn-search-form-toggle.home3 a i.fa, .header-area5 .navbar .navbar-nav > li.cart-icon.home3 a i.fa {
      font-size: 20px;
      color: #252525 !important; }
    .header-area5 .navbar .navbar-nav > li.btn-search-form-toggle a span.fa, .header-area5 .navbar .navbar-nav > li.cart-icon a span.fa {
      font-size: 20px;
      color: #fff; }
    .header-area5 .navbar .navbar-nav > li.btn-search-form-toggle a i.fa, .header-area5 .navbar .navbar-nav > li.cart-icon a i.fa {
      font-size: 20px;
      color: #252525; }
  .header-area5 .navbar .middle-menu {
    margin: 30px 0 0;
    padding: 0;
    list-style: none; }
    .header-area5 .navbar .middle-menu li {
      display: inline-block; }

.slider-five-area {
  position: relative; }
  .slider-five-area .slide {
    padding: 425px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    .slider-five-area .slide .slider-content {
      color: #fff;
      width: 750px;
      margin: 0 auto; }
      .slider-five-area .slide .slider-content h2 {
        font-size: 60px;
        font-weight: 700;
        color: #fff;
        font-family: "Playfair Display", serif;
        letter-spacing: 2px; }
      .slider-five-area .slide .slider-content p {
        letter-spacing: 1px;
        margin-bottom: 10px; }

/*17.clothing area here
=======================*/
.section.collection-area{
  padding: 60px 0 100px;
}
.section-title {
  width: 670px;
  margin: auto;
  max-width: 100%; }
  .section-title h2 {
    font-size: 40px;
    font-family: "Playfair Display", serif;
    color: #252525;
    letter-spacing: 2px;
    font-weight: bold;
    margin-bottom: 30px; }
    .home-v5 .section-title h2{
      font-weight: 700;
    }
  .section-title p {
    color: #252525;
    padding: 15px 70px;
    font-weight: 600;
    font-size: 16px; }

.clothing-area h2 {
  font-size: 40px;
  font-family: "Playfair Display", serif;
  color: #252525;
  letter-spacing: 2px;
  font-weight: 600; }
.clothing-area h3 {
  font-size: 40px;
  color: #252525;
  letter-spacing: 0px;
  font-family: "Playfair Display", serif;
  font-weight: bold;
  margin: 0; }
.clothing-area a {
  font-size: 14px;
  color: #252525;
  letter-spacing: 0px;
  font-weight: 600;
    text-transform: uppercase; }

.collection-area {
  background: #f5f5f5; }
  .collection-area .single-collection {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .collection-area .single-collection:hover .image img {
      transform: scale(1.1); }
    .collection-area .single-collection .image img {
      width: 100%;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .collection-area .single-collection .content {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto; }
      .collection-area .col-md-4.col-xs-12:nth-child(1) .single-collection .content {
        top: 10%;
      }
      .collection-area .col-md-4.col-xs-12:nth-child(2) .single-collection .content {
        bottom: 10%;
      }
      .collection-area .col-md-4.col-xs-12:nth-child(3) .single-collection .content {
        top: 10%;
      }
      .collection-area .single-collection .content h4 {
        font-size: 40px;
        font-family: "Playfair Display", serif;
        color: #fff;
        font-weight: 700; }
      .collection-area .single-collection .content a {
        color: #fff; }

/* footer five here
===================*/
.footer-five-top-area {
  background: #252525;
  padding: 30px 0;
  color: #fff; }
  .footer-five-top-area p {
    margin: 0;
    text-align: center;
    font-weight: 600; }
  .footer-five-top-area p i{
    font-size: 22px;
    padding-right: 8px;}
  .footer-five-top-area .col-md-3.col-sm-6.col-xs-12{
    border-right: 1px solid #3e3e3e;
  }
  .footer-five-top-area .col-md-3.col-sm-6.col-xs-12:nth-last-child(1){
    border: none;
  }
.footer-five-middle-area {
  padding: 30px 0; }
  .footer-five-middle-area .subscribeform {
    max-width: 100%; }
    .footer-five-middle-area .subscribeform form {
      position: relative;
      overflow: hidden; }
      .footer-five-middle-area .subscribeform form label {
        position: relative;
        width: 100%;
        margin-bottom: 4px; }
        .footer-five-middle-area .subscribeform form label:after {
          position: absolute;
          right: 0;
          top: 12px;
          cursor: pointer;
          font-family: "Open Sans", sans-serif;
          content: "Subscribe";
          width: 130px;
          height: 60px;
          line-height: 60px;
          color: #252525;
          font-weight: 600;
          border-radius: 0;
          text-align: center;
          text-transform: uppercase;
          font-size: 16px; }
          .footer-five-middle-area .subscribeform form label.lbl i{
          position: absolute;
          right: 0;
          top: 36px;
          color: #252525;
          font-size: 12px;}
          .footer-top-area.home-v6 .subscribeform form label.lbl i{ 
          position: absolute;
          right: 0;
          top: 42px;
          color: #252525;
          font-size: 12px;}
      .footer-five-middle-area .subscribeform form .form-control {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
        height: 60px;
        background: #fff;
        font-size: 16px;
        color: #acacac;
        border: 0px solid #f1f1f1;
        border-bottom: 2px solid #f1f1f1;
        font-weight: 600; }
        .footer-five-middle-area .subscribeform form .form-control:focus {
          box-shadow: 0;
          border: 0px solid #ccc !important;
          border-bottom: 1px solid #ccc !important; }

.footer-five-middle-bottom-area {
  padding: 20px 0 60px; }
  .footer-five-middle-bottom-area .single-footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    .footer-five-middle-bottom-area .single-footer-menu li {
      display: block; }
      .footer-five-middle-bottom-area .single-footer-menu li a {
        color: #000; }

/* 19. home six here
=====================*/
.slider-six-area {
  position: relative; }
  .slider-six-area .slide {
    padding: 450px 0;
    background-repeat: no-repeat;
  background-size: cover;
background-position: center top;}
.slider-two-bottom-area.home-v2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: inherit; }
  .slider-two-bottom-area .slider-bottom {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .slider-two-bottom-area .slider-bottom:hover {
      transform: translateY(-30px); }
    .slider-two-bottom-area .slider-bottom .image img {
      width: 100%;
      height: 200px; }
      .slider-two-bottom-area .slider-bottom .image img:hover {
        opacity: .9; }
    .slider-two-bottom-area .slider-bottom .image h3 {
      margin: 0;
      padding: 0; }
      .slider-two-bottom-area .slider-bottom .image h3 a {
        display: block;
        background: #fff;
        padding: 15px;
        color: #000;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .slider-two-bottom-area .slider-bottom .image h3 a:hover {
          color: #f40082; }

.header-area6 {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  margin: auto; }
  .header-area6 .navbar-header .navbar-brand {
    height: 100px; }
    .header-area6 .navbar-header .navbar-brand img {
      margin-top: 30px; }
  .header-area6 .navbar {
    min-height: 100px !important;
    margin: 0; }
    .header-area6 .navbar .navbar-nav {
      margin: 0;
      padding: 0; }
      .header-area6 .navbar .navbar-nav > li > a {
        padding-top: 39px;
        padding-bottom: 39px;
        padding-left: 25px;
        padding-right: 25px;
        color: #000;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .header-area6 .navbar .navbar-nav > li > a:hover {
          color: #f40082; }
      .header-area6 .navbar .navbar-nav > li.location a:hover {
        background: transparent;
        color: #f40082; }

.slider-six-bottom-area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 80px; }
  .slider-six-bottom-area .slider-bottom {
    position: relative;
    overflow: hidden; }
    .slider-six-bottom-area .slider-bottom h2 {
      font-size: 40px;
      font-family: "Playfair Display", serif;
      color: #252525;
      letter-spacing: 1px;
      font-weight: 700; }
    .slider-six-bottom-area .slider-bottom p {
      color: #252525; }
  .slider-six-area .slider-content h2{ 
  font-size: 40px;
  font-family: "Playfair Display", serif;
  color: #252525;
  letter-spacing: 1px;
  font-weight: 700; }    

/* 20. home seven start here

=========================*/
.menu-area {
  position: absolute;
  width: 200px;
  top: 38%;
  left: 0;
  z-index: 999; }
  .menu-area ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .menu-area ul li {
      display: block;
      margin: 5px;
      float: none; }
      .menu-area ul li a {
        color: #252525;
        font-size: 15px;
        font-weight: 400;
        padding: 10px 0; }
      .menu-area ul li ul li a{ 
      padding: 0; }  
    .menu-area ul li a:hover, .menu-area ul li a:focus, 
    .menu-area ul li.open a, .menu-area ul li.open a:hover{ 
    background-color: transparent; }    
.section.slider-seven-bottom-area  {
padding-top: 70px;}
.slider-seven-area {
  position: relative; }
  .slider-seven-area .slide {
    padding: 450px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top; }

.slider-seven-bottom-area .category-name {
  margin-bottom: 60px; }
  .slider-seven-bottom-area .category-name h2 {
    font-size: 40px;
    font-family: "Playfair Display", serif;
    color: #252525;
    font-weight: 600;
    position: relative;
    margin: 0 0 30px; }
    .slider-seven-bottom-area .category-name h2:after {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      height: 2px;
      background: #f40082;
      bottom: -10px;
      content: "";
      width: 40px; }
.slider-seven-bottom-area .single-collection {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .slider-seven-bottom-area .single-collection:hover .image img {
    transform: scale(1.1); }
  .slider-seven-bottom-area .single-collection .image img {
    width: 100%;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .slider-seven-bottom-area .single-collection .content {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    right: 0;
    margin: auto; }
    .slider-seven-bottom-area .single-collection .content h4 {
      font-size: 40px;
      font-family: "Playfair Display", serif;
      color: #fff;
      font-weight: 600; }
    .slider-seven-bottom-area .single-collection .content a {
      color: #fff; }

.slider-seven-feature-area {
  }
  .slider-seven-feature-area .slider-bottom {
    background: #f5f5f5;
    overflow: hidden; }
    .slider-seven-feature-area .slider-bottom .media {
      padding: 25px 30px;
      position: relative; }
    .slider-seven-feature-area .slider-bottom .media:after{ 
      content: "";
      display: inline-block;
      position: absolute;
      border-right: 2px solid #e4e4e4;
      right: 0;
      top: 26px;
      height: 40px; }
    .slider-seven-feature-area .slider-bottom .col-md-3:nth-last-child(1) .media:after{
      display: none; }
      .slider-seven-feature-area .slider-bottom .media .pull-left i {
        color: #252525;
        font-size: 40px;
        font-weight: normal;
        margin-right: 10px; }
      .slider-seven-feature-area .slider-bottom .media .media-body h4 {
        margin: 0 0 0px;
        color: #252525;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 14px; }
.category-seven-area{
border-top:1px solid #f5f5f5;
border-bottom:1px solid #f5f5f5; }        
.category-seven-area .shop-image{ 
  position: relative; }
.category-seven-area.cat_7_top .shop-image .title_shop{ 
  position: absolute;
  left: 410px;
  right: 50px;
  bottom: 80px;}
.category-seven-area .shop-image .title_shop{
  position: absolute;
  left: 60px;
  right: 420px;
  bottom: 80px;}
.category-seven-area .shop-image .title_shop h2{ 
 font-size: 50px;
 font-family: "Playfair Display", serif;
  color: #252525;
  font-weight: bold;
  margin-bottom: 30px;}
.category-seven-area .shop-image .title_shop .button{
 margin-top: 0;}  
.category-seven-area .shop-image .title_shop .button a{
 background: transparent;
 color: #252525;
 border: 1px solid #252525; }
.category-seven-area .shop-image .title_shop .button a i{
  color: #252525;}
 .category-seven-area .shop-image .title_shop .button a:hover{
  background: #f40082;
  border-color: #f40082;
  color: #fff;}  
  .category-seven-area .shop-image .title_shop .button a:hover i{
  color: #fff;}
.category-seven-area .products-show {
  padding: 7% 0 0; }  
  .category-seven-area .products-show h3 {
    font-size: 40px;
    font-family: "Playfair Display", serif;
    color: #252525;
    font-weight: 600;
    padding-bottom: 10px;
    display: inline-block;
    border-bottom:2px solid #f5f5f5;  } 
  .category-seven-area .products-show .single-products h3{
  border:none;}  
  .category-seven-area .single-products .product-top h3 a{ 
  font-size: 15px; }
.category-seven-area .products-show .button{
margin-top: 0; }  
.category-seven-area .products-show .button span{ 
padding-right: 10px;
color: #999; }

/* 20. home eight here
======================*/
.header-eight-top .alert{ 
margin-bottom: 0; }
.header-eight-top {
  background: #252525; }
  .header-eight-top button {
    opacity: 1; }
    .header-eight-top button span {
      color: #fff !important; }
  .header-eight-top p {
    color: #fff;
    margin: 0; }

  .banner-home-v8 .banner_v8{ position: relative; }
  .banner-home-v8 .image img{ width: 100%; }
  .banner-home-v8 .banner_v8 .content{ position: absolute;top: 210px;text-align: center;left: 0; width: 100%; }
  .banner-home-v8 .banner_v8 .content h2{ font-family: "Playfair Display", serif;font-size: 70px;color: #fff;font-weight: 700; }
  .banner-home-v8 .banner_v8 .content.l_ban .button{ margin-top: 110px; }
  .banner-home-v8 .banner_v8 .content.l_ban .button a{ background: transparent;border: none; }
  .banner-home-v8 .banner_v8 .content.l_ban .button a i{ display: block;font-size: 18px; }
  .banner-home-v8 .banner_v8 .content.r_ban{ top: inherit;bottom: 100px; }
.slider-eight-area {
  position: relative; }
  .slider-eight-area .slide {
    padding: 450px 0;
    background-repeat: no-repeat;
    background-size: cover; }

.section-title1 {
  width: 100%;
  margin: inherit;
  max-width: 100%; }
  .section-title1 h2 {
    font-size: 30px;
    color: #252525;
    font-weight: 700;
    font-family: "Playfair Display", serif; }
  .section-title1 p {
    color: #252525;
    padding: 0 70px; }

.products-eight-area{ 
   padding-top: 60px;
  padding-bottom: 70px; }
.products-eight-area.btm_sec{
padding-bottom: 50px;
border-bottom: 1px solid #f1f1f1;
border-top: 1px solid #f1f1f1;
padding-top: 75px;}
.products-eight-area .single-products p {
  color: #252525; }
.advertise-area.advertise1{ 
padding-top: 50px; }
.advertise-area.advertise1 .advertise .content h3, .advertise-area.advertise1 .advertise .content h2 {
  color: #252525; }
.advertise-area.advertise1 .advertise .content{ 
  left:30px;
  text-align: left;
  top: inherit;
  bottom: 0;
  transform: translateY(0); }  
.advertise-area.advertise1 .advertise .content h3{
font-size: 30px;}  
.titter-image {
  overflow: hidden; }
.titter-image img{
width: 100%; }  

/*
22. home nine here
====================*/
.header-area9 {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 220px;
  background: #f5f5f5;
  z-index: 3; }
  .header-area9 .navbar-brand {
    display: block;
    float: inherit;
    margin: 60px 0 30px;
    height: auto; }
  .navbar-brand > img{ margin: 0 auto; }  
  .header-area9 .menuarea {
    margin: 0 25px; }
    .header-area9 .menuarea ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .header-area9 .menuarea ul li {
        display: block;
        margin: 5px 0;
        border-bottom: 1px solid #e6e6e6; }
      .header-area9 .menuarea ul li:nth-last-child(1){ border-bottom: none; }  
      .header-area9 .menuarea ul li a {
        color: #252525;
        padding: 12px 20px 16px;
        display: block; }
      .header-area9 .menuarea ul li a i{
        float: right;
    padding-top: 10px; }  
  .header-area9 .fearures {
    margin: 40px 25px 0; }
    .header-area9 .fearures ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .header-area9 .fearures ul li {
        display: inline-block;
        margin: 5px;
        position: relative; }
        .header-area9 .fearures ul li a {
          color: #252525;
          display: block;
          font-size: 18px;
          width: 30px;
          height: 30px;
          text-align: center; }
        .header-area9 .fearures ul li a.shopping-cart span{
          top: -5px;
          position: absolute;
          left: 20px;
          background: #252525;
          border-radius: 10px;
          line-height: 20px;
          font-size: 10px;
          width: 20px;
          height: 20px;
          text-align: center;
          overflow: hidden;
          color: #fff;}  

  .header-area9 .minicart-page-area.active {
    opacity: 1;
    visibility: visible;
    top: 40% !important; }

.slider-nine-area {
  overflow: hidden;
  position: relative;}
  .slider-nine-area .slide {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .slider-nine-area .slide .slider-content {
      z-index: 9;
      padding: 290px 0; }
      .slider-nine-area .slide .slider-content h2 {
        font-size: 60px;
        color: #252525;
        font-family: "Playfair Display", serif;
        font-weight: 700;
        margin: 0 0 20px; }
      .slider-nine-area .slide .slider-content p {
        color: #252525;
        margin-bottom: 40px; }
      .slider-nine-area .slide .slider-content .button ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: left; }
        .slider-nine-area .slide .slider-content .button ul li {
          display: inline-block; }
          .slider-nine-area .slide .slider-content .button ul li a {
            padding: 6px 40px;
            font-size: 14px;
            text-transform: uppercase;
            display: block;
            color: #fff;
            -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
            -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
            .slider-nine-area .slide .slider-content .button ul li a:hover {
              background: #f40082;
              color: #fff; }
            .slider-nine-area .slide .slider-content .button ul li a i {
              margin-left: 10px; }
  .slider-nine-area .owl-pagination{ position: absolute;top: 54%;right: 2%;transform: translateY(-70%);z-index: 99;width: 10px;height: 100px;opacity: 1; }
  .slider-nine-area .owl-pagination .owl-page span {display: block;border: 1px solid #fff;background: transparent;}
  .slider-nine-area .owl-pagination .owl-page.active span { display: block;border: 1px solid #fff;background: #fff; }

  .titter-image.home-v9{ padding-top: 60px; }
  .titter-image.home-v9 .section-title h2{ font-weight: bold; }
  .titter-image.home-v9 .section-title p{ font-size: 16px;text-transform: uppercase;font-weight: 600;color: #999;padding-top: 0; }
  .titter-image.home-v9 .insta_feed{ position: relative;transition: all .5s ease; } 
  .titter-image.home-v9 .insta_feed .content{ display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;background-color: rgba(0,0,0,0.4);padding-top: 150px; }  
  .titter-image.home-v9 .insta_feed .content h4{ color: #fff;font-size: 18px;font-weight: 600;text-transform: uppercase;margin-top: 5px; } 
  .titter-image.home-v9 .insta_feed .content p{ color: #fff;font-size: 14px;font-weight: 600;text-transform: uppercase;margin-bottom: 0; }
  .titter-image.home-v9 .insta_feed .content .button{ margin-top: 20px; }   
  .titter-image.home-v9 .insta_feed .content .button a{ background: transparent;border: 1px solid #fff;padding: 6px 30px;}   
  .titter-image.home-v9 .insta_feed .content .button a:hover{ border-color: #f40082;background: #f40082; } 
  .titter-image.home-v9 .insta_feed:hover .content{ display: block;transition: all .5s ease; }  

/*23. home ten here
===================*/
.header-area10 .navbar-header .navbar-brand {
  height: 100px; }
  .header-area10 .navbar-header .navbar-brand img {
    margin-top: 30px; }
.header-area10 .navbar {
  min-height: 100px !important;
  margin: 0; }
  .header-area10 .navbar .logo-ten {
    margin-top: 38px;
    display: inline-block; }
  .header-area10 .navbar .navbar-nav {
    margin: 0;
    padding: 0; }
    .header-area10 .navbar .navbar-nav > li > a {
      padding: 46px 0;
      color: #252525;
      font-weight: 700;
      font-size: 20px;
      font-family: "Open Sans", sans-serif;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-transform: uppercase; }
      .header-area10 .navbar .navbar-nav > li > a:hover {
        color: #f40082; }
      .header-area10 .navbar .navbar-nav > li > a.shopping-cart{ padding-right: 16px; }  
      .header-area10 .navbar .navbar-nav > li > a.shopping-cart span {
        top: 32px;
        right: 0px; }
      .header-area10 .navbar .navbar-nav > li > a.shopping-cart i {
        top: 0px;
        color: #252525; }
        .header-area10 .navbar .navbar-nav > li > a.shopping-cart i.icon {
          top: 70%; }
    .header-area10 .navbar .navbar-nav > li.btn-search-form-toggle {
      margin: 0; }
      .header-area10 .navbar .navbar-nav > li.btn-search-form-toggle a span.fa {
        font-size: 20px;
        color: #000; }
      .header-area10 .navbar .navbar-nav > li.btn-search-form-toggle a i.fa {
        font-size: 20px;
        color: #000; }
      .header-area10 .navbar .navbar-nav > li.btn-search-form-toggle.home3 {
        color: #000 !important; }
    .header-area10 .navbar .navbar-nav > li.btn-search-form-toggle.home3 a span.fa, .header-area10 .navbar .navbar-nav > li.cart-icon.home3 a span.fa {
      font-size: 20px;
      color: #000 !important; }
    .header-area10 .navbar .navbar-nav > li.btn-search-form-toggle.home3 a i.fa, .header-area10 .navbar .navbar-nav > li.cart-icon.home3 a i.fa {
      font-size: 20px;
      color: #000 !important; }
    .header-area10 .navbar .navbar-nav > li.btn-search-form-toggle a span.fa, .header-area10 .navbar .navbar-nav > li.cart-icon a span.fa {
      font-size: 20px;
      color: #000; }
    .header-area10 .navbar .navbar-nav > li.btn-search-form-toggle a i.fa, .header-area10 .navbar .navbar-nav > li.cart-icon a i.fa {
      font-size: 20px;
      color: #000; }

.header10-top-area {
  padding: 10px 50px;
  background: #252525;
  position: relative;
  z-index: 99; }
  .header10-top-area p {
    font-size: 14px;
    font-weight: 600;
    color: #fff; }
    .header10-top-area p i {
      font-size: 24px;
      margin-right: 10px;
      font-weight: 400;
      vertical-align: sub; }
    .header10-top-area p span {
      display: inline-block;
      padding: 0 8px;
      background: #4c6cef;
      color: #fff;
      font-weight: 400;
      line-height: 25px; }
  .header10-top-area .header-top-memu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    display: inline-block; }
    .header10-top-area .header-top-memu ul li {
      display: inline-block;
      margin-left: 30px;
      position: relative; }
    .header10-top-area .header-top-memu ul li a {
      color: #fff;
      font-weight: 600;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .header10-top-area .header-top-memu ul li a:hover {
      color: #f40082; }
    .header10-top-area .header-top-memu ul li:after{
      content: ".";
      display: inline-block;
      position: absolute;
      left: -20px;
      top: -5px;
      font-size: 20px;
      color: #fff;}
    .header10-top-area .header-top-memu ul li:first-child:after{
      display: none;}        
.slider-ten-area {
  position: relative; }
  .slider-ten-area .slide {
    padding: 200px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    .slider-ten-area .slide .slider-content {
      color: #fff;
      max-width: 100%;
      margin: 0 auto; }
      .slider-ten-area .slide .slider-content h2 {
        font-size: 60px;
        font-weight: 700;
        color: #fff;
        font-family: "Playfair Display", serif;
        letter-spacing: 0px;
        margin: 0 0 10px;
        padding: 5px; }
      .slider-ten-area .slide .slider-content p {
        letter-spacing: 1px;
        margin-bottom: 10px; }
      .slider-ten-area .slide .slider-content .button a {
        background-color: transparent;
        color: #fff;
        border: 1px solid #fff; }
      .slider-ten-area .slide .slider-content .button a:hover{ background-color: #f40082;border-color: #f40082; }  
  .slider-ten-area .owl-buttons {
    opacity: 1;
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .slider-ten-area .owl-buttons div {
      background: transparent;
      opacity: 1;
      top: 50%;
      position: absolute;
      transform: translateY(-50%);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .slider-ten-area .owl-buttons div:hover i {
        color: #fff; }
      .slider-ten-area .owl-buttons div i {
        font-size: 40px;
        line-height: 50px;
        color: #fff;
        font-weight: 800; }
      .slider-ten-area .owl-buttons div.owl-prev {
        position: absolute;
        left: 3%; }
      .slider-ten-area .owl-buttons div.owl-next {
        position: absolute;
        right: 3%; }
      .slider-ten-area .owl-pagination {
        position: absolute;
        bottom : 0;
        text-align: center;
        z-index: 99;
        width: 100%;
        opacity: 1;}
      .slider-ten-area .owl-pagination .owl-page span {
        display: block;
        border: 2px solid #fff;
        background: transparent;}  
      .slider-ten-area .owl-pagination .owl-page.active span {
        display: block;
        border: 2px solid #fff;
        background: #fff;
        }  
      .features-area.home-v10{ padding-top: 56px; }  
      .banimg{ position: relative; }
      .banimg .content{ position: absolute;right: 100px;top: 60px;width: 40%; } 
      .banimg .content h2{ color: #fff;font-size: 50px; }
      .banimg .content .button{ margin-top: 30px; }
      .banimg .content .button a{ background-color: transparent;color: #fff;border: 1px solid #fff; }
      .banimg .content .button a:hover{ background-color: #f40082;border-color: #f40082; }

/* 24. products list area here
============================*/
.products-list-area{ border-bottom: 1px solid #f1f1f1;padding-bottom: 80px; }
.products-list-area .products-list h2 {
  font-size: 40px;
  color: #000;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  margin: 0 0 60px; }
.products-list-area .products-list ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .products-list-area .products-list ul li {
    display: block;
    margin: 30px 0; }
    .products-list-area .products-list ul li .media .pull-left {
      margin-right: 10px;
      width: 20%;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .products-list-area .products-list ul li .media .pull-left img{ height: 72px; }
      .products-list-area .products-list ul li .media .pull-left:hover img {
        -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.15); }
    .products-list-area .products-list ul li .media .media-body .media-heading a {
      font-size: 16px;
      color: #000;
      text-decoration: none;
      font-weight: 600; }
    .products-list-area .products-list ul li .media .media-body .rating ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .products-list-area .products-list ul li .media .media-body .rating ul li {
        display: inline-block;
        margin: 0 !important; }
        .products-list-area .products-list ul li .media .media-body .rating ul li i {
          margin: 0px;
          color: #ffa70e; }

/*breadcumb area start here
==========================*/
.header-11 {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  width: 100%;
  top: 0; }
.breadcumb-area {
  padding: 200px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
.breadcumb-area h2 {
  font-size: 70px;
  color: #000;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  margin: 0 0 20px; }
.breadcumb-area ul {
  margin: 0;
  padding: 0;
  list-style: none; }
.breadcumb-area ul li {
  display: inline-block;
  color: #252525; }
.breadcumb-area ul li a {
  color: #252525; }
.breadcumb-area ul li i{ margin: 0 8px 0; }
.shop-topbar .category ul {
  margin: 0;
  padding: 0;
  list-style: none; }
.shop-topbar .category ul li {
  display: inline-block;
  color: #999; }
.shop-topbar .category ul li a {
  color: #252525; }
.shop-topbar .showing-result ul {
  margin: 0;
  padding: 0;
  list-style: none; }
.shop-topbar .showing-result ul li {
  display: inline-block;
  color: #999; }
.shop-topbar .showing-result ul li a {
  color: #252525; }
.shop-topbar .showing-result select,
.shop-topbar .showing-result select:focus,
.shop-topbar .showing-result select:active{ border: none; }  
/*
26.widget area start here
==========================*/
.widget h2.widget-title {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: #252525;
  margin: 0 0 30px;
  font-weight: 700; }
.widget .category ul {
  margin: 0;
  padding: 0;
  list-style: none; }
.widget .category ul li {
  display: block;
  margin: 5px 0; }
.widget .category ul li a {
  color: #999;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.widget .category ul li a:hover {
  color: #000; }
.widget .color ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .widget .color ul li {
    display: inline-block;
    margin: 2px 5px; }
    .widget .color ul li i {
      border-radius: 100%; }
    .widget .color ul li:nth-child(1) i {
      color: #f1f1f1; }
    .widget .color ul li:nth-child(2) i {
      color: #ff0000; }
    .widget .color ul li:nth-child(3) i {
      color: #fc8108; }
    .widget .color ul li:nth-child(4) i {
      color: #2b6be0; }
    .widget .color ul li:nth-child(5) i {
      color: #12cb99; }
    .widget .color ul li:nth-child(6) i {
      color: #dc4db8; }
    .widget .color ul li:nth-child(7) i {
      color: #6d55e3; }
    .widget .color ul li:nth-child(8) i {
      color: #55d4e3; }
    .widget .color ul li:nth-child(9) i {
      color: #29b529; }
    .widget .color ul li:nth-child(10) i {
      color: #f3d610; }
    .widget .color ul li:nth-child(11) i {
      color: #71431e; }
    .widget .color ul li:nth-child(12) i {
      color: #000; }
.widget .size form select {
  border: 0px solid #fff;
  border-bottom: 1px solid #ccc; }
  .widget .size form select:focus {
    box-shadow: none;
    outline: none;
    border: 0px solid #fff !important;
    border-bottom: 1px solid #ccc !important; }

/*27.single product start here
=============================*/
.single-product-area .property-slider .single-portfolio-gellary ul li img {
  width: 100%; }
.single-product-area .property-slider .gallery .pics .thumbs {
  width: 16%;
  float: left; }
  .single-product-area .property-slider .gallery .pics .thumbs .preview img {
    margin: 10px 5px;
    width: 73%;
    display: block;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #e9e9e9; }
.single-product-area .property-slider .gallery img {
  width: 80%;
  float: left;
  padding: 10px;
  border: 1px solid #e9e9e9; }
.single-product-area .product-details {
  padding: 0 30px; }
  .single-product-area .product-details h3 {
    font-size: 30px;
    color: #252525;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin: 0 0 20px; }
  .single-product-area .product-details span,
  .single-product-area .product-details p {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #999; }
  .single-product-area .product-details .rating ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .single-product-area .product-details .rating ul li {
      display: inline-block;
      margin: 0 !important; }
      .single-product-area .product-details .rating ul li i {
        margin: 0px;
        color: #ffa70e; }
  .single-product-area .product-details .price p {
    margin: 0 0 20px;
    font-size: 24px;
    color: #252525;
    font-weight: 700; }
  .single-product-area .product-details .price p span{ color: #999;font-size: 14px;font-weight: 400;padding-left: 5px;vertical-align: top; }  
  .single-product-area .product-details .price p del {
      color: #999;
      margin: 0 10px;
      font-size: 16px;
      font-weight: 400; }
  .single-product-area .product-details .color {
    margin-bottom: 20px; }
    .single-product-area .product-details .color p {
      font-size: 16px; }
.single-product-area .product-details .color p span {
  margin: 0 10px;
  color: #252525;
  font-weight: 600; }
    .single-product-area .product-details .color ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .single-product-area .product-details .color ul li {
        display: inline-block;
        margin: 2px 5px; }
        .single-product-area .product-details .color ul li i {
          border-radius: 100%; }
        .single-product-area .product-details .color ul li:nth-child(2) i {
          color: #ff0000; }
        .single-product-area .product-details .color ul li:nth-child(3) i {
          color: #fc8108; }
        .single-product-area .product-details .color ul li:nth-child(4) i {
          color: #2b6be0; }
        .single-product-area .product-details .color ul li:nth-child(5) i {
          color: #12cb99; }
        .single-product-area .product-details .color ul li:nth-child(6) i {
          color: #dc4db8; }
        .single-product-area .product-details .color ul li:nth-child(7) i {
          color: #6d55e3; }
        .single-product-area .product-details .color ul li:nth-child(8) i {
          color: #55d4e3; }
        .single-product-area .product-details .color ul li:nth-child(9) i {
          color: #29b529; }
        .single-product-area .product-details .color ul li:nth-child(10) i {
          color: #f3d610; }
        .single-product-area .product-details .color ul li:nth-child(11) i {
          color: #71431e; }
        .single-product-area .product-details .color ul li:nth-child(12) i {
          color: #000; }
  .single-product-area .product-details .size h4 {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin: 0 0 20px; }
  .single-product-area .product-details .size ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .single-product-area .product-details .size ul li {
      display: inline-block;
      margin: 2px; }
      .single-product-area .product-details .size ul li a {
        border: 1px solid #999;
        width: 50px;
        height: 40px;
        line-height: 40px;
        color: #000;
        text-align: center;
        display: block; }
  .single-product-area .product-details .size p {
    color: #000;
    font-size: 16px;
    margin: 20px 0; }
  .single-product-area .product-details .card-list {
    margin-bottom: 30px; }
    .single-product-area .product-details .card-list ul {
      margin: 0;
      padding: 0;
      list-style: none;
      text-align: center; }
      .single-product-area .product-details .card-list ul li {
        display: block;
        margin: 5px 0; }
        .single-product-area .product-details .card-list ul li a {
          display: block;
          padding: 20px;
          border: 2px solid #000;
          font-weight: 600;
          text-transform: uppercase;
          color: #000;
          -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
          .single-product-area .product-details .card-list ul li a i {
            margin: 0 10px; }
          .single-product-area .product-details .card-list ul li a:hover {
            background: #000;
            color: #fff; }
  .single-product-area .product-details .informations {
    margin-bottom: 30px; }
    .single-product-area .product-details .informations h2 {
      font-size: 20px;
      color: #000;
      font-weight: 600;
      margin: 0 0 20px;
      padding: 0 0 20px;
      border-bottom: 1px solid #999; }
    .single-product-area .product-details .informations ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .single-product-area .product-details .informations ul li {
        display: block;
        color: #000; }
        .single-product-area .product-details .informations ul li:first-child {
          color: #999;
          text-transform: uppercase; }

/*28. login register form start here
====================================*/
.login-register-form-area .login-form {
  padding: 30px;
  border: 1px solid #ededed; }
  .login-register-form-area .login-form h2 {
    font-size: 20px;
    color: #252525;
    font-weight: 700;
    margin: 0 0 20px;
    text-transform: uppercase;
    text-align: center; }
  .login-register-form-area .login-form label {
    color: #252525;
    text-transform: uppercase; } 
  .login-register-form-area .login-form input {
    height: 50px; }
  .login-register-form-area .login-form span {
    float: right;
    color: #999;
    text-transform: uppercase;
    margin: 10px 0;
    cursor: pointer;
    text-decoration: underline; }
  .login-register-form-area .login-form .checkbox label {
    display: block;
    margin: 10px 0;
    color: #999; }
  .login-register-form-area .login-form .checkbox input {
    height: 25px; }
  .login-register-form-area .login-form a {
    display: block;
    padding: 15px 0;
    text-align: center; }
    .login-register-form-area .login-form a.send {
      font-weight: 600;
      text-transform: uppercase;
      color: #fff;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      background: #252525; }
      .login-register-form-area .login-form a.send i {
        margin: 0 10px; }
    .login-register-form-area .login-form a.facebook {
      font-weight: 600;
      text-transform: uppercase;
      color: #fff;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      background: #3b5998; }
      .login-register-form-area .login-form a.facebook i {
        margin: 0 10px; }

.cart-empty-area p {
  color: #252525;
  margin-bottom: 10px; }
.cart-empty-area .button {
  margin-top: 30px; }
.wishlist-empty .button{ margin-top: 200px;padding-top: 30px;border-top: 1px solid #f1f1f1; }

/*29.cart page area section
===========================*/
.cart-page-area {
  overflow: hidden; }
  .cart-page-area .notice p {
    background: #f40082;
    color: #ffffff; }
  .cart-page-area .table {
    border: 1px solid #ecf0f1; }
    .cart-page-area .table thead {
      background: #ecf0f1; }
      .cart-page-area .table thead tr th {
        font-weight: 700 !important;
        font-size: 16px !important;
        color: #252525 !important;
        text-transform: uppercase;
        padding: 30px 20px !important;
        font-family: "Playfair Display", serif; }
    .cart-page-area .table tbody tr td {
      padding: 15px 15px !important;
      vertical-align: middle;
      color: #a1b1bc; }
      .cart-page-area .table tbody tr td.cart-product {
        width: 350px;
        max-width: 100%; }
      .cart-page-area .table tbody tr td.cart-quantity {
        width: 320px;
        max-width: 100%; }
      .cart-page-area .table tbody tr td img {
        display: inline-block; }
      .cart-page-area .table tbody tr td a {
        margin: 0 15px;
        display: inline-block;
        color: #a1b1bc;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        font-size: 12px; }
        .cart-page-area .table tbody tr td a:hover {
          color: #f40082; }
      .cart-page-area .table tbody tr td i {
        color: #f40082; }
  .cart-page-area .cart-button-area {
    border: 1px solid #eeeeee;
    padding: 15px; }
    .cart-page-area .cart-button-area .form-inline .form-group input {
      height: 50px;
      padding: 10px;
      font-size: 16px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #aaaaaa;
      box-shadow: none; }
    .cart-page-area .cart-button-area .form-inline .btn-primary {
      height: 50px;
      padding: 10px;
      font-size: 14px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      border: none;
      box-shadow: none;
      line-height: 33px; }
    .cart-page-area .cart-button-area .form-inline .question {
      margin-left: 10px; }
      .cart-page-area .cart-button-area .form-inline .question i {
        font-size: 20px; }
    .cart-page-area .cart-button-area .form-inline .update {
      height: 50px;
      padding: 10px;
      font-size: 14px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      border: none;
      box-shadow: none;
      border: 1px solid #aaaaaa;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      padding: 15px 30px; }
      .cart-page-area .cart-button-area .form-inline .update:hover {
        background: #f40082;
        color: #ffffff;
        border: 1px solid #f40082; }
    .cart-page-area .cart-button-area .form-inline .checkout {
      height: 50px;
      padding: 10px;
      font-size: 14px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      border: none;
      box-shadow: none;
      background: #000;
      color: #ffffff;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      border: 1px solid #000000;
      padding: 15px 30px; }
      .cart-page-area .cart-button-area .form-inline .checkout:hover {
        background: #f40082;
        color: #ffffff;
        border: 1px solid #f40082; }
  .cart-page-area .calculate-area {
    overflow: hidden;
    padding: 60px 0; }
    .cart-page-area .calculate-area .calculate-shipping h3,
    .cart-page-area .calculate-area .cart-total h3 {
      font-size: 24px;
      font-weight: 600;
      color: #000000;
      margin-right: 15px;
      font-family: "Playfair Display", serif;
      margin: 0 0 20px; }
      .cart-page-area .calculate-area .calculate-shipping h3 i,
      .cart-page-area .calculate-area .cart-total h3 i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        color: #ffffff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        background: #f40082;
        text-align: center; }
    .cart-page-area .calculate-area .calculate-shipping .nice-select,
    .cart-page-area .calculate-area .cart-total .nice-select {
      width: 100%;
      line-height: 1.5; }
      .cart-page-area .calculate-area .calculate-shipping .nice-select .list,
      .cart-page-area .calculate-area .cart-total .nice-select .list {
        width: 100%; }
    .cart-page-area .calculate-area .calculate-shipping form .send,
    .cart-page-area .calculate-area .cart-total form .send {
      margin-top: 0px;
      font-size: 14px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      border: none;
      box-shadow: none;
      color: #ffffff;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      border: 1px solid #333;
      letter-spacing: 1px;
      font-weight: 700;
      text-transform: uppercase;
      width: 160px;
      text-align: center;
      background: #333;
      height: 50px;
      line-height: 37px; }
      .cart-page-area .calculate-area .calculate-shipping form .send:hover,
      .cart-page-area .calculate-area .cart-total form .send:hover {
        background: #f40082;
        color: #ffffff;
        border: 1px solid #f40082; }
    .cart-page-area .calculate-area .calculate-shipping form select,
    .cart-page-area .calculate-area .calculate-shipping form input,
    .cart-page-area .calculate-area .cart-total form select,
    .cart-page-area .calculate-area .cart-total form input {
      height: 40px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      margin: 13px 0; }
    .cart-page-area .calculate-area .calculate-shipping table,
    .cart-page-area .calculate-area .cart-total table {
      display: table; }
      .cart-page-area .calculate-area .calculate-shipping table tr td,
      .cart-page-area .calculate-area .cart-total table tr td {
        vertical-align: middle; }
        .cart-page-area .calculate-area .calculate-shipping table tr td:first-child,
        .cart-page-area .calculate-area .cart-total table tr td:first-child {
          background: #eeeeee !important;
          font-size: 16px;
          font-weight: 400;
          color: #000000; }
  .cart-page-area .section-area {
    padding-left: 0;
    margin: inherit; }
    .cart-page-area .section-area h2 {
      font-weight: 800;
      font-size: 18px;
      color: #333;
      margin-top: 0;
      margin-bottom: 10px;
      text-transform: uppercase;
      font-family: "Montserrat", sans-serif; }
  .cart-page-area .single-product .image {
    position: relative;
    overflow: hidden; }
    .cart-page-area .single-product .image:hover .overley {
      opacity: 1;
      transform: scale(1);
      visibility: visible; }
    .cart-page-area .single-product .image img {
      width: 100%; }
    .cart-page-area .single-product .image .overley {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      background: rgba(134, 192, 204, 0.8);
      opacity: 0;
      transform: scale(0.8);
      visibility: hidden; }
      .cart-page-area .single-product .image .overley .badge {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 50px;
        height: 50px;
        background: #f40082;
        border-radius: 100%;
        border: 3px solid #e0041d; }
        .cart-page-area .single-product .image .overley .badge span {
          text-align: center;
          font-size: 14px;
          color: #ffffff;
          line-height: 35px; }
      .cart-page-area .single-product .image .overley .product-details {
        position: absolute;
        left: 0;
        bottom: -50%;
        width: 100%;
        height: 100%;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        right: 0;
        text-align: center;
        transform: translateY(-14%); }
        .cart-page-area .single-product .image .overley .product-details h3 {
          margin: 0; }
          .cart-page-area .single-product .image .overley .product-details h3 a {
            color: #ffffff;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 600; }
        .cart-page-area .single-product .image .overley .product-details p {
          margin: 0;
          color: #ffffff;
          font-weight: 600; }
          .cart-page-area .single-product .image .overley .product-details p del {
            margin-right: 5px;
            color: #eeeeee; }
          .cart-page-area .single-product .image .overley .product-details p span {
            color: #f40082; }
        .cart-page-area .single-product .image .overley .product-details .rating ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          .cart-page-area .single-product .image .overley .product-details .rating ul li {
            display: inline-block; }
            .cart-page-area .single-product .image .overley .product-details .rating ul li i {
              margin: 1px;
              color: #f40082; }
      .cart-page-area .single-product .image .overley .product-cart {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0; }
        .cart-page-area .single-product .image .overley .product-cart ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          .cart-page-area .single-product .image .overley .product-cart ul li {
            display: inline-block; }
            .cart-page-area .single-product .image .overley .product-cart ul li:last-child {
              float: right; }
            .cart-page-area .single-product .image .overley .product-cart ul li a {
              display: block; }
            .cart-page-area .single-product .image .overley .product-cart ul li.add-cart a {
              display: block;
              background: #eeeeee;
              padding: 5px 20px;
              font-size: 12px;
              text-transform: uppercase;
              color: #000;
              font-weight: 600;
              -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
              -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
              transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
              .cart-page-area .single-product .image .overley .product-cart ul li.add-cart a:hover {
                background: #f40082;
                color: #ffffff; }
            .cart-page-area .single-product .image .overley .product-cart ul li .shop-icons {
              background: #f40082; }
              .cart-page-area .single-product .image .overley .product-cart ul li .shop-icons ul {
                margin: 0;
                padding: 0;
                list-style: none; }
                .cart-page-area .single-product .image .overley .product-cart ul li .shop-icons ul li {
                  display: inline-block; }
                  .cart-page-area .single-product .image .overley .product-cart ul li .shop-icons ul li a {
                    padding: 5px 12px;
                    font-size: 12px;
                    display: block;
                    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
                    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
                    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
                    .cart-page-area .single-product .image .overley .product-cart ul li .shop-icons ul li a:hover {
                      background: #e0041d;
                      color: #ffffff; }
                    .cart-page-area .single-product .image .overley .product-cart ul li .shop-icons ul li a i {
                      color: #ffffff; }

/*30.checkout page area section
==============================*/
.checkout-page-area .notice p {
  padding: 10px;
  background: #f40082;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff; }
  .checkout-page-area .notice p span {
    color: #000;
    margin-right: 10px; }
  .checkout-page-area .notice p i {
    color: #ffffff;
    margin-right: 10px; }
.checkout-page-area .billing-details,
.checkout-page-area .different-address {
  margin-top: 30px; }
  .checkout-page-area .billing-details h3,
  .checkout-page-area .different-address h3 {
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    margin-right: 15px;
    font-family: "Playfair Display", serif;
    margin: 0 0 20px; }
    .checkout-page-area .billing-details h3 i,
    .checkout-page-area .different-address h3 i {
      width: 20px;
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      color: #ffffff;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      background: #f40082;
      text-align: center; }
  .checkout-page-area .billing-details .nice-select,
  .checkout-page-area .different-address .nice-select {
    width: 100%;
    line-height: 1.5; }
    .checkout-page-area .billing-details .nice-select .list,
    .checkout-page-area .different-address .nice-select .list {
      width: 100%; }
  .checkout-page-area .billing-details form label,
  .checkout-page-area .different-address form label {
    font-weight: 600;
    color: #000000 !important; }
  .checkout-page-area .billing-details form .form-control,
  .checkout-page-area .different-address form .form-control {
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0; }
    .checkout-page-area .billing-details form .form-control.address-box,
    .checkout-page-area .different-address form .form-control.address-box {
      height: auto !important; }
  .checkout-page-area .billing-details form .checkbox label,
  .checkout-page-area .different-address form .checkbox label {
    padding-left: 27px; }
  .checkout-page-area .billing-details form .checkbox input[type="checkbox"],
  .checkout-page-area .different-address form .checkbox input[type="checkbox"] {
    top: 5px; }
    .checkout-page-area .billing-details form .checkbox input[type="checkbox"]:after,
    .checkout-page-area .different-address form .checkbox input[type="checkbox"]:after {
      position: absolute;
      top: -5px;
      left: -5px;
      content: "";
      width: 20px;
      height: 20px;
      background: #f40082;
      font-family: fontawesome;
      color: #ffffff;
      font-size: 10px;
      text-align: center;
      line-height: 20px;
      content: "\f00c"; }
.checkout-page-area .table {
  border: 1px solid #eeeeee; }
  .checkout-page-area .table thead {
    background: #eeeeee; }
    .checkout-page-area .table thead tr th {
      font-weight: 600 !important;
      font-size: 16px !important;
      color: #000000 !important;
      text-transform: uppercase;
      padding: 30px 20px !important; }
  .checkout-page-area .table tbody tr td {
    padding: 15px 15px !important;
    vertical-align: middle;
    color: #000000;
    line-height: 35px;
    font-weight: 600; }
    .checkout-page-area .table tbody tr td span {
      color: #f40082; }
    .checkout-page-area .table tbody tr td i {
      color: #777777 !important; }
    .checkout-page-area .table tbody tr td img {
      display: inline-block; }
    .checkout-page-area .table tbody tr td a {
      margin: 0 15px;
      display: inline-block;
      color: #000000;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .checkout-page-area .table tbody tr td a:hover {
        color: #f40082; }
    .checkout-page-area .table tbody tr td i {
      color: #f40082; }
.checkout-page-area .transfer-sources {
  padding: 0 15px; }
  .checkout-page-area .transfer-sources form .col-sm-12 {
    border-bottom: 1px solid #eeeeee;
    margin: 0;
    padding: 15px 0; }
    .checkout-page-area .transfer-sources form .col-sm-12 img {
      position: absolute;
      top: -15px;
      right: 0; }
    .checkout-page-area .transfer-sources form .col-sm-12:first-child, .checkout-page-area .transfer-sources form .col-sm-12:last-child {
      border: none; }
  .checkout-page-area .transfer-sources form .radio-inline input[type="radio"] {
    top: 5px; }
  .checkout-page-area .transfer-sources .info p {
    background: #ededed;
    padding: 10px; }
  .checkout-page-area .transfer-sources .update {
    height: 50px;
    padding: 10px;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    border: 1px solid #f40082;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    padding: 15px 30px;
    text-transform: uppercase; }
    .checkout-page-area .transfer-sources .update:hover {
      background: #000;
      color: #ffffff;
      border: 1px solid #000; }

/*31.account page area section
============================*/
.account-page-area .notice p {
  padding: 10px;
  background: #f40082;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff; }
  .account-page-area .notice p span {
    color: #000;
    margin-right: 10px; }
  .account-page-area .notice p i {
    color: #ffffff;
    margin-right: 10px; }
.account-page-area .col-sm-12 {
  margin: 0; }
  .account-page-area .col-sm-12 .account {
    padding: 30px 0;
    border-bottom: 1px solid #ecf0f1; }
    .account-page-area .col-sm-12 .account form {
      margin-top: 60px; }
      .account-page-area .col-sm-12 .account form label {
        font-weight: 600;
        color: #000000 !important; }
      .account-page-area .col-sm-12 .account form .form-control {
        height: 40px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        margin: 10px 0;
        margin-bottom: 15px; }
        .account-page-area .col-sm-12 .account form .form-control.address-box {
          height: auto !important; }
      .account-page-area .col-sm-12 .account form .checkbox label {
        padding-left: 27px; }
      .account-page-area .col-sm-12 .account form .checkbox input[type="checkbox"] {
        top: 5px; }
        .account-page-area .col-sm-12 .account form .checkbox input[type="checkbox"]:after {
          position: absolute;
          top: -5px;
          left: -5px;
          content: "";
          width: 20px;
          height: 20px;
          background: #f40082;
          font-family: fontawesome;
          color: #ffffff;
          font-size: 10px;
          text-align: center;
          line-height: 20px; }
        .account-page-area .col-sm-12 .account form .checkbox input[type="checkbox"]:checked:after {
          content: "\f00c"; }
      .account-page-area .col-sm-12 .account form .update {
        margin-top: 20px;
        height: 50px;
        padding: 10px;
        font-size: 14px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        border: none;
        box-shadow: none;
        border: 1px solid #000000;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        background: #000;
        font-weight: 800;
        padding: 15px 30px; }
        .account-page-area .col-sm-12 .account form .update:hover {
          background: #f40082;
          color: #ffffff;
          border: 1px solid #f40082; }
.account-page-area .account-info {
  padding: 30px 0 0; }
  .account-page-area .account-info ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .account-page-area .account-info ul li {
      display: inline-block;
      margin-right: 20px; }
      .account-page-area .account-info ul li a {
        color: #a1b1bc;
        font-weight: 400;
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .account-page-area .account-info ul li a:hover {
          color: #f40082; }
        .account-page-area .account-info ul li a i {
          margin-right: 10px; }

/*--------------------
//30.blog list section
--------------------*/
.blog-list-area .single-list-blog {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  margin-bottom: 60px; }
  .blog-list-area .single-list-blog:last-child {
    margin-bottom: 0; }
  .blog-list-area .single-list-blog:hover .images .overley {
    opacity: 1;
    transform: scale(1); }
  .blog-list-area .single-list-blog:hover .read-more a {
    background: #252525;
    border: 1px solid #252525;
    color: #ffffff; }
.single-list-blog .quote-format{ background: #faf9fa;padding: 18px 50px 25px; }    
.entry-meta .post_date{ font-size: 15px; font-weight: 600;margin-bottom: 10px;margin-bottom: 15px;line-height: 20px; }
.entry-meta .post_avatar img{ border-radius: 50%;height: 100px;background: #fbfcff; }
.entry-meta .post_author{ font-size: 14px;font-weight: 600;color: #999;margin-top: 10px; }
.entry-meta.text-center:after {content: "";height: 1px;width: 200px;background-color: #e0e0e0;position: absolute;top: 50%;z-index: -9;}    
  .blog-list-area .single-list-blog .images {
    position: relative;
    overflow: hidden; }
    .blog-list-area .single-list-blog .images img {
      width: 100%;
      margin-bottom: 0px; }
.blog-list-area .single-list-blog .images .overley {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: rgba(134, 192, 204, 0.8);
  opacity: 0;
  transform: scale(0.9); }
.blog-list-area .single-list-blog .images .overley .fund {
  position: relative;
  left: 10px;
  top: 10px;
  width: 70px;
  height: 70px;
  background: #f40082;
  border-radius: 100%;
  border: 3px solid #fff; }
.blog-list-area .single-list-blog .images .overley .fund span {
  text-align: center;
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 25px;
  color: #ffffff; }
.blog-list-area .single-list-blog .images .overley .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #f40082;
  transform: translateY(-50%); }
.blog-list-area .single-list-blog .images .overley .arrow span {
  font-size: 25px;
  color: #ffffff;
  font-weight: 600;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.blog-list-area .single-list-blog .images .overley .arrow span:hover {
  color: #f40082; }
.blog-list-area .single-list-blog h3 {
  margin-bottom: 10px; }
.blog-list-area .single-list-blog h3 a {
  color: #252525;
  font-size: 24px;
  font-weight: 600; }
.blog-list-area .single-list-blog span {
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  color: #252525;
  font-size: 11px;
  font-weight: 400; }
.blog-list-area .single-list-blog p {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;}
.single-list-blog .footer-meta .post_tags ul,
.single-list-blog .footer-meta .views_cmnts ul{ list-style: none;padding: 0; }
.single-list-blog .footer-meta .post_tags ul li,
.single-list-blog .footer-meta .views_cmnts ul li{ display: inline-block;font-family: "Open Sans", sans-serif;-webkit-column-rule: #252525;
-moz-column-rule: #252525;
-o-column-rule: #252525;
column-rule: #252525;color: #aeaeae;font-size: 14px;font-weight: 600;text-transform: uppercase; }
.single-list-blog .footer-meta .post_tags ul li{ margin-right: 5px; }
.single-list-blog .footer-meta .views_cmnts ul li{ margin-left: 10px; }
.blog-list-area .single-list-blog .read-more a {
  background: #252525;
  border: 1px solid #252525;
  color: #ffffff; }
.blog-list-area .pagination{ border-top: 1px solid #f1f1f1;width: 100%; }
.blog-list-area .pagination.justify-content-end{ list-style: none;padding: 20px 0 0 0;text-align: right;    margin-bottom: 0;}
.blog-list-area .pagination li{ display: inline-block; }
.blog-list-area .pagination li a,
.blog-list-area .pagination li span{ border: none;color: #999; }
.blog-list-area .pagination li a{ float: none;display: block; }
.blog-list-area .pagination li a i{ color: #252525;font-size: 15px;font-weight: 600; }
.blog-list-area .pagination li.active a{ color: #252525; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus{background: transparent;color: #252525;font-weight: 600;}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus{ z-index: 3;color: #252525;background-color: transparent;border-color: transparent;cursor: default;font-weight: 600; }

/*--------------------
//31.blog sidebar section
--------------------*/
.sidebar-area .widget {
  padding: 0 15px 40px;
  margin-bottom: 30px; } 
.sidebar-area .widget:last-child {
  margin-bottom: 0px; }
.sidebar-area .widget h3{
  font-size: 16px;
  font-weight: 600;
  color:#252525;
  text-transform: uppercase;
  margin: 0 0 30px;
}  
.sidebar-area .widget .widget-title {
  color: #252525;
  font-size: 20px;
  margin-bottom: 45px;
  position: relative; }
.sidebar-area .widget .widget-title span {
  color: #f40082; }
.sidebar-area .widget.widget-search form {
  position: relative;
  overflow: hidden; }
.sidebar-area .widget.widget-search form label {
  text-indent: -999999999px;
  position: relative; }
.sidebar-area .widget.widget-search form label:after {
  font-family: fontawesome;
  width: 20px;
  height: 20px;
  color: #000000;
  content: "\f002";
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
  background: red; }
.sidebar-area .widget.widget-search form .search-field {
  height: 40px;
  border: 0px solid transparent;
  border-bottom: 1px solid #f1f1f1;
  padding: 5px;
  width: 100%;
  font-weight: 400; }
.sidebar-area .widget.widget-search form i {
  position: absolute;
  right: 8px;
  top: 2px;
  cursor: pointer;
  font-weight: 600;
  font-size: 20px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.sidebar-area .widget.widget-search form i:hover {
  color: #f40082; }
.sidebar-area .widget.widget_archive ul {
  margin: 0;
  padding: 0;
  list-style: none; }
.sidebar-area .widget.widget_archive ul li {
  display: block;
  margin-bottom: 0; }
.sidebar-area .widget.widget_archive ul li span {
  float: right; }
.sidebar-area .widget.widget_archive ul li a {
  color: #999;
  font-size: 15px;
  font-weight: 400;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.sidebar-area .widget.widget_archive ul li a:hover {
    color: #f40082; }
.sidebar-area .widget.widget_tab .nav-tabs {
  border: 0px solid transparent;
  margin-bottom: 20px; }
.sidebar-area .widget.widget_tab .nav-tabs li {
  border: 0px solid transparent;
  margin: 0 -1px; }
.sidebar-area .widget.widget_tab .nav-tabs li.active a {
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: #f40082;
  width: 100%; }
.sidebar-area .widget.widget_tab .nav-tabs li a {
  background: #252525;
  color: #ffffff;
  border: 0px solid transparent;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: 10px 18px;
  width: 100%; }
  .sidebar-area .widget.widget_tab .nav-tabs li a:hover {
    background: #f40082;
    color: #ffffff; }
.sidebar-area .widget.widget_tab .tab-content ul {
  margin: 0;
  padding: 0;
  list-style: none; }
.sidebar-area .widget.widget_tab .tab-content ul li {
  display: block;
  margin-bottom: 20px; }
.sidebar-area .widget.widget_tab .tab-content ul li:last-child {
  margin-bottom: 0; }
.sidebar-area .widget.widget_tab .tab-content ul li .media .pull-left {
  margin-right: 15px; }
.sidebar-area .widget.widget_tab .tab-content ul li .media .pull-left img {
  width: 100px; }
.sidebar-area .widget.widget_tab .tab-content ul li .media .media-body h4 a {
  color: #252525;
  font-size: 14px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.sidebar-area .widget.widget_tab .tab-content ul li .media .media-body h4 a:hover {
  color: #f40082; }
.sidebar-area .widget.widget_tag ul {
  margin: 0;
  padding: 0;
  list-style: none; }
.sidebar-area .widget.widget_tag ul li {
  display: inline-block;
  margin: 2px; }
.sidebar-area .widget.widget_tag ul li a {
  background: #252525;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  border: 0px solid transparent;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: 0 20px;
  display: block;
  border: 1px solid #252525; }
.sidebar-area .widget.widget_tag ul li a:hover,
.sidebar-area .widget.widget_tag ul li a:focus {
  background: transparent;
  color: #252525;
  border: 1px solid #252525; }
.sidebar-area .widget.recent_posts ul{ list-style: none;padding: 0; }
.sidebar-area .widget.recent_posts .recent_post h4{ font-size: 15px;font-weight: 400;color: #252525;line-height: normal; }
.sidebar-area .widget.recent_posts .recent_post p{ font-size: 15px;font-weight: 400;color: #999999; }
.sidebar-area .widget.widget_about p{ font-size: 15px;font-weight: 400;color: #252525; }
.sidebar-area .widget.widget_about .button{ margin-top: 30px; }
.sidebar-area .widget.widget_fliker ul {
  margin: 0;
  padding: 0;
  list-style: none; }
.sidebar-area .widget.widget_fliker ul li {
  display: inline-block;
  margin: 4px 3px; }
.sidebar-area .widget.widget_fliker ul li img:hover {
  opacity: .8; }
.sidebar-area .widget.widget-price-range #slider-range {
  margin-bottom: 15px; }
.sidebar-area .widget.widget-price-range .ui-widget-content {
  background: #dddddd none repeat scroll 0 0;
  border: 0 solid transparent;
  color: #252525;
  height: 10px;
  width: 100%; }
.sidebar-area .widget.widget-price-range .ui-slider-range.ui-widget-header.ui-corner-all {
  background: #252525 none repeat scroll 0 0;
  border: 0 none;
  box-shadow: none;
  height: 10px; }
.sidebar-area .widget.widget-price-range .ui-state-default,
.sidebar-area .widget.widget-price-range .ui-widget-content .ui-state-default,
.sidebar-area .widget.widget-price-range .ui-widget-header .ui-state-default {
  background: #f40082;
  border: 0 solid transparent;
  font-weight: 300;
  margin: 0 -10px;
  width: 20px;
  height: 20px;
  border-radius: 100%; }
.sidebar-area .widget.widget-price-range .price-area label {
  color: #252525;
  font-weight: 600;
  font-size: 14px; }
.sidebar-area .widget.widget-price-range .price-area input {
  text-align: center;
  margin-bottom: 20px;
  border: 0px solid #ffffff;
  background: transparent;
  color: #252525;
  font-weight: 600;
  font-size: 14px; }
.sidebar-area .widget.widget-price-range .price-area a {
  background: #f40082;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 50px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  text-align: center; }
  .sidebar-area .widget.widget-price-range .price-area a:hover {
    background: #e0041d; }

/*--------------------
//  32.blog details section
--------------------*/
.single-blog-area .single-list-blog {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  margin-bottom: 30px; }
 .single-blog-area h1{font-family: "Open Sans", sans-serif;font-size: 30px; font-weight: 600;margin: 40px 0 30px; }
.single-blog-area h2{ font-family: "Open Sans", sans-serif;font-size: 26px; font-weight: 600;margin: 20px 0 15px;    line-height: normal; }
  
  .single-blog-area .single-list-blog:last-child {
    margin-bottom: 0; }
  .single-blog-area .single-list-blog:hover .images .overley {
    opacity: 1;
    transform: scale(1); }
  .single-blog-area .single-list-blog:hover .read-more a {
    background: #f40082;
    border: 1px solid #f40082;
    color: #ffffff; }
  .single-blog-area .single-list-blog .images {
    position: relative;
    overflow: hidden; }
.single-blog-area .aligncenter { margin-bottom: 30px; }  
    .single-blog-area .single-list-blog .images img {
      width: 100%;
      margin-bottom: 0px; }
.single-blog-area .post_content{ border-bottom: 1px solid #e9e9e9;padding-bottom: 50px;  }      
.single-blog-area .single-list-blog .images .overley {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      background: rgba(134, 192, 204, 0.8);
      opacity: 0;
      transform: scale(0.9); }
      .single-blog-area .single-list-blog .images .overley .fund {
        position: relative;
        left: 10px;
        top: 10px;
        width: 70px;
        height: 70px;
        background: #f40082;
        border-radius: 100%;
        border: 3px solid #e0041d; }
        .single-blog-area .single-list-blog .images .overley .fund span {
          text-align: center;
          position: absolute;
          top: 20px;
          left: 20px;
          font-size: 25px;
          color: #ffffff; }
      .single-blog-area .single-list-blog .images .overley .arrow {
        position: absolute;
        left: 50%;
        top: 50%;
        color: #f40082;
        transform: translateY(-50%); }
        .single-blog-area .single-list-blog .images .overley .arrow span {
          font-size: 25px;
          color: #ffffff;
          font-weight: 600;
          -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
          .single-blog-area .single-list-blog .images .overley .arrow span:hover {
            color: #f40082; }
  .single-blog-area .single-list-blog h3 {
    margin-bottom: 10px; }
    .single-blog-area .single-list-blog h3 a {
      text-transform: uppercase;
      color: #000;
      font-size: 16px;
      font-weight: 600; }
  .single-blog-area .single-list-blog span {
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-size: 11px; }
  .single-blog-area .single-list-blog p {
    font-family: "Open Sans", sans-serif;
    margin-bottom: 25px; }
  .single-blog-area .single-list-blog .blog-inner-image ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .single-blog-area .single-list-blog .blog-inner-image ul li {
      display: inline-block;
      position: relative;
      overflow: hidden; }
      .single-blog-area .single-list-blog .blog-inner-image ul li:hover:after {
        opacity: 1;
        transform: scale(1); }
      .single-blog-area .single-list-blog .blog-inner-image ul li:nth-child(1) {
        margin-right: 7px; }
      .single-blog-area .single-list-blog .blog-inner-image ul li:after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(134, 192, 204, 0.7);
        top: 0;
        opacity: 0;
        transform: scale(0.9);
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        z-index: 1; }
      .single-blog-area .single-list-blog .blog-inner-image ul li img {
        max-width: 100%; }  
.single-list-blog .footer-meta.single_blog{ margin-top: 20px; }               
.single-list-blog .social-media h4{ font-size: 14px; font-weight: 600;text-transform: uppercase;color: #aeaeae; }
.single-blog-area .single-list-blog .social-media ul {margin: 0; padding: 0;list-style: none;display: inline-block; }
.single-blog-area .single-list-blog .social-media ul > li { display: inline-block;text-transform: uppercase; }
.single-blog-area .single-list-blog .social-media ul > li > a { text-align: center;display: block;color: #aeaeae; }
.single-blog-area .single-list-blog .social-media ul > li > a:hover { background: #f40082; }
.single-blog-area .single-list-blog .social-media ul > li > a:hover i { color: #ffffff; }
.single-blog-area .prev-post {
  border: 1px solid #f40082;
  border-radius: 25px;
  padding: 7px 30px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .single-blog-area .prev-post:hover {
    background: #f40082;
    color: #ffffff; } 
.single-blog-area .post_nav{ margin-top: 60px; }    
.single-blog-area .post_nav .btn_nav{ padding-top: 10px }
.single-blog-area .post_nav .btn_nav a{ display: block;text-align: center;color: #dcdcdc;font-size: 40px;border: 1px solid #dcdcdc;border-radius: 50%; font-weight: 400;width: 70px;height: 70px;padding: 12px 0px;} 
.single-blog-area .post_nav .post_name p{ font-size: 15px;font-weight: 400;color: #999;margin-bottom: 0; }  
.single-blog-area .post_nav .post_name h4{ font-size: 18px;font-weight: 600;color: #252525;font-family: "Open Sans", sans-serif;line-height: normal; }

/*--------------------
//  33.comments section start
--------------------*/
.single-list-blog .comments-area h3 {
  font-family: "Open Sans", sans-serif;
  margin: 30px 0 40px;
  font-size: 18px;
  font-weight: 700;
  color: #252525;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 30px; }
  .comments-area h3 span {
    color: #f40082;
    margin-right: 20px; }
  .comments-area h3 i {
    color: #777;
    margin-right: 10px; }
.comments-area .comment-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .comments-area .comment-list li {
    display: block;
    margin-bottom: 30px; }
    .comments-area .comment-list li:last-child {
      margin-bottom: 0px; }
    .comments-area .comment-list li .media {
      position: relative;
      overflow: hidden; }
.comments-area .comment-list li .media .pull-left {
  margin-right: 40px; }
.comments-area .comment-list li .media .pull-left img {
  border-radius: 100px; }
.comments-area .comment-list li .media .pull-left img:hover {
  opacity: .3; }
.comments-area .comment-list li .media .media-body h4 a {
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  color: #999999;
  margin-bottom: 20px;
  font-weight: 600; }
.comments-area .comment-list li .media .media-body h4 span.cmt-date{ color: #999;font-weight: 400;font-size: 15px; }
.comments-area .comment-list li .media .media-body p{ font-size: 15px;font-weight: 400;margin-bottom: 10px; } 
.comments-area .comment-list li .media .media-body span {
  display: inline-block;}
.comments-area .comment-list li .media .media-body a{ font-size: 15px;font-family: "Open Sans", sans-serif;font-weight: 400;color: #999; }
.comments-area .comment-list li .media .media-body a span{ font-size: 15px;font-family: "Open Sans", sans-serif;font-weight: 600;color: #999;margin-right: 5px; }
.comments-area .comment-list li:nth-child(2) {
  margin-left: 80px; }

/*--------------------
//  34.comments form section start
--------------------*/
.comments-form .form h3 {
  font-size: 18px;
  color: #252525;
  font-weight: 700;
  margin-bottom: 30px;
  font-family: "Open Sans", sans-serif;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 30px; }
  .comments-form .form h3 span {
    transform: rotate(60deg); }
  .comments-form .form h3 i {
    color: #f40082; }
.comments-form .form form label{ text-transform: uppercase;font-size: 14px;font-weight: 600; }    
.comments-form .form form label span{ display: inline-block;color: #999;margin-bottom: 0;text-transform: uppercase;font-size: 14px;font-weight: 600; }    
.comments-form .form form input {
  height: 50px;
  border-radius: 0;
  border-color: #e9e9e9; }
.comments-form .form form textarea{ 
  border-color: #e9e9e9; }  
.comments-form .form form .send {
  background: #252525;
  border-radius: 0;
  color: #ffffff;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: 0px solid transparent;
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 40px;
  font-weight: 600; }
.comments-form .form form .send i{ padding-left: 10px; }
/*--------------------
//  35.contact us section
--------------------*/
.contact-us-area .contact-form-area.contact-space-right h3{ font-weight: 600;border-bottom: 1px solid #e9e9e9;padding-bottom: 30px;margin-bottom: 30px;font-size: 18px;font-family: "Open Sans", sans-serif; }
.contact-us-area .contact-form-area {
  margin-top: 0 !important; }
  .contact-us-area .contact-form-area.contact-space {
    margin-top: 30px !important; }
  .contact-us-area .contact-form-area.contact-space-bottom {
    margin-bottom: 60px !important; }
  .contact-us-area .contact-form-area.contact-space-right {
    margin-right: 80px; }
  .contact-us-area .contact-form-area.contact-form-space {
    padding: 60px 0; }
  .contact-us-area .contact-form-area h2 {
    text-transform: capitalize;
    margin-bottom: 30px;
    margin-top: 0;
    color: #252525;
    font-family: "Open Sans", sans-serif;
    font-size: 30px; }
  .contact-us-area .contact-form-area p {
    margin-bottom: 30px;font-size: 15px;
    font-family: "Open Sans", sans-serif; }
.contact-us-area .address-area.address2 {
  margin-top: 50px; }
.contact-us-area .address-area h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 30px;
  margin-bottom: 30px;
  font-size: 18px;
  position: relative;
  text-transform: capitalize;
  color: #252525;}
.contact-us-area .address-area .single-address {
      padding: 0px 0 40px; }
  .contact-us-area .address-area .single-address h4 {
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
        font-family: "Open Sans", sans-serif; }
    .contact-us-area .address-area .single-address h4 i {
      color: #f40082;
      margin-right: 15px;
      font-size: 20px; }
  .contact-us-area .address-area .single-address p i{ display: inline-block;width: 7%;height: 40px;vertical-align: top;font-size: 18px;padding-top: 6px;color: #999999; } 
  .contact-us-area .address-area .single-address p span{ display: inline-block;width: 90%;vertical-align: top; } 
  .contact-us-area .address-area .single-address .social-media ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .contact-us-area .address-area .single-address .social-media ul li {
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      border: 1px solid #cccccc;
      border-radius: 100%;
      text-align: center;
      margin: 0 10px 0 0;
      -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
      box-shadow: 1px 3px 5px rgba(162, 156, 159, 0.34); }
      .contact-us-area .address-area .single-address .social-media ul li:hover {
        background: #f40082;
        border: 1px solid #f40082; }
        .contact-us-area .address-area .single-address .social-media ul li:hover i {
          color: #ffffff; }
.contact-us-area.contact-us4 .contact-form-area {
  margin: 30px 0; }

/*--------------------
//  36.form area start here
--------------------*/
.form-area.contactus-form input {
  height: 40px;
  border-radius: 0;
  margin: 0 0 30px 0; }
.form-area.contactus-form .send {
  margin-right: 15px !important;
  margin-top: 30px; }
.form-area .form h3 {
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px; }
  .form-area .form h3 span {
    transform: rotate(60deg); }
.form-area .form form label{ font-size: 14px;font-weight: 600;text-transform: uppercase; }
.form-area .form form label span{ color: #999; }    
.form-area .form form input {
  height: 50px;
  border-radius: 0;
  border-color: #e9e9e9; }
.form-area .form form textarea{ border-color: #e9e9e9;  }  
.form-area .form form .send {
  background: #252525;
  border-radius: 0;
  color: #ffffff;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: 0px solid transparent;
  padding: 10px 40px;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
.form-area .form form .send i{ padding-left: 10px; }  
.form-area .form form .send:hover {
  color: #ffffff; }
.gmap-area {
  height: 550px;
  margin: 100px 0 0; }


  /* extra classes and styles */
  .alert-warning {
    background-color: #f1d3e3;
    border-color: #f30081;
    color: #050304;
}