/*
new css style display address mcc
*/

#bookConsultationVideoPhone {
    padding: 12px;
    background-color: rgb(204 15 0);
    color: #fff;
    text-decoration: none;
    margin: 10px;
    border-radius: 5px;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.25,.1,.74,.3);
    transition-delay: 0s;
    font-weight: 600 ;
    display: none;
}


#addresss-container{display: flex;flex-direction: column-reverse;}
.bi{margin:0 5px 0 0 ;/*background-color: chartreuse;*/}
#containerAddress{display: inline-flex;border: 4; border-right:  dotted rgba(233, 233, 233, 0.83) 0.01em;border-left:  dotted rgba(233, 233, 233, 0.83) 0.01em;}
#containerAddress sup { top: -2px;font-size: 80%; right: 0px;}
#containerAddress div h5 , p , h4 , a {color:#000000;}
#containerAddress p { /*font-size: 0.9em;  font-size:0.6vw; */line-height:12px; font-size:14px;}
#messageMcc{ text-align: center;max-width: 100%; margin: 0 0 10px 0;}
#messageMcc p{text-align: center;}
#paraghrap2{margin: 0 30px;}
#paraghrap2 > span sup  {top: -2px;font-size: 12px;right: 1px;}
.christmasNewYear{color:#4CAF50;}
.christmasNewYear small{font-weight:700;}

.fiveBoxesAdress{
 /*border-right: solid rgba(233, 233, 233, 0.83) 1px;*/
 text-align: center;
 padding: 10px;
 border-top: 0px;
 border-bottom: 0px;
 width: 20%;
 /*border-left:solid rgba(233, 233, 233, 0.83) 1px;*/
}
.fiveBoxesAdress:nth-child(odd) {
  /*background:#e91e63a6;*/
   border-right:  solid rgba(233, 233, 233, 0.83) 0.01em;
   border-left: solid rgba(233, 233, 233, 0.83) 0.01em;
}

.fiveBoxesAdress:nth-child(even) {
  /*background: #90ee9042;*/
   border-right:  dotted rgba(233, 233, 233, 0.83) 0.01em;
   border-left: dotted rgba(233, 233, 233, 0.83) 0.01em;
   
}


.btn-new-mcc {
    color: #fff;
    background-color: #b5954a;
    border-color: #000;
    webkit-transition: all 1s cubic-bezier(.45,.05,.55,.95);
    -webkit-transition: all 1s cubic-bezier(.45,.05,.55,.95);
    -moz-transition: all 1s cubic-bezier(.45,.05,.55,.95);
    -o-transition: all 1s cubic-bezier(.45,.05,.55,.95);
    transition: all 1s cubic-bezier(.45,.05,.55,.95);
    cursor: pointer
}

.btn-new-mcc:hover {
    background-color: #000;
    color: #b3954f;
}

.messageMcc2 {
width: 80%;margin: 0 auto; text-align: center; display: flex;justify-content: center;
}
.messageMcc2 div{     display: inline-block;   margin: 21px 0 0 0;}




/*media queries css*/
@media only screen and (max-width: 1200px){
  #containerAddress{width: 100%;    margin: 0 auto;}
    /*Tablets [601px -> 1200px]*/
.fiveBoxesAdress{
 /*border-right:  dotted rgba(233, 233, 233, 0.83) 0.01em;*/
 /*border-top: 0px;*/
 /*border-bottom: 0px;*/
 /*border-left: dotted rgba(233, 233, 233, 0.83) 0.01em;*/
}
.fiveBoxesAdress:nth-child(odd) {
  /* background: red; */
}

.fiveBoxesAdress:nth-child(even) {
   /* background: lightgreen; */
   border-right:  dotted rgba(233, 233, 233, 0.83) 0.01em;
   border-left: dotted rgba(233, 233, 233, 0.83) 0.01em;
}
}


/*easter holidays*/

.holiday-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.holiday-box {
    flex: 1;
    min-width: 200px;
    /*background: #f8f8f8;*/
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/*easter holidays*/



@media only screen and (max-width: 567px) {
 #bookConsultationVideoPhone{font-size:10px;}
 #messageMcc{  width: 100%; }
}


/* new CSS */
.containerAdressDiv{
  background-color: #d7fc08; width:100%;margin: 0 auto
}


.containerAdressDivMax824px{
  width: 100%;
  text-align: center;
  /* background-color: aqua; */
  margin: 3px;
  border: 1px solid #37373712;
  background-color: rgb(236 236 236 / 35%);
  padding: 5px;
}


.containerAdressDivMax810px{
  width: 100%;
  text-align: center;
  padding: 10px;
  background-color: rgb(133, 5, 133);
}


.containerAdressDivMax824px  h5  ,  .fiveBoxesAdress h5{text-transform:uppercase;font-weight:bold;font-size:14px}

#legendPublicHolidaySpan {
    padding: 10px;
    background-color: #28272d;
    color: white;
    /*display: flow; */
    display:none;
    max-width: 25%;
    margin: 0 auto;
    font-size: 14px;
    box-shadow: 0px 6px 16px 4px #00000040;
}

@media (max-width: 768px) {
    /* For tablets (width <= 768px) */
    #legendPublicHolidaySpan {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    /* For mobile devices (width <= 600px) */
    #legendPublicHolidaySpan {
        max-width: 100%;
    }
}
