/* Show it is fixed to the top */
/*body {
  min-height: 75rem;
  padding-top: 4.5rem;
}*/
html {scroll-behavior: smooth;}
*{font-family: 'Oxanium', cursive;}
.logo{width:200px; height:auto;}
.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }
p{line-height: 175%;}
i.fx { display: inline-block; border-radius: 30px; box-shadow: 0px 0px 2px #feb33e; padding: 0.5em 0.6em;color: #feb33e;}
i.fn { display: inline-block; border-radius: 30px; box-shadow: 0px 0px 1px transparent; padding: 0.5em 0.6em;color: transparent;}
.pad10{padding-top: 10px;}
.pad20t{padding-top: 20px;}
.p15{padding-top: 15px; padding-bottom: 15px;}
.pad20{padding: 20px;}
.pad40{padding: 40px;}
.navbar-default{background-color: #feb33e;}
.responsive{width: 100%; height: auto;}
.navbar {margin-bottom: 0px;}
.no-padding { padding-left: 0px; padding-right: 0px;}
h4{color: #0d553f; font-weight: bold;padding-bottom: 15px;display: inline-block; position: relative;font-size: 150%;}
h4:before{content: ""; position: absolute; width: 30px; height: 1px; bottom: 0; left: 33%; border-bottom: 3px #ffb13e solid;}
.gborder{border: #0b563f solid 5px; padding: 40px 5px 10px;}
.boxyellow{background-color: #feb33e; padding-top: 7px;}
.card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s;}
.card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.card-container{padding: 15px; background-color: #feb33e;}
.gfooter{background: #0b563f; padding-top: 25px; padding-bottom: 30px; color:#fff;margin-top: 40px;}
.gfooter a, a:hover{color:#fff;text-decoration: none;}
.fff > h4 {color:#fff;}
.fff > h4:before{left: 0% !important;}
.ch > h4{color: #0d553f;}
.ch > h4:before{left: 0% !important;}
.gborder > h4:before{border-bottom:none !important;}
.ccc > li {color:#949597 !important;padding-top: 10px;}
.ccc > li:hover {color:#0b563f !important;padding-top: 10px;}
.navbar-default .navbar-nav>li>a {color: #333333;font-weight: bold;}
.gb{color:#feb33e; padding:40px 20px;margin-bottom: 10px;}
.fxb {border-left: 2px solid #f51c40; top: 50%; border-right: 2px solid #f51c40; border-bottom: 2px solid #f51c40;}
#myBtn {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: red; color: white; cursor: pointer; padding: 15px; border-radius: 4px;}
.pline { border-bottom: 1px solid #fff;padding-bottom: 5px;}
#myBtn:hover {background-color: #555;}
.nav>li>a {position: relative; display: block; padding: 10px 25px;}
@media (min-width: 768px){
    .navbar-nav{float:none; margin:0 auto;display: table;table-layout: fixed;}
    .logo{text-align: center;}
}
@media (min-width: 992px){
    .chairman{background-image: url("../img/ahmed-chairman-f.jpg"); 
              margin-top: 20px;
              background-position: center 80% 20%;
              background-repeat: no-repeat;
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
    }
}

@media (max-width: 992px){
    .chairman{background-color: #EBECEE; margin-top: 40px; margin-bottom: 40px;}
    .chairmanr{
        background-image: url("../img/ahmed-chairman-r.jpg");
        height: 50%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 20px;}  
}

h1.al{color: #0d553f; font-weight: bold;padding-bottom: 15px;display: inline-block; position: relative;font-size: 180%;}
h1.al:before{content: ""; position: absolute; width: 30px; height: 1px; bottom: 0; left: 50%; border-bottom: 3px #ffb13e solid;}
h2.al{font-weight: bold;padding-bottom: 15px;display: inline-block; position: relative;font-size: 150%;}
h3.al{font-size: 120%;line-height: 150%;}
#al-bannerimage {
    height: 600px;
    width:100%;
    background-image: url('../img/al-hilal-takaful-banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;  
}
#al-bird {
    background-image: url('../img/bird-image1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;  
}
.colgreen{color: #0d553f;}
ul.or {
  list-style: none;
  line-height: 175%;
  padding-left: 10px;
}

ul.or li::before {
  content: "\25A0";
  color: #ffb13e;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
a.nocolor{text-decoration: none;color:#333;}
a.nocolor:hover{text-decoration: underline;color:#333;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 1em;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 1em;}
.col-centered { display:inline-block; float:none;}
.row-centered {text-align:center;}