.overlay{ position: fixed;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index: 9999; }
.overflow { overflow: hidden; }

.bg-grey { background:#FAFAFA; }
.loader { display:flex;align-items:center;justify-content: center; position: fixed;top:0;left:0;background:#FFFFFF;color:#e63956;font-size:30px;width:100%;height:100%;z-index: 999999; }
.link, .link:hover { color:darkblue;text-decoration:underline; }
.price { color:#000000; }

.page404 {  position: absolute;top:0;bottom:0;left:0;right:0;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size:14px;width:100%;height:100%; }
.page404 strong { font-size: 140px;line-height: 140px;font-weight: 900;color:#2c2c2c; }
.page404 span { margin-bottom:5px; }
.page404 .btn-link { margin-top:15px; }
    

.media { background:#000;padding:30px 0px;text-align:center;border-top:1px solid rgba(255,255,255,.08); }
.media a { display:inline-block;color:#FFF;font-size:16px;letter-spacing:1px;padding-left:10px;color:#FFF; }
.media a:first-child { padding-left:0px; }
.media .fab { margin-left:3px; }

   
.header { position:absolute;top:0px;left:0;width: 100%; z-index: 9998; }
.header .container { display: flex;align-items: center;justify-content: center; }
.header .logo { display: inline-block;max-width: 160px;min-width: 160px;width:160px;margin-right:auto;padding:30px 15px;  }
.header .logo img{ width: 100%; }


.header ul > li { display: inline-block; }
.header ul > li:last-child a {padding-right:0px; }
.header ul > li > a { 
  position: relative;
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color:#FFF;
  padding: 0px 10px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.header  ul > li:hover > a { color: #000000; }

.header .call, .header .call:hover { padding:7px 14px !important;background:#000000;color:#FFF; }

.header .tools {display: none;}

.header .right { padding-left:20px;margin-left:20px;border-left:1px solid rgba(255,255,255,.1); }
.header .right a { font-size:20px;color:#FFF;padding-left:10px; }
.header .right a:first-child { padding-left:00px; }

.hero {  position: relative;background-repeat;background-position:center;background-size:cover;padding: 400px 0px 100px 0px; min-height:150px;text-align: center;overflow: hidden;}
.hero > * { position:relative;z-index:777; }
.hero h1{ position: relative; font-size: 50px;color:#FFF;}

.hero .breadcrumb li a { color:#FFF; }
.breadcrumb>li+li:before { color:#FFF; }

.hero:before { content:'';position:absolute;bottom:0;left:0;right:0;width:100%;height:100%;background:#120F10;opacity:.45;z-index:2; }

.menu {  background:#08384E;border:0px;height: auto; }
.menu .nav { display: block; position: relative; }
.menu .nav > li > a { 
  display: block;
  padding: 5px 20px;
  color:#FFFFFF;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease;
  border-right: 1px solid rgba(255,255,255,.5);
  z-index: 900;
}
.menu .navbar-nav > li:last-child > a {  border-right: 0px; }
.menu .nav > li.active > a, .menu .nav> li > a:hover {  color: #000000; }
.menu .navbar-left li.category .dropdown-menu { display: none; }

.headline { position:relative;display:flex;align-items:center;justify-content:center;background-image: var(--photo);background-size:cover;background-position:center;background-repeat:no-repeat;height: 60vh;min-height: 60vh;max-height:60vh;overflow: hidden; }
.headline:before { content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#231F20;opacity:.3;z-index:2; }

.headline .container { position:relative; z-index:2; }
.headline .heading{ color: rgb(255, 255, 255);line-height: 1.2;font-size: 60px;margin-bottom: 25px;max-width: 480px; }

.headline .description { color:#FFF;font-size: 18px; margin-bottom: 35px;max-width:480px; }

.headline .buttons { margin-top:20px;; }
.headline .btn-default {  background:#FFF;color: #000000;margin-right:5px;min-width:150px;}
.headline .btn-default:hover { background:#000000;color:#FFF; }

.headline .btn-primary { min-width:150px;}
.headline .btn-primary:hover { background:#FFF;color:#000000; }

.single { position: relative;  margin-bottom: 30px; border-radius: 4px;background: #FFFFFF;border: 1px solid #EEE; -webkit-transition: all .3s; transition: all .3s;overflow: hidden;}
.single .photo  { display: block;background-size:cover;background-position:center;background-repeat: no-repeat;height: 200px;border-bottom:1px solid  #EEE; }
.single .photo img {display: none; }
.single .caption { display: flex;align-items: center;justify-content: center;height: 70px;padding:0px 15px;text-align: center; }
.single .caption h4 { font-size: 16px;  font-weight: bold; }
    

.banners { padding-top:50px; }
.banners .item { position:relative;display:flex;align-items:flex-end;justify-content:center;background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#f5f5f5; text-align:left; margin-bottom: 30px;}
.banners .item:hover:before { background:rgba(255,255,255,.9); }

.banners .item .right { margin-left:auto;max-width:150px;min-width:150px;width:150px; }

.banners .item .right img { max-width:100%;border-radius:100%; }


.banners .item > * { position:relative;z-index:3; }
.banners .item .caption { position: relative;display: block; z-index:3;text-align:left;    font-weight: 600;font-size: 22px;color: #111; transition: all .3s; }

.banners .item .view { 
      position: relative; 
      display: inline-block;
      margin-top:15px;
      letter-spacing: 2px;
      font-weight: 600;
      font-size: 14px;
      color: #fff;
      background: #111;
      text-align: center;
      text-transform: uppercase;
      padding: 5px 15px;
      transition: all .3s;
      
}

.title { position: relative; text-align:center;margin-bottom:50px; }
.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 { position: relative; font-size: 24px; font-weight: 500; line-height: 1.2; color: #111; letter-spacing: 1px; padding-top:15px; }
.title p { font-size: 17px; color: #666; padding-top: 5px; }


.title h1::after, .title h2::after, .title h3::after, .title h4::after, .title h5::after, .title h6::after { 
    content: '';
    width:50px;
    height: 2px;
    background: #000000;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    top: 0;
}


.products { position: relative;padding:100px 0px 70px 0px;border-bottom: 1px solid #EEE; }

.products_list { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:30px; }

.products .container { position:relative;z-index:2; }

.products .item { position:relative;text-align: center;font-size:15px;font-weight: bold;overflow: hidden; }

.products .item h3 a { display:block;font-size:14px;line-height: 1.5em;font-weight: 450; padding:15px 15px 0px 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.products .item .figure { position:relative;display:block;overflow:hidden; }
.products .item img { transition:all .2s ease; }
.products .item .fa-search { position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;display:flex;align-items:center;justify-content:center;font-size:12px;transition: all .1s ease; }
.products .item .fa-search:before { display:inline-block;width:30px;height:30px;line-height:30px;background:#FFF;border-radius:100%; }

.products .item .hover { position:absolute;left:0;right:0;bottom:0px;background:#FFF;display:flex;align-items:center;justify-content:center;opacity:0;transition: all .1s ease;  }

.products .item:hover .fa-search { opacity:1; }
.products .item:hover img { transform:scale(1.1); }


.products .item .price{ line-height:17px; margin-top:5px;}
 .price span.new{ display:block;font-size:16px; }
.price span.old{ display:block;color:#AAA !important; font-size:14px;    text-decoration: line-through;}




.wrapper{ position:relative;padding:30px;margin-top:-30px;z-index: 55;margin-bottom:100px; background: #FFF;}


.article { background:#FFF;font-size: 15px;line-height: 26px;color:rgba(0,0,0,.8);padding:20px;border: 1px solid #F5F5F5;width:100%; }
.article header { margin-bottom:15px;  }
.article figure { margin-bottom:15px; }
.article figure img { width:100%;max-width:100%; }
.article h2, .article h3, .article h4, .article h5, .article h6{  position: relative;  font-weight: bold; background: #f0f0f0; padding:15px 20px; margin:15px -20px; font-size: 18px; z-index:2;  }
.article h1 { font-size:30px;font-weight:bold;margin-bottom:10px; }

.article p {color:rgba(0,0,0,.8);line-height: 1.4; }
.article a { color:blue; }
.article p + p { margin-top:15px; }

.article ul, .article ol { padding-left:40px;margin:15px 0px; }
.article ul li, .article ol li { list-style-type:disc;}


.aside { background:#f9f9f9;width: 27.5%;flex-shrink: 0;padding:20px; }

.aside .widget { display:flex;align-items:center;background:#FFF;padding:15px;margin-bottom:15px;border-bottom:2px solid #EEE; }
.aside .widget .fa, .aside .widget .fab { width:40px;min-width:40px;height:40px;line-height:40px;margin-right:15px; border-radius: 100%; background: #eee;text-align: center;color:#FFF; }
.aside .widget .fa-phone { background:#128c7e; }
.aside .widget .fa-whatsapp { background:#25D366;}
.aside .widget .fa-envelope-open { background:#242424;}
.aside .widget p { font-size:13px; }
.aside .widget strong { display:block;font-size:15px;}


.nav-tabs { display:flex;align-items:center;justify-content:center;margin-top:30px; }
.nav-tabs li a { display:inline-block;padding:10px 30px;background: #000;color:#FFF;border-right:1px solid rgba(255,255,255,.2);  }
.nav-tabs li a:hover { background:#242424;  }
.nav-tabs li:last-child a { border-right:0px;  }
.nav-tabs li.active a { background:#000000; border-right:0px; }


.tab-pane { display:none; }
.tab-pane.active { display:block; }

.cta { position:relative;background:#128c7e url(../uploads/cta.png) center center no-repeat;background-size: cover;padding:100px 0px;color:#FFF; }

.cta:before { content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#231F20;opacity:.4;z-index:2; }


.cta .container { position:relative; display:flex;align-items:center;justify-content:center;z-index:3; }

.cta .title { text-align:left; margin-bottom: 0px;}
.cta .title h2::after { display:none; }
.cta h2{ color:#FFF;font-weight: 500;font-size: 24px;padding-top:0px;}
.cta p {  color:#FFF;max-width: 564px;font-size:18px;}

.cta .btn-primary { margin-left:auto;}


.filter { display:flex;align-items:center;justify-content:center;margin-bottom:30px; }

.filter .dropdown { position:relative;flex:1;flex-grow:1;margin-right:30px; }
.filter .dropdown:last-child { margin-right:0px; }
.filter .form-control { border:1px solid #111;color:#111;border-radius:0px;background:#FFF; }

.filter .btn-filter  { display: block; border:1px solid #111;color:#111; }
.filter .btn-filter:hover {background: #EEE;}
.filter .btn-filter .fal { margin-right:5px; }


.filter .btn-save {display:block;background: #111;color:#FFF;margin-top:10px;}

.filter .dropdown-menu { display:none;position:absolute;left:0;right:0;padding:15px;background:#FFF;border:1px solid #111;margin-top:5px;z-index:4; }

.filter .dropdown-menu li a, .filter .dropdown-menu .radio  { display:block;padding:5px;border-bottom:1px solid #EEE; }
.filter .dropdown-menu li a:hover { background:#111;color:#fff; }
.filter .dropdown-menu li:last-child a { border-bottom:0px; }


.filter .dropdown.open .dropdown-menu { display:block; }

.filter .actions { position:fixed;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%; }
.filter .actions > * { flex:1;flex-grow:1; }







.contacts { position:relative;display: grid;grid-template-columns: 50% 50%;padding:0px;  }

.contacts .left, .contacts .right { padding:60px; }

.contacts .left.appointment_text { display:flex;align-items:flex-start;justify-content:center;flex-direction:column;font-size:20px;font-weight:300; }
.contacts .left.appointment_text p + p { margin-top:15px; }

.contacts .right { border-left:1px solid #EEE;background:#F5F5F5; }



.boxes-title {  font-size: 20px; font-weight: 500;  letter-spacing: 1px;margin-bottom:30px; }


.boxes .far {font-size:20px;margin-right:15px;width:30px; }

.boxes .item {  display:flex;align-items:center;justify-content:flex-start;line-height: 21px; }
.boxes .item + .item { margin-top:15px; }


.boxes + .boxes-title { margin-top:50px; }




.socials a  { display:inline-block;text-align: center;margin-right: 5px;margin-bottom:5px; } 
.socials a .fab {  display: block;position: relative;font-size:16px;min-width:20px;color:#111;-webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; }
.socials a:hover .fab:before { transform: rotate(360deg); }



.footer {  position: relative;padding:75px 0px 20px 0px;background:#FFF;border-top:1px solid #EEE; }




.footer .logo  { display: block;margin-bottom:15px;  }
.footer .logo img { max-width: 100%;max-height: 60px; }


.footer .widget-title{  position:relative;font-size: 19px;font-weight: 600;color: #111;margin-bottom: 25px; }
.footer .widget-title:after { content: "";display: block; height: 2px; width: 50px; background: #111;  margin: 15px 0 30px;}
.footer .widget ul li { display: block; margin-bottom: 10px; }
.footer .widget ul li a { display: block;color:#111; }
.footer .widget ul li a:hover{ text-decoration: none; }
.footer .widget ul li .fal, .footer .widget ul li .fab{ font-size: 16px;width: 25px;min-width: 25px;max-width: 25px; }

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

.footer .contact li{ margin-bottom:0px !important; }
.footer .contact li.seperator{ margin-bottom:10px !important; }

.copyright { background:#FFF;padding: 25px 0px;text-align: center;color:#111;text-align: center; border-top: 1px solid #EEE; }



@media (min-width:767px) {

  .header .toggle { display: none; }
  .mobimenu{display: none;}


  .footer .container { display: flex;align-items: flex-start;justify-content: center;  }


  .footer .widget { flex:1;flex-grow:1;margin-bottom:30px;  border-right: 1px solid rgba(255,255,255,.1);padding:0 30px;}
  .footer .widget:first-child {padding-left:0px;}
  .footer .widget:last-child { border-right:0px; padding-right:0px;}





}

@media (max-width:767px) {



      .top { display:none; }

      .header{ position: absolute;top:0;left:0;display: flex;align-items: center;justify-content: center;padding: 15px 0px;width:100%;background:none;border-bottom:1px solid rgba(255,255,255,.1);z-index:11; }
      .header .container { width:100%; }
      .header .logo{  background:none;width:100px;min-width:100px;max-width:100px;padding:0px; }
      .header:not(.fixed) .logo img { filter:brightness(0) invert(100%); }
      .header .center, .header .right { display:none; }
      .header .tools { display: block; margin-left:auto; }
      .header .tools a { display:inline-block;width:35px;height:35px;line-height:35px;text-align:center;background:#000000;color:#FFF;border-radius:100%;font-size:16px;}


     /*  .header.fixed { background:#FFF;-webkit-transition:all .1s ease; box-shadow: rgba(0, 0, 0, 0.05) -4px 9px 25px -6px;border-bottom:1px solid #f4f4f4;z-index:100; }
      .header.fixed .logo { max-width:100px;min-width:100px;width:100px; } */

      .headline { padding:0px 30px 100px 30px;align-items:flex-end;background-image: var(--mobile-photo); }
      .headline .heading { font-size:40px;text-align:center; }

      .headline .buttons { text-align:center; }
      .headline .buttons * { margin:5px; }

      .hero { padding:200px 0px 75px 0px;z-index:10; }
      .hero h1 { color:#FFF;font-size: 30px;}
      .hero p { font-size:13px; }
      .hero .breadcrumb { padding-top:0px; }

    

      .mobimenu {  position:fixed;top:0px;bottom:0;left:-250px;background: #FFF;width:250px; display: flex;flex-direction: column;text-align:left;overflow-y: auto; -webkit-transition:left .3s linear; -moz-transition:left .3s linear; -o-transition:left .3s linear; transition:left .3s linear; z-index: 10000;  }
      .mobimenu.show {  left:0;  }
      .mobimenu .heading { background: #FFF;border-bottom:1px solid #EEE;padding:20px 15px; }
      .mobimenu .heading img { max-height:75px; }
      .mobimenu .middle{margin-bottom: auto;}
      .mobimenu .middle > li > a{ position: relative;display:block;padding:15px;border-bottom: 1px solid #EEE;font-weisght:500;color:#191919; }
      .mobimenu .middle > li:last-child > a{ border-bottom:0px; }
      .mobimenu .middle > li > a > .fal { position:absolute;right:15px;font-size:20px;top: calc(50% - 12px); }
      .mobimenu .middle > li > a:hover, .mobimenu .middle > li.active > a { color:#08384E; }
      .mobimenu .middle > li.open > a > .fal:before { content: "\f107"; }

      .mobimenu .bottom { border-top:1px solid #EEE;padding:15px;font-size:20px;text-align:center; }
      .mobimenu .bottom a{ padding:5px; }
.nav-tabs li a { padding:10px !important }

      .banners{ padding-top:30px; }

      .wrapper { display:block; }

      .title { margin-bottom:30px; }

      .products { padding-top:50px 0px 40px 0px; }

      .wrapper { background:none;margin:0;padding:30px 0px 0px 0px; }

      .products .item { -webkit-line-clamp: 1; }
      
      
.products_list { grid-template-columns: 1fr 1fr;}


      .cta { text-align:center;padding:75px 0px; }
      .cta .container{ display:block; }
      .cta .title { margin-bottom:15px;text-align:center; }
      .cta .btn-primary { padding:7px 14px; }

      .filter { display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#FFF;z-index:999999; }
      .filter.open { display:block; }
      .filter .btn-filter { border:none;text-align:left;padding:15px;border-bottom:1px solid #111;background:#fafafa; }
      .filter .dropdown{margin-right:0px;}
      .filter .dropdown-menu { display:block;position:static;border:none;padding:10px 0px; }
      .filter .dropdown-menu li a, .filter .dropdown-menu .radio{ padding:5px 20px; }
      .filter .btn-save { display:none; }
      .filter .row { margin:0px; }

      .btn-filter-open { margin-top:30px; }
      .btn-filter-open .fal { margin-right:5px; }



      .contacts .left, .contacts .right { padding:30px; }



      .footer { text-align: center; }
      .footer .container { display: block; }
      .footer .left, .footer .center, .footer .right { width:auto; }
      .footer .widget { margin-bottom:50px !important; }
      .footer .widget-title:after{ margin:0 auto;margin-top:15px; }
      .footer .logo{display: block;margin-bottom: 1.25rem;}
      .footer .contact {display: block;}


}