/*!
 * Start Bootstrap - Small Business (https://startbootstrap.com/template-overviews/small-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-small-business/blob/master/LICENSE)
Official Blue: #112f61
Dark Blue: #091f43
Yellow: #f2d00d
 
 */

body {
  padding-top: 54px;
}

.mybg-blue {
background-color:#112f61 !important;
 }
 
.mybg-DarkBlue {
background-color:#091f43 !important;
 }
 
.mybg-yellow {
 background-color:#f2d00d !important;
  }
  
.myText-Yellow {
  color:#f2d00d !important;
  }
  
.myText-Blue {
color:#112f61;
 }  
   
 a.myFooterLink:visited, a.myFooterLink:link {
 color: #f2d00d;
 }
 
 a.myFooterLink:hover, a.myFooterLink:focus {
 text-decoration: none;
 color: white;
  }
 
  /*  small center to right large for h1 tag  */
.myFluidText-Right {
     text-align:center;
  }
  
  /* small center to large right footer */
.myFooterText-Right {
     text-align:center;    
}

.myFooterText-Left {
     text-align:center; 
 }
 
 
 /*  return to top */
 #return-to-top {
    position: fixed;
    bottom: 5px;
    right: 1px;
    background: rgb(255, 0, 0);
    background: rgba(255, 0, 0, 0.7);
    width: 47px;
    height: 47px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #091f43;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(9, 31, 67, 0.7);
}
#return-to-top:hover i {
    color: #f2d00d;
    top: 5px;
}


/* Extra Things 
body{background: #eee ;font-family: 'Open Sans', sans-serif;}h3{font-size: 30px; font-weight: 400;text-align: center;margin-top: 50px;}h3 i{color: #444;} */
 

 
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


/* Pay attention to medias */  
@media (min-width: 576px) {

/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}
/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #000;
}
.facebook {
  background: #3B5998;
  color: white;
}
.twitter {
  background: #55ACEE;
  color: white;
}
.google {
  background: #dd4b39;
  color: white;
}
.forum {
  background: #112f61;
  color: #f2d00d;
}

       }

@media (max-width: 575.98px) {

       }

@media (min-width: 768px) {
     .myFooterText-Right {
     text-align:right;    
}

.myFooterText-Left {
     text-align:left; 
 }
 
       }

@media (max-width: 767.98px) {


       }

@media (min-width: 992px) {
   body {
    padding-top: 56px;
}
  /*  small center to right large  */
     .myFluidText-Right {
     text-align:right;   
       }
}
@media (max-width: 991.98px) {

       }
       
@media (max-width: 1199.98px) {
 
       }
       
@media (min-width: 1200px) {

 .myRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

       }       

@media screen and (prefers-reduced-motion: reduce) {
  
  }