body html { font-family: Arial, sans-serif; }

/* ---- grid ---- */

.grid {
  background: #DDD;
  max-width: 980px;
  font-family: Arial, Helvetica, sans-serif;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
  float: left;
  width: 235px;
  height: 156px;
  background: #0D8;
  border: 0px solid #FFFFFF ;
  border-color: hsla(0, 0%, 0%, 0.7);
}

.grid-item--width2 { width: 470px; }
.grid-item--height2 { height: 312px; }

h1, h2, h3 , h4 , h5, h6 {
   font-family:  Arial AMU, Arial, sans-serif;
   font-weight: bold;
}

.OrgInfoContainer{
   width: 100%;
    height: 800px;
    overflow: hidden;
    position: relative;
}

.orgContent{
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
   overflow-y: scroll;
   overflow-x: hidden;
}

.orginfo {
   display: grid;
   grid-template-columns: 248px  minmax(150px,980px) 240px;
   grid-auto-rows: auto;
   grid-gap: 15px;
  background-color: #FFFFFF;
  font-family: Arial AMU, Arial, Helvetica, sans-serif;
  position:relative;
  top: 0px;
  Width: 100%;
  
}

.orginfo aside {
   background-color: rgb(240, 240, 240);
   border: 0px solid #212941;
   border-radius: 2px;
   padding: 8px 15px;
   color: black; 
   font-size: 14px;

   position: static;
   Top: 50px;
   left:0px; 
}

.orginfo navbar {
   background-color: #DDD;
 
   height: 40px;
} 

.orginfo navbar ul {
   display: inline-block; 
}
.orginfo navbar ul li {
   display: inline-block; 
   background-color: #DDD;
}
    .orginfo div {
        /* border: 0px solid #212941;
        font-size: 18px;
        font-family: roboto;*/
    }

aside ul {
    padding : 10px 0px 10px 20px;
 
    list-style-type:none; 
    color : #212941;
}
    aside ul a {
        color: #212941;
    }

.OrgAsideMenuLink {
   display: block;
   color: #212941;
   font-size: 14px; 
   line-height :22px;
}

.OrgAsideMenuLink:hover{
   color: orangered;

}

.logobox {
   position: relative; 
   width: 220px;
   height: 220px;
  text-align: center;
    align-content: center;
   background-color:#ffffff;
   color: #212941; 
   display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.orglogo-big {
    margin: auto;
    display: block;
    max-width: 180px;
    max-height: 180px;
}

.logobox-small {
   position: relative; 
   width: 100%;
   
  text-align: center;
    align-content: center;
   background-color:#ffffff;
   color: #212941; 
   display: table-cell;
    vertical-align: middle;
    text-align: center;
}



.logobox-small img{
   margin: auto;
   display: block;
   max-width: 90%;
   max-height: 90%;
}
.iframe-container {
   overflow: hidden;
 /* Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625) */
   padding-top: 33.33%;
   position: relative;
 }
  
 .iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
 }

 #MainContent_pnlmap {

   margin-top: -5px;
   padding: 10px 30px 10px 7px;
}
 #MainContent_pnlContacts{
    font-family: Arial, Helvetica, sans-serif;
 }
.areg-contact-h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 700;
   font-size: 12px;
   background-color: #FF6600;
   color: #FFF;
   height: 25px;
   padding: 3px 7px 3px 7px;
text-align: center;
}
.areg-contact-container {

   margin-top: -5px;
   padding: 20px 15px 30px 35px;
}

.areg-contact-group-title {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #212941;
    padding-bottom: 15px;
    display: block;
    margin-top: 10px;
}

