/* ####################################################
    :: Template Name: Essence - Fashion Ecommerce Template
    :: Author: Colorlib
    :: Author URL: https://colorlib.com
    :: Description: Essence is smart & elegant fashion e-commerce Template. It's suitable for all e-commerce business platform.
    :: Version: 1.0.0
    :: Created: April 27, 2018
    :: Last Updated: May 2, 2018
    #################################################### */

    /* ---------------------------------------
    ##### - PLACE YOUR CUSTOM CSS HERE - #####
    --------------------------------------- */



body {
  font-family: 'Ubuntu', sans-serif !important;
  }
  .single-products-catagory {
    padding-left:1.5%;
    padding-bottom:1.5%; }

  .products-catagories-area {
    padding-right: 1.5%; }

  .footer_area {
    position: relative;
    z-index: 1;
    background-color: #232323 !important;
    padding: 80px 0;
  }
  .footer_privarea {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    background-color: #232323 !important;
    padding: 10px 0;
  }
  @media only screen and (max-width: 767px) {
    .footer_privarea {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 1;
      background-color: #232323 !important;
      padding: 5px 0;
    }
  }

  .container-fluid {
    min-height: 810px !important;
    width: 100% !important;
    padding-right: 10px;
    padding-left: 13px !important;
    margin-right: auto;
    margin-left: auto;
  }

  .footer_area .single_widget_area .copywrite a:hover {
    color: #6d6d6d !important;
  }

  .zoom-ig {
    transition: transform 0.1s; /* Animation */
  }
  .zoom-ig:hover {
    transform: scale(1.5);
  }

  .zoom-fb {
    transition: transform 0.1s; /* Animation */
  }
  .zoom-fb:hover {
    transform: scale(1.5);
  }
  .reduced-size-h1 {
    font-size: 4.2vh !important;
  }
  .reduced-size-h2 {
    font-size: 2.8vh !important;
  }
  .reduced-size-h3 {
    font-size: 2.3vh !important;
  }

  .divider {
    width: 100% !important;
    height: 3px;
    background-color: #f50087 !important;
    margin-bottom: 80px;
    display: block;
  }

  .divider-brown {
    width: 100% !important;
    height: 1px;
    background-color: #3c3c3c !important;
    margin-bottom: 100px;
    display: block;
  }

  #internal-link {
    font-size: 16px;
    font-weight: bold;
    color: #f50087;
  }

  #external {
    font-size: 16px;
    color: #f50087;
  }

  #external2 {
    font-size: 18px;
    color: #f50087;
  }

  #fixed-height img {
    height: 65px !important;
    width: auto !important;
  }

  #mini {
    max-width: 250px;
    height: auto;
    padding-bottom: 20px;
  }

  #milan {
    max-width: 150px;
    height: auto;
  }

  #comdat {
    text-align: justify !important;
    font-size: 15px;
  }

  #miniS {
    max-width: 260px;
    height: auto;
  }

  #phone {
    max-width: 190px;
    height: auto;
    display: inline;
  }

  #mail {
    max-width: 130px;
    height: auto;
    display: inline;
  }

  #icns {
    max-width: 90px;
    fill: #242424 !important;
    height: auto;
  }

  #icns-tabs {
    max-width: 90px;
    padding: 5px;
    height: auto;
  }

  #heart {
    color: #f50087 !important;
  }

  #sponsor {
    font-size: 15px;
    line-height: 3;
    text-transform: uppercase;
  }

  #blue svg:hover path {
    background-image: url('img/core-img/milan_is_logo.svg') !important;
  }

  #counter div.ec-minicart__counter {
    color: #fff !important;
  }

  #mini-cart div.ec-minicart__counter {
    color: #fff !important;
    font-size: 0.65em !important;
  }

  #mini-cart div.ec-minicart__icon {
    width: 15px !important;
    height: 15px !important;
    padding: 1px !important;
  }

  #mini-cart div.ec-minicart__icon path {
    stroke-width: 1.5px !important;
    background-color: #f50087 !important;
    display: none;
  }

/* ECWID INTEGRATION STYLE RETOUCHED */

  div.ecwid-ProductBrowserPopup>div {
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #ededed !important;
    border-radius: 5px;
    position: relative;
    margin: 0 auto;
    background: #ffffff !important;
    display: inline-block;
  }

  div.ecwid-productBrowser {
  padding: 0 10px 20px;
  background-color: #ffffff !important;
  }

  .form-control--secondary .form-control__button {
  border-color: rgba(0,0,0,0);
  background-color: #ffffff !important;
  border: 1px solid #ededed !important;
  color: #212529;
  }


  /* ECWID SEARCH OPENER */

  html#ecwid_html body#ecwid_body .ecwid-search-widget__opener {
      display: block;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 8.2em !important;
      height: 2.2em !important;
      margin: 0;
      padding: .35em 0;
      border: 1px solid #fff !important;
      border-radius: .1875em;
      outline: 0;
      background: none !important;
      background-clip: padding-box;
      background-size: 60% 60%;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07) inset;
      color: #333;
      font-size: inherit;
      line-height: 1.5em;
      text-align: left;
      vertical-align: middle;
      white-space: normal;
      transition: width 400ms ease-in;
      cursor: pointer;
      -webkit-appearance: none;
  }

