:root {
  --cOrange:  #f5a22b;
  --cGreen:   #b4da42;
  --cDGrey:   #5e5e5e;
  --cLGrey:   #bcbec0;
  --cSLGrey:  #dcddde;
}

* {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}
body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #000;
  background: #fff;
  text-align: justify;
  max-width: 100%;
  min-width: 320px;
  overflow-x: hidden;
  position: relative;
  /*opacity: 0;*/
}
a {
  color: var(--cDGrey);
  text-decoration: none;
}
p {width: 100%;}
nav ul {list-style: none;}
strong {font-weight: bold;}

.clr::after {clear: both;}
.content {width: 100%;}
.contentS {width: calc(100% - 440px);max-width: 1350px;}
/* TOP */
header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px #f6f6f8 solid;
}
header #logotyp {
  padding: 0 30px;
}
header #header_right, header #header_socialLinks{
  display: flex;
  flex-direction: row;
  align-items: center;
}
header #header_socialLinks {background: #f6f6f8;padding: 30px;}
header #header_socialLinks a {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px;
}
header #header_socialLinks a img{
  margin: 0 10px;
}

nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-right: 20px;
}
nav a {
  padding: 20px 30px;
  text-transform: uppercase;
  font-size: 18px;
}
nav a:hover {font-weight: bold;}
#mB {display: none !important;}



/* BODY */
#main_contentImg {
  width: 100%;
  position: relative;
  background: url(images/bg_mainImg.jpg) left top no-repeat;
  display: flex;
  justify-content: flex-end;
  background-size: 50% auto;
}
#contentImg_img {
  width: 50%;
}
#contentImg_contact {
  position: absolute;
  bottom: 0;
  height: 150px;
  left: 0;
  width: 50%;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  filter: drop-shadow(0px 0px 50px #eee);
}
#contentImg_contact section {
	width: calc(100% - 220px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 50px;
  box-sizing: border-box; 
}

#contentImg_contact a {
  padding: 10px 20px 10px 20px;
  font-size: 16px;
}
#contact_tel {
  padding-right: 80px !important;
  font-weight: bold;
}
#contact_email {font-weight: bold;}
#contentImg_contact img {margin-bottom: -5px;}

#contentImg_text {
  width: 50%;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-top: 150px;
}
#contentImg_text p {
  max-width: 436px;
  text-align: justify;
  padding: 20px 0;
  position: relative;
  letter-spacing: 0.95px;
  font-size: 15.5px;
}
#contentImg_text p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -40px;
  height: 40px;
  width: 2px;
  background: var(--cOrange);
}


#main_gallery {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}  

  .content_main_gallery {
    display: grid;
    width: 100%;
      grid-template-columns:  repeat(auto-fit, minmax(270px, 1fr));
      grid-template-rows: repeat(250px);
	  grid-gap: 20px;
  }
  .content_main_gallery a{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
	border: 1px #eee solid;
  }
  .content_main_gallery a img{
	display: block;
	min-width:100%;
	min-height:100%;
	width: auto;
	height: auto;
	object-fit: cover;
  }



#main_hours {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#main_hours .contentS {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100px;
}
  #main_hours #hourBox {
    background: url(images/bg_hours.jpg) bottom right no-repeat #fff;
    position: relative;
    z-index: 10;
    filter: drop-shadow(0px 0px 50px #eee);
    padding: 40px 50px;
  }
    #main_hours #hourBox div{
      padding: 5px 0;
      width: 300px;
      display: flex;
      justify-content: space-between;
      font-size: 16px;
    }
    #hourBox_title {
      font-weight: bold;
      position: relative;
      padding: 15px 0;
      font-size: 18px;
    }
    #hourBox_title::after {
      content: "";
      position: absolute;
      right: 0;
      top: 15px;
      width: 100px;
      height: 2px;
      background: var(--cOrange);
    }


/************************************************/

      #main_news, #subpage {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
      }
      #main_newsTitle, #subpage_title {
        font-size: 28px;
        padding: 50px 0;
        display: flex;
        justify-content: flex-start;
      }
        #main_newsTitle h3, #subpage_title h3 {position: relative;}
        #main_newsTitle h3::after, #subpage_title h3::after {
          content: "";
          position: absolute;
          top: 50%;
          right: -400px;
          width: 200px;
          height: 2px;
          background: var(--cOrange);
        }
        #main_newsContent {
          display: grid;
          grid-gap: 40px;
          grid-template-columns: 1fr 1fr;
        }
            .newsItem {
              display: flex;
              flex-direction: column;
            }
              .newsItem_img img{
                width: 100%;
              }
              .newsItem_text {
                width: 100%;
                display: flex;
                align-items: stretch;
                justify-content: space-between;
                padding-bottom: 20px;
                border-bottom: 1px var(--cSLGrey) solid;
              }

                .newsItem_date {
                  width: 80px;
                  display: grid;
                  box-sizing: border-box;
                  text-align: center;
                  padding-top: 20px;
                  color: var(--cLGrey); 
                  font-weight: 400;
                  font-size: 24px;
                }

                  .newsItem_title {
                    width: 100%;
                    padding: 20px 0 10px;
                    font-size: 18px;
                    font-weight: 400;
                    color: var(--cDGrey) !important;
                  }
                  .newsItem_desc {
                    font-size: 12px;
                    padding-bottom: 20px;
                    color: var(--cDGrey);
                    text-align: justify;
					width: 100%;
                  }
				  .newsItem_content{
					  width: calc(100% - 80px);
				  }
                  .newsItem_content a {
                    color: var(--cOrange);
                    font-size: 12px;
                    font-weight: bold;
                  }




