/********** Template CSS **********/

/*@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600,900&family=Marcellus&family=Gothic+A1:wght@300;400;500;600;700&display=fallback");

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins&display=swap');
*/
@font-face {
    font-family: 'Kanit';
    font-style:thin;
    font-weight:thin;
    font-display: swap;
    src: url("../fonts/Kanit-Thin.ttf") format('woff2');
}

@font-face {
    font-family: 'Kanit';
    font-style:light;
    font-weight:light;
    font-display: swap;
    src: url("../fonts/Kanit-Light.ttf") format('woff2');
  }
  @font-face {
    font-family: 'Kanit';
    font-style:normal;
    font-weight:normal;font-weight: lighter;
    font-display: swap;
    src: url("../fonts/Kanit-Regular.ttf") format('woff2');
  }
  @font-face {
    font-family: 'Kanit';
    font-style:medium;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Kanit-Medium.ttf") format('woff2');
  }
  @font-face {
    font-family: 'Kanit';
    font-style:bold;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Kanit-Bold.ttf") format('woff2');
  }

  /*@font-face {
    font-family: 'Lora';
    font-style:bolder;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/Lora-ExtraBold.ttf") format('woff2');
  }*/

  /*BOOTSTRAP 5 - primary:#0d6efd;*/

:root {
    --primary: #0d6efd;
    --secondary: #E93C05;
    --tertiary: #555555;
    --light: #DFE4FD;
    --dark: #011A41;

    

    --accent-color: #0d0d0d;
    --bs-gray-100: #f3f3f3;
    --bs-gray-200: #e7e5e2;
    --bs-primary: /*#4a4d3f;*/#2d3705;
    --bs-secondary: #F6F5F2;
    --bs-primary-rgb: 120, 125, 98;
    --bs-body-bg-rgb: 246, 245, 242;
    --bs-light: #fff;
    --bs-dark: #343a40;
    --navbar-color-color: #131814;
    --swiper-theme-color: #787d62 !important;
    --swiper-pagination-color: #787d62 !important;

    --text-primary: #515445;
}
/*rosu pp h1*/
.red{color: #f00;}
.ylw{color: #f99506;}
.primary{ color:#0d6efd; } 
.blue{color: #025F0C;}

.bg-alb{background-color: #fff;}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;background-color: #f99506;border: none;
}

/* #f6f5f2 */
body {
  /*  background-color: rgb(246, 245, 242, 1);*/background-color: #FFFFFF;
    font-size: 20px;font-weight: 100;
    color: #000;
    margin: 0 auto;font-family:Arial, Helvetica, sans-serif;
  }

h1,
.h1,
h2,
.h2,
.fw-bold {
    font-weight: 600 !important;font-family: Kanit, sans-serif;
}

h3,
.h3,
h4,
.h4,
.fw-medium {
    font-weight: 100 !important;font-family: Kanit, sans-serif;
}

h5,
.h5,
h6,
.h6,
.fw-semi-bold {
    font-weight: 200 !important;
}

a {
    color: #000;
    text-decoration: none;
    transition: 0.3s color ease-out;font-weight: 400;
  }
  
  a:hover {
    text-decoration: none;
    color: #f99506;
  }








/*** Navbar ***/
.fixed-top {
    transition: .5s;
}

/*AD*/
.top-bar {
    height: 45px;
    border-bottom: 1px solid rgba(53, 94, 252, .07); 
}





.navbar{background-color: rgba(255, 255, 255, 0.4);font-family: Kanit;}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

/*nav desk*/
.navbar .navbar-nav .nav-link {
    padding: 25px 10px;
    color: #000;
    font-weight: 400;
    outline: none;

    display: block;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.navbar .navbar-nav .nav-link.active {
  color:#fff;background-color: #2d3705;
}

.navbar .navbar-nav .nav-link:hover {
  color:#fff;background-color: #f99506;
}

/*DROPDOWM MEGAMENU*/
.navbar .megamenu{ padding: 2rem; font-size: 26px; }

.mm{width: fit-content;}
.mm:hover {color:#f99506}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
	
}	
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
		overflow-y: auto;
	    max-height: 90vh;
	    margin-top:10px;
      
	}
}
/* ============ mobile view .end// ============ */

/*DROPDOWM MEGAMENU*/





/*text "cosul meu"
#cart-item{margin-right: -10px;}*/

/* eu - prima pagina -----------------------------------------------------------------*/

/********** Template CSS **********/

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);

  margin-right: auto;
  margin-left: auto;
}

/*** About - 2 div full - poza cover stanga -    background-color: #eddfdd; ***/
@media (min-width: 992px) {
    .container.about {
      max-width: 100% !important;
    }
  
    .about-text {
      padding-right: calc(((100% - 960px) / 2) + 0.75rem);
    }
  }
  
  @media (min-width: 1200px) {
    .about-text {
      padding-right: calc(((100% - 1140px) / 2) + 0.75rem);
    }
  }
  
  @media (min-width: 1400px) {
    .about-text {
      padding-right: calc(((100% - 1320px) / 2) + 0.75rem);
    }



  }

/*bg coperta pp */
.flu0{background-color: #000;text-align: center;}

/*btn tel descktop*/
.tbdk{font-size: 21px;font-weight: 600;padding: 0 5px;margin-right: 5px;margin-top: -4px;}
/* adresa*/
.adrs{font-size: 21px; display: inline-block;

  background-color: rgba(255, 255, 255, 1); padding: 1px 4px;border-radius: 10px;font-weight: 600;}

  /*Buton Vezi Harta*/
.vzh{font-weight: 600;margin-top: -3px;}  

/*div nr tel sub logo-menu mobil*/
.top-bar-mobil{height: 69px;margin-top: 82px;}
/*btn mobil*/  
.tbm{margin-top:9px;font-size: 22px;font-weight: 800;}

/*bg h1*/
.ve2{background-color: rgba(0, 0, 0, 0.5);}
/*h1*/
.ve1{font-weight: bolder; color: #FFFFFF; text-shadow: 1px 2px 2px rgba(0,0,0,0.9);}

/****************MATRITA MAGINI**********************/
.matrita{margin-top: 150px;height: 600px;}


/************* DISTRIBUIE butoane share
***********************************
*********************************************/
/*
.social-bg-top{background-color: #e4eaf8}
*/

.share-handler {  
  color: #000000;
    padding-top: 2px;margin: 0;
    font-size: 16px; font-weight: bold;
letter-spacing: 1px;
}


.facebook {background: #0251C5;color: #fff;}
.twitter {background: #026f9a;color: #fff;}
.linkedin {background: #0e76a8; color: #fff;}
.whatsapp {background: #026937; color: #fff;}
.pinterest {background: #c8232c; color: #fff;}
.email {background: #000; color: #fff;}




/*hover*/
.button:hover.facebook {background: #d3d3d3;color: #2a6ef9;}
.button:hover.twitter {background: #d3d3d3;color: #026f9a;}
.button:hover.linkedin {background: #d3d3d3; color: #0e76a8;}
.button:hover.whatsapp {background: #d3d3d3; color: #026937;}
.button:hover.pinterest {background: #d3d3d3; color: #c8232c;}
.button.email {background: #d3d3d3; color: #000000;}




@media (max-width: 991.98px) {
    .navbar .navbar-nav {
        margin-top: 10px;
        border-top: 1px solid rgba(0, 0, 0, .07);
        background: #FFFFFF;
    }

    .navbar .navbar-nav .nav-link {
        padding: 10px ;
    }


}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        transition: .5s;
        opacity: 0;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transform: rotateX(0deg);
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }

    .navbar-toggler-icon {
        color: rgba(0,0,0);
        border-color: rgba(0,0,0,.9);
    }
}


/*** Header carousel*/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: start;
    z-index: 1;
}


@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /*bg coperta pp */
.flu0{background-color: #000;text-align:inherit;}
}








  @media screen and (min-width: 577px) {

    

    .cards-wrapper {
      display: flex;
    }
    .card {
      margin: 0 0.5em;
      width: calc(100% / 2);
    }
    .image-wrapper {
      height: 20vw;
      margin: 0 auto;
    }
  }
  @media screen and (max-width: 576px) {


   


    .card:not(:first-child) {
      display: none;
    }


    .cart{font-size: 16px;}
/*DROPDOWM MEGAMENU*/
.navbar .megamenu{ padding: 1rem; font-size: 18px; }

  }


  @media screen and (max-width: 303px) {

    .navbar-toggler-icon {
      display: inline-block;
      width: 1em;
      height: 1.5em;
      vertical-align: middle;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
  }

  .navbar-toggler {
     padding: 0.25rem 0.25rem;}

     th{font-size: 12px;}


  }




/* 1.. PRIMA PAGINA - INDEX ------------------------------------------------------------------------------------*/
/*zoom poze hover categ*/

/*bg poze categorii*/
.carduri{background-color: #000;}  

.item-zoom {
	position: relative;
	overflow: hidden;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.item-zoom img {
	vertical-align: top;
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.item-zoom:hover img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/*start - 6 motive*/
.services-icon{color: #f99506;}

.services-box.services-content {
  padding: 0 42px;}





/*** Footer ***/
/*----------------------------------------------*/

.icon-box-icon.pe-3.pb-3 {
  border: 1px solid #f99506;
  border-radius: 50%;
}

  .footconti{ background-color: rgb(246, 245, 242, 1); border-top: 2px solid #f99506;}

  .foo1{font-weight: 600;color: var(--bs-primary);}

  .footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
   color: var(--bs-dark);
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;text-decoration: none;
  }
  
  /* */
  
  .footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
  }
  
  .footer .btn.btn-link:hover {
    color: #f99506;
    box-shadow: none;
  }/*letter-spacing: 1px;*/

  .footer .copyright {
    font-size: 16px;font-weight: 600;padding-bottom: 15px;
  }

  .circle-icon {
    background: #ff0000;
   color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    vertical-align: middle;
    padding: 10px;
}

  /*date firma*/
  .span-btn {
    font-size: 18px;
    padding: 0 8px;
    margin-bottom: 8px;
    margin-right: 5px;
    display: inline-block;
    border-right: 1px solid #929294;
}
/*background-color: #e7e7ed; */


/*gdpr -------------------------------------------*/
/* GDPR Cookie dialog ---------------------------------------------------------------------------------*/

/* GDPR Cookie dialog */


.gdprcookie {
  position: fixed;
  color: white;
  font-size: .8em;
  line-height: 1.5em;
  right: 1.5rem;
  bottom: 1.5rem;
  max-width: 25em;
  padding: 1rem;
  background: black;
}
.gdprcookie h1,
.gdprcookie h2 {
  font-size: 1.2em;
  margin-bottom: .5rem;
}
.gdprcookie h2 {
  font-size: 1.2em;
}
.gdprcookie a {
  color: inherit;
}


/* GDPR Cookie buttons */

.gdprcookie-buttons {
  text-align: center;
}
.gdprcookie-buttons button {
  color: rgb(255, 255, 255);
  font-family: inherit;
  font-size: 1em;
  padding: .4rem;
  border: solid .05rem currentColor;
  border-radius: .15rem;
  margin: 0 .5rem;
  background: none;
  cursor: pointer;
}
.gdprcookie-buttons button:disabled {
  color: rgba(255,255,255,.5);
}


/* GDPR Cookie types */

.gdprcookie-types ul {
  overflow: hidden;
  padding: 0;
  margin: 0 0 1rem;
}
.gdprcookie-types li {
  display: block;
  list-style: none;
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
}
.gdprcookie-types input[type=checkbox] {
  margin-right: .25rem;
}

/* GDPR Cookie dialog ---------------------------------------------------------------------------------*/