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

    Template Name: Bee Shop
    Version: 1.1.3


-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. Section background 
    3. Header Area  
		3.1 Header Top Menu
		3.2 Main Menu
		3.3 Maga Menu  
    4. Slider CSS 
    5. Promotion Area 
    6. Product Area 
    7. Featured Area 
    8. Home Page Two CSS 
		8.1 Home Page Two Mega Menu 
		8.1 Home Page Two Other css 
	9. Home Page Three CSS 
		 9.1 Home Page Three Product Page 
		 9.2 Home Page Three left accoundion css 
		 9.3  Home Page Three Single Product css
		 9.4  Home Page Three Single Product Tab css
	10. Cute Page CSS Start
	11. Whist list CSS Start
	12. contract page CSS Start
	14. mobile menu css
    -----------------------------------------------------------------------------------*/

  /*----------------------------------------*/
  /*  1.  Theme default CSS
/*----------------------------------------*/
  .floatleft {
    float: left
  }

  .floatright {
    float: right
  }

  .alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
  }

  .alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
  }

  .aligncenter {
    display: block;
    margin: 0 auto 15px
  }

  a:focus {
    outline: 0px solid
  }

  img {
    max-width: 100%;
    height: auto
  }

  .fix {
    overflow: hidden
  }

  p {
    margin: 0 0 15px;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 24px;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 15px;
    font-family: Arial, Helvetica, sans-serif, cursive;
    text-transform: capitalize;
  }

  a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #777;
    text-transform: capitalize;
  }

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

  a:active,
  a:hover {
    outline: 0 none;
  }

  .mb-30 {
    margin-bottom: 30px;
  }

  .mb-20 {
    margin-bottom: 20px;
  }

  .mb-40 {
    margin-bottom: 40px;
  }

  .mb-50 {
    margin-bottom: 50px;
  }

  .mb-60 {
    margin-bottom: 60px;
  }

  .mb-70 {
    margin-bottom: 70px;
  }

  .mb-80 {
    margin-bottom: 80px;
  }

  .mb-90 {
    margin-bottom: 90px;
  }

  .mb-100 {
    margin-bottom: 100px;
  }

  .mt-30 {
    margin-top: 30px;
  }

  .mt-40 {
    margin-top: 40px;
  }

  .mt-50 {
    margin-top: 50px;
  }

  .mt-60 {
    margin-top: 60px;
  }

  .mt-70 {
    margin-top: 70px;
  }

  .mt-80 {
    margin-top: 80px;
  }

  .mt-80 {
    margin-top: 90px;
  }

  .mt-100 {
    margin-top: 100px;
  }








  ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
  }

  body {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a9edf0 1%, #dff3f4 100%) repeat scroll 0 0;
    color: #777777;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    color: #777;
    height: 100%;
    line-height: 1;
  }

  .mobile-menu {
    display: none;
  }

  .clear {
    clear: both
  }

  @media only screen and (min-width: 1200px) {
    .container {
      max-width: 1200px;
    }
  }

  .row {
    margin-right: calc(var(--bs-gutter-x) * -.6);
    margin-left: calc(var(--bs-gutter-x) * -.6);
  }

  .row>* {
    padding-right: calc(var(--bs-gutter-x) * .6);
    padding-left: calc(var(--bs-gutter-x) * .6);
  }

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: var(--bs-gutter-x, .90rem);
    padding-left: var(--bs-gutter-x, .90rem);
  }

  :root {
    scroll-behavior: unset;
  }

  input:focus-visible {
    outline: none;
  }

  textarea:focus-visible {
    outline: none;
  }



  /*----------------------------------------*/
  /*  2.Section background 
/*----------------------------------------*/

  .bg-bd {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    padding: 38px 30px 30px;
  }

  /*----------------------------------------*/
  /*  3.   Header Area CSS Start
/*----------------------------------------*/
  .header-area {
    background: rgba(0, 0, 0, 0) url("../img/bg_header.png")no-repeat scroll center top;
  }

  .headet-top {
    float: right;
    padding-top: 15px;
    text-align: right;
    width: 100%;
  }

  /*----------------------------------------*/
  /*  3.1   Header Top Menu CSS
/*----------------------------------------*/
  .htop-one {
    display: inline-block;
  }

  .htop-one ul li {
    background: #0a97d4 none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    line-height: 30px;
    margin-left: 14px;
    padding: 0 15px;
    position: relative;
  }

  .last ul li {
    margin-right: 0;
  }

  .htop-one ul li a {
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: 400;
  }

  .htop-one ul li a span {
    text-transform: uppercase;
  }

  .htop-one ul li a i {
    font-size: 12px;
    margin-left: 8px;
  }

  .htop-one ul li a:hover {
    background: none;
  }

  .htop-one ul li a:focus,
  .htop-one ul li a:hover {
    text-decoration: none;
  }

  .htop-one ul li ul {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    left: 0;
    position: absolute;
    top: 35px;
    width: 145px;
    z-index: 99;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
  }

  .htop-one ul li:hover ul {
    opacity: 1;
    transform: scaleY(1);
    z-index: 9999;
  }

  .htop-one ul li ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px dotted #cae1e9;
    border-radius: 0;
    float: left;
    line-height: 38px;
    margin-left: 0;
    padding: 0 17px;
    width: 100%;
  }

  .htop-one ul li ul li:last-child {
    border-bottom: medium none navy;
  }

  .htop-one ul li ul li a {
    color: #5e686d;
    display: inline-block;
    float: left;
    margin-right: 0;
    overflow: hidden;
  }

  .htop-one ul li ul li a:hover {
    color: #F95D96;
  }

  .header-midile {
    margin-bottom: 20px;
    margin-top: 14px;
  }

  .search {
    float: right;
    margin-right: 5px;
    margin-top: 14px;
    position: relative;
    width: 440px;
  }

  .search form input[type="text"] {
    background: #fbfbfb none repeat scroll 0 0;
    border: 2px solid #0a97d4;
    border-radius: 15px;
    font-size: 13px;
    height: 40px;
    padding: 0 15px;
    text-transform: capitalize;
    width: 440px;
    padding: 0 110px 0 15px;
  }

  .search form input[type=submit] {
    background: #f95d96 none repeat scroll 0 0;
    border: medium none;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    color: #fff;
    font-family: "Fredoka One", cursive;
    font-size: 16px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    top: 0;
    width: 90px;
  }

  .search form input[type=submit]:hover {
    background: #0a97d4 none repeat scroll 0 0;
  }

  .curt {
    padding-top: 23px;
    position: relative;
    width: 100%;
    text-align: right;
  }

  .curt li a.total-cart-b {
    position: relative;
    float: left;
  }

  .curt li {
    display: inline-block;
  }

  .curt li a::after {
    background: rgba(0, 0, 0, 0) url("../img/icon_cart.png") no-repeat scroll 0 0;
    content: "";
    height: 47px;
    left: -61px;
    position: absolute;
    top: 0;
    width: 56px;
  }

  .curt li div.curt-list li a:after {
    position: inherit;
  }

  .curt span {
    background: #f95c95 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    height: 20px;
    left: -22px;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 20px;

  }

  .curt p {
    color: #0a97d4;
    display: inline-block;
    font-family: "Fredoka One", cursive;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 5px;
  }

  .curt a h6 {
    color: #0A97D4;
    margin: 0;
    padding: 0;
    font-size: 16px;
  }

  .curt li:hover div.curt-list {
    margin-top: 0;
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .curt-list {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    border-top: 3px solid #f95d96;
    box-shadow: 0 0 5px #ccc;
    margin-top: 15%;
    opacity: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    transition: all 0.5s ease 0s;
    width: 250px;
    z-index: 999991;
    visibility: hidden;
  }

  .curt-list-li {
    margin-bottom: 45px;
  }

  .curt-list-li img {
    border: 1px solid #ddd;
    border-radius: 20%;
    display: block;
    float: left;
    margin-right: 20px;
    overflow: hidden;
    width: 35%;
  }

  .curt-list:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 20px;
    height: 20px;
    background: url(img/arrow-up1.png)no-repeat scroll 0 0;
    margin-left: -5px;
  }

  .curt-list-li span.curt-list-item-color {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #0a97d4;
    left: 0;
    margin: 0;
    padding-right: 8px;
    top: 0;
    width: 0;
  }

  .curt-list-li span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #333;
    font-weight: normal;
    margin-right: 68px;
    position: inherit;
    padding: 0;
  }

  .curt-list-li a {
    color: #5e686d;
    display: block;
    margin-top: 0;
    padding: 0;
    position: inherit;
    text-align: left;
  }

  .curt-list-li a p {
    color: #5e686d;
    font-weight: normal;
    font-size: 14px;
  }

  .curt-list-li a p:hover {
    color: #0A97D4;
  }

  .curt-list-li h6 {
    color: #0a97d4;
    margin: 12px 0 0 0;
    text-align: left;
  }

  .curt-list.curt-list-li h6 {
    color: #0A97D4;
    font-size: 15px;
  }

  p.totel {
    text-align: left;
  }

  .curt-list-li.border-li {
    border-bottom: 1px dashed #74c7eb;
    margin: 0;
    padding-bottom: 45px;
  }

  p.totel {
    text-align: left;
    margin: 0;
    font-weight: bold;
    font-size: 17px;
    float: left;
    display: block;
  }

  .curt-list ul li:last-child {
    display: inherit;
    padding-top: 15px;
  }

  .curt-list ul li:last-child h6 {
    text-align: right;
    display: block;
    font-size: 16px;
    padding: 0px;
    color: #0A97D4;
  }

  .curt-list button {
    background: #f95d96 none repeat scroll 0 0;
    border: medium none;
    border-radius: 35px;
    color: #fff;
    font-size: 17px;
    line-height: 10px;
    margin: 20px 0;
    padding: 10px 0;
    position: relative;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    width: 100%;
  }

  .curt-list button::after {
    content: "";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 50px;
    top: 11px;
  }

  .curt-list button:hover {
    background: #0A97D4 none repeat scroll 0 0;
  }

  /*----------------------------------------*/
  /*  3.2   Main Menu CSS 
/*----------------------------------------*/
  .main-menu ul.nav {
    background: #0a97d4 none repeat scroll 0 0;
    border-bottom: 3px solid #f95d96;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
  }

  .main-menu ul.nav li {
    border-right: 1px dashed #74c7eb;
    float: left;
  }

  .main-menu ul.nav li:last-child {
    border-right: medium none;
  }

  .main-menu ul.nav li a {
    color: #fff;
    display: block;
    font-family: "Fredoka One", cursive;
    font-size: 16px;
    font-weight: 400;
    line-height: 60px;
    padding: 0 25px;
    transition: all .2s;
  }

  .main-menu ul.nav li.active a {
    background: #f95d96 none repeat scroll 0 0;
    border-radius: 20px 0 0 0;
  }

  .home-three ul.nav li ul.dworpdown,
  .home-two ul.nav li ul.dworpdown {
    border-radius: 20px;
  }

  ul.nav li ul.dworpdown {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 5px #ccc;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    width: 200px;
  }

  ul.nav li ul.dworpdown li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #65788c;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 40px;
    margin: 0;
    padding: 0 25px;
    display: block;
    transition: all 0.2s ease 0s;
  }

  .main-menu ul.nav li:hover ul.dworpdown li a {
    background: none;
  }

  .main-menu ul.nav li:hover ul.dworpdown li a:hover {
    color: #F95D96;
    padding-left: 32px;
  }

  ul.nav li ul.dworpdown li {
    float: none;
    border-right: none;
  }

  .main-menu ul.nav li:hover ul.dworpdown {
    transform: scaleY(1);
    z-index: 9999;
  }

  /*----------------------------------------*/
  /*  3.3   Maga Menu CSS 
/*----------------------------------------*/
  .main-menu ul.nav li ul.sub-menu {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 5px #ccc;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 18px;
    position: absolute;
    width: 960px;
    z-index: 9999;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
  }

  .main-menu ul.nav li ul.sub-menu li {
    border-right: medium none;
    display: block;
    float: left;
    width: 25%;
  }

  .main-menu ul.nav li.mega-menu-one ul.sub-menu li {
    width: 20%;
  }

  .main-menu ul.nav li ul.sub-menu li a {
    color: #65788c;
  }

  .main-menu ul.nav li ul.sub-menu li ul.sub-menu {
    left: inherit;
    position: inherit;
    top: inherit;
    width: 0;
  }

  .main-menu ul.nav li ul.sub-menu li ul.sub-menu li {
    float: none;
  }

  .main-menu ul.nav li ul.sub-menu li ul.sub-menu li a {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 36px;
  }

  .main-menu ul.nav li:hover ul.sub-menu {
    transform: scaleY(1);
    z-index: 9999;
  }

  .main-menu ul.nav li:hover a {
    background: #f95d96
  }

  .main-menu ul.nav li:hover ul.sub-menu li a {
    background: none
  }

  .main-menu ul.nav li ul.sub-menu li ul.sub-menu li a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f95d96;
    padding-left: 32px;
  }

  .main-menu ul.nav li:hover ul.sub-menu li ul {
    display: block
  }

  .main-menu ul.nav li ul.sub-menu li a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f95d96;
  }

  .main-menu ul.nav li ul.sub-menu li:last-child img {
    float: left;
    margin-top: 30px;
  }

  .main-menu ul.nav li.mega-menu-two ul.sub-menu {
    width: 800px
  }

  .main-menu ul.nav li.mega-menu-three ul.sub-menu {
    width: 800px
  }

  .main-menu ul.nav li.mega-menu-for ul.sub-menu {
    width: 720px
  }

  /*----------------------------------------*/
  /*  4.   Slider CSS Start
/*----------------------------------------*/
  .slider-1.slide-icon {
    position: relative;
  }

  .slide-icon:before {
    color: #f95d96;
    content: "\f00c";
    font-family: fontawesome;
    font-weight: bold;
    height: 0;
    left: -26px;
    position: absolute;
    top: 2px;
    width: 0;
  }

  .slider-wrap {
    margin-bottom: 30px;
  }

  .bend.niceties.preview-2 {
    height: 486px;
  }

  .slides.nivoSlider {
    border-radius: 0 0 20px 20px;
  }

  .home-three div.slides.nivoSlider,
  .home-two div.slides.nivoSlider {
    border-radius: 20px;
  }

  .title1 {
    margin-right: 70px;
  }

  button.shop-button {
    margin-right: 70px;
  }

  .slider-2 h1,
  .slider-2 h3,
  .slider-2 h4,
  .slider-1 h1,
  .slider-1 h3,
  .slider-1 h4 {
    font-family: 'Fredoka One', cursive;
    color: #0a97d4;
    font-weight: 400;
    line-height: 35px;
    text-transform: capitalize;
  }

  .slider-2 h3,
  .slider-2 h4,
  .slider-1 h3,
  .slider-1 h4 {
    color: #5e686d;
    font-size: 20px;
    margin: 0 70px 0 0;
    padding: 0;
  }

  .home-three .slider-2 h3,
  .slider-2 h4,
  .home-three.slider-1 h3,
  .slider-1 h4,
  .home-two.slider-2 h3,
  .slider-2 h4,
  .home-two.slider-1 h3,
  .slider-1 h4 {
    font-size: 18px;
  }

  .home-three div.slider-2 h1,
  .home-three div.slider-1 h1,
  .home-two div.slider-2 h1,
  .home-two div.slider-1 h1 {
    font-size: 40px;
  }

  .slider-2 h1,
  .slider-1 h1 {
    font-size: 50px;
    margin-bottom: 10px;
  }

  button.shop-button {
    font-family: 'Fredoka One', cursive;
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f95d96;
    border-radius: 15px;
    color: #f95d96;
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    margin-top: 20px;
    padding: 0 30px;
    text-transform: capitalize;
  }

  button.shop-button:hover {
    background-color: #f95d96;
    color: #fff;
    transition: all 300ms;
  }

  .title3,
  .title2 {
    position: relative;
  }

  .title3::after,
  .title2::after {
    color: #f95d96;
    content: "";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    top: 0;
  }

  .home-three h3.title2::after,
  .home-two h3.title2::after {
    right: 278px;
  }

  .home-three h4.title3::after,
  .home-two h4.title3::after {
    right: 150px;
  }

  .title2::after {
    right: 287px;
  }

  .title3::after {
    right: 160px;
  }

  /*----------------------------------------*/
  /*  5.   Promotion Area CSS Start
/*----------------------------------------*/
  .single-promotion a {
    display: block;
  }

  .single-promotion>a:after {
    border: 0 solid transparent;
    border-radius: 20px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 300ms ease-in-out 0s;
    z-index: 2;
  }

  .single-promotion:hover>a:after {
    border: 10px solid #f95d96;
    transition: all 500ms ease-in-out 0s;
  }

  .single-promotion h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
    margin: 0;
    position: relative;
  }

  .single-promotion h3:after {
    border-bottom: 1px dashed;
    content: "";
    display: block;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    top: 0;
    width: 160px;
  }

  .single-promotion p {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    padding: 0 40px;
  }

  .single-promotion span a {
    background: #31a7db none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-family: "Fredoka One", cursive;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    padding: 0 25px;
    text-transform: capitalize;
  }

  .single-promotion {
    border-radius: 20px;
    color: #5e686d;
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
  }

  .singleh {
    background-color: rgba(255, 255, 255, 0.9);
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 82%;
    transition: all 300ms ease-in 0s;
    width: 100%;
  }

  .single-promotion:hover div.singleh {
    padding-top: 70px;
    top: 0;
    transition: all 500ms ease-in 0s;
  }

  /*----------------------------------------*/
  /*  6.   Product Area CSS Start
/*----------------------------------------*/
  .owl-item div.col-lg-3 {
    width: 100%;
  }

  .owl-item div.col-lg-4 {
    width: 100%;
  }

  .product-area {
    margin: 35px;
  }

  .product-tab ul.tab-menu {
    position: relative;
    z-index: 1;
  }

  .product-tab ul.tab-menu::after {
    background: rgba(0, 0, 0, 0) url("../img/icon_bee.png") no-repeat scroll 0 0;
    content: "";
    display: block;
    height: 60px;
    left: 233px;
    position: absolute;
    top: -48px;
    width: 350px;
    z-index: -1;
  }

  .product-tab ul.tab-menu li {
    display: inline-block;
    margin-right: 10px;
  }

  .product-tab ul.tab-menu li:hover a {
    background: #f95c95 none repeat scroll 0 0;
  }

  .product-tab ul.tab-menu li a {
    background: #0a97d4 none repeat scroll 0 0;
    font-family: "Fredoka One", cursive;
    border-radius: 15px;
    padding: 10px 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
  }

  .product-tab ul.tab-menu li a.active {
    background: #f95c95 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
  }

  .leval {
    background: #faa71d none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 20px;
    left: 8px;
    line-height: 20px;
    padding: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 9px;
    transform: rotate(-42deg) skewX(0deg);
    width: 50px;
    z-index: 1;
  }

  .descount {
    background: #6ba130 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    padding: 0;
    position: absolute;
    right: 12px;
    text-align: center;
    text-transform: uppercase;
    top: 8px;
    transform: rotate(39deg) skewX(0deg);
    width: 50px;
    z-index: 1;
  }

  span.descount {
    font-size: 11px;
    font-weight: 700;
    height: 20px;
    line-height: 17px;
    right: 18px;
    top: 9px;
    width: 45px;
  }

  span.descount {
    font-size: 11px;
    font-weight: 700;
    height: 20px;
    line-height: 17px;
    right: 18px;
    top: 9px;
    width: 45px;
  }

  #right-ap span.leval {
    left: 20px;
  }

  span.leval {
    font-size: 11px;
    height: 17px;
    left: 2px;
    line-height: 17px;
    top: 9px;
    width: 45px;
  }

  .product-section {
    padding: 0 12px;
  }

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

  .product-image {
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    overflow: hidden;
    position: relative;

  }

  .col {
    width: 100%;
    padding: 15px;
  }

  .owl-item {
    margin-top: 16px;
  }

  .cart-box {
    height: 76px;
    left: 0;
    margin-top: -38px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 500ms ease 0s;
    width: 100%;
    z-index: 1;
    z-index: 1;
  }

  .single-product:hover div.cart-box {
    opacity: 1;
    transition: all 500ms ease 0s;
  }

  .product-text a p {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #0a97d4;
    border-radius: 20px;
    color: #0a97d4;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    height: 32px;
    line-height: 28px;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    transition: all 300ms ease 0s;
  }

  .product-text a i {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #0a97d4;
    border-radius: 100%;
    color: #0a97d4;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    transition: all 300ms ease 0s;
    width: 32px;
  }

  .link {
    left: 44%;
    position: absolute;
    top: 52%;
  }

  .link a i {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #0a97d4;
    border-radius: 100%;
    color: #0a97d4;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 32px;
    transition: all 300ms ease 0s;
  }

  .product-text a i:hover {
    background: #0a97d4 none repeat scroll 0 0;
    color: #fff;
  }

  .product-text a p:hover {
    background: #0a97d4 none repeat scroll 0 0;
    color: #fff;
  }

  .link a i:hover {
    background: #0a97d4 none repeat scroll 0 0;
    color: #fff;
  }

  .price-box {
    padding: 15px 0;
    text-align: center;
  }

  .rank i {
    color: #faa71d;
    float: left;
    font-size: 13px;
    padding: .5px;
  }

  .rank {
    display: flex;
    margin-top: 10px;
  }

  .price-box a p {
    color: #4c4c4c;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 15px 0 20px;
    transition: all 200ms ease 0s;
  }

  .price-box a p:hover,
  .right-all-product div.price-box a p.price-box-heading:hover,
  .tab-content table tbody tr td.td-p-title a p:hover {
    color: #f95c95;
  }

  .price a h5 {
    color: #0a97d4;
    font-size: 20px;
  }

  .price a h5 span {
    color: #4c4c4c;
    font-size: 14px;
    margin: 0 5px;
    text-decoration: line-through;
  }

  div.owl-carousel .owl-nav button {
    background: #f95c95 none repeat scroll 0 0 !important;
    border: 1px solid transparent !important;
    border-radius: 10px;
    display: inline-block;
    font-size: 16px !important;
    height: 35px;
    margin: 0;
    opacity: 1;
    padding: 3px !important;
    width: 35px;
    transition: all 200ms ease-out 0s;
    color: #fff !important;
  }

  div.owl-carousel .owl-nav button.owl-next {
    margin: 5px;
  }

  div.owl-carousel .owl-nav button i {
    text-align: center;
  }

  .product-area div.owl-nav {
    margin-top: -68px;
  }

  .owl-nav {
    margin-top: -43px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 2;
  }

  div.owl-carousel .owl-nav button:hover {
    background: #0D98D5 !important;
    border: 1px solid #0d98d5 !important;
  }

  /*----------------------------------------*/
  /*  7.   Featured Area CSS Start
/*----------------------------------------*/
  .left-featured-head {
    color: #0a97d4;
    font-size: 16px;
    margin-left: 15px;
  }

  .right-feature-head {
    position: relative;
  }

  .left-single-feature.owl-theme.owl-carousel div.owl-item {
    margin-top: 30px;
  }

  .right-feature-head::after {
    /*  background: rgba(0, 0, 0, 0) url("../img/icon_bee.png") no-repeat scroll 0 0; */
    content: "";
    display: block;
    height: 200px;
    left: 145px;
    position: absolute;
    top: -41px;
    width: 350px;
  }

  .right-feature-head h3,
  .right-feature-head h1 {
    background: #f95e96 none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    padding: 0 25px;
  }

  .left-single-feature div.single-product.cart-box {
    display: none;
    height: 100px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 25%;
    transition: all 0.3s ease 0s;
    width: 100%;
  }

  .left-featured div.owl-theme .owl-controls .owl-page span {
    background: #869791 none repeat scroll 0 0;
    border-radius: 20px;
    display: block;
    height: 10px;
    margin: 5px 3px;
    width: 10px;
  }

  .left-featured div.owl-theme .owl-controls .owl-page.active span {
    background: #f8659b none repeat scroll 0 0;
  }

  .left-featured div.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #f8659b none repeat scroll 0 0;
  }

  .right_single_feature:hover div.cart-box {
    display: block;
    transition: all 500ms ease 0s;
  }

  .right-featured {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    padding: 30px 15px 15px;
  }

  .add {
    padding-top: 30px;
  }

  .add a img {
    border-radius: 20px;
  }

  .right-featured div.owl-nav {
    margin-top: -60px;
  }

  .product-slide .col-lg-3 {
    width: 100%
  }

  .footer-area {
    margin: 40px 0 15px;
  }

  .blog {
    border-right: 1px dashed #6ec4ea;
    padding: 30px 0;
  }

  .bolg-newslatter {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 30px;
    padding: 0 30px;
    width: 100%;
  }

  .blog-img {
    border-radius: 13px;
    float: left;
    height: auto;
    margin-right: 20px;
    overflow: hidden;
    width: 60px;
  }

  span.date {
    color: #5e686d;
    display: inline-block;
    font-size: 12px;
  }

  .blog-text span.more {
    color: #f95c95;
    display: inline-block;
    font-size: 12px;
    margin: 0 10px;
    transition: all 0.3s ease 0s;
  }

  .blog-text span.more:hover {
    color: #222;
  }

  .blog-text p {
    color: #5e686d;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    text-transform: lowercase;
  }

  .blog-text h4 {
    color: #0b97d4;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 0;
  }

  .blog-text {
    overflow: hidden;
  }

  .single-blog {
    float: left;
    margin: 17px 0;
  }

  .blog-title a {
    background: #f95e96 none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    padding: 0 25px;
  }

  .owl-carousel .owl-dots {
    text-align: center;
  }

  .owl-carousel .owl-dots button span {
    background: #869791 none repeat scroll 0 0;
    border-radius: 20px;
    display: block;
    height: 10px;
    margin: 5px 3px;
    width: 10px;
    opacity: 0.5;
  }

  div.owl-carousel .owl-dots button.active span {
    background: #f8659b none repeat scroll 0 0;
    opacity: 1;
  }

  .newslatter {
    padding: 30px 0;
  }

  .newslatter h4 {
    border: medium none;
    color: #0d98d5;
    display: block;
    font-family: "Fredoka One", cursive;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 25px;
    padding: 0;
    text-transform: none;
  }

  .newslatter p {
    color: #5e686d;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 25px;
  }

  .newslatter div.col-sm-offset-6 {
    margin-left: 0;
    padding: 0;
  }

  .subscribe {
    overflow: hidden;
  }

  .subscribe input[type=text] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    box-shadow: none;
    color: #5e686d;
    display: inline-block;
    height: 40px;
    margin-bottom: 10px;
    padding: 10px 43px 10px 12px;
    width: 100%;
  }

  .subscribe button[type=submit] {
    background: #0A97D4 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-family: "Fredoka One", cursive;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    padding-right: 16px;
    position: relative;
    text-align: right;
    transition: all 500ms ease 0s;
    width: 150px;
  }

  .home-two div.subscribe button[type=submit] {
    width: 100%;
  }

  .subscribe button[type="submit"]::before {
    color: #fff;
    content: "\f0e0";
    font-family: fontawesome;
    font-size: 25px;
    font-weight: 700;
    height: 10px;
    left: 15px;
    position: absolute;
    top: -1px;
    width: 10px;
  }

  .subscribe button[type="submit"]::after {
    border-right: 1px dashed #6ec4ea;
    content: "";
    height: 25px;
    left: 56px;
    position: absolute;
    top: 8px;
    width: 0;
  }

  .subscribe button[type="submit"]:hover {
    background: #f95e96 none repeat scroll 0 0;
  }

  .footer-bg {
    background: rgba(0, 0, 0, 0) url("../img/bg_footer.png") no-repeat scroll center bottom;
    padding-bottom: 270px;
  }

  .copyright {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    margin-top: 15px;
    padding: 0 30px;
  }

  .widget p {
    color: #5e686d;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    padding: 20px 0;
  }

  ul.social-link {
    display: inline-block;
    padding: 0;
    position: relative;
    width: 100%;
  }

  ul.social-link li {
    display: inline-block;
    padding: 0;
  }

  ul.social-link li a {
    border-radius: 14px;
    height: 42px;
    overflow: hidden;
    padding: 15px;
    font-weight: 400;
    text-align: center;
    width: 42px;
    background: #0a97d4 none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
  }

  ul.social-link li a:hover {
    background: #f95c95 none repeat scroll 0 0;
  }

  .single-lago {
    border: 1px solid #b7d6e0;
    border-radius: 20px;
    margin: 0 17px;
    overflow: hidden;
    position: relative;
  }

  div.owl-theme .owl-controls {
    margin-top: 0px;
    text-align: center;
  }

  .cl-logo {
    padding-bottom: 35px;
    border-bottom: 1px dashed #b7d6e0;
  }

  .row.top-speac {
    margin-top: 32px;
  }

  .owl-item div.brand-logo img {
    border: 1px solid #b7d6e0;
    border-radius: 20px;
    margin-bottom: 2px;
  }

  .owl-item div.brand-logo a {
    display: block;
  }

  .cl-logo div.owl-nav {
    margin-top: 0;
    overflow: inherit;
    position: inherit;
  }

  .cl-logo div.owl-nav button.owl-prev {
    left: -20px;
    position: absolute;
    top: -55px;
    opacity: 0;
    transition: all 300ms ease 0s;
  }

  .cl-logo div.owl-nav button.owl-next {
    left: auto;
    opacity: 0;
    position: absolute;
    right: -30px;
    top: -55px;
    transition: all 300ms ease 0s;
    margin: 0 !important;
  }

  .cl-logo:hover.cl-logo div.owl-nav button.owl-prev {
    opacity: 1;
    left: 0;
  }

  .cl-logo:hover.cl-logo div.owl-nav button.owl-next {
    opacity: 1;
    right: -18px;
  }

  .footer-widget {
    margin-top: 30px;
  }

  .footer-lago {
    width: 58%;
  }

  .widget h5 {
    color: #0d98d5;
    font-size: 16px;
    line-height: 35px;
  }

  .widget h5 a {
    color: #0d98d5;
    font-size: 16px;
    line-height: 35px;
  }

  .widget ul.im li {
    line-height: 35px;
  }

  .widget ul.im li a {
    color: #5e686d;
    display: inline-block;
    font-size: 14px;
    transition: all 500ms ease 0s;
    font-weight: 400;
  }

  .widget ul.im li a:hover {
    color: #0d98d5;
    padding-left: 10px;
  }

  .widget address {
    font-size: 14px;
    line-height: 30px;
  }

  span.color {
    color: #f95e96;
    margin-left: 8px;
  }

  span.color a {
    color: #f95e96;
  }

  .copyright-text span.color a {
    padding-right: 7px;
  }

  .copyright-text p {
    font-size: 12px;
    line-height: 40px;
    margin: 0;
    padding: 0;
  }

  .payment {
    padding-top: 10px;
  }

  .single-product div.efface {
    border-radius: 50px;
    box-sizing: border-box;
    height: 100%;
    left: 0px;
    opacity: 1;
    position: absolute;
    top: 0px;
    transform: scale(1.5);
    transition: all 0.3s ease-in-out 0s;
    visibility: visible;
    width: 100%;
  }

  .single-product:hover div.efface {
    border: 0 solid rgba(0, 0, 0, 0.7);
    visibility: hidden;
  }

  #scrollUp {
    background: #232323 none repeat scroll 0 0;
    border: 1px solid #fff;
    bottom: 35px;
    cursor: pointer;
    height: 40px;
    font-size: 18px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
    z-index: 9999;
    position: relative;
  }

  #scrollUp:after {
    color: #fff;
    content: "\f062";
    font-family: FontAwesome;
    font-size: 18px;
    left: 10px;
    position: absolute;
    top: 10px;
  }

  #scrollUp i {
    display: block;
    padding-top: 8px;
    display: none;
  }

  #scrollUp:hover {
    background: #0D98D5 none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
  }

  .product-image:before {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border-radius: 20px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all 500ms ease-in-out 0s;
    visibility: hidden;
    width: 100%;
  }

  .single-product:hover .product-image:before {
    opacity: 1;
    visibility: visible;
  }

  /*----------------------------------------*/
  /*  8.  Home Page-2 CSS
/*----------------------------------------*/
  .left-section,
  .right-section {
    /*  margin-top: 20px; */
  }

  .home-two-menu ul.nav {
    background: #fff none repeat scroll 0 0;
    border-bottom: none;
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 38px 0 30px;
    width: 100%;
  }

  .home-two-menu ul.nav li {
    border-right: medium none;
    display: block;
    float: none;
    position: relative;
    transition: all 300ms ease 0s;
    margin-bottom: 13px;
    width: 100%;
  }

  .home-two-menu ul.nav li:last-child {
    margin-bottom: 0;
  }

  .home-two-menu ul.nav li a {
    color: #5e686d;
    display: block;
    line-height: 1;
    padding-left: 15px;
  }

  .home-two-menu ul.nav li a span {
    margin-right: 14px;
  }

  .home-two-menu ul.nav li i {
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    right: 11px;
    top: 0;
  }

  .home-two-menu ul.nav li:hover a {
    color: #0A97D4
  }

  .home-two-menu ul.nav li:hover i {
    color: #0A97D4
  }

  .home-two-menu ul.nav li a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  }

  /*----------------------------------------*/
  /*  8.1  Home Page-2 Mega Menu Start
/*----------------------------------------*/
  .mega-menu-one div.mega-menu {
    width: 720px;
  }

  .mega-menu-three div.mega-menu,
  .mega-menu-for div.mega-menu,
  .mega-menu-two div.mega-menu {
    width: 532px;
  }

  .mega-menu-one div.mega-menu span {
    width: 34%;
  }

  div.mega-menu {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    box-shadow: 0 0 5px #ccc;
    left: 115%;
    visibility: hidden;
    opacity: 0;
    padding: 25px;
    position: absolute;
    top: 0;
    z-index: 99999;
  }

  .home-two-menu ul.nav li:hover div.mega-menu {
    visibility: visible;
    left: 100%;
    opacity: 1;
    transition: all 0.3s ease 0s;
    z-index: 999999;
  }

  .mega-menu span {
    float: left;
    width: 50%;
    margin-bottom: 30px;
  }

  .home-two-menu ul.nav li .mega-menu span a {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    margin-left: 20px;
    padding: 0;
    color: #5e686d;
    transition: all 0.3s ease 0s;
  }

  .home-two-menu ul.nav li .mega-menu span a.mega-menu-title {
    font-family: "Fredoka One", cursive;
    margin-left: 4px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .menu-img {
    position: absolute;
    right: 32px;
    top: 70px;
  }

  .icon {
    position: relative;
  }

  .icon:before {
    color: #65788c;
    content: "\f101";
    font-family: fontawesome;
    font-size: 13px;
    height: 5px;
    left: -12px;
    position: absolute;
    top: 0;
    width: 5px;
    transition: all 0.3s ease 0s;
  }

  .left-section div.home-two-menu ul.nav li .mega-menu span.margin-nill {
    margin-bottom: 0px;
  }

  .home-two-menu ul.nav li .mega-menu span a:hover {
    color: #0B97D4;
    padding-left: 5px;
  }

  .home-two-menu ul.nav li .mega-menu span a:hover.icon:before {
    color: #0B97D4;
    padding-left: 5px;
  }

  .home-two-menu ul.nav li .mega-menu span a.mega-menu-title:hover {
    padding-left: 0px;
  }

  .home-two-menu ul.nav li:hover.mega-menu div.mega-menu-in span a {
    color: #d00
  }

  div.home-two-menu ul.nav li ul.sub-menu li {
    border-right: medium none;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 50%;
    margin-bottom: 20px;
  }

  div.home-two-menu ul.nav li ul.sub-menu li a:hover {
    color: #0A97D4;
  }

  div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li:hover {
    padding-left: 15px;
  }

  div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li:hover a,
  div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li:hover i {
    color: #f95d96;
  }

  div.home-two-menu ul.nav li ul.sub-menu li a {
    color: #65788c;
    margin-bottom: 15px;
    padding: 0;
  }

  div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    left: inherit;
    margin: inherit;
    padding: inherit;
    position: inherit;
    width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li {
    border-right: medium none;
    float: none;
    margin: 0 0 0 20px;
    padding: 0;
    position: relative;
  }

  div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li a {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    color: #65788c;
  }

  div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li i {
    color: #65788c;
    display: inline-block;
    font-size: 11px;
    line-height: 30px;
  }

  .home-two-menu ul.nav li:hover ul.sub-menu {
    opacity: 1;
    z-index: 9999;
    left: 100%;
    transition: all 300ms ease 0s;
  }

  .home-two-menu ul.nav li:hover ul.sub-menu li a,
  .home-two-menu ul.nav li:hover ul.sub-menu li i {
    color: inherit
  }

  /*----------------------------------------*/
  /*  8.2.  Home Page Two CSS
/*----------------------------------------*/
  .home-two-product-tab div.owl-nav {
    margin: -67px 0 0 0;
  }

  .home-two-product-tab {
    margin: 30px 0px;
  }

  .left-section div.left-featured {
    margin-top: 30px;
  }

  .home-two div.main-menu ul.nav,
  .home-three div.main-menu ul.nav {
    border-bottom: none;
    border-radius: 20px;
  }

  .home-three div.main-menu ul.nav li.active a,
  .home-two div.main-menu ul.nav li.active a {
    border-bottom-left-radius: 20px;
  }

  div.right-section.product-area {
    margin: 0px;
  }

  div.newslatter {
    padding: 50px 15px;
  }

  .right-section div.slider-wrap {
    border-radius: 20px;
    overflow: hidden;
  }

  div.bg-bd div.single-promotion {
    border: 1px solid #e5e5e5;
    margin-bottom: 7px;
  }

  div.bg-bd div.single-promotion div.singleh {}

  .single-promotion:hover div.singleh {
    padding-top: 45px;
  }

  div.bg-bd div.single-promotion:hover>a::after {
    border: 3px solid #f95d96;
  }

  .right-section div.bolg-newslatter {
    margin: 30px 0px;
  }

  .right-section div.blog {
    border-right: none;
  }

  .right-section div.single-blog {
    margin: 0 15px 35px;
    float: none;
  }

  .right-section div.blog-content {
    margin-top: 10px;
  }

  .right-section div.blog-text h4:hover {
    color: #F95E96;
  }

  .all-seal-product div.product-image {
    float: left;
    width: 44%;
  }

  .all-seal-product div.price-box a p {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    text-align: center;
  }

  .all-seal-product div.price-box a h5 span {
    display: block;
  }

  .all-seal-product div.price a h5 {
    font-size: 20px;
    margin: 0;
    padding: 5px 0;
  }

  .all-seal-product div.price-box {
    padding: 0;
  }

  .all-seal-product div.rank {
    margin-left: 54%;
  }

  .all-seal-product div.single-product {
    margin-bottom: 20px;
    overflow: hidden;
  }

  .all-seal-product div.single-product:last-child {
    margin-bottom: 0px;
  }

  .top-seal h4 {
    color: #F95D96;
  }

  .all-seal-product {
    padding-top: 35px;
    padding-bottom: 20px;
  }

  .all-seal-product div.rank a {}

  .all-seal-product div.rank a i {}

  .home-two-product-tab div.product-text a i {
    height: 30px;
    width: 30px;
  }

  .single-page div.top-seal {
    margin-top: 0px;
  }

  .top-seal {
    position: relative;
    margin-top: 30px;
  }

  .top-seal::before {
    border-top: 1px dashed #b7d6e0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 12%;
    width: 100%;
  }

  .left-section div.add {
    padding-bottom: 30px;
  }

  /*----------------------------------------*/
  /*  10.  Home Page Three CSS
/*----------------------------------------*/
  .home-three div.single-hsp div.bg-color-one {
    background: #f95d96 none repeat scroll 0 0;
  }

  .home-three div.single-hsp div.bg-color-two {
    background: #D65E5E none repeat scroll 0 0;
  }

  .home-three div.single-hsp div.bg-color-three {
    background: #EBA635 none repeat scroll 0 0;
  }

  .home-three div.single-hsp div.bg-color-fore {
    background: #6BA130 none repeat scroll 0 0;
  }

  .home-three div.single-hsp div.bg-color-five {
    background: #BC82C7 none repeat scroll 0 0;
  }

  .home-three div.bg-color-six {
    background: #39AADB none repeat scroll 0 0;
    opacity: 0.9
  }

  .singleh.bg-color-six.new-singleh {
    position: absolute;
  }

  .home-three div.single-hsp {
    border-radius: 20px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
  }

  .home-three div.single-promotion {
    border-radius: 20px;
    margin-bottom: 30px;
    position: absolute;
    overflow: hidden;
  }

  .home-three div.singleh:hover div.singleh {
    padding-top: 38px 0;
  }

  .home-three div.singleh {
    height: 100%;
    left: 0;
    position: inherit;
    text-align: center;
    top: 0;
    transition: all 300ms ease-in 0s;
    width: 100%;
    padding: 38px 0;
  }

  .single-hsp h3::after {
    border-bottom: 1px dashed;
    content: "";
    display: block;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    top: 0;
    width: 160px;
  }

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

  .single-hsp>a:before {
    position: absolute;
    background: #222;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .3s;
  }

  .single-hsp:hover a:before {
    opacity: .3
  }

  .home-three div.single-promotion p,
  .single-hsp p {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    padding: 0 40px;
    color: #fff;
  }

  .home-three div.single-promotion span a,
  .single-hsp span a {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-family: "Fredoka One", cursive;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    padding: 0 25px;
    transition: all 0.2s ease 0s;
  }

  .single-hsp a img:before {
    position: absolute
  }

  .single-hsp span a:hover {
    background: #0B97D4;
    border: 2px solid #0B97D4;
  }

  .home-three div.single-promotion h3,
  .single-hsp h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
    margin: 0;
    position: relative;
    color: #fff;
  }

  .home-three div.single-promotion h3 {
    padding-top: 20px
  }

  .home-three div.single-promotion h3::after {
    top: 0px
  }

  .home-three div.add {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .home-three div.single-promotion:hover div.singleh {
    padding-top: 38px;
  }

  span.color a:hover {
    color: #0D98D5;
  }

  /*----------------------------------------*/
  /* 9.1. Home Page Three Product Page CSS
/*----------------------------------------*/
  .page-one ul.nav li.active a {
    background: none;
  }

  .page-one div.main-menu ul.nav li:hover a {
    background: #f95d96 none repeat scroll 0 0;
  }

  .braed {
    background-color: transparent;
    border-bottom: 1px dashed #74c7eb;
    border-radius: 0;
    color: #0a97d4;
    line-height: 18px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 15px 0;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
  }

  .braed a i {
    display: inline-block;
    font-size: 17px;
    margin: 0;
    padding: 0;
    text-align: center;
    z-index: 99;
    color: #222222;
  }

  .braed span.navegation-page {
    color: #222222;
    display: inline-block;
    padding: 0 8px;
  }

  .slider-img {
    border-radius: 20px;
    overflow: hidden;
  }

  .page-one div.right-all-product {
    margin-top: 50px;
    padding: 0 15px;
  }

  .page-one div.right-all-product>ul>li {
    margin: 0 0 50px;
  }

  .page-one div.product-right-tab ul.top-bg {
    background: #0A97D4;
    padding: 7px 20px;
    border-radius: 15px;
    display: block;
  }

  .page-one div.product-right-tab ul.tab-menu li {
    display: inline-block;
    margin-right: 5px;
  }

  .page-one div.product-right-tab ul.tab-menu li select {
    padding: 5px;
  }

  .page-one div.product-right-tab ul.tab-menu li a.active {
    background: #f95c95 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
    transition: none;
  }

  .page-one div.product-right-tab ul.tab-menu li a {
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 35px;
    padding: 5px 10px;
  }

  .page-one div.product-right-tab ul.tab-menu li span {
    color: #fff;
    font-family: "Fredoka One", cursive;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 3px 6px 0 0;

  }

  .page-one div.product-right-tab ul.tab-menu li:last-child {
    float: right;
    padding-top: 5px;
  }

  .page-one div.product-right-tab ul.tab-menu li p {
    background: #f95d96 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-family: open sans;
    font-size: 11px;
    line-height: 27px;
    opacity: 1;
    padding: 0 25px 0 15px;
    position: relative;
  }

  .page-one div.product-right-tab ul.tab-menu li p::before {
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 0;
  }

  .action div.cart-box {
    height: inherit;
    margin: 0;
    opacity: inherit;
    position: inherit;
    text-align: left;
    width: 100%;
  }

  .action div.cart-box div.product-text a {
    display: inline-block;
  }

  .action div.cart-box div.product-text a p {
    margin: 0;
    color: #0A97D4;
  }

  .action div.cart-box div.product-text a p:hover {
    color: #fff;
  }

  #right-ap div.price {
    margin-top: 25px;
  }

  .right-all-product div.price-box {
    padding: 0px;
  }

  .right-all-product div.price-box a p.price-box-heading {
    color: #5e686d;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-align: left;
    text-decoration: none;
  }

  #right-ap div.price a h5 {
    float: left;
    margin: 0;
    padding: 0;
  }

  .right-all-product div.price a h5 span {
    margin: 0 0 0 10px;
  }

  #right-ap div.price-box div.rank {
    margin: 0;
    overflow: hidden;
    padding: 5px 0 0px 20px;
  }

  .page-one div.right-all-product div.price-box div.rank {
    margin-left: 35%;
    overflow: hidden;
    padding: 10px 0 0px 0px;
  }

  .page-one div.right-all-product div.price-box div.rank {
    padding: 10px 0 0;
  }

  .desc {
    border-top: 1px dashed #74c7eb;
    color: #7e8589;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    margin: 15px 0 0;
    padding: 15px 0;
    width: 100%;
    text-align: left;
  }

  .color-list {
    margin: 15px 0 5px;
    overflow: hidden;
  }

  .color-list ul li.a-active {
    height: 30px;
    width: 30px;
  }

  .color-list ul li.a-active a {
    width: 26px;
    height: 26px;
  }

  .color-list ul li {
    float: left;
  }

  .td-stok span,
  #right-ap div.price-box>.p-item span,
  #right-ap div.price-box>span {
    background: #55c65e none repeat scroll 0 0;
    border: 1px solid #36943e;
    color: #fff;
    float: left;
    font-family: "Fredoka One", cursive;
    font-style: italic;
    line-height: 22px;
    margin: 12px 0 0;
    padding: 0 12px;
  }

  .color-list ul li {
    margin-right: 5px;
    border: 1px solid #d6d4d4;
    height: 26px;
    width: 26px;
  }

  .color-list ul li a {
    display: block;
    width: 22px;
    height: 22px;
    margin: 1px;
  }

  .white {
    background: #fff none repeat scroll 0 0;
  }

  .black {
    background: #222 none repeat scroll 0 0;
  }

  .green {
    background: #A0D468 none repeat scroll 0 0;
  }

  .orange {
    background: #F39C11 none repeat scroll 0 0;
  }

  .yellow {
    background: #F1C40F none repeat scroll 0 0;
  }

  .pink {
    background: #FCCACD none repeat scroll 0 0;
  }

  .blue {
    background: #5D9CEC none repeat scroll 0 0;
  }

  .Orange {
    background: #F39C11 none repeat scroll 0 0;
  }

  .white {
    background: #fff none repeat scroll 0 0;
  }

  .previous-next {
    background: #0a97d4 none repeat scroll 0 0;
    overflow: hidden;
    width: 100%;
    border-radius: 25px;
  }

  .right-all-product ul.pagination {
    border: medium none;
    float: right;
    margin: -1px;
  }

  .right-all-product ul.pagination li a {
    border-radius: none;
  }

  .right-all-product ul.pagination li a {
    background: #f95d96 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    line-height: 42px;
    padding: 0 15px;
    border-right: 1px solid #0A97D4;
    margin-right: 1px;
    position: relative;
    display: inline-block;
  }

  .right-all-product ul.pagination>.active>a,
  .pagination>.active>a:focus,
  .pagination>.active>a:hover,
  .pagination>.active>span,
  .pagination>.active>span:focus,
  .pagination>.active>span:hover {
    background-color: #0A97D4;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
    z-index: 2;
  }

  .right-all-product ul.pagination li.previous a {
    padding-left: 35px;
  }

  .right-all-product ul.pagination li.next a {
    padding-right: 35px;
    border-right: 0px;
    margin-right: 0px;
  }

  .right-all-product ul.pagination li.previous a::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: bold;
    left: 17px;
    position: absolute;
    top: 0;
  }

  .right-all-product ul.pagination li.next a::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 17px;
    top: 0;
    text-align: right;
  }

  /*----------------------------------------*/
  /*  9.2  Home Page Three left accoundion css
/*----------------------------------------*/
  .beds-section #accordion.panel-group div.panel {
    box-shadow: none;
    border: none;
  }

  .category-menu ul li ul {
    display: none;
  }

  .catalog-section {
    margin-top: 30px;
  }

  .category-menu ul li a {
    color: #5e686d;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: normal;
    line-height: 35px;
    padding: 0 0 0 25px;
    text-decoration: none;
    transition: all 0.2s ease 0s;
  }

  .has-sub {
    position: relative
  }

  .has-sub::after {
    color: #5e686d;
    font-family: FontAwesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 12px;
  }

  .has-sub.open::after {
    content: "\f147";
  }

  .has-sub::after {
    content: "\f196";
  }

  .category-menu ul li a:hover {
    color: #0A97D4;
  }

  .panel-head span {
    cursor: pointer;
    margin-top: 11px;
    float: left;
  }

  .beds-section div.panel-body {
    padding: 0;
  }

  .pp-left-heading {
    background: #f95d96 none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 0 30px;
  }

  .category-menu ul li.has-sub ul li {
    line-height: 45px;
  }

  .category-menu ul li.has-sub ul li a {
    color: #5e686d;
    display: block;
    font-size: 15px;
    font-weight: normal;
    padding: 0 0 0 10px;
    position: relative;
    margin-left: 13px;
    transition: all 0.2s ease 0s
  }

  .category-menu ul li.has-sub ul li a:hover {
    color: #F95D96;
  }

  .category-menu ul li.has-sub ul li a::before {
    content: "";
    font-family: FontAwesome;
    font-size: 15px;
    left: -6px;
    position: absolute;
    top: 0px;
  }

  .check li span.box {
    border: 1px solid #ccc;
    float: left;
    height: 16px;
    width: 16px;
  }

  .color ul.check li p {
    display: inline-block;
    padding: 2px 0 0 5px;
  }

  .color ul.check li a {
    overflow: hidden;
  }

  .color ul.check {
    margin-top: 15px;
  }

  .fs-head h5 {
    color: #5e686d;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
  }

  .check li label {
    color: #333;
    display: inline-block;
    font-weight: normal;
    line-height: 25px;
    margin-left: 8px;
  }

  .check li a {
    display: inline;
    font-size: 14px;
  }

  .check li:last-child {
    margin-bottom: 0px;
  }

  .price-range h5 span.rank {
    font-weight: normal;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
  }

  .form-section {
    margin-bottom: 10px;
  }

  .check li label a span {
    padding-left: 5px;
  }

  .availability,
  .condition,
  .manufacturer,
  .size,
  .categori {
    margin-bottom: 25px;
  }

  .price_slider_amount input[type="submit"] {
    display: none;
  }

  .price_slider_amount input[type="text"] {
    border: medium none;
    padding: 0 0 0 7px;
  }

  .form-section div.price {
    margin-bottom: 35px;
  }

  .price-head h5 {
    float: left;
    margin: 0;
  }

  .price_filter div#slider-range span.ui-corner-all {
    background: #faa71d none repeat scroll 0 0;
    border: medium none;
    border-radius: 100%;
    cursor: pointer;
    height: 11px;
    position: absolute;
    text-align: center;
    width: 11px;
    z-index: 2;
  }

  .price_filter div#slider-range div.ui-corner-all {
    background: #faa71d none repeat scroll 0 0;
    height: 100%;
    top: 0;
  }

  .price_filter div#slider-range {
    background: #ccc none repeat scroll 0 0;
    border: medium none;
    height: 3px;
    margin-top: 20px;
    width: 100%;
  }

  /*----------------------------------------*/
  /*  9.3  Home Page Three Single Product css
/*----------------------------------------*/
  .single-page div.bg-bd {
    padding: 38px 20px 30px;
  }

  #right-ap div.product-image {
    position: relative;
  }

  .larg-vew p {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    color: #777676;
    cursor: pointer;
    display: block;
    font-weight: 700;
    left: 50%;
    line-height: 22px;
    margin-left: -68px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: 68%;
    transition: all 0.2s ease 0s;
    width: 136px;
  }

  .larg-vew p:hover:after {
    color: #222;
  }

  .larg-vew p::after {
    color: #ccc;
    content: "";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 0 5px;
    right: 0;
    top: 0;
    transition: all 0.2s ease 0s;
  }

  .check-out-page ul.nav li.active a,
  .single-page ul.nav li.active a {
    background: none;
  }

  .single-page div.main-menu ul.nav li:hover a {
    background: #f95d96 none repeat scroll 0 0;
  }

  .single-page div.right-featured {
    padding: 0px;
  }

  .single-page div.s-p-r-f::after {
    left: 90px;
  }

  .p-m-s {
    margin-top: 30px;
  }

  .single-product-left div.to-seal {
    margin-bottom: 30px;
  }

  .tag-heading h3 {
    background: #f95e96 none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    padding: 0 25px;
  }

  .tage-section ul li {
    float: left
  }

  .tage-section ul li a {
    background: #d8ebf1 none repeat scroll 0 0;
    border-radius: 5px;
    color: #5e686d;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    margin: 0 5px 5px 0;
    padding: 0 18px;
    transition: all 0.3s ease 0s;
  }

  .tage-section ul li a:hover {
    background: #0A97D4 none repeat scroll 0 0;
    color: #fff;
  }

  .product-image img {
    width: 100%;
  }

  .single-page div.right-all-product div.price-box p.price-box-heading {
    color: #5e686d;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px;
    text-align: left;
  }

  .product-condition,
  .product-reference {
    color: #222;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
    font-size: 13px;
  }

  .single-page div#right-ap div.price {
    margin-top: 15px;
  }

  .product-condition span,
  .product-reference span {
    font-weight: normal;
    color: #5e686d;
  }

  .single-page div#right-ap div.price {
    margin-top: 15px;
    overflow: hidden;
    padding-left: 10px;
  }

  .product-condition span,
  .product-reference span {
    color: #5e686d;
    font-weight: normal;
    margin-left: 5px;
  }

  .single-page div.price h5 {
    float: none;
  }

  #right-ap div.price h5 {
    color: #0a97d4;
    font-size: 20px;
    float: left;
    margin: 0;
    padding: 0;
  }

  .single-page div.price h5 span {
    color: #4c4c4c;
    font-size: 14px;
    text-decoration: line-through;
  }

  .single-page div#right-ap div.price-box>span {
    margin-top: 6px;
  }

  .quantity div {
    background: white linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%) repeat-x scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 15px;
    color: #ccc;
    cursor: pointer;
    float: left;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 40px;
  }

  .quantity div.dec {
    font-size: 40px;
    line-height: 30px;
    margin-right: 5px;
  }

  .quantity div.inc {
    line-height: 37px;
    margin-left: 5px;
  }

  .quantity input {
    border: 1px solid #ccc;
    border-radius: 15px;
    height: 39px;
    padding: 7px;
    width: 100px;
    float: left;
  }

  .action div.product-text a p {
    height: 38px;
    padding: 3px 15px;
  }

  .single-page div.action div.product-text {
    float: right;
  }

  .quantity p {
    float: left;
    margin-right: 7px;
  }

  .size-selact {
    display: block;
    overflow: hidden;
  }

  .size-selact select {
    border: 1px solid #ccc;
    float: left;
    height: 25px;
    width: 230px;
  }

  #right-ap div.price-box>.p-item span {
    line-height: 27px;
    margin: 0;
    padding: 0 12px;
  }

  .p-item p {
    display: block;
    float: left;
    margin: 7px 10px 0 0;
  }

  .p-item {
    margin-top: 20px;
  }

  .single-page div p.desc {
    border-top: none;
    margin: 0;
  }

  .social-button,
  .p-size,
  .single-page div.action {
    border-top: 1px dashed #74c7eb;
    color: #7e8589;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    margin: 0px;
    padding: 15px 0;
    text-align: left;
    width: 100%;
  }

  .price-box span.p-item {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  .social-button {
    float: left;
    overflow: hidden;
    margin: 15px 0;
  }

  .social-button button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin-right: 3px;
  }

  .social-button button i {
    margin-right: 5px;
  }

  .social-button button a {
    transition: none;
    color: #333;
  }

  .twitter i {
    color: #00AAF0
  }

  .facebook i {
    color: #435F9F
  }

  .google-plus i {
    color: #E04B34
  }

  .pinterest i {
    color: #CE1F21
  }

  .social-button button:hover {
    border: 1px solid #fff;
    color: #fff;
  }

  .social-button button:hover.twitter {
    background: #00AAF0;
  }

  .social-button button:hover.facebook {
    background: #435F9F;
  }

  .social-button button:hover.google-plus {
    background: #E04B34;
  }

  .social-button button:hover.pinterest {
    background: #CE1F21;
  }

  .social-button button:hover a,
  .social-button button:hover i {
    color: #fff;
  }

  .single-rating {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 1px dotted #dbdbdb;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 20px;
    padding: 8px 10px 10px;
    width: 100%;
  }

  .page-medile-section div#right-ap div.price-box div.rank {
    padding: 7px 0 0 20px;
  }

  .single-rating p {
    float: left;
    font-style: normal;
    margin: 0;
    overflow: hidden;
  }

  .single-rating {
    float: left;
  }

  .review ul {
    float: left;
  }

  .review ul li {
    display: inline-block;
    line-height: 45px;
    margin-right: 15px;
  }

  .review ul li a {
    color: #777;
    position: relative;
  }

  .review ul li a:hover {
    color: #222;
  }

  .review ul li a:after {
    background: #929292 none repeat scroll 0 0;
    border-radius: 50px;
    color: white;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 15px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin-right: 6px;
    text-align: center;
    width: 30px;
  }

  .review ul li a.comment:after {
    content: "";
    float: left;
    margin-top: 10px;
  }

  .review ul li a.pencil:after {
    content: "";
    float: left;
    margin-top: 10px;
  }

  .review ul li a.comment {
    border-right: 1px solid #d6d4d4;
    margin-right: 9px;
    padding-right: 30px;
  }

  .review-text {
    font-weight: bold;
    overflow: hidden;
    padding-left: 10px;
    padding-top: 8px;
  }

  .print ul li {
    display: inline-block;

  }

  .print ul li a {
    background-color: #fff;
    border: 2px solid #0a97d4;
    border-radius: 100%;
    color: #0a97d4;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    width: 40px;
  }

  .print ul li a:hover {
    background-color: #0a97d4;
    color: #fff
  }

  .print ul {
    float: left;
  }

  /*----------------------------------------*/
  /*  9.4  Home Page Three Single Product Tab css
/*----------------------------------------*/
  .reviw-tab {
    margin-top: 30px;
  }

  .reviw-tab.bg-bd.product-tab ul.tab-menu::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 0;
    position: inherit;
    width: 0;
  }

  .reviw-tab.bg-bd.product-tab ul.tab-menu li a {
    background: #d8ebf1 none repeat scroll 0 0;
    color: #0a97d4;
    font-family: "Open Sans", sans-serif;
    transition: none 0s ease 0s;
  }

  .reviw-tab.bg-bd.product-tab ul.tab-menu li a.active {
    background: #f95c95 none repeat scroll 0 0;
    color: #fff;
  }

  .reviw-tab.bg-bd.product-tab ul.tab-menu li a:hover {
    background: #f95c95 none repeat scroll 0 0;
    color: #fff;
  }

  .reviw-tab.bg-bd.product-tab ul.tab-menu li {
    margin-right: 5px;
  }

  .tab-vew-reviw,
  .tab-content,
  .reviw-tab-text {
    margin-top: 25px;
  }

  .reviw-tab-text {
    padding: 0 20px 20px;
    word-wrap: break-word;
  }

  .reviw-tab-text p {
    color: #898989;
    font-size: 13px;
    line-height: 30px;
    margin-bottom: 1em;
    min-height: 1px;
  }

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

  .tabel-data-sheet tr {
    border-top: 1px solid #e5e5e5;
  }

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

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

  .tab-vew-reviw ul li {
    display: inline-block;
    position: relative;
  }

  .tab-vew-reviw ul li::after {
    background: #ccc none repeat scroll 0 0;
    content: "";
    height: 66px;
    position: absolute;
    right: -25px;
    top: 17px;
    width: 1px;
  }

  .tab-vew-reviw ul li:last-child::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  }

  .reviw-text p {
    font-weight: bold;
    margin: 0;
    padding: 15px 0 0 25px;
  }

  .star div.rank {
    margin: 7px 0 0 26px;
  }

  .reviw-date h6 {
    color: #333;
    font-size: 12px;
    margin: 0;
    padding: 15px 0 0 25px;
  }

  .reviw-date span.date {
    font-size: 14px;
    margin: 0;
    padding: 8px 0 0 25px;
  }

  .right-reviw {
    margin: 0;
    overflow: hidden;
    padding: 0 0 20px 60px;
    text-align: right;
  }

  .smol-slide {
    margin: 15px 0 0;
  }

  .bx-viewport ul li a {
    border: 1px solid #ccc;
    display: block;
  }

  .zoomWindow {
    border: 1px solid #ccc !important;
    border-radius: 20px !important;
    height: 100% !important;
    margin-left: 0px !important;
    width: 100% !important;
  }

  .bx-controls-direction a {
    font-size: 0;
    height: 20px;
    display: block;
    left: 0;
    margin-top: 0;
    outline: 0 none;
    position: absolute;
    text-indent: 1px;
    top: 32%;
    width: 102px;
    z-index: 9999;
  }

  .bx-controls-direction a.bx-prev {
    left: -26px;
    bottom: 0;
  }

  .bx-controls-direction a.bx-next {
    left: auto;
    bottom: 0;
    right: -29px;
  }

  .bx-controls-direction a.bx-prev:before {
    background: #f95d96 none repeat scroll 0 0;
    border-right: 5px none;
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 17px;
    font-weight: bold;
    height: 25px;
    left: 0;
    line-height: 25px;
    padding: 0 0 0 6px;
    position: absolute;
    width: 25px;
  }

  .bx-controls-direction a.bx-next:before {
    background: #f95d96 none repeat scroll 0 0;
    border-right: 5px none;
    color: #fff;
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 17px;
    font-weight: bold;
    height: 25px;
    left: 0;
    line-height: 25px;
    padding: 0 0 0 6px;
    position: absolute;
    width: 25px;
  }

  .bx-controls-direction a.bx-next {
    border-radius: 50%;
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 30px;
  }

  .bx-wrapper {
    position: relative;
  }

  /*----------------------------------------*/
  /*  10. Cute Page CSS Start
/*----------------------------------------*/
  .tab-heading {
    color: #555454;
    font: 600 18px/22px "Open Sans", sans-serif;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
  }

  .cut-page-tab ul.nav-tabs {
    border: none;
    border-radius: 5px;
    overflow: hidden;
    border-color: #cacaca #b7b7b7 #9a9a9a;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    font-weight: bold;
    margin-bottom: 30px
  }

  .cut-page-tab ul.nav-tabs li {
    margin-bottom: -1px;
    float: left;
  }

  .cut-page-tab ul.nav-tabs li {
    background: #f7f7f7 linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%) repeat-x scroll 0 0;
    width: 20%;
  }

  .cut-page-tab ul.nav-tabs li a {
    border: medium none;
    border-radius: 0;
    color: #333;
    display: block;
    font-size: 17px;
    font-weight: bold;
    line-height: 21px;
    margin-right: 0;
    position: relative;
    text-shadow: 1px 1px white;
    transition: none 0s ease 0s
  }

  .cut-page-tab ul.nav-tabs li:last-child {
    border-radius: 0 5px 5px 0;
  }

  .cut-page-tab ul.nav-tabs li a.active::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  }

  .cut-page-tab ul.nav-tabs li a::after {
    background: rgba(0, 0, 0, 0) url("../img/tab/order-step-current.png") no-repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -30px;
    top: 0;
    width: 30px;
  }

  .cut-page-tab ul.nav-tabs li:first-child a::after {
    backgroun: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  }

  .cut-page-tab ul.nav-tabs li:last-child a::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  }

  .cut-page-tab ul.nav-tabs li span {
    display: block;
    line-height: 48px;
    padding-right: 40px;
    text-align: center;
  }

  .cut-page-tab ul.nav-tabs li span em {
    font-style: normal;
    margin-right: 4px;
  }

  .cut-page-tab ul.nav-tabs li a.active {
    background: #42b856 linear-gradient(to bottom, #42b856 0%, #43ab54 100%) repeat-x scroll 0 0;
    border: medium none;
    border-color: #399b49 #51ae5c #208931 #369946;
    border-radius: 0;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px #208931;
  }

  .cut-page-tab ul.nav-tabs li a.active:before {
    position: absolute;
    content: "";
    top: 0;
    right: -30px;
    width: 30px;
    height: 100%;
    background: url(img/tab/order-step-a.png) no-repeat scroll 0 0;
  }

  table.main-tabel {
    border: 1px solid #d6d4d4;
  }

  .table thead tr th {
    background: #fbfbfb none repeat scroll 0 0;
    border-bottom-width: 1px;
    color: #333;
    vertical-align: middle;
  }

  .table tfoot tr {
    background: #fbfbfb none repeat scroll 0 0;
  }

  .table tfoot tr td {
    padding: 8px;
  }

  span.td-img img {
    border: 1px solid #ccc;
    width: 100%;
  }

  #payment table tbody tr td.td-img-tr,
  #summary table tbody tr td.td-img-tr {
    padding: 18px;
    width: 12%;
  }

  .tab-content table tbody tr td.td-p-title {
    padding: 35px 0 0 10px;
    width: 390px;
  }

  .tab-content table tbody tr td.td-stok {
    padding: 35px 0 0 9px;
    width: 91px;
  }

  .tab-content table tbody tr td.td-quentety {
    width: 120px;
  }

  .tab-content table tbody tr td.td-trash {
    width: 40px;
  }

  .text.totel.big-totol {
    text-transform: capitalize;
  }

  .tr-qty {
    text-align: center;
  }

  .td-quentety input {
    border: 1px solid #ccc;
    margin: 15px 0 5px 0;
    padding: 10px 0 10px 25px;
    width: 102px;
  }

  .td-quentety div {
    border-color: #dedcdc #c1bfbf #b5b4b4 #dad8d8;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    float: left;
    color: #c0c0c0;
    ;
    line-height: 35px;
    margin-right: 7px;
    padding: 0;
    text-shadow: 1px -1px rgba(0, 0, 0, 0.05);
  }

  .qtybutton {
    background: white linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%) repeat-x scroll 0 0;
    border: 1px solid #fff;
    color: #ccc;
    cursor: pointer;
    display: block;
    font-size: 31px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
  }

  .tab-content table tbody tr td.td-p-title a p {
    color: #4c4c4c;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .tr-ammount,
  .td-unite,
  .total-amount span,
  .totel,
  .tr-price {
    text-align: right;
  }

  .tab-content table tbody tr td.td-p-title small {
    display: block;
    padding: 5px 0 0;
  }

  .td-unite ul {
    margin: 20px 0 0;
  }

  .td-unite ul li {
    padding: 3px 0;
  }

  .td-trash i {
    color: #333;
    display: block;
    font-size: 20px;
    padding: 40px 0 0;
    text-align: center;
  }

  .total-amount span {
    display: block;
    padding: 40px 0 0;
  }

  .big-totol {
    color: #333;
    font-size: 20px;
    font-weight: bold;
  }

  .mid-totol {
    color: #333;
    font-size: 14px;
    font-weight: bold;
  }

  .border {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 15px;
  }

  .account-title {
    border-bottom: 1px solid #d6d4d4;
    color: #555454;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
    padding: 0 0 15px;
    text-transform: uppercase;
  }

  .short-text {
    font-size: 13px;
  }

  .fill-text {
    color: #777;
  }

  .input-heding {
    color: #333;
    display: block;
    margin: 10px 0;
  }

  .input {
    border: 1px solid #d6d4d4;
    border-radius: 0;
    display: block;
    font-size: 13px;
    height: 27px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    padding: 0 0 0 5px;
    width: 52%;
  }

  .requer {
    color: #f13340;
    margin: 9px 0 16px;
    font-size: 14px;
  }

  .input-heding {
    color: #333;
  }

  .duboll-requer {
    color: #f13340;
    text-align: center;
  }

  .r-y-w p,
  .button {
    background: #f95d96 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
  }

  .form-area button.button,
  .main-form.border button.button {
    margin: 10px 0 0;
    padding: 15px 35px 15px 15px;
  }

  .register-account.border form input,
  .new-account.border form input {
    width: 100%;
  }

  .main-form.border button.button,
  #address a.button {
    position: relative;
  }

  .main-form.border button.button::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 12px;
  }

  #address a.button::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 20px;
    left: 18px;
    position: absolute;
    top: 11px;
  }

  .button:hover,
  .r-y-w p:hover {
    background: #0a97d4 none repeat scroll 0 0;
    color: #fff;
  }

  #address p.account-title {
    margin-bottom: 20px;
    padding-top: 12px;
  }

  #address a.button {
    display: block;
    margin-top: 15px;
    overflow: hidden;
    width: 235px;
  }

  #address a {
    text-decoration: none;
  }

  .new-account button.button::after {
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    font-weight: bold;
    left: 13px;
    position: absolute;
    top: 7px;
    width: 20px;
    z-index: 9;
  }

  .register-account button.button::after {
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 26px;
    font-weight: bold;
    left: 12px;
    position: absolute;
    top: 8px;
    width: 20px;
    z-index: 9;
  }

  .new-account button.button {
    margin: 15px 0 70px;
    padding: 15px 10px 15px 40px;
  }

  .register-account button.button {
    margin: 0 0 10px;
    padding: 15px 15px 15px 45px;
  }

  .forget {
    display: block;
    padding: 15px 0;
    text-decoration: underline;
  }

  .main-form select {
    display: block;
    margin: 10px 0;
    width: 100%;
  }

  .main-form option.input {
    width: 256px;
  }

  .main-form input.input {
    margin: 10px 0;
    width: 100%;
  }

  .r-y-w {
    margin: 20px 0 0 15px;
    width: 170px;
  }

  .bootom-section ul li a,
  .r-y-w a {
    text-decoration: none;
  }

  .r-y-w p {
    padding: 13px;
    width: 100%;
  }

  .td-radio {
    width: 60px;
  }

  .td-radio input[type="radio"] {
    margin: 22px 0 0 15px;
  }

  .trems input[type="checkbox"] {
    margin: 10px 0 0 15px;
  }

  .tabel-bootom {
    margin: 0 0 15px 0;
  }

  #shipping table tbody tr td.td-img-tr {
    padding: 7px;
    width: 7%;
  }

  #shipping table tbody tr td.td-img-tr span.td-img img {
    border: none;
  }

  #shipping table tbody tr td.td-p-title {
    padding: 10px;
    width: 800px;
  }

  .td-t-amount div.total-amount span {
    text-align: left;
  }

  #shipping div.total-amount span {
    display: block;
    padding: 16px 0 0;
  }

  .bootom-section ul {
    margin: 45px;
    overflow: hidden;
  }

  .bootom-section {
    position: relative;
  }

  .bootom-section ul li.button.last-li {
    padding: 0;
  }

  .bootom-section ul li.con-shopp {
    display: block;
    float: left;
    line-height: normal;
  }

  .bootom-section ul li.con-shopp a:after,
  .bootom-section ul li.pro-check a:after {
    position: relative;
    top: 3px;
    font-family: fontawesome;
    font-size: 20px;
    color: #fff;
    width: 20px;
    height: 20px;
  }

  .bootom-section ul li.con-shopp a::after {
    content: "";
    float: left;
    left: -10px;
    top: 0;
  }

  .bootom-section ul li.pro-check a::after {
    content: "";
    margin-left: 8px;
    right: 0;
  }

  .bootom-section ul li.pro-check {
    display: block;
    float: right;
  }

  .bootom-section ul li.pro-check a {
    display: inline-block;
    height: 40px;
    line-height: 8px;
    padding: 13px 15px;
  }

  .bootom-section ul li.con-shopp a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 22px;
  }

  a.button {
    padding: 13px 10px 13px 50px;
  }

  .trems tr td p {
    color: #777;
    padding: 7px 0 0 25px;
  }

  /*----------------------------------------*/
  /*  11.  Whist list CSS Start
/*----------------------------------------*/
  .fist-wist p {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
  }

  .fist-wist {
    border: 1px solid #ccc;
    margin: 0 0 35px;
    padding: 15px;
  }

  .fist-wist lavel {
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
  }

  .fist-wist input {
    border: 1px solid #ccc;
    line-height: 27px;
    margin: 15px 0;
    padding: 0 0 0 5px;
    width: 100%;
  }

  .fist-wist button.button {
    padding: 15px;
  }

  .second-wist table {
    color: #777;
    text-align: center;
  }

  .second-wist table thead th {
    text-align: center;
    text-transform: capitalize;
  }

  .second-wist table tbody tr td i,
  .second-wist table tbody tr td p {
    margin: 0;
    padding: 10px 0;
  }

  /*----------------------------------------*/
  /*  12. contract page CSS Start
/*----------------------------------------*/
  .form-area form {
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
    margin: 45px 0 30px;
    padding: 23px 20px 40px 20px;
  }

  .sent-hed {
    color: #555454;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
  }

  .send-area input {
    border: 1px solid #ccc;
    line-height: 25px;
    width: 100%;
    padding: 0 0 0 0px;
  }

  .send-area label {
    color: #333;
    float: left;
    margin: 8px 0;
  }

  .send-area select {
    border: 1px solid #ccc;
    line-height: 42px;
    padding: 5px 0;
    position: relative;
    width: 100%;
  }

  .form-area button.button {
    margin-top: 25px;
    position: relative;
  }

  .form-area button.button::after {
    font-size: 15px;
    position: absolute;
    font-family: fontawesome;
  }

  .form-area button.button::after {
    color: #fff;
    content: "";
    font-size: 15px;
    right: 10px;
    top: 15px;
  }

  .message label {
    color: #333;
    padding: 43px 0 10px;
    text-transform: capitalize;
  }

  .message textarea {
    border: 1px solid #ccc;
    display: block;
    height: 200px;
    overflow: hidden;
    padding: 0 0 0 7px;
    width: 100%;
  }

  /*----------------------------------------*/
  /*  14. mobile menu css
/*----------------------------------------*/
  .mean-container .mean-nav {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    width: 100%;
    border: 1px solid#F95D96;
    border-top: none;
    width: 99.8%;
  }

  .mean-container .mean-nav ul li a {
    color: #111;
    padding: 15px 0 15px 20px;
    font-size: 14px;
  }

  .mean-container .mean-nav ul li li a {
    border-top: none;
    color: #111;
    padding: 12px 0 12px 45px;
    font-weight: bold;
  }

  .mean-container .mean-nav ul li a.mean-expand:hover {
    background: none;
  }

  .mean-container .mean-nav ul li a.mean-expand {
    border-style: none none none none !important;
    border-width: 0 0 0 0 !important;
    border: none;
    background: none;
  }

  .mean-container .mean-bar {
    background: #f95d96 none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 0;
    z-index: 1;
  }

  .mean-container a.meanmenu-reveal {
    float: right;
  }

  .mean-container .mean-bar:before {
    color: #fff;
    content: "MENÜ";
    font-size: 18px;
    font-weight: 700;
    left: 10px;
    position: absolute;
    top: 14px;
  }




  /*----------------------------------------*/
  /*  15. service css
/*----------------------------------------*/





  .section-title {
    margin: 30px auto 50px;
    width: 60%;
  }

  .section-title h2 {
    margin-bottom: 15px;
    text-transform: uppercase;
  }

  .section-title p {
    line-height: 24px;
  }

  .single-service {
    border: 1px solid #888;
    margin-bottom: 30px;
    padding: 70px 40px;
    transition: all 0.6s ease 0s;
  }

  .single-service:hover {
    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
    transform: translateY(-10px);
  }

  .single-service i {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .single-service>h3 {
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
  }

  .single-service p {
    color: #666666;
    line-height: 26px;
    margin: 0;
  }

  .padding-lr {
    padding: 90px 30px 50px;
  }

  .custom-pad {
    padding: 90px 30px
  }


  /*----------------------------------------*/
  /*  16. about us css
/*----------------------------------------*/


  .bg-color {
    background-color: #fff;
    padding: 30px;
  }

  .about-minimal ul li::before {
    color: #444;
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    line-height: 12px;
    margin-left: 0;
    margin-right: 10px;
    position: relative;
    top: 1px;
  }

  .about-minimal ul li {
    border-top: 1px solid #f6f6f6;
    display: block;
    line-height: 1.3em;
    list-style-type: none;
    margin: 0;
    padding: 15px 0;
    position: relative;
  }


  .about-minimal a {
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 12px 25px;
    text-transform: uppercase;
  }

  .about-minimal a:hover {
    background: #464646 none repeat scroll 0 0;
    border-color: #464646;
    color: #fff;
  }

  .mb-35 {
    margin-bottom: 35px;
  }


  .team-area .section-title {
    margin: 45px auto 50px;
    width: 60%;
  }

  .team-wrapper {
    border: 1px solid #e7e7e7;
    margin-bottom: 50px;
  }

  .team-member {
    position: relative;
  }

  .team-member::before {
    background: transparent none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    width: 100%;
    z-index: 1;
  }

  .team-wrapper:hover .team-member::before {
    background: rgba(33, 40, 45, 0.55);
  }

  .team-info {
    padding: 15px 0;
  }

  .team-icon {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
  }

  .team-icon>a {
    border: 1px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 36px;
    margin: 0 15px;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    width: 40px;
    border-radius: 50%;
  }

  .team-icon>a:hover {
    background: #fff;
    color: #666
  }

  .team-wrapper:hover .team-icon>a {
    opacity: 1;
    visibility: visible;
    margin: 0 5px
  }

  .team-info h3 {
    font-size: 20px;
    text-transform: uppercase;
  }

  .team-info span {
    color: #666;
    text-transform: uppercase;
  }







  /*----- blog  ------*/

  .blog-info {
    margin-top: 17px;
  }

  .blog-info.blog-pad {
    margin: 0;
    padding: 20px 25px;
  }

  .blog-meta>span {
    padding-right: 20px;
  }

  .blog-img2 a img {
    width: 100%;
  }

  .blog-meta a {
    color: #666666;
    text-transform: capitalize;
    transition: all .3s ease 0s;
  }

  .blog-meta span {
    color: #666666;
    line-height: 24px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
  }

  .blog-meta a:hover {
    color: #888888;
  }

  .blog-meta a i {
    color: #464646;
    font-size: 14px;
    padding-right: 10px;
  }

  .blog-meta i {
    color: #464646;
    font-size: 14px;
    padding-right: 10px;
  }

  .blog-info h3 {
    font-size: 16px;
    letter-spacing: 1px;
    margin: 15px 0 20px;
    text-transform: uppercase;
  }

  .blog-info>a {
    border: 1px solid #464646;
    color: #464646;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 14px;
    padding: 8px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
  }

  .blog-info>a:hover {
    background-color: #464646;
    color: #fff;
  }

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

  .page {
    display: inline-block;
    text-align: center;
  }

  .page li {
    float: left;
    margin-right: 15px;
  }

  .page li.active a {}

  .page a {
    border: 1px solid #c1c1c1;
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 40px;
  }

  .page a:hover,
  .page li.active a {
    background-color: #464646;
    color: #fff;
    border: 1px solid #464646;
  }



  /*----- blog details ------*/


  .blog-3-column .blog-meta>span {
    padding-right: 15px;
  }

  .news-allreply {
    display: inline-block;
    float: left;
    text-align: center;
  }

  blockquote {
    background-color: #f6f6f6;
    border-left: 2px solid #464646;
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    margin: 23px 0;
    padding: 14px 50px;
  }

  .blog-info>p {
    color: #666;
  }

  h3.leave-comment-text {
    border-bottom: 1px solid #5b5b5b;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 30px;
    padding-bottom: 10px;
  }

  .nes-icon>a i {
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
  }

  .news-allreply img {
    border-radius: 100%;
    width: 100%;
  }

  .blog-img-details {
    padding-left: 90px;
  }

  .blog-title>h3 {
    font-size: 16px;
    margin-bottom: 6px;
    text-transform: capitalize;
  }

  .blog-title>span {
    color: #666666;
    display: block;
    margin-bottom: 7px;
  }

  .blog-middle-mrg {
    margin: 32px 0 33px 90px;
  }

  .leave-form input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #666666;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    height: 35px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
  }


  .leave-form input::-webkit-input-placeholder,
  .text-leave textarea::-webkit-input-placeholder,
  .main-input input::-webkit-input-placeholder,
  .text-leave2 textarea::-webkit-input-placeholder {
    /* Chrome */

    color: #666666;
    opacity: 1;
  }

  .leave-form input::-moz-placeholder,
  .text-leave textarea::-moz-placeholder,
  .main-input input::-moz-placeholder,
  .text-leave2 textarea::-moz-placeholder {
    /* Firefox 19+ */

    color: #666666;
    opacity: 1;
  }

  .leave-form input:focus,
  .text-leave textarea:focus {
    border: 1px solid #464646;
  }


  .text-leave textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #666666;
    font-family: "Lato", sans-serif;
    height: 165px;
    margin-bottom: 30px;
    padding: 20px;
    font-size: 14px;
    width: 100%;
  }

  button.submit {
    background-color: #464646;
    border: 1px solid #464646;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    font-family: "Raleway", sans-serif;
  }

  button.submit:hover {
    background-color: transparent;
    color: #464646;
  }


  .blog-right-sidebar-top a {
    color: #666666;
    font-size: 14px;
  }

  .blog-right-sidebar-top a:hover {
    color: #888;
  }

  .blog-right-sidebar-top li {
    line-height: 24px;
    margin-bottom: 12px;
  }

  .blog-right-sidebar-top li:last-child {
    margin-bottom: 0px;
  }

  .blog-right-sidebar-bottom li {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 14px;
  }

  .blog-right-sidebar-bottom li.nn {
    margin-right: 0px;
  }

  .blog-right-sidebar-bottom a {
    border: 1px solid #c1c1c1;
    color: #666;
    display: inline-block;
    padding: 9px 17px;
    transition: all 0.4s ease 0s;
  }

  .blog-right-sidebar-bottom a:hover {
    border: 1px solid #464646;
    background-color: #464646;
    color: #fff;
  }

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

  .blog-search>form {
    position: relative;
  }

  .blog-search input[type="text"] {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    color: #666666;
    line-height: 28.8px;
    outline: medium none;
    padding: 5px 60px 5px 15px;
    transition: all 0.4s ease 0s;
    width: 100%;
    height: 40px;
    margin: 0;
    position: relative;
  }

  .blog-search>form>input[type="submit"] {
    background: #5b5b5b none repeat scroll 0 0;
    border: 1px solid #5b5b5b;
    color: #ffffff;
    height: 40px;
    padding-left: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 80px;
  }

  .blog-search input[type="text"]:focus {
    border-color: #555;
  }

  .leave-form input::-webkit-input-placeholder {
    /* Chrome */
    color: #666666;
    opacity: 1;
  }

  .blog-search input::-moz-placeholder {
    /* Firefox 19+ */
    color: #666666;
    opacity: 1;
  }


  .blog-search button.submit {
    background-color: #464646;
    border: 1px solid #464646;
    color: #fff;
    font-size: 13px;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
  }

  .bg-color.bg-margin {
    padding: 50px 30px;
  }


  .blog-details-area .bg-color {
    background-color: #fff;
    overflow: hidden;
    padding: 50px 30px;
  }

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

  /*------- my account page style start -------*/
  .myaccount-page-wrapper {
    background-color: #fff;
    padding: 55px 30px;
  }

  .myaccount-tab-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .myaccount-tab-menu a {
    border: 1px solid #ccc;
    border-bottom: none;
    color: #242424;
    font-weight: 400;
    font-size: 15px;
    display: block;
    padding: 10px 15px;
    text-transform: uppercase;
  }

  .myaccount-tab-menu a:last-child {
    border-bottom: 1px solid #ccc;
  }

  .myaccount-tab-menu a:hover,
  .myaccount-tab-menu a.active {
    background-color: #0a97d4;
    border-color: #0a97d4;
    color: #fff;
  }

  .myaccount-tab-menu a i.fa {
    font-size: 14px;
    text-align: center;
    width: 25px;
  }

  @media only screen and (max-width: 767.98px) {
    #myaccountContent {
      margin-top: 30px;
    }
  }

  .myaccount-content {
    border: 1px solid #eeeeee;
    padding: 30px;
  }

  @media only screen and (max-width: 575.98px) {
    .myaccount-content {
      padding: 20px 15px;
    }
  }

  .myaccount-content form {
    margin-top: -20px;
  }

  .myaccount-content h3 {
    font-size: 18px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-weight: 300 !important;
    color: #555;
  }

  .myaccount-content .welcome a {
    color: #242424;
  }

  .myaccount-content .welcome a:hover {
    color: #0a97d4;
  }

  .myaccount-content .welcome strong {
    font-weight: 500;
    color: #0a97d4;
  }

  .myaccount-content fieldset {
    margin-top: 20px;
  }

  .myaccount-content fieldset legend {
    color: #242424;
    font-size: 20px;
    margin-top: 20px;
    font-weight: 400;
    padding: 0 0 8px;
    border-bottom: 1px dashed #ccc;
  }

  .myaccount-table {
    white-space: nowrap;
    font-size: 14px;
  }

  .myaccount-table table th,
  .myaccount-table .table th {
    color: #242424;
    padding: 10px;
    font-weight: 400;
    background-color: #f8f8f8;
    border-color: #ccc;
    border-bottom: 0;
  }

  .myaccount-table table td,
  .myaccount-table .table td {
    padding: 10px;
    vertical-align: middle;
    border-color: #ccc;
  }

  .saved-message {
    background-color: #f4f5f7;
    border-top: 3px solid #0a97d4;
    border-radius: 5px 5px 0 0;
    font-weight: 400;
    font-size: 15px;
    color: #555;
    padding: 20px;
  }

  .single-input-item {
    margin-top: 20px;
  }

  .single-input-item label {
    color: #242424;
    text-transform: capitalize;
    font-size: 14px;
    margin: 0 0 8px;
  }

  .single-input-item label.required:after {
    content: '*';
    color: red;
    font-size: 14px;
    margin-left: 3px;
    margin-top: 5px;
  }

  .single-input-item input,
  .single-input-item textarea {
    color: #555;
    border: 1px solid #ccc;
    padding: 12px 10px;
    width: 100%;
    font-size: 14px;
    background: #f7f7f7;
  }

  .single-input-item input:active,
  .single-input-item input:focus,
  .single-input-item textarea:active,
  .single-input-item textarea:focus {
    border-color: #0a97d4;
    background-color: #fff;
  }

  .btn__bg {
    color: #fff;
    font-size: 14px;
    padding: 8px 20px;
    border-radius: 0;
    background-color: #0a97d4;
  }

  .btn__bg:hover {
    color: #fff;
    background-color: #242424;
  }

  .mt-0 {
    margin-top: 0;
  }

  /*------- my account page style end -------*/

  /*------ Start Login & Register Page ------*/
  .login-reg-form-wrap {
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    padding: 23px 30px 30px;
  }

  @media only screen and (max-width: 575.98px) {
    .login-reg-form-wrap {
      padding: 23px 15px 30px;
    }
  }

  .login-reg-form-wrap h2 {
    font-weight: 300;
    font-size: 18px;
    line-height: 1;
    text-transform: capitalize;
    color: #444;
    border-bottom: #ccc;
    margin-bottom: 30px;
  }

  .login-reg-form-wrap form .create-account {
    margin-top: 25px;
  }

  .login-reg-form-wrap .login-reg-form-meta a {
    color: #CC2121;
  }

  @media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sign-up-form {
      margin-top: 40px;
    }
  }

  @media only screen and (max-width: 767.98px) {
    .sign-up-form {
      margin-top: 40px;
    }
  }

  /*------ end Login & Register Page ------*/



  .tab-content.jump .tab-pane {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
  }

  .tab-content.jump .tab-pane.active {
    display: block;
    height: auto;
    opacity: 1;
    overflow: visible;
  }

  .payment-center {
    text-align: right;
  }

  .mean-container a.meanmenu-reveal>span>span>span {
    display: block;
    background: #fff;
    height: 3px;
    margin-top: 9px;
    position: relative;
  }

  .mean-container a.meanmenu-reveal>span>span>span:before {
    display: block;
    background: #fff;
    height: 3px;
    width: 22px;
    margin-top: 3px;
    position: absolute;
    content: "";
    top: 3px;
    left: 0;
  }

  .mean-container a.meanmenu-reveal>span>span>span:after {
    display: block;
    background: #fff;
    height: 3px;
    width: 22px;
    margin-top: 3px;
    position: absolute;
    content: "";
    top: -9px;
    left: 0;
  }

  .bg-gray {
    background-color: #f1f1f1;
  }