* { box-sizing: border-box;    }
body, html { margin: 0; padding: 0; height: 100%; width:100%; background: #2E2A25;
             font-size: 110%; font-family: Raleway Regular, Arial, sans-serif;
             font-weight: 300; color: white;
         }
H1, H2, H3, H4, H5, H6
           { font-family: Fredoka SemiBold, Arial, sans-serif; }
section.cv_section    { max-width: 1200px;   }
section	   { width:95vw;            z-index:12;
             padding-top: 10px;     display:block;
             padding-bottom: 110px; position:relative;
             border: 0px solid yellow;  }
div		   { border: 0px solid green;   width:100%; background: none;  }
.navbar    { border: 0px solid white;   }

/* .second-container {width: 100%; max-width: 1800px; text-align: center; margin: 0 auto;                    }*/
.container { width:90%;             text-align:center;
             padding-right: 15px;   margin-right: auto;
             padding-left: 15px;    margin-left: auto;
         }
div.new-container { width: 80%; max-width: 900px; padding: 10px;    }
div.bordered  { border: 1px solid #D9A460;     }

         /* .col-sm-6   {    max-width:650px; text-align: center;}   */
/* .ol-md-6    {    max-width:650px; text-align: center;}  */
.two-col-images {max-width:650px; width:100%;
    display: block;
    margin: auto;} /* show images on index.html */
/*
.SQ-images { width: 100%; max-width: 500px; min-width: 150px;      }
 */
a            { color: #D9A460; font-weight:600; font-family: Fredoka SemiBold, Arial, sans-serif; }
a:hover      { color: #ffffff; font-weight:600;}
.link-social { width:100%;  min-width:40px; max-width:60px; float:center; padding:3px; border:0;}


         /* NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR */
         /* NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR */
         /* NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR NAVBAR */
.navbar          { border: 0px solid red; position: fixed; top: 0; width: 100%; background: #2E2A25; display: flex; align-items: center;
                   padding: 0px;          box-sizing: border-box;  z-index: 100;                                       }
.navbar a        { font-family: Fredoka SemiBold, Arial, sans-serif; text-decoration: none; padding: 14px 16px; display: block; font-weight: bold; }
.navbar  a:hover { color: #ffffff; font-weight:600;}
.navbar img      { height: 100px; xxxxxxxxxxxxxxxxmargin-right: 10px; }

.Xnavbar-logo    { height: 60px; xxxxxxxxxxxxxxxxmargin-right: 10px; }


.nav-links       { display: flex; flex-grow: 1; }                     /* Horizontal menu links container */
.nav-links a     { white-space: nowrap; }
.lingo-link      { margin-left: auto; padding-left: 16px; }           /* Language link stays on the right */
.menu-toggle     { display: none; font-size: 24px; cursor: pointer; background: none; border: none;
                   color: white; padding: 14px 16px; }                /* Hamburger menu button - hidden on desktop */

.navbar h1 {    flex: 1;
                margin: 0;            /* Remove default margin */
                text-align: center;   /* Center text horizontally */
           }


         /* SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW */
         /* SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW SLIDESHOW */
         .slideshow-container {
                     position: relative;
                     width: 95vw;
                     max-width: 1300px;
                     background: none;
                     overflow: hidden;
                     user-select: none;	                   border: 0px solid red;
         }
         .slide {    position: absolute;
                     width: 100%;
                     opacity: 0;
                     transition: opacity 2s ease-in-out;   border: 0px solid green;
         }
         .slide.active {
                     opacity: 1;
                     position: relative;	               border: 0px solid blue;
         }
         img {
                     width: 100%;
                     height: auto;
                     display: block;
         }

         /* Navigation arrows */

         .nav-arrow {    position: absolute;
                         top: 50%;
                         transform: translateY(-50%);
                         xXXXXXXXXXXXXXXXXXXXXXXXXXXXXXbackground: rgba(255,255,255,0.5);
                         border-radius: 50%;
                         width: 0px;
                         height: 0px;
                         xXXXXXXXXXXXXXXXXXXXXXXXXXXXXXcolor: #000;
                         font-size: 24px;
                         line-height: 40px;
                         text-align: center;
                         cursor: pointer;
                         user-select: none;
                         z-index: 10;
                         transition: background 0.3s;
         }
         .nav-arrow:hover { background: rgba(255,255,255,0.8); }
         .nav-arrow.prev  { left: 10px;                        }
         .nav-arrow.next  { right: 50px;                       }
         .prev, .next { cursor: pointer;      position: absolute;              top: 50%;  width: 0px;  height: 0px;
                        margin-top: -20px;    color: white;                    font-weight: bold;      font-size: 30px;
                        border-radius: 50%;   Xbackground: rgba(0,0,0,0.5);    user-select: none;      transition: background 0.3s;
                        line-height: 40px;    text-align: center;              z-index: 10;
         }
         /*       .prev:hover, .next:hover {      Xbackground: rgba(0,0,0,0.8);   }
                  .prev                    {      left: 20px;                     }
                  .next                    {      right: 20px;                    }
           */


         /* Dots */
         .dots-container {
             position: absolute;    border: 0px solid green;
             background: green;
             bottom: 15px;
             width: 100%;
             text-align: center;
             z-index: 10;
         }
         .dot {
             display: inline-block;
             width: 12px;
             height: 12px;
             margin: 0 6px;
             xbackground: yellow;
             xXXXXXXXXXXXXXXXXXXXXXXXXXXXbackground: rgba(255,255,255,0.5);
             border-radius: 50%;
             cursor: pointer;
             xtransition: background 0.3s;
         }
         .dot.active { background: rgba(255,255,255,0.9);   }
         .dot:hover  { background: rgba(255,255,255,0.8);   }
         /* Smaller screen images substitution */
         .slide.small {  display: none;	            border: 0px solid red;      }

         i.arienti  { font-size: 75%;   }
         br.main    { display:none;     }
         .sdgs_img    { min-width: 75px; max-width: 100px; width: 100%; padding: 5px;   }



         /* BOOK SECTION  */
         /* BOOK SECTION  */
         /* BOOK SECTION  */
         /* BOOK SECTION  */

.cc-index-image { max-width:350px; width: 100%;     }
ul {list-style-type: disc;}

         /*  CLASS CLOWN BUTTONS */
         .button-32 { width: 100%;  min-width:100px; max-width:200px; background-color: #002453;
             box-sizing: border-box; border: 1px solid #fff; border-radius: 12px;  cursor: pointer;  transition: 200ms;
             padding: 10px 15px; text-align: center; font-weight: bold; font-size: 16px; display: block; margin: auto;
             user-select: none;  -webkit-user-select: none;  touch-action: manipulation;
         }
         .button-32:not(:disabled):hover,
         .button-32:not(:disabled):focus {  outline: 0;  background: #1873e9;
             box-shadow: 0 0 0 2px rgba(0,0,0,.2), 0 3px 8px 0 rgba(0,0,0,.15);
         }
         .button-32:disabled {       filter: saturate(0.2) opacity(0.5);  -webkit-filter: saturate(0.2) opacity(0.5);
             cursor: not-allowed;
         }

         .second-appendix	        { width:80%; min-width:450px; max-width:1000px; text-align:center; 	                  }
         .second-Left-appendix	    { width:40%; min-width:160px; max-width:540px;  float: left;       overflow: hidden;   }
         .second-Right-appendix	    { width:60%; min-width:240px; max-width:810px;  float: right; text-align:center; overflow: hidden;   }




/*
         .cc         { font-size: 100%;
                  font-weight: bold;
                  text-align: center;
                }
span.cc-link    { font-size: 100%;
                  font-weight: bold;
                  text-align: center;
                  font-style: italic;
                }
*/

         /*  NEW NEW NEW NEW VIDEO WRAPPER */
         /*  NEW NEW NEW NEW VIDEO WRAPPER */
         /*  NEW NEW NEW NEW VIDEO WRAPPER */

         /* Container div that centers the video */
         .video-container {          position: relative;
                                     width: 100%;
                                     max-width: 800px;
                                     margin: 2rem auto;
                                     aspect-ratio: 16 / 9;
                                     background: none;
                                 }
         /* Responsive iframe */
         .video-container iframe {   position: absolute;
                                     top: 0;
                                     left: 0;
                                     width: 100%;
                                     height: 100%;
                                     border: 0px solid yellow;
                                 }

         /* social media link images */
         /* social media link images */
         /* social media link images */
         /* social media link images */

         .social-container { display: flex;
                             gap: 15px; /* space between images */
                             max-width: 400px; /* optional max width */
                             margin: 0 auto; /* center container */
                         }

         .link-social {      display: block;
                             width: 60px;
                             height: auto;
                         }

         /* second level particulars */
         /* second level particulars */
         /* second level particulars */
         /* second level particulars */
         /* second level particulars */
         .second-level { text-align:center;
             width:95%;
             padding-top: 50px;
             padding-bottom: 100px;
             display:block;
             position:relative;
             z-index:120;
         }
.second-container {width: 100%; max-width: 1800px; text-align: center; margin: 0 auto;                    }
.second-level-header   {background: #2E2A25; color:white; text-align:center; width:100%; height:60px;   padding-top:5px;    }
.XXXXXback-button { width:50px;
                    border: 1px solid #D9A460;
                    border-radius: 50%;
                    transition: transform 0.3s ease;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
}
         .back-to-top-button { width:50px;
                     transform: rotate(90deg);
                     transition: transform 0.3s ease;
                     display: block;
                     margin-left: auto;
                     margin-right: auto;
         }


.second-show		{ text-align:justify; padding:0px; margin:0px; 	}
.second-row		    { width:100%; text-align:justify; 				}

.second-Left		{text-align:center; width:40%;  min-width:160px; max-width:720px; float: left; overflow: hidden; }
.XXXsecond-Center	{width:100%; min-width:240px; max-width:1800px; text-align:center;            }
.second-Right		{width:60%;  min-width:240px; max-width:1080px; overflow: hidden; padding-left:10px;            }

         /* second level header images */
         /* second level header images */
         /* second level header images */
         /* second level header images */
         /* second level header images */
/*
.second-level-header img { display:inline; position:absolute; }     */
         .back-X-button	 { left:12px; width:60px; }
         .bottom-logo    { display: block;  margin: auto; max-width: 150px; width: 100%;
                           left:60px; xwidth:74px; }
         .back-to-top-button	 	 { left:12px; right:12px; top:12px; bottom:12px; width:40px;
                            transform: rotate(90deg);
                            transition: transform 0.3s ease;
                            display: block;
                            margin-left: auto;
                            margin-right: auto;
                         }

.second-level-img	{ margin: 0 auto; display: block;    max-width: 100%;    height: auto;  }
.second-level-imgB 	{width:100%; min-width:150px; max-width:950px; xfloat:left;              }
#about-image      {width:100%; max-width:450px; xfloat:left; /*margin-left:5px; margin-right:5px; margin-bottom:5px;*/}



         /* training table layout */
         /* training table layout */
         /* training table layout */

         .training-info {   max-width: 700px;
                            margin: 0 auto;
                            padding: 10px;
                            font-family: Arial, sans-serif;
                        }

         .training-row {     overflow: hidden; /* clear floats */
                             border-bottom: 1px dotted #ccc;
                             padding: 5px 0;
                        }

         .training-info dt, .training-info dd {
                             padding: 5px 10px;
                             margin: 0;
                         }

         .training-info dt { font-weight: bold;
                             text-decoration: underline;
                             width: 45%;
                             float: left;
                             clear: left;
                         }

         .training-info dd { width: 55%; float: left; }


/*  foooooooooooooooter */

         .footer        { color: #f8f8f8;    }
         .footer_line   { width: 90%; max-width: 400px; color: #D9A460;    }
         .footer-second { text-align: center;
                          padding: 0px 0 ;
                          height:125px;
                        }
         /* ******************* Media Stuff Media Stuff Media Stuff Media Stuff ******************* */
         /* ******************* Media Stuff Media Stuff Media Stuff Media Stuff ******************* */
         /* ******************* Media Stuff Media Stuff Media Stuff Media Stuff ******************* */

@media screen and (max-width: 888px) 
    /* navbar navbar navbar navbar navbar navbar  */
      {
      .navbar { flex-wrap: wrap; padding: 0 5px; }
      .nav-links { display: none; width: 100%; flex-direction: column; Xbackground: #232122; border-top: 1px solid white;      }       /* Hide nav links by default */
      .nav-links.active   { display: flex;                                    }       /* Show nav links when active */
      .menu-toggle        { display: block; margin-left: auto;                }       /* Show hamburger menu button */
      .nav-links a        { padding: 12px 16px; border-top: 1px solid white;  }       /* Links full width in dropdown */
      .lingo-link         { margin-left: 0; border-top: 1px solid green;      }       /* Language link moves into dropdown */
      }


         /* SLIDESHOW - Smaller screen images substitution */
         @media (max-width: 600px) {
             .slide.large {
                 display: none; border: 0px solid red;
             }
             .slide.small {
                 display: block; border: 0px solid red;
             }
         }
@media screen and (max-width: 888px)
    {
    .second-Left	    { width:100%; float: center;	max-width:888px; text-align:center;  }
    .second-Right	    { width:100%; float: center;	}
    br.main             { display:block;      }
    H3.cc-H3            { text-align: center; }
    H3.second_level_H3  { text-align: center; }
    img.cc-index-image  { display: block; margin: auto;      }
    .container          { width:95%; }
    }

@media (max-width:  992px)
    {
    .bottom-logo
        {
        padding-top:12px;
        padding-left:3px;
        max-width:100px;
        }
    }

@media(max-width:480px)
    {

    .footer-second p
        {
        font-size:8pt;
        }
    }

         /* traaaaaaaaaaingin taaaaaaaaable */
         @media (max-width: 600px) {
             .training-info dt,
             .training-info dd {
                 width: 100%;
                 float: none;
                 margin: 0 0 10px 0;
             }
             .training-row {
                 border-bottom: 1px solid #ccc;
                 padding-bottom: 10px;
             }
         }