.areg-contact-group-content {
    display: block; 
    padding-top: 0px; 
    margin-left: 30px;
}

 .areg-contact-title {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 700;
   font-size: 14px;
   color: #212941;
   padding-bottom: 15px;
 }
 .areg-contact-value {
   font-family: Arial, Helvetica, sans-serif;
   line-height: 18px;
   font-size: 14px;
   color: #212941;
 }
 .contactbtnbox{
    margin-top:0px;
    display: block;
    
    text-align: center;
 }
 .contactBtn{
   font-size: 32px;
   color: dimgray;
   
   margin: 5px 10px;
   
 }

 .h-center {
   text-align: center;
 }
 .fa15{
    font-size: 30px;
    color: dimgray;
    vertical-align: text-top;
   
 }


 h6 {
    margin-top: 5px;
    margin-bottom: -3px;
    color: gray;
    font-size: 14px;
 }

 h4.OrgTitleInContacts{
   margin-top: 5px;
   margin-bottom: -3px;
   color: gray;
   font-size: 17px;
 }
 h3.OrgInfoSectionTitle{
    Margin-top: 0px;
    font-size: 1.0em;
    color: #4b7697;
    margin-bottom: 0.15em;
    text-transform: uppercase;
 }
 h3.OrgInfoSectionContactTitle{
   font-size: 1.3em;
   color: #FFF;
   margin-top: 0.1em;

   text-transform: uppercase;
}
h1.OrgTitle {
    font-family: 'WeblySleek UI', Helvetica,Arial,sans-serif;
    font-weight: 300;
    font-size: 2.0em;
    margin-bottom: 0.3em;
}
.OrgSlogan {
    font-family: 'WeblySleek UI', Arial, Helvetica, sans-serif;
    color: #ff7c01;
    font-weight: 300;
}
 .OrgShDscr{
   font-family: Arial, Helvetica, sans-serif;
   padding-left: 20px;
   font-size: 0.9em;
 }

 #OrgActivityBox{
    margin-top:10px;
    margin-bottom: 20px;
    margin-right: 30px;
    padding: 15px 15px;
    font-family: Arial, Helvetica, sans-serif;
 }

 .OrgActivityItem{
 
   padding: 20px 15px;
   border-radius: 10px;
   margin-top: 0px;

 }

 .OrgActivityItem:hover{
   background-color: rgb(245, 241, 241);
   
   border-radius: 10px;
   

 }
.OrgTypeTtl {
    font-family: 'WeblySleek UI', Helvetica,Arial,sans-serif;
    font-weight: 600;
    padding-left: 20px;
    font-size: 0.8em;
}
.OrgSbtypeTtl {
    font-family: 'WeblySleek UI', Helvetica,Arial,sans-serif;
    font-weight: 600;
    padding-left: 20px;
    font-size: 1em;
}
 .OrgActivityDscr{
   display:block;
   font-family: Arial, Helvetica, sans-serif;
   padding-left: 0px;
   font-size: 0.8em;
   line-height: 130%;
   margin-bottom: 20px; 
 }

 .IsWorkingNow{
    color: green;
 }

.IsntWorkingNow {
    color: grey;
    
}

.SimpleCover{
    display :block ;
    background-color : #4b7697;
    color : white ;
    height: 60px;
    text-align : center;
    margin-bottom : 10px;
}


@media (max-width: 1240px) {
    .orginfo {
      display: grid;
      grid-template-columns: 248px  minmax(150px,980px) 0px;
      grid-auto-rows: auto;
      grid-gap: 15px;
     background-color: #FFFFFF;

     
   }

   .AdvRPanel {
visibility: hidden;
   }
 }

 @media (max-width: 767px){
   .orginfo {
      display: grid;
      grid-template-columns: 0px  minmax(150px,980px) 0px;
      grid-auto-rows: auto;
      grid-gap: 15px;
     background-color: #FFFFFF;

     
   }
   .orginfo aside {
      visibility: collapse;

   }
   .AdvRPanel {
visibility: hidden;
   }
 }
 
 @media (min-width: 1460px){
   /* ---- grid ---- */

.grid {
  background: #DDD;
  max-width: 980px;
  font-family: Arial, Helvetica, sans-serif;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
  float: left;
  width: 245px;
  height: 156px;
  background: #0D8;
  border: 0px solid #FFFFFF ;
  border-color: hsla(0, 0%, 0%, 0.7);
}

.grid-item--width2 { width: 490px; }
.grid-item--height2 { height: 312px; }
 }

/* COVER IMAGES */


.SimpleCover {
    width: 100%;
    height: 60px;
    background-color: steelblue;
    text-align: center;
    vertical-align: middle;
    color: white;
}

.Cover-classic-Title {
    position: absolute;
    bottom: 100px;
    left: 50px;
    color: white;
}

.Cover-classic-text {
    position: absolute;
    bottom: 30px;
    left: 60px;
    max-width: 300px;
    color: white;
}

/* BIG BOARD IMAGES */


.SimpleBigBoard {
    width: 100%;
    height: 250px;
    background-color: steelblue;
    text-align: center;
    vertical-align: middle;
    color: white;
}

.BigBoard-classic-Title {
    position: absolute;
    bottom: 40%;
    left: 80px;
    font-size: xx-large;
    color: white;
}

.BigBoard-classic-text {
    position: absolute;
    bottom: 18%;
    left: 80px;
    max-width: 300px;
    color: white;
}