/************************************************/

    #main_contact {
      display: flex;
      justify-content: flex-start;
      width: 100%;
      padding-top: 100px;
    }
      #main_contactLeft {
        width: 50%;
        position: relative;
      }
      #main_contactLeft::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        height: 10px;
        background: linear-gradient(to right, var(--cGreen), var(--cOrange));
      }
      #main_contactLeft iframe {
        width: 100%;
        height: 500px;
      }


      #main_contactRight {
        width: 50%;
        position: relative;
      }

/**********************************************/

#main_contactRight {
  width: calc(50vw - 220px);
  max-width: 675px;
  box-sizing: border-box;
  padding: 100px 100px 0;
}
  #main_contactRight_title h3 {position: relative;font-size: 28px;width: 100%;}
  #main_contactRight_title h3::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    width: 200px;
    height: 2px;
    background: var(--cOrange);
  }
    #main_contactRight_desc {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 30px;
      padding-top: 40px;
    }
      .department_name {
        font-weight: 600;
        padding-bottom: 15px;
      }
      .department_id {
        font-size: 12px;
        font-weight: 500;
        padding-bottom: 15px;
      }
      #main_contactRight_desc a {
        font-size: 12px;
      }
        #main_contantLinks {padding-top: 20px;}
        #main_contantLinks section {
          display: flex;
          align-items: center;
          padding: 10px 0;
        }
        #main_contantLinks section img{
          padding-right: 10px;
        }




#pagesLine {
  justify-content: center;
  align-items: center;
  padding: 80px 0;
  width: 100%;
}
#pagesLine p {
  text-align: center;
  font-size: 24px;
}
#pagesLine p span{
  padding: 0 10px;
  font-weight: bold;
}
#pagesLine p a {
  text-align: center;
  font-size: 24px;
  padding: 0 10px;
}

#subpage {
  padding-bottom: 70px;
  justify-content: flex-start;
}
#subpage p{
  line-height: 28px;
  padding-bottom: 10px;
}
#subpage_map, #subpage_map iframe {
  width: 100%;
  height: 600px;
}

#box-newsletter {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background: rgba(255,255,255,0.4);
	z-index: 9999;
	display: none;
}

#newsletter-container {
	max-width: 30vw;
	min-width: 25vw;
	background: url(images/bg_nl.png) no-repeat bottom right #fff;
	background-size: 45% a                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               uto;
	padding: 40px 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top: 25vh;
	filter: drop-shadow(0px 0px 30px #333);
}
	#newsletter-container img {width: 100px;}
	#newsletter-text {
		text-transform: uppercase;
		line-height: 24px;
		padding: 15px 0;
		text-align: center;
	}
	#newsletter-policy {
		font-size: 10px;
		padding-top: 15px;
		text-align: center;
	}
		
		#newsletter-container input[type=email]{
			border: 1px var(--cDGrey) solid;
			padding: 5px 15px;
		}
		
		#newsletter-container input[type=submit]{
			background: var(--cOrange);
			color: #333;
			padding: 6px 15px;
			text-transform: uppercase;
			font-weight: bold;
		}


/**********************************************/

/* FOOTER */
footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
footer .contentS {
  display: grid;
  grid-template-columns: 1fr 1fr;

}
footer #creators, footer nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
}
footer nav {
  background: #fff;
  filter: drop-shadow(0px 0px 50px #eee);
}
footer nav a:hover {font-weight: 400;}
footer nav a {font-size: 12px;white-space: nowrap;padding: 20px 10px;}

footer #creators {
  display: flex;
  align-items: center;
}
footer #creators img{
  height: 30px;
}
footer #creators a, footer #creators span{
  white-space: nowrap;
  font-size: 11px;
}

footer #mB {display: none !important;}


