body {
    font-family: Arial, Helvetica, sans-serif;
     
    overflow-x: hidden;
 background-image: url('img/back3.jpg');
  background-repeat: no-repeat;
   
  background-size: cover;
}

.button-wrap{
    padding: 14px 46px;
    color:  #FFFAFA;
    background-color: black;
    border: 1px solid transparent;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.55);
    -webkit-transition: .5s cubic-bezier(.22,.61,.36,1);
    -moz-transition: .5s cubic-bezier(.22,.61,.36,1);
    transition: .5s cubic-bezier(.22,.61,.36,1);
    position: relative;
    display: inline-block;
    margin: 100px auto;
    text-transform: uppercase;
    font-size: 15px;
}

.button-wrap:hover {
    -webkit-filter: drop-shadow(3px 3px 20px rgba(255, 14, 31, .7));
    filter: drop-shadow(3px 3px 20px rgba(255, 14, 31, .7));
    color:  #FFFAFA;
    text-decoration: none;
}

.button-wrap:before{
    content:"";
    position: absolute;
    top: -1px;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 54px solid #ff0e1f;
    border-left: 15px solid transparent;
    -webkit-transition: border-color .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
}

.button-wrap:after{
    content:"";
    position: absolute;
    top: -1px;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 54px solid #ff0e1f;
    border-right: 15px solid transparent;
    -webkit-transition: border-color .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
} 
    
#map{
      width: 100%;
      height: 250px;
      border: 2px solid #333;
    }   
.foot h5 li{
  color: black;
}
.foot{
  color: black;
}
.foot a{
  color: black;
}

.social-fb{
  color: black;
}
 
p.thick {
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}
.navbar .navbar-nav li a{
  color:#800000!important;
  font-size: 20px;
  text-shadow: 2px 2px 3px #0006;
  transition: 0.2s;
 } 
 .navbar{
    background-image: url('img/b5.jpg');
}
.navbar{
    background-color:#CD853F!important;
}
.navbar-nav a{
  color:  #0000CD!important;
  font-size: 18px;
  text-shadow: 1px 1px 2px #0006;
  transition: 0.2s;
}
.navbar-nav li{
  color:  #0000CD!important;
  font-size: 15px;
  text-shadow: 1px 1px 2px #0006;
  transition: 0.2s;
}

.spelling-error {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration: underline wavy red 3px;
}


@media (max-width: 768px){    
.spelling-error {
   
   text-decoration: underline wavy red 1.5px;
}}
 .centered h4{
    margin-top: 90px;
    color:      #0000CD;
 }
 
 .library {
    color: white;
 }
 h5.ex1 {
  margin-left: 150px;
}

.box {
  background-color: #8B0000;
  
  align-content: center;

}
.box h4{
    color:white ;
} 
.item{
            left: 0;
            top: 0;
            position: relative;
            overflow: hidden;
            margin-top:50px;
            
        }
        .item img{
            -webkit-transition: 0.6s ease;
            transition: 0.6s ease;
            
        }
        .item img:hover{
            -webkit-transform: scale(1.2);
            transform: scale(1.2);

        }
        .img-thumbnail{
            border:0px;
            border-radius:0px;
        }
            .sq-crousal4 .carousel-indicators li::before {width: 15px;height: 15px;background: #444;border-radius: 50%; border: solid 2px #AAACAE;
    transition: all 0.3s ease 0s;box-shadow: 6px 6px 8px #E9E0E0 inset;}
    .sq-crousal4 .carousel-indicators li.active::before {background: #1870ed;box-shadow: 2px 3px 2px #e5edf8 inset;border-color: #1870ed;}
    .sq-crousal4 .carousel-indicators {bottom: -40px;}
    .sq-crousal4 li {width: 20px;}
    .sq-crousal4 .fa-angle-left {font-size: 45px;color: #444;left: -30px;position: relative;top: -17px;}
    .sq-crousal4 .fa-angle-right {font-size: 45px;color: #444;right: -30px;position: relative;top: -17px;}

@media (max-width: 768px){
    .navbar .navbar-nav li a{
   
  font-size: 17px;
   
 } }
  @media (max-width: 768px){
  
.navbar-nav a{
   
  font-size: 15px;
   }
}
 @media (max-width: 768px){
.navbar-nav li{
   
  font-size: 13px;
   }
}
@media (max-width: 768px){
    .navbar .navbar-nav li a{
   
  font-size: 17px;
   
 } }
  @media (max-width: 768px){
  
.navbar-nav a{
   
  font-size: 15px;
   }
}
 @media (max-width: 768px){
.navbar-nav li{
   
  font-size: 13px;
   }
}
@media (max-width: 768px){
    .template3 img{
        height: 50px;
        width: 100%}
    }
 @media (max-width: 768px){
    .head h2{
        font-size: 20px;}
    }
@media (max-width: 768px){
    .head h3{
        font-size: 18px;}
    }
    
    
    #demo {
  height:100%;
  position:relative;
  overflow:hidden;
}


.green{
  background-color:#6fb936;
}
        .thumb{
            margin-bottom: 30px;
        }
        
        .page-top{
            margin-top:85px;
        }

   
img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
    .modal-header {
   
     border-bottom: none;
}
    .modal-title {
        color:#000;
    }
    .modal-footer{
      display:none;  
    }