@font-face {
    font-family: 'robotoblack';
    src: url('fonts/roboto-black-webfont.woff2') format('woff2'),
         url('fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoblack_italic';
    src: url('fonts/roboto-blackitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold_italic';
    src: url('fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
:root
{
    /*--red:#FF595E;*/
    --red:#a2d2ff;
    --yellow:#FFCA3A;
    --blue:#1982C4;
    --green:#8AC926;
    --blackfont:#001524;
    --whitefont:#f5ebe0;
    
    
    
    --primary:#FB8500;
    --secondary:#FFB703;
    --third:#003049;
    --fourth:#780000;
    --fifth:#669bbc;
    --linkcolo:#;
}
body ,p,div,a
{
 
}
.whiteTransbg
{
    background:rgba(255,255,255,0.5);
    padding:20px;
    margin:20px auto;
    border:rgba(0,0,0,0.1) solid 1px;
}
.topdiv
{
     background:var(--fifth);
    color:var(--whitefont);
    
}
a.whitelink
{
    color:#fff;
}
.text-justify
{
    text-align:justify;
    
}

.img-news
{
    border:solid 1px #ccc;
    border-radius:2px;
    padding:3px;
    background:#fff;
    max-width:220px;
}

.block-dt
{
    color:#3c3c3c;
    font-size:12px;
    position:static;
    bottom:0;
}
.newsdivs
{
    position:relative;
}

.newsdivs
{
    padding-bottom:5px;
    margin-bottom:10px;
    border-bottom:solid 1px #ccc;
}
.img-princi
{
    max-width:250px;
    border:solid 1px #3c3c3c;
    padding:5px;
    margin:8px;
    float:left;
    box-shadow:1px 1px 1px #ccc;
}

.gall-sections a  img
{
      width: 200px;
    height: 150px;
    display:block;
             margin:10px auto;
}

.thoughts , .eventdiv
{
    padding:10px 20px;
    border-left:solid 10px var(--third);
    margin-bottom:20px;
    background:#fff;
}
.thoughts i
{
    color:#a2d2ff;
}
.events
{
    border-bottom:solid 1px #ccc;
    margin-bottom:5px;
    padding-bottom:2px;
}
.events h3
{
    font-size:18px;
    font-weight:bold;
    margin-bottom:1px;
}
.menudiv
{
    background:var(--third);
}

.menudiv .navbar>ul>li>a
{
    color:#fff;
    padding:18px;
    text-align:center;
    display:block;
}.menudiv .navbar .dropdown ul
{
    padding:0;
}
.menudiv .navbar-mobile>ul>li>a
{
    color:#333;
}
.menudiv .navbar .dropdown ul a
{
   border:1px solid #e5e5e5;
}
.maintitle ,.titleHead
{
    font-size:22px;
    color:var(--fourth);
    font-weight:bold;
}
.titlwblocks
{
    padding:2px 5px;
    font-size:14px;
    font-style:italic;
    color:#88898A;
}
.blocklinks
{
    padding:10px;
    border:solid 1px #ccc;
    text-align:center;
    margin:2px;
    display:block;
}
.marquediv
{background:var(--fourth);
      color:#fff;
      padding:8px 0px;
}
.greenblock
{
      background:var(--third);
      color:#fff;
}
a.greenblock:hover ,a.redblock:hover
{
    color:#fff;
}
.redblock
{
    background:var(--fourth);
    color:#fff;
}
.fitimg
{
    border:dotted 1px #ccc;
    max-width:80px;
    margin:auto;
}
.mobile-nav-toggle
{
    padding:10px 0px;
}

.bgcolors
{background:var(--third);
}

.sideLinks
{
    background:var(--third);
    color:#fff;
}
.topLinks a
{
    background:#fff;
    padding:12px;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    color:var(--third);
    display:block;
}
.latestLink ul
{
    padding:0;
    margin:0;
    
}
.latestLink ul li
{
    list-style:none;
}
.latestLink a
{
    color:#fff;
    display:block;
    padding:10px 5px;
    text-align:left;
    border-bottom:dashed 2px rgba(255,255,255,0.7);
    
}
.latestLink a:hover
{
    color:var(--primary);
    background:#fff;
}


.socialMedia .social-links a {
  font-size: 18px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  margin-bottom:10px;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

.socialMedia .social-links a:hover {
  background: #a2d2ff;
  color: #fff;
  text-decoration: none;
}
.titleSocial
{
    display:block;
    background:var(--fifth);
    color:#fff;
    padding:10px 0px;
    text-align:center;
    font-weight:bold;
}
.navbar
{
}

#main
{
    background:url('images/bgpattern.png');
}
.img-center
{
    display:block;
    margin: 8px auto;
}
.img-small-pol
{
    background:#fff;
    padding:12px;
    display:block;
    margin:10px auto ;
    border:solid 1px #ccc;
    box-shadow:4px 4px 10px #ccc;
}
a.onredlinks
{
    color:#fcca46;
}
a.onredlinks:hover
{
    color:#fff;
}
.img-patron
{
    float:left;
    margin:3px 8px;
    max-height:300px;
}
.glowingorder
{
    
}


@keyframes flickerAnimation { /* flame pulses */
  0%   { opacity:1; }
  50%  { opacity:0.7; }
  100% { opacity:1; }
}
.glowingorder {
    opacity:1;  
    animation: flickerAnimation 1s infinite;
}