<link rel="icon" type="image/png" sizes="16x16" href="images/SM_Favicon16.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/SM_Favicon32.png">
<link rel="icon" type="image/png" sizes="48x48" href="images/SM_Favicon48.png">

.newstile {
  background-color: #fefe05;
  width: 280px;
  height: 360px;
  margin: 10px;
}

.newstile p {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
}

.newstile p:first-child {
  padding-bottom: 10px;
  padding-top: 20px;
}

.newstile:hover {
  background-color: #ffffcd;
}

#com-custom115 {
  width: 360px;
  height: 360px;
  line-height: 20px;
}

.tiledetailtext {
  padding-top: 0px;
}

.tilelink:link {
  text-decoration: none;
}

.tilelink:visited {
  text-decoration: none;
}

.tilelink:hover {
  text-decoration: none;
}

.tilelink:active {
  text-decoration: none;
}

.roundedbutton {
  border: solid 2px;
  border-color: white;
  border-radius:20px;
  padding: 10px;
  text-transform: uppercase;
}

.roundedbutton span:hover {
  color: blue;
}

.container-header {
  background-color: white;
  background-image: none;
}

.grid-child {
  float: left;
}

.js-megamenu {
  position: relative;
  top: -8px;
  left: 140px;
}

.megamenu {
  margin-top: 0px;
  float: center;
}

.megamenucss112 {
  display: flex;
  justify-content: center;
}

#js-mainnav.megamenu.blackwhite {
  top: 0 px !important;
}

.brand-logo {
  z-index: -1;
  position: relative;
}

/*article section*/

.sppb-article-info-wrap {
    position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(166,230,239, 0.7);
  padding:10px;
  transition: all 0.5s
}

.sppb-article-info-wrap:hover {
    
  background: rgba(166,230,239, 0.3);
}

.sppb-addon-articles .sppb-addon-article{
  position:relative
}

.sppb-addon-article h3 a{
  color:#d10000;
  text-shadow: 2px 2px #ffffff;
  text-decoration:none
}

.sppb-addon-article .sppb-readmore{
border:2px solid #fff;
  border-radius:25px;
  position:absolute;
  bottom:10px;
  left:10px;
  padding:6px 12px;
  display:inline-block;
  color:#d10000;
  text-shadow: 2px 2px #ffffff;
  text-decoration:none;
  
}

.sppb-addon-article .sppb-article-meta, .sppb-addon-articles .sppb-article-meta > span, .sppb-addon-articles .sppb-article-meta > span a, .sppb-addon-article .sppb-article-introtext  {
  color:#d10000!important
  text-shadow: 1px 1px #ffffff;
  background: rgba(255, 255, 255, 0.73);
}

/* Banner */
#mod-custom113::after {
  width: 0;
  border-style: solid;
  border-width: 0 0 200px 100px;
  border-color: transparent transparent transparent transparent;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 999;  
}

/* Banner */
#mod-custom113 {
  height: 700px;
  padding: 0px 0 200px 200px;
  position:relative;$
  top: -50px;
  background-attachment: scroll !important;
  background-size: cover !important;
}
 
.sppb-article-meta {
  display: none;
}

.container-footer {
  background: #F4F7FA;
  height: 250px;
}

#mod-custom114 {
  position: absolute;
    margin-top: 180px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%)  
}

@media (max-width: 991.98px) 
{
  .container-header{
    position:absolute!important
  }
  
  #js-mainnav.megamenu.blackwhite{
    background:none!important;
    border:none!important
  }
  
  #mod-custom113 {
    padding:180px 0 20px 20px;
    height:350px
  }
  
  
#mod-custom113 h2 {
  font-size: 36px;
  line-height: 36px;

}  
  
}

@media (max-width: 640px) {
  
  #mod-custom113 h2 {
    font-size: 24px;
    line-height: 24px;
    position: relative;
    top: -150px;
  }
  #mod-custom113 > h1 > span > strong {
    font-size: 16px;
    position: relative;
    top: -230px;
    margin-right: 10px;
    padding-right: 10px;
  }
  
  #mod-custom113 > p:nth-child(5) > span > strong {
    font-size: 20px;
    position:relative;
    top: -110px;
    left: -40px;
    line-height: 20px;
    display:inline-block;
  }
  
  #mod-custom113 {
    padding: 180px 0 20px 20px;
  }
  
  #mod-custom113 {
    background-position: 50% 0%;
    height 350px;
    background-repeat: no-repeat;
  }
  
  #mod-custom113 > h2:nth-child(3) > img {
    width: 100px;
    height: 110px;
  }
}
