.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;
}
p.thick1 {
  font-size: 20px;
   font-family: Arial, Helvetica, sans-serif;
  color: black;
  margin-left: 25px;
  margin-right: 25px;
}
.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;
}
body {
    font-family: Arial, Helvetica, sans-serif;
     
    overflow-x: hidden;
 background-image: url('img/back3.jpg');
  background-repeat: no-repeat;
   
  background-size: cover;
}
.h5 ex1{
    font-size: 20px;
   font-family: Arial, Helvetica, sans-serif;
  color: black;
}
.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){
    mark{
        font-size: 16px;}
    }
 @media (max-width: 768px){
    .head h2{
        font-size: 20px;}
    }
    @media (max-width: 768px){
    .head h3{
        font-size: 18px;}
    }
@media (max-width: 768px){
.template1 img{
    width: 100%;
height: 240px;}
}
 

@media (max-width: 768px){
    .template1 p  {
        font-size:18px;}
    }
    @media (max-width: 768px){
p.thick {
  font-size: 16px;
   
   margin-right: 20px;}
}
.template h3{
    margin-left: 70px;
}
@media (max-width: 768px){
.template h3{
    margin-left: 70px;
}}

@media (max-width: 768px){
    .template1 h3  {
        font-size:20px;
        margin-left: 20px;}
    }

@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;
   }
}
.template1 h3{
    margin-left: 20px;
}
@media (max-width: 768px){
    .template3 img{
        height: 50px;
        width: 100%}
    }
    @media (max-width: 768px){
    .template img{
       width: 100%;
height: 150px;}
}
 
.template5 h3{
    margin-left: 70px;}
    .template5 p{
    margin-left: 70px;}

@media (max-width: 768px){
.template5 h3{
    margin-left: 60px;}
    .template5 p{
    margin-left: 30px;}}

@media (max-width: 768px){
    .template6 h5{
        margin-left: 4px;
        margin-right: 60px;
    }}

    @media (max-width: 768px){
    .template6 h4{
        font-size: 20px;
    }}
 

.template6 h5  {
     
   font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
  color: black;
   margin-left: 12px;
   margin-right: 13px;
    
}

@media (max-width: 768px){
.template6 h5  {
     
   font-size: 15px;}}

 @media (max-width: 768px){
    .template7 img{
        height: 50px;
        width: 100%}
    }

@media (max-width: 768px){    
.spelling-error {
   
   text-decoration: underline wavy red 2.5px;
}}