/* RESPONSIVE SETTINGS */
  @media all and (max-width:1700px) {
	#contentImg_contact section {padding-left: 0;width: calc(100% - 120px);}
  }


  @media all and (max-width:1500px) {
    #contentImg_text {    padding-top: 50px !important;    }
    #main_contactRight_title h3::after {right: -80px; width: 60px;}
    footer .contentS {width: calc(100% - 220px);}
    footer nav a {padding: 10px 15px;}	
	nav a {font-size: 16px;padding: 20px 20px;}
  }

  @media all and (max-width:1400px) {
	#contentImg_contact section {width: calc(100% - 60px) !important;}
  }
  
  @media all and (max-width:1300px) {
    #contentImg_text img    {    height: 100px;     }
    footer #creators a, footer #creators span{  font-size: 10px;    }
	nav a {font-size: 14px;}
	#contentImg_contact section {padding-left: 0;}
	#contact_tel {padding-right: 40px !important;}
  }
  
  @media all and (max-width:1200px) {
    #contentImg_text img    {    height: 70px;      }
    #contentImg_text            {   padding-top: 20px !important;         }
    .contentS                   {   width: calc(100% - 220px);            }
	#contentImg_contact section {width: calc(100% - 110px);}
    #main_contantLinks          {   display: flex;flex-direction: column; }
    #main_contantLinks section  {   width: 100%;                          }
    #main_contactRight          {   width: calc(50vw - 40px);             }
    footer .contentS            {   width: calc(100% - 80px);             }
    nav a                       {   padding: 20px;font-size: 16px;        }
    header #header_socialLinks a {      padding: 20px 10px;   }
	
    header {display: grid;grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );}
    header nav                    {     padding-right: 20px;height: auto !important; flex-direction: column;}
    header nav a                  {     width: 100%;display: none; text-align: right;justify-content: flex-end;box-sizing: border-box;white-space: nowrap;}
    /*header nav a:first-child      {     display: flex !important; padding: 50px 10px 20px;   text-align: right;         }*/
	#mB 						  { 	display: flex !important; padding: 50px 10px 20px;   text-align: right;}
    #header_right { justify-content: flex-end;align-items: stretch !important;}
    #header_socialLinks {min-height: 100%; }
    footer nav a             { text-align: center; }
	#contact_tel {padding-right: 20px !important;}
  }

  @media all and (max-width:1100px) {
    #contentImg_text img          {     height: 70px;     }
    #contentImg_text p::after     {     display: none;    }
    #contentImg_contact section   {     display: grid;grid-template-columns: 40px 1fr; grid-gap: 20px;  }
    #contentImg_contact section a {     padding: 0;       }
  }
	
  @media all and (max-width:1000px) {
	

    #main_news .contentS          {     padding-top: 100px;   }
    .newsItem_date                {     min-width:40px;       }
    #main_newsTitle h3::after, #subpage_title h3::after {     top: 50%;right: -240px;    }

    #main_contactRight_desc       {     grid-template-columns: 1fr;   }

    footer .contentS              {     width: 100%;grid-template-columns: 1fr;            }
    footer #creators              {     text-align: center;  order: 1;   }
    footer nav              {     order: 0;  }
    footer #creators img          {     margin-bottom: -15px;    }
    #main_contact {padding-bottom: 50px;}
	

	
    footer #mB {display: none;}
    #contentImg_text p {max-width: 90%;padding: 40px 0;}
    #contentImg_contact {height: 130px;}
  }
    @media all and (max-width:900px) {
      #main_hours .contentS {height: 180px;}
      #main_news .contentS {padding-top: 10px;}
    }

  @media all and (max-width:800px) {
    #main_contentImg      { flex-direction: column; background-size: 100% auto;padding-bottom: 100px;               }
    #contentImg_contact, #contentImg_text, #main_contactLeft, #main_contactRight  {     width: 100%;                }
    #main_newsTitle h3::after, #subpage_title h3::after                           {     width: 60px;right: -80px;   }
    #contentImg_text img  {     height: auto;width: 60%;          }
    #contentImg_text      {     padding-top: 50px !important;     }
    #contentImg_img       {     width: 100%;                      }
    #contentImg_contact   {     height: 200px;                    }
    #main_hours .contentS {     justify-content: center;          }
    .contentS             {     width: calc(100% - 80px);         }
	#contentImg_contact section {width: calc(100% - 40px);}
    #main_contact         {     flex-direction: column;           }

  }
  @media all and (max-width:600px) {
    #main_newsContent   {   grid-template-columns: 1fr;   }
    #main_contentImg    {   padding-bottom: 200px;        }
    #contentImg_text p  {   width: 80%;                   }
    #copyNode {width: 100%;display: block;padding-top: 20px;}
    footer #creators p             {     text-align: center;   }
    #sb {display: none;}
    #logotyp {text-align: center;padding: 40px 0 !important;}
    footer nav {flex-direction: column;}
  }
  /*@media all and (max-width:940px) {
    .box-search {
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
  }
  @media all and (max-width:799px) {
    .box-search section:nth-child(2){
      flex-direction: column;
      justify-content: flex-start;
    }
  }*/
/*************** THE END ********************/