/* MINI FLOATING SHOPPING CART WIDGET */

  .floating-menu {
    background: #f50087;
    position: fixed;
    width: 40px;
    height: 40px;
    top: 60px;
    right: 60px;
    text-align: center;
    padding-top: 2px;
    box-shadow: 2px 2px 3px #999;
    z-index: 2147483647 !important;
    display: block;
    border-radius: 0px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  }
  div.ec-minicart__icon {
    width: 25px !important;
    height: 25px !important;
  }
    @media only screen and (max-width: 767px) {
      .floating-menu {
        top: 90px;
        right: 30px;
      }
    }

/* PRIVATE AREA TEXT */

.privarea {
  position:absolute;
  font-size:18px;
  font-weight:700;
  color:#ffffff
}
@media only screen and (max-width: 767px) {
  .privarea {
    visibility: hidden !important;
  }
}
.privarea-mobile {
  position: absolute;
  display: block !important;
  margin-left: 33%;
  margin-top: 15px;
  font-size:16px;
  font-weight:600;
  color:#ffffff
}

/* TYPEFORM NEWSLETTER BUTTON HOVER */

  #typeform:hover {
   background-color: #ffff00 !important;
   color: #000000 !important;
   -webkit-transition-duration: 500ms;
   transition-duration: 500ms;
  }



  /* LEGAL TEXTS PADDING */

  #smaller {
    width: 95% !important;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left:auto
  }

  .smaller {
    width: 100% !important;
    padding-right: 1.5%;
    padding-left: 0px;
    margin-right: auto;
    margin-left: 1.5%;
    align-content: center !important;
    justify-content: center !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  /* FOOTER MENU TITLES */

  .nav-title {
    margin-top: 2px;
    line-height: 3em;
    padding: 0px 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .nav-title {
        padding: 0px 0; } }
    @media only screen and (max-width: 767px) {
      .nav-title {
        padding: 0px 0; } }
    .nav-title {
      color: #7QYImqgfxl7zfFZgVZpPf; }
  .nav-title {
    color: #fff; }
  .nav-title {
    padding-right: 0; }

    /* FOOTER MENU LINKS HOVER TRANSITION */

    .footer_area .single_widget_area .footer_menu .navbar-nav .nav-item .nav-link {
      -webkit-transition-duration: 200ms !important;
      transition-duration: 200ms !important;
    }



  /* FOOTER PAYMETS SECTION */

  .bottom-section p {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-top: 12px;
    min-height: 1px;
    color: #6d6d6d;
    font-size: 12px !important;
    text-decoration: none !important;
    line-height: 1.9;
    font-weight: 400;
    text-align: center !important;
  }

  .bottom-section svg {
    position: relative;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 70px;
  }

  /* hide mobile version by default */
  .payments .mobile {
    display: none;
  }
  /* when screen is less than 600px wide
     show mobile version and hide desktop */
  @media (max-width: 767px) {
    .payments .mobile {
      display: block; }
    @media only screen and (max-width: 500px) {
      .payments .mobile {
        display: block;
        min-height: 10px;
      }
    }
    .payments .desktop {
      display: none;
    }
  }



  /* RESPONSIVE IMAGES PROFESSIONALS SECTION */

  .responsive-img {
    width: 120% !important;
    height: auto !important;
  }



  /* TOP PROGRESS BAR */

  .progress-bar {
    position: fixed;
    top: 0;
    z-index: 99999999 !important;
    height: 4px;
    background: #232323;
    width: 0%;
  }
  /* when screen is less than 600px wide
     show mobile version and hide desktop */
  @media (max-width: 767px) {
    .progress-bar {
      top: 0px;
      z-index: 99999999 !important;
      height: 2px !important;
      background: #232323 !important; }
    @media only screen and (max-width: 500px) {
      .progress-bar {
        top: 0px;
        z-index: 99999999 !important;
        height: 2px !important;
        background: #232323 !important; }
    }
  }



  /* MOBILE HIDE ON SCROLL */

  #mobile-header {
  	position: fixed;
  	height: 70px;
  	background: #f50087;
  	top: 0;
  	width: 100%;
  	z-index: 3000;
  	transition: all .3s ease;
  }
  #mobile-header.hide {
  	top: -71px;
  }



  /* FOOTER LANGUAGE MENU OVERLAY */

  #world {
    float: left;
    background-color: #f50087;
    color: #ffffff;
    width: 40px;
    height: 40px;
    font-size: 22px;
    cursor: pointer;
    padding: 10px;
    margin-bottom: -1%;
    margin-left: 3%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
  }

  a:hover #world {
    float: left;
    background-color: #ffff00 !important;
    color: #000000 !important;
    width: 40px;
    height: 40px;
    font-size: 22px;
    cursor: pointer;
    padding: 10px;
    margin-bottom: -1%;
    margin-left: 3%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
  }

  .sideLang {
     height: 100vh;
     width: 0;
     z-index: 99999999 !important;
     position: fixed;
     top: 0;
     left: 0;
     background-color: #232323;
     overflow-x: hidden;
     padding-top: 60px;
     transition: 0.5s;
  }

  .sideLang a {
     padding: 20px 0px 8px 0%;
     text-decoration: inherit;
     z-index: 99999999 !important;
     font-size: 14px;
     font-weight: 100 !important;
     text-transform: uppercase;
     color: #ffffff;
     display: block;
     text-align: center;
     transition: 0.3s;
  }

  .sideLang .activeLang {
    color: #f50087 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  .sideLang a:hover {
     color: #ffff00;
  }

  .sideLang .activeLang a:hover {
    color: #f50087 !important;
    font-weight: 900 !important;
  }

  .sideLang .closeLanBtn {
     position: absolute;
     top: 60px;
     right: 40px;
     font-size: 36px;
  }



  /* COLLAPSIBLE FAQ STYLE */

  .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100% !important;
    border: none;
    border-radius: 3px;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.2s;
    margin-bottom: 15px;
  }

  .active-tab, .accordion:hover {
    background-color: #f50087;
    color: #ffffff;
  }

  .accordion:after {
    content: '\002B';
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }

  .more {
    background-color: #eee;
    color: #c1c1c1;
    cursor: pointer;
    padding-left: 1.5%;
    padding: 5px;
    width: 100% !important;
    border: none;
    border-radius: 3px;
    text-align: center;
    outline: none;
    font-size: 18px;
    transition: 0.2s;
    margin-bottom: 15px;
  }

  .active-tab, .more:hover {
    background-color: #f50087;
    color: #ffffff;
  }

  .more:after {
    content: '\002B';
    font-weight: bold;
    float: center;
    margin-left: 0px;
  }

  .active-tab:after {
    content: "\2212";
  }

  .panel {
    padding: 12px 18px;
    border: solid 1px #eee;
    border-radius: 3px;
    display: none;
    background-color: white;
    overflow: hidden;
  }

  .panel-more {
    padding: 50px 2px 50px 6px;
    display: none;
    background-color: white;
    overflow: hidden;
  }


  /* SERVICES TABS */

  .tablink {
    background: #ffffff;
    color: #232323;
    border-radius: 3px 25px 0px 0px;
    text-align: left;
    float: left;
    border: none !important;
    outline: none !important;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 33.33333%;
  }

  .bottombar-h {
    border-bottom: 3px solid #F50087!important;
  }

  .bottombar-b {
    border-bottom: 3px solid #00FFFF!important;
  }

  .bottombar-p {
    border-bottom: 3px solid #232323!important;
  }

  .tablink:hover {
    background-color: #eee;
  }

  /* Style the tab content */
  .tabcontent {
    color: white;
    display: none;
    margin-top: 80px !important;
    text-align: left;
  }



  /* SERVICES DETAILS CAROUSEL & DESIGN SECTION */

  .container-fluid-carousel {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
  }

  .main-content-wrapper .single-product-area .single_product_desc .product-meta-data .line {
    width: 100px !important;
    height: 3px;
    background-color: #f50087 !important;
    margin-bottom: 15px;
    display: block;
  }

  .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators li.active {
    border: 2px solid #232323 !important;
  }

  .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #000;
    right: 0;
    padding-right: 0;
    width: 30px;
    height: 30px;
    background-color: #ffff00 !important;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 40px;
    right: -30px;
  }

  /* business line color */

  .main-content-wrapper .single-product-area .single_product_desc_business .product-meta-data .line {
    width: 100px !important;
    height: 3px;
    background-color: #00ffff !important;
    margin-bottom: 15px;
    display: block;
  }

  /* kkp line color */

  .main-content-wrapper .single-product-area .single_product_desc_kkp .product-meta-data .line {
    width: 100px !important;
    height: 3px;
    background-color: #232323 !important;
    margin-bottom: 15px;
    display: block;
  }


  /* ABOUT SECTION */

  #vc {
    float: left;
    max-width: 200px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 5px;
    border: 12px solid #f50087;
  }