/* stylelint-disable selector-list-comma-newline-after  */


 

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');








/*@font-face {font-family: "Avenir Book"; src: url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.eot"); src: url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.woff") format("woff"), url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/8f04f3a3b93f9667e6f73365272237d3.svg#Avenir Book") format("svg"); }*/



@import url(//db.onlinewebfonts.com/c/8f04f3a3b93f9667e6f73365272237d3?family=Avenir+Book);



@font-face {font-family: "Franklin Gothic"; src: url("https://ovauk.org/font/b18fe2c6d7a1257ca23359bae7b601f6.woff"); src: url("//db.onlinewebfonts.com/t/b18fe2c6d7a1257ca23359bae7b601f6.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b18fe2c6d7a1257ca23359bae7b601f6.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b18fe2c6d7a1257ca23359bae7b601f6.woff") format("woff"), url("//db.onlinewebfonts.com/t/b18fe2c6d7a1257ca23359bae7b601f6.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b18fe2c6d7a1257ca23359bae7b601f6.svg#Franklin Gothic") format("svg"); }



@import url(//https://ovauk.org/font/b18fe2c6d7a1257ca23359bae7b601f6.woff2);

@font-face {



  font-family: 'Avenir Book';



  src: url('https://ovauk.org/font/Avenir Book.ttf') format('truetype');



}


body{
      font-family: 'Montserrat';
}




/* montserrat-regular - latin */



@font-face {



  font-family: 'Montserrat';



  font-style: normal;



  font-weight: 400;



  src: url('https://ovauk.org/font/montserrat/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */



  src: local(''),



       url('https://emhdemo.com/Vandals/font/montserrat/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */



       url('https://emhdemo.com/Vandals/font/montserrat/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */



       url('https://emhdemo.com/Vandals/font/montserrat/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */



       url('https://emhdemo.com/Vandals/font/montserrat/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */



       url('https://emhdemo.com/Vandals/font/montserrat/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */



}







/*color*/



.color-theme{



  background-color: #860000;



  padding: 9px;

  min-height:121px;

}



/*button*/

.btn{

  background-color: #860000;

  color: white;

  border:none!important;

  outline:none;

  border-radius:50px;

  font-size:18px;

  line-height:1;

  padding:10px 20px;

  font-family: 'Montserrat', sans-serif;


}

.btn:hover{

   border-top-style: hidden;

 border-right-style: hidden;

 border-left-style: hidden;

 border-bottom-style: groove;

 box-shadow: none;

 background-color:#656565bb;

}
.button-vandals {
    text-align: center;
    background-color: transparent;
}
/*.button-vandals{*/
  /*text-align: center;*/
  /*padding:22px 0 35px  0;*/
  /*background-color: transparent;*/
/*  text-align: center;*/
/*    padding: 0px 0 0px 0;*/
/*    background-color: transparent;*/
/*}*/
.button-vandals a{
    background-color: #860000;
    color: white;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    padding: 6px 14px 7px 13px;
    border-radius: 55px;

}



.button-vandals a:hover{



  text-decoration: none;


}


.cmn-btn{
    color: #fff;
    background-color: #850000;
    padding: 15px;
    border-radius: 30px;
    text-decoration: none;
    transition: .5s ease-in-out;
}

.cmn-btn:hover{
    background-color: #fdfdfd;
    box-shadow: 0px 6px 34.3px 0.7px rgb(0 0 0 / 18%);
    color: #850000;
}



p{





  font-size: 20px;



}



/*spacing*/

.ptb-15{

  padding: 30px 0 15px 0px;

}

.mb-70{

  margin: 0 0 70px 0;

}

.ptb-10{

  padding: 10px 0;

}
.pb-30{
   padding: 0 0 30PX 0; 
}
.pt-15{

  padding-top: 15px;

}
.pb-40 {
    padding: 21px 0px 40px 0;
}
.ptb-40-p{
    
}
.pb-60{

  padding: 0 0 60px 0;

}

.ptb-60{

  padding: 60PX 0;

}

.ptb-70{

  padding: 70PX 0;

}

.pb-70{

  padding: 0 0 70PX 0;

}

.pt-0-b-60{

  padding: 0 0 70PX 0;

}

.ptb-50{

  

  padding: 50px 0px;

}

.ptb-40{

  

padding: 60px 0px 0px 0px;

}

.ptb-30{

  padding: 15PX 0;

}

/*margin*/

.mt-0{

  margin-top: 0px;

}

.mt-3{

  margin-top: 10px;

}

.gap{
    float:right;
    margin-left:20px;
}


.fileInput {
    cursor: pointer;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    z-index: 1;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size:50px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}
.vandals-header {



  line-height: 1;



  /* border-bottom: 1px solid #e5e5e5;*/


  height: 155px; 
  padding: 9px 0 9px 0;



}



.vandals-header-logo img{



  font-family: 'Montserrat', sans-serif;



  font-size: 2.25rem;

   width: 243px;

  /* width: 150px; */



}



h1, h2, h3, h4, h5, h6 {



  font-family: 'Montserrat', sans-serif;



  color: #4a4a4a;



  color: rgb(74 74 74);



  color: hsl(0deg 0% 29%);



}



p{



  color: #4a4a4a;



  color: rgb(74 74 74);



  color: hsl(0deg 0% 29%);



}



/**/



.slide-item{background-size: cover;}



.swiper-wrapper{



  height: 100vh!important;



}



.swiper-button-next {



  color: #850000!important;



}



.swiper-button-prev {



  color: #850000!important;



}



.vandels-box{



  display: flex;



  display: -ms-flexbox;



  flex-direction: column;



  height: 100vh;



  flex-wrap: wrap;



  align-content: space-around;



  align-items: flex-start;



  justify-content: flex-end;



}



.slider-title{



  width: 100%;



  background-color: #ffffff6b;



  background-color: rgb(255 255 255 / 42%);



  -webkit-background-color:rgb(255 255 255 / 42%);



  padding: 30px;



  /* margin-left: 19px; */



}




.vandals-box-text{



  text-align: center;



}



.vandals-box-text:after{



  content:'';



  position: relative;



  width: 31%;



  display: block;



  margin: 0 auto;



  height: 4px;



  margin-bottom: 15px;



  border-radius: 15px;



  margin-top: -16px;



  background-color: #871111;



}



.vandals-box-text h3{



color: white;



    z-index: 1;



    text-align: center;



    width: 14%;



    font-weight: bold;



    position: relative;



    margin: 0 auto;



    padding: 5px 5px;



    border-radius: 24px;



    font-size: 18px;



    background-color: #880100;



}



.vandals-box-p{



 



}



.vandals-box-p h1{



  



color: #880100;



  



text-align: center;



  



font-weight: 900;



  



margin: 0;



}

.slider-title1{



  width: 100%;



  background-color: #ffffff6b;



  background-color: rgb(255 255 255 / 42%);



  -webkit-background-color:rgb(255 255 255 / 42%);



  padding: 30px;



  /* margin-left: 19px; */



}
.vandals-box-text1{



  text-align: center;



}
.vandals-box-text1:after{



  content:'';



  position: relative;



  width: 31%;



  display: block;



  margin: 0 auto;



  height: 4px;



  margin-bottom: 15px;



  border-radius: 15px;



  margin-top: -16px;



  background-color: #871111;



}
.vandals-box-text1 h3{



color: white;



    z-index: 1;



    text-align: center;



    width: 14%;



    font-weight: bold;



    position: relative;



    margin: 0 auto;



    padding: 5px 5px;



    border-radius: 24px;



    font-size: 18px;



    background-color: #880100;



}
.vandals-box-p1 h1{



  



color: #880100;



  



text-align: center;



  



font-weight: 900;



  



margin: 0;



}

/*Welcome-note*/



.Welcome-note{



  text-align: center;



}



.Welcome-note h6{



  text-transform: uppercase;



  letter-spacing: 14px;



}



.Welcome-note h1{



  font-weight: bold;



}



.Welcome-note p{



  font-size: 19px;

  font-family: 'Avenir Book';

  margin-top: 0;

  margin-bottom:0;

}




/*Section vandals market*/



.bg-gray{



  background-color: #ebebeb;



}



.no-gutter{



  --bs-gutter-x: 0;



  padding: 0;



}



.bg-vandals{



  background-color: #860000;



  background-color: hsl(0deg 100% 26%);



  display: flex;



  display: -webkit-box;



  display: -ms-flexbox;



  flex-direction: column;



  align-items: flex-end;



  justify-content: space-between;



  align-content: space-between;



  flex-wrap: wrap;



  padding: 20px;







}



.Visius {text-align: right;}



.Visius a{



  background-color: white;



  border-radius: 50px;



  padding: 8px 14px;



  /* display: inline-flex; */



  /* align-content: stretch; */



  /* align-items: center; */



  color: #850000;



  text-decoration: none;



  /* justify-content: space-between; */



}



.Visius a:after{



  content:'';



}



.Visius img{



  width: 15px!important;



  display: inline-block!important;



}



.Visius:hover{



  



}



.vandals-box-head{



  width: 100%;



}



.bg-vandals h1{



font-size: 25px;



color: #ffffff;



color: rgb(255 255 255);



color: hsl(0deg 0% 100%);



}



.bg-vandals h2{



font-size: 20px;



color: #ffffff;



color: rgb(255 255 255);



color: hsl(0deg 0% 100%);



}



.bg-vandals p{



  font-size: 20px;



  margin-top: 0;



  margin-bottom: 0;



  color: #ffffff;



  color: rgb(255 255 255);



  color: hsl(0deg 0% 100%);



}



.pt-25{



  padding: 20px 20px 0px 0;



}



.text-box-slider{







}



.text-box-slider h3{







}







/*head-section*/



.head-section{



text-align: center;



}



.head-section h1{font-weight: bold;color: #4a4a4a;margin-bottom: 14px;}



.head-section p{font-size: 19px;    font-family: 'Avenir Book';}







/*Title-head heading theme */



.Title-head{



  text-align: center;



}



.Title-head h1{



  font-weight: bold;



  margin-bottom: 24px;


}
.members-job{
    
}
.members-job form{
    
}
.members-job input {
    border: none;
    border-radius: 0;
    color: #860000;
}
/*===========
vandals-market
============*/

section.market-works{
    background-color: #c3c3c326;
    padding: 60px 0px;
}


.vandals-market .owl-item.active {
 border-bottom:none;
}


.vandals-market  .button-vandals {
     text-align: center; 
     padding: 35px 0; 
     background-color: transparent; 

}
.vandals-market .owl-dots{
display:none;
}



.market-link{



  text-align: center;



  height: 110px;



  background-color: whitesmoke;



  display: -ms-flexbox;



  display: -webkit-box;



  text-decoration:none;



  color:black;



  display: flex;



  flex-direction: column;



  flex-wrap: wrap;



  justify-content: center;



  align-items: stretch;



  border-radius: 25px;



  margin: 0 15px;



  box-shadow: 0px 6px 34.3px 0.7px rgba(0, 0, 0, 0.07);
  border: 4px solid #fff;


}



.market-link img{



  margin: 10px auto;



  width: 24px;



}



.market-link{



  color:black;



  text-decoration: none;



  font-size: 17px;



  padding: 5px 0;



}



.market-link:hover{



  color: #4a4a4a;
  background-color: #fdfdfd;
  box-shadow: 0px 6px 34.3px 0.7px rgb(0 0 0 / 18%);



}



/*===================



news-vandals



===================*/



.news{



  



}



.news-link{







}



.readmore-link a{



right: 20px;



bottom: 15px;



position: absolute;



}



.news-link img{



width: 31px;



}



.news-link{



display: block;



position: relative;



}











.news-link-type2{



  display: block;



  position: relative;



}







.news-link-type2 img{



  width: 31px;



  }



.news-link-type2 a{
  float: right;
    align-self: self-end;

 


}







.news-link-type2{



  display: block;



  position: relative;

padding-top: 20px;

}



.news-content a{



  /* background-color: #860000; */



  /* color: white; */



  /* text-decoration: none; */



  /* font-size: 12px; */



  /* line-height: 1; */



  /* padding: 7px 7px 8px 7px; */



  /* border-radius: 55px; */



}

.news-button a{

  text-decoration: none;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
    border-radius: 55px;
}

.news-content a:hover{



  text-decoration: none;



  color: white;



}



.news.item-type1{background-color:#ebebeb;margin-bottom: 0;}



.news.item-type2{background-color:#ebebeb;}



.news-image img{



  width:100%;



}







.news-space{


padding: 11px 0px;
margin-left: 0px;
justify-content:center!important;


}



.news-vandals{



  



}



.image-item1{height: 396px;background-position: center;background-repeat: no-repeat;}



.image-item1 img{



  width:100%;



}






.date{



  display: inline-block;
  margin-bottom: 15px!important;



}



.date i{float: left;line-height: 1;color: #860000;}



.date p{float: left;
    line-height: 1.1;
    color: #850000;
    font-size: 19px;
    color: rgb(133 0 0);
    padding: 0px 12px;}



.news-heading{







}


.nws-img{
    height:auto!important;
}


.news-image{


  height:135px;

  background-position: center;



  background-repeat: no-repeat;



  background-size: contain;

}





.news-heading h1{
    
    font-size: 20px;font-weight: 600;
    color: #4a4a4a;color: rgb(74 74 74);
    color: hsl(0deg 0% 29%);
    min-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2; 
    -webkit-box-orient: vertical;}



.news-heading p{font-size: 19px;color: #4a4a4a;color: rgb(74 74 74);color: hsl(0deg 0% 29%);font-family: 'Avenir Book';min-height: 90px;margin-bottom:5px;}



.news-content{



    font-size: 20px;



    padding: 18px;



    height: 100%;
    
    min-height:260px;



    display: flex;



    flex-direction: column;



    justify-content: flex-start;



    align-items: flex-start;



    align-content: center;}



/*===========



donate



=============*/



.donate{margin: 15px 0;}



.donate img{



  width: 100%;



}



.Donate-section {



  display: flex;



  align-items: center;



}
.Donate-inner-section{
    align-items: center;    background-color: #ebebeb!important;
}


.donate-box{



  background-color: #860000;



  padding: 40px;



  width: auto;



  left: -100px;



  z-index: 1;



  position: relative;



}



.donate-box{







}



.donate-box h1{



  color: white;



  font-weight: bold;



  margin-bottom: 20px;



}



.donate-box p{



  color: white;



  font-size: 19px;



}



.donate-box a{



  color: #860000;



  text-decoration: none;



  font-size: 20px;



  background-color: white;



  font-weight: 700;



 padding: 6px 12px 6px 14px;



  /* line-height: 3; */



  display: inline-block;



  margin-top: 12px;



  border-radius: 47px;



}



.donate-box a:hover{



}



.donate-box img{



  width: 40px;



  padding: 0 8px;



}



/*=====================



vandals-team



=======================*/



.team-carousel .owl-nav{position: absolute;top: 38%;width: 100%;line-height: 1;margin: 0;padding: 0;display: inline-block;text-align: center;}


.team-carousel .owl-next{float: right;right: -40px;position: absolute;display: block;}

.team-carousel .owl-prev{


  float: left;
  left: -40px;
  position: absolute;
  display: block;
}

.vandals-team







.team-carousel , .owl-next, .owl-prev{



  font-size: 30px!important;



  color:#860000;



}



.vandals-team{



  text-align:center;



  color:white;



  margin: 0 10px;



}



.vandals-team .card-title{



  color:white;



}



.vandals-team h4 {

font-size: 22px;

/* margin: 0; */

font-weight: bold;


}

.vandals-team h5{
        font-size: 15px;
    margin: 4px;
    font-weight: 400;
}


.vandals-team h6{font-size: 14px;font-weight: bold;display: grid;margin: 0;/* line-height: 1; */    font-weight: 500;}



.vandals-team h6:before{



  /*content:'';*/



  position: absolute;



  display: block;



  width: 20px;



  height: 2px;



  background-color: white;



  right: 85px;



  margin-top: 8px;



}



.vandals-team h6:after{



  /*content:'';*/



  position: absolute;



  display:block;



  width: 20px;



  height: 2px;



  background-color: white;



  left: 85px;



  margin-top: 8px;



}/*====================



Footer



====================*/
 @media (max-width: 480px) {
  .footer-ll{
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: baseline;

  flex-direction: row;

  justify-content: space-between;
  }
 }
@media (max-width: 480px) {
  .footer-head space{

 display: none;

}
}
@media (max-width: 480px) {
  .footer-social .social-ll{

 padding-left: 68px;
}
}


.Footer{







background-color: #ebebeb;



}



.footer-logo{







}



.footer-logo img{



  width: 100%;



}



.footer-head{







}



.footer-head space{







padding: 3px;







line-height: 2;



}



.footer-head h1{font-size: 20px;color: #860000;font-weight: 700;}



.footer-link ul{







padding: 0;



}



.footer-link li{



    color:#2f2f2f;



    list-style: none;



    font-size: 19px;



}



.footer-link a{



  color:#2f2f2f;



  font-size: 14px;



  text-decoration: none;

  font-family: 'Montserrat', sans-serif;


}



.footer-link a:hover{



  color:#860000;



}



.footer-address{







}



.footer-address p{



  



color: #2f2f2f;



  



font-size: 14px;

font-family: 'Montserrat', sans-serif;


}



.footer-social{







}



.footer-social ul{







padding: 10px 0;



}



.footer-social li{







list-style: none;







color: #2f2f2f;







padding: 0 6px;







display: inline-block;



}



.footer-social a{



  color: #860000;



  color: #860000;



  color: rgb(134 0 0);



  padding: 0 0 0 0px;



  text-decoration: none;

  font-family: 'Montserrat', sans-serif;


}



.footer-social a:hover{







}



.footer-social p{



  margin: 0;



}



.footer-social svg{







}



.footer-call-us{



display: flex;



display: -ms-flexbox;



display: -webkit-flex;



align-content: center;



justify-content: flex-start;



flex-wrap: wrap;



flex-direction: row;



align-items: center;

font-family: 'Montserrat', sans-serif;


}



.footer-social img{



  width: 20px;



}



.footer-call-us .icon{}



.footer-call-us .icon img{



  width: 20px;



}



.footer-call-us p {







}



.footer-call-us a {







padding: 0 0 0 10px;







font-size: 14px;




font-family: 'Montserrat', sans-serif;



/* font-weight: 700; */



}



.footer-number a{







padding: 0 0 0 10px;

font-family: 'Montserrat', sans-serif;


}







/*===============



Footer-bottom



================*/



.Footer-bottom{ 



  background-color: #860000; 



  background-color: rgb(134 0 0);



  text-align: center;



  padding: 16px 0;

  font-family: 'Montserrat', sans-serif;


}



.Footer-bottom h1{ 



  font-size: 14px; 



  margin: 0;



}



.Footer-bottom a{



  color: white;



  text-decoration: none;



}



.Footer-bottom a:hover{



  color: white;



}







/*banner-inner*/



.banner-inner{



  height: 330px;



  background-position: center;



  background-size: cover;



  width: 100%;



  background-repeat: no-repeat;



  position: relative;



  display: flex;



  align-items: flex-end;



}



/*heading-style*/



.heading-style{



  text-align: center;



  }



  .heading-style h1{font-weight: 700;}
 .heading-style h3{font-weight: 700; margin:0;}


  .heading-style p{text-align: center;margin: 0;font-family: 'Avenir Book';}



  



  /*contact-box*/

.contact-section .heading-style h1{

        margin-bottom: 20px;

}

  .contact-box .card{background-color: #ebebeb;border: none;height: 100%;border-radius: 0;padding: 25px;height: 300px;margin-bottom: 15px;}



  .contact-box .card-body{display: flex;flex-direction: column;justify-content: flex-start;align-content: center;padding: 0;}



  .contact-box .card-subtitle{



    font-weight: 700;



    color:#860000;



    font-size: 30px;



    font-family: Montserrat;



  }



  .contact-box .card-text{



    font-weight: 500;



    font-family: Montserrat;



    color: #2f2f2f;



}



  .contact-box a{

    font-size: 20px;

    text-decoration: none;

    font-family: Montserrat;

    color: #2f2f2f;

        font-weight: 500;

  }



  .contact-box a:hover{







  }



  .contact-box img{



    width: 38px;



  }



/*form-contact*/



.form-contact{

    padding: 0;margin-bottom: 15px;

    

}



.bg-light2{



  background-color: #ebebeb;



}



.form-contact input{



  border:none;



  border-radius: 0;
  
  /*color: #9c9696!important;*/


  color: #860000;



}



.form-contact input::placeholder{

color: #999999;
font-family:'Montserrat', sans-serif!important;
    /*color:#860000;*/



}

.form-contact textarea:focus{

 border-top-style: hidden;

 border-right-style: hidden;

 border-left-style: hidden;

 border-bottom-style: groove;

 background-color: #fff;

 box-shadow: none;

 border-radius: 0!important;

 border:none;

 color:#860000;

}

.form-contact, input, optgroup, select, textarea{



    color:#860000!important;



}



:focus{



  outline:none;



}



.form-contact input:focus{



 border-top-style: hidden;



 border-right-style: hidden;



 border-left-style: hidden;



 border-bottom-style: groove;



 background-color: #fff;



 box-shadow: none;



 border: none;



}



 .form-contact textarea::placeholder{

    color: #999999;
    font-family:'Montserrat', sans-serif!important;

}

.form-contact textarea{

 border-top-style: hidden;

 border-right-style: hidden;

 border-left-style: hidden;

 border-bottom-style: groove;

 background-color: #fff!important;

 box-shadow: none;

 border-radius: 0!important;

 border:none;

 color:#860000;

}

.form-contact  .form-control:disabled, .form-control:read-only{

  border-top-style: hidden;

  border-right-style: hidden;

  border-left-style: hidden;

  border-bottom-style: groove;

  background-color: #fff;

  box-shadow: none;

  border: none;

  border-radius: 0;

}

.form-vandals-categorry{

  position: relative;

}

.form-vandals-categorry span{

  width: 11px;

  position: absolute;

  right: 14px;

  margin: 6px 0;

}

.form-vandals-categorry:hover i{

  color: #880100;

  transition-duration: 1s;

  display: inline-block;

  transform: rotate(180deg);

}

.form-vandals-categorry i{

  color: #880100;

  transition-duration: 1s;

  display: inline-block;

  transform: rotate(0deg);

}

.form-vandals-categorry i{

  color:#860000;

}

/*TODAY EDITING STYLES*/

/*donate-section*/

/*===========

donate

=============*/

.donate-red{



}

.donate-red img{

  width: 100%;

}

.Donate-section-red {

  display: flex;

  align-items: center;

}

.donate-box-red{

    background-color: #860000;
    padding: 28px;
    width: 100%;
    /* left: -100px; */
    /* z-index: 99; */
    position: relative;
    /* height: 171px; */
    border-radius: 27px;
    /* margin-left: 296px; */
    /* margin-bottom: 0px; */
    /* bottom: 30px;*/


}
@media screen and (min-width: 600px) and (max-width: 800px) {
  .donate-box-red{

    background-color: #860000;
    padding: 28px;
    width: 135%;
    margin: 0px 25px 0px -66px;
    /* left: -100px; */
    /* z-index: 99; */
    position: relative;
    /* height: 171px; */
    border-radius: 27px;
    /* margin-left: 296px; */
    /* margin-bottom: 0px; */
    /* bottom: 30px;*/


}
}
.vandasl-donatebtn .button-vandals{
    margin: 23px 0 0 0 ;
}
.donate-box-red input::placeholder{

    color:#860000;

    font-family: 'Montserrat', sans-serif; 

}

.donate-box-red{



}

.donate-box-red h1{

  color: white;

  font-weight: bold;

  margin-bottom: 20px;

}

.donate-box-red p{

  color: white;

  font-size: 19px;

}

.Donate-section-red  a{

  color: #860000;

  text-decoration: none;

  font-size: 20px;

  background-color: white;

  font-weight: 700;

  padding:6px 12px 11px 14px;

  /* line-height: 3; */

  display: inline-block;

  margin-top: 12px;

  border-radius: 47px;

}

.donate-box-red a:hover{

}

.donate-box-red img{

  width: 40px;

  padding: 0 8px;

  margin-top: -22px

}



/*end section*/

.services .icon-box {

  text-align: center;

  border: 1px solid #fff;

  padding: 0px 0px;

  transition: all ease-in-out 0.3s;

  background: #fff;

}



.services .icon-box .icon {

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

  transition: ease-in-out 0.3s;

}



.services .icon-box .icon img {

  color: #16df7e;

  font-size: 36px;

  transition: 0.3s;

}



.services .icon-box h4 {

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 24px;

  width: 293px;

}



.services .icon-box h4 a {

  color: #5f687b;

  transition: ease-in-out 0.3s;

}



.services .icon-box p {

  line-height: 24px;
line-height: 1.4;
  font-size: 12px;

  margin-bottom: 0;

  font-family: 'Montserrat', sans-serif;

}



.services .icon-box:hover {

  border-color: white;

}



.services .icon-box:hover h4 a {

  color: #16df7e;

}

 label {

            float: left;

        }

        

/*Abin*/

.icon-list{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
      width: 100%!important;
  background-color: transparent!important;
  border: none;
  margin-bottom: 30px;
}
.icon-list img{
  width: 30px;
}
.icon-list h2{
  font-weight: 700;
  font-size: 20px;
  margin: 0;
  }
  .icon-list p{
  font-size: 20px;font-family: 'Avenir Book';
  }
.icon-list .card-header{
  background-color: transparent;
  border: none;
  padding-top: 4px;
}
.icon-list .card-body{
  padding: 0;
}
.members-grd{

}
.Members-first{
position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    padding: 20px;
}
.Members-first h4{
      color: white;
    font-weight: 800;
}
.members-grd-img {
    margin-bottom: 21px;
    display: block;
    position: relative;
}
/*.members-grd-img{*/
/* display: block;*/
/* position:relative;*/
/*}*/
.members-grd-img img{
  width: 100%;
}
.box-style2{

}
.reportingbox{
    background-color: #ebebeb;
    display: block;
        margin-bottom: 25px;
}
.reportingbox .card-title{
    font-weight: 700;
}
.reportingbox .card-control{
    display: flex;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
}
.reportingbox .card-text{
    margin: 0;
        font-size: 14px;
        color:#860000;
}
.reportingbox .card-text i{
    margin: 0;
        font-size: 14px;
        color:#860000;
}
.reportingbox a{
    background-color: #860000;
    color: white;
    border: none!important;
    outline: none;
    border-radius: 50px;
    height: 30px;
        font-size: 14px;
    display: block;
    line-height: 1;
    text-decoration: none;
    padding: 7px 16px 7px 16px;
    font-family: 'Montserrat', sans-serif;

}
.reportingbox a:hover{
   background-color: #860000;
}
/**/
.container-loyality{
  padding-top: 15px;
}
 .loyalitysceme .owl-nav{position: absolute;top: 38%;width: 100%;line-height: 1;margin: 0;padding: 0;
  display: inline-block;text-align: center;left: 0;}
.loyalitysceme .owl-dots{
display: none;
}

@media only screen and (max-device-width: 480px) {
.loyalitysceme .owl-prev{
display:none;
}
}
.loyalitysceme .owl-prev{
  float: left;
  left: -24px;
  /*left: -30px;*/
  position: absolute;
  /*display: block;*/
}
.loyalitysceme .owl-item{

}
@media only screen and (max-device-width: 480px) {
   .loyalitysceme  .owl-next{
 display:none;
}
}
.loyalitysceme  .owl-next{
  float: right;
  right: -24px;
  /*right: -30px;*/
  position: absolute;
  /*display: block;*/
}
.loyalitysceme , .owl-next, .owl-prev{
  font-size: 30px!important;
  color:#860000;
}
  .loyality-item{

  }
.loyalitysceme{

}
.loyality-item img{
  width:100%;
}

/*members news*/
.members-news-card{
    margin-bottom: 25px;
    background-color: #ebebeb!important;
    height: auto!important;
    border: 0;
    border-radius: 0;
    width: 100%!important;
}
.members-news-card .gap{
    float:right;
    margin-right: 20px;
}

.members-news-card .card-title{
font-weight: 600;
height: 50px;
 }
 .date-news-members{
    font-size: 18px;
    color: #860000;
    padding: 0 0 15px 0;
    font-family: 'Montserrat', sans-serif;

 }
 .date-news-members i{

 }
 .news-members-link img{
  width: 31px;
 }
 
 
 
 
/*members-job*/
.members-job{
    
}
.member-job-li{
    margin-bottom: 25px;
    background-color: #ebebeb!important;
    height: auto!important;
    border: 0;
    border-radius: 0;
    width: 100%!important;
}
.members-job .card-title{
font-weight: 700;
 }
 
 
.members-job .card-text{
    
}
.job-id-members{
    color:#880100;
        font-size: 17px;
    margin-bottom: 13px
}

.member-job-detail-sec{
    
}
.member-job-detail-sec h3{
    font-weight: 700;
}
.member-job-detail-sec h5{
    color: #850000;
    font-size: 17px;
}
.membersd-job{
    
}
.membersd-job ul{
   padding-inline-start: 0px;
}
.membersd-job li{
      list-style: none;
    display: flex;
    justify-content: space-between;
}
.membersd-job .text-color-theme{
  color:#880100;
}
.display-1{
    width:100%;
}
.display-1 h1{
    font-weight: 700;
    font-size: 30px;
}
.link-members-d{
        /*display: list-item;*/
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
   
}
.link-members-d a{
    margin: 0 27px;
    text-align: center;
    background-color: #860000;
    color: white;
    border: none!important;
    outline: none;
    border-radius: 50px;
    height: 30px;
    font-size: 14px;
    display: block;
    width: 143px;
    line-height: 1;
    float: left;
    text-decoration: none;
    padding: 7px 16px 7px 16px;
}
.link-members-d a:hover{
     color: white;
    background: #880100;
}
.link-members-d input:hover{
        background: #880100;
}
.link-members-d input{
    margin: 0 10px;
    text-align: center;
    background-color: #860000;
    color: white!important;
    border: none!important;
    outline: none;
    border-radius: 50px;
    height: 30px;
    font-size: 14px;
    display: block;
    width: 143px;
    line-height: 1;
    float: left;
    text-decoration: none;
    padding: 7px 16px 7px 16px;
}
.link-members-d  label{
    display: inline-block;
    background-color: #860000;
    color: white;
    padding: 5px 16px;
    font-family: sans-serif;
    border-radius: 3rem;
    font-size: 14px;
    cursor: pointer;
}
.Careers-form input{
    border: none;
    border-radius: 0;
    background-color:#ebebeb!important;
    color: #860000!important;
    /*width: auto;*/
    margin: 0px;
}
.Careers-form .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: none!important;
    outline: 0;
    border:none!important;
    box-shadow: none!important;
}
.Careers-form .form-control{
        background-color:#ebebeb!important;
}
.Careers-form  input, select, textarea{
    color: #212529;
    background-color:#ebebeb!important;
    border-color: none!important;
    outline: 0;
    border:none!important;
    box-shadow: none!important;
}
.Careers-form .form-group {
    margin: 0 0 15px 0;
}
.Careers-form  label{
    display: inline-block;
    background-color: #860000;
    color: white;
    padding: 9px 16px;
    font-family: sans-serif;
    border-radius: 3rem;
    font-size: 14px;
    cursor: pointer;
}
.Careers-form{
        display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: stretch;
    align-items: center;
}
.link-members-d form{
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: stretch;
    align-items: center;
}
.list-style-d{
    
}

.list-style-d ul{
    
}

.list-style-d li{
    padding-bottom: 13px;
    font-size: 20px;
}
.list-style-d li::marker{
    color: #860000;
    line-height: 0;
    font-size: 19px;
}

.search-form-style2{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
.btn-theme{
  font-family:'Montserrat', sans-serif!important;

}
/*.btn-theme{*/
/*  font-family: 'Montserrat', sans-serif;*/

/*}*/
.btn-theme a{
    
}
.btn-theme a:hover{
    
}
.search-form-style2{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
.btn-theme{
    
}
.btn-theme a{
    
}
.btn-theme a:hover{
    
}
.search-form-style2 input {
  border-bottom:2px solid #ebebeb!important;
  border-radius: 0;
}
.search-form-style2 .btn{
    background-color: transparent;
    position: absolute;
    right: 0;
    color: #860000;
    padding: 7px;
    z-index: 1;
    font-family: 'Montserrat', sans-serif;

}
.search-form-style2 {
     
}

.search-form-style2 input[type=text] {
  width: auto;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  border: none;
  border-radius: 0;
}
.search-form-style2 .form-control{
    background-color:transparent!important;
}
.search-form-style2 input::placeholder{
     color:#999999;
}
.search-form-style2 .form-control:focus{
       background-color:transparent!important;
}
/* When the input field gets focus, change its width to 100% */
.search-form-style2 input[type=text]:focus {
  width: auto;
  border:none;
  box-shadow:none;
}

@media only screen and (max-device-width: 480px){
    .membersd-job {
    width: 175px;
}
.ex-team-ul .text-color-theme{
  font-size: 10px;
  
}
    
}
@media only screen and (max-device-width: 480px) {
.ex-team-ul ul{
    font-size:10px;
}
    
}
 @media (max-width: 768px){ 
           
.ex-team-grd h6{font-weight: 600;font-size: revert;}
    }
    @media (max-width: 768px){ 
           
.ex-team-grd h4{
    font-weight: 600;
    padding: 8px 0px 0 10px;
    margin: 0;
    font-size: revert;
}
    }
     @media (max-width: 768px){ 
  .ex-team-ul ul{
   padding-inline-start: 0px;
   margin: 0;
   font-size: small;
}         

    }
    @media (max-width: 768px){ 
    .ex-team-ul .text-color-theme{
  font-size: small;
  color:#860000;
}     

    }
    @media (max-width: 768px){ 
    .ex-team-grd .card-text{
         font-size: small;
        
        font-family: 'Avenir Book';
}
    }
   
@media (max-width: 768px){ 
    .ex-team-grd .card img{
  width: 100%;
}
    }
.ex-team-grd{
  background-color: #ebebeb!important;
}
.ex-team-grd .card-body{
    padding:0px 1rem!important;
    height: 275px;
    overflow: auto;
    overflow-x:hidden;
}
.ex-team-grd .card-text{
        /*font-size: 17px;*/
    /* margin-top: -12px; */
    font-family: 'Avenir Book';
    padding:15px;
}
.ex-team-grd .card{
  background-color: #ebebeb!important;
      border: none;
    border-radius: 0;
    padding:20px;
}
.ex-team-grd h4{
    font-weight: 600;
    padding: 8px 0px 6px 10px;
    margin: 0;
}
.ex-team-grd h6{
font-weight: 600;
}
.ex-team-grd .card img{
  width:100%;
}
.ex-team-grd{
    margin-bottom: 35px;
}
.ex-team-grd{

}
.ex-team-ul .text-color-theme{
font-weight: 500;
}
.ex-team-ul{
    font-family: 'Montserrat', sans-serif!important;
}
.ex-team-ul ul{
   padding-inline-start: 0px;
       margin: 0;
}
.ex-team-ul li{
      list-style: none;
    display: flex;
    justify-content: space-between;
}
.ex-team-c-box{
    padding: 15px 15px!important;
    font-family: 'Montserrat', sans-serif!important;
}
.ex-team-c-box .btn-ex-team{
    text-align: right;
        text-align: right;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-family: 'Montserrat', sans-serif;

}
.ex-team-c-box .btn-ex-team a{
  
}
.social-ex-vandals li{
    list-style: noe;
    list-style: none;
    text-decoration: none;
    display: inline-block;
}
.social-ex-vandals li a{
      text-decoration: none;
    color: #4a4a4a;
    padding: 0 5px 0 0;
}
.social-ex-vandals svg{
    color:#860000;
}
.ex-team-c-box ul{
  padding-inline-start: 0px;
  margin: 0;
}
.ex-team-c-box li{
    list-style: noe;
    list-style: none;
    text-decoration: none;
}
.ex-team-ul .text-color-theme{
  color:#860000;
}
.ex-team-c-box a{
  text-decoration: none;
  color: #4a4a4a;
  font-weight: 400;
}
.ex-team-c-box span{
  padding-right: 13px;
}
.ex-team-c-box span i{
  color:#860000;
  }

.btn-ex-team .btn-primary{
      background-color: #860000;
    color: white;
    text-decoration: none;
    font-size: 16px;
    line-height: 1;
    padding:6px 15px 6px 15px;
    border-radius: 55px;
    font-family: 'Montserrat', sans-serif;

}
/*members-job*/
/*end members benefit */
/*end abin code*/

/*.count-members{*/
/*  text-align: center;*/
/*  background-color: #860000;*/
/*   padding: 18px; */
/*  margin-bottom: 21px;*/
/*  display: flex;*/
/*  height: 135px;*/
/*  flex-direction: column;*/
/*  flex-wrap: wrap;*/
/*  align-content: center;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/
.count-members {
    text-align: center;
    background-color: #860000;
    padding: 18px;
    margin-bottom: 21px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.count-members .counter{
  font-size: 50px;
  font-weight: 700;
  color: white;
}
.count-members span{
  
}
.count-members h3{
  font-size: 14px;
  color: white;
}
/*end abin code*/



/*Anna code*/



/*===========
donate
=============*/
.donate-red{

}
.donate-red img{
  width: 100%;
}
.Donate-section-red {
  display: flex;
  align-items: center;
}
/*.donate-box-red{*/
/* background-color: #860000;*/

/*  padding: 40px;*/

/*  width: 90%;*/

/*  left: -282px;*/

/*  z-index: 99;*/

/*  position: relative;*/

  /*height: 171px;*/

/*  border-radius: 27px;*/

  /*margin-left: 296px;*/

/*    margin-bottom: 27px;*/

/*    bottom: 45px;
}*/
.donate-box-red input::placeholder{
    color:#860000;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; 
    font-size:12px;
}
@media only screen and (max-width : 480px) {
  .donate-box-red input::placeholder{
    color:#860000;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; 
    font-size:10.3px;
}     
}
@media only screen and (max-width : 375px) {
  .donate-box-red input::placeholder{
    color:#860000;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; 
    font-size:7px;
    /* font-weight: 900; */
}     
}
.donate-box-red{

}
.donate-box-red h1{
  color: white;
  font-weight: bold;
  margin-bottom: 20px;
}
.donate-box-red p{
  color: white;
  font-size: 19px;
}
.Donate-section-red  a{
  color: #860000;
  text-decoration: none;
  font-size: 20px;
  background-color: white;
  font-weight: 700;
  padding:6px 12px 11px 14px;
  /* line-height: 3; */
  display: inline-block;
  margin-top: 12px;
  border-radius: 47px;
}
.donate-box-red a:hover{
}
.donate-box-red img{
  width: 40px;
  padding: 0 8px;
  margin-top: -22px;
  float: right;
}

/*end section*/
.services .icon-box {
  text-align: center;
  border: 1px solid #fff;
  padding: 0px 11px;
  transition: all ease-in-out 0.3s;
  background: #fff;
}

.services .icon-box .icon {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  transition: ease-in-out 0.3s;
}


.services .icon-box .icon img {
  color: #16df7e;
  font-size: 36px;
  transition: 0.3s;
}

.services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 1px;
  font-size: 16px;
  width: 293px;
}

.services .icon-box h4 a {
  color: #5f687b;
  transition: ease-in-out 0.3s;
}

.services .icon-box p {
  /*line-height: 24px;*/
  font-size: 12px;
  margin-bottom: 0;
  font-family: 'Montserrat', sans-serif;
}

.services .icon-box:hover {
  border-color: white;
}

.services .icon-box:hover h4 a {
  color: #16df7e;
}
 label {
            float: left;
        }
.button-vandals img{
 width: 40px;
  padding: 0px 9px;
  /* margin-top: -22px; */
  /* float: right; */
  /*margin-left: -16px;*/
}
/*new code  Access to Vandal City page*/
.servicess .dtls_box {
  background-color: #ebebeb;
}
.servicess .dtls_box {
    margin-bottom: 20px;
    padding: 7px 7px 36px 12px;
    /*padding: 26px;*/
    border-radius: 6px;
    height: max-content;
}
/*.servicess .dtls_box {*/

/*    margin-bottom: 20px;*/
/*    padding: 26px;*/
/*    border-radius: 6px;*/
/*    height: 259px;*/
/*}*/

/*.servicess .dtls_box i {
  float: left;
  color: #d9232d;
  font-size: 40px;
}*/

.servicess .dtls_box h4 {
  /*margin-left: 70px;*/
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 26px;
}

.servicess .dtls_box h4 a {
  color: #556270;
  transition: 0.3s;
}

.servicess .dtls_box p {
  /*margin-left: 70px;*/
  line-height: 30px;
  font-size: 22px;
      font-family: 'Avenir Book';
}

.servicess .dtls_box:hover h4 a {
  color: #d9232d;
}

.button-vandalss{
  width: 392px;
  text-align: center;
  padding: 0 0 23px  0;
  background-color: transparent;
  padding-left: 271px;
  padding-top: 24px;
}
.button-vandalss a{
  background-color: #860000;
  color: white;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  padding: 3px 15px 7px 15px;
  border-radius: 55px;
}
.button-vandalss a:hover{
  text-decoration: none;
  font-size: 16px;
}
  .button-vandalss i{
 width: 40px;
  padding: 0px 9px;
  color: white;

  /* margin-top: -22px; */
  /* float: right; */
  /*margin-left: -16px;*/
}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
  background: #fff;
  /*box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);*/
}
.team .member:hover .button-vandall{
    display:block!important;
    top: 50%;
    z-index: 3;
}
.team .member:hover .member-img{
    background-color: red;
}
.team .member:hover .member-img:after{
  content:'';
  background-color: #000000c7;
  position:absolute;
  left:0;
  width:100%;
  height: 100%;
  display: block;
  top: 0;
  z-index: 2;
}
.button-vandall{
    display:none!important;
}
.team .member .member-img {
  position: relative;
  overflow: hidden;
}

.team .member .social {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 40px;
  opacity: 0;
  transition: ease-in-out 0.3s;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
}

.team .member .social a {
  transition: color 0.3s;
  color: #124265;
  margin: 0 10px;
  padding-top: 8px;
  display: inline-block;
}

.team .member .social a:hover {
  color: #2487ce;
}

.team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

.team .member .member-info {
  /*padding: 25px 15px;*/
}

.team .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #535454;
  padding-top: 13px;
}

.team .member .member-info span {
  display: block;
  font-size: 17px;
  font-weight: 400;
  color: #717070;
}

.team .member .member-info p {
  /*font-style: italic;*/
  font-size: 14px;
  /*line-height: 26px;*/
  color: #777777;
}

.team .member:hover .social {
  opacity: 1;
}
.ptb-20{
  
padding: 0px 0px 0px 192px;
}
.button-vandall{
   position: absolute;
  top: 76%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /*background-color: #555;*/
  color: white;
  font-size: 16px;
  /*padding: 12px 24px;*/
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}
.button-vandall a{
 
  color: white;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  padding: 3px 15px 7px 15px;
  border-radius: 55px;
}
.button-vandall a{
   background-color: #860000;
  text-decoration: none;
  font-size: 16px;
}
  .button-vandall i{
 width: 40px;
  padding: 0px 9px;
  color: white;

 }
/*modal section*/
.modal-backdrop {
  display: none;
}
.modal
{display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  /*z-index: 1; */
  /*padding-top: 100px; */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-exeteam .my-m-con{
  /*position: relative;*/
  /*background-color: #fefefe;*/
  /*margin: auto;
  padding: 0;
  border: 1px solid #888;*/
  /*width: 80%;*/
  /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
  }
  /* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
.modal-lg {
  max-width: 900px;
}
@media (min-width: 768px) {
   .modal-lg {
    width: 100%;
  } 
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal-exeteam .my-m-con{
  background-color: #ebebeb!important;
 }


.modal-exeteam .my-m-header {
    width: 100%;
    display: block;
    border-bottom: 1px solid #860000;
    position:relative;
  }
.modal-exeteam .my-m-header h5 {
    color: #000000;
    font-weight: bold;
} 
.modal-exeteam .my-m-header h3  {
    color: #000000;
    font-size: 16px;

} 
.modal-exeteam .my-m-header img{
    width: 70px;
    height: 70px;
    border-radius: 11px;
  }
  .modal-exeteam .my-m-header button{
  background-color:transparent;border:none;
}

.modal-exeteam .my-m-header .close
{
    font-size: 40px;
    position: absolute;
    top: -10px;
    right: 8px;
    color: #7e7e7e;
    padding: 0;
}

.modal-exeteam .my-m-body 
{
margin-top: 19px;
}
 @media only screen and (max-device-width: 480px) {
        .pull-right{
  text-align-last:end;
      /*margin-top: -64px;*/
} 
    }
.modal-exeteam .my-m-body p
{
  color: #000000;
  font-size: 18px;
      font-family: 'Avenir Book';
}
@media only screen and (max-device-width: 480px) {
       .modal-exeteam .my-m-body p
{
  color: #000000;
  font-size: 14px;
      font-family: 'Avenir Book';
} 
    }
.modal-exeteam .team-popup h3{
     color: #000000;
}
.modal-exeteam .team-popup h5{
     color: #000000;
}

.modal-exeteam .my-m-body pre
{
  color: #000000;margin-top: -33px;font-family: Avenir Book;font-size: 18px;
}
 @media only screen and (max-device-width: 480px) {
.modal-exeteam .my-m-body pre
{
  color: #000000;
  margin-top: -33px;
  font-family: Avenir Book;
  font-size: 12px;
} 
    }

/*end*/



.first{
  padding-left: 119px;
}

/*.card{*/
/*width:85%;height: 86%;border:none;background-color: #adb5bd30;*/
/*}*/
/*.card-img{*/
/*width:84%;*/
/*height:98%;*/
/*padding-top: -35px;*/
/*    margin-top: -9px;*/
/*    margin-left: -9px;*/
/*    margin-bottom: -36px;*/
/*}*/
/*.card-body-right{*/
/*  margin-left: -52px;*/
/*}*/
/*.card-title{*/
/*  font-weight: 700;*/
/*}*/
.year{
  font-size: 17px;font-weight: 700; margin-top: -12px;
}
.compny{
  margin-top: -14px;margin-bottom: 0px;font-size: 16px;
}
.categry{
  font-size: 16px;
}
.cl{
  margin-top: -13px;
  font-size: 16px;
}
.card-text{
    /*font-size: 17px;*/
    /* margin-top: -12px; */
    font-family: 'Avenir Book';
}

.nws-evts-main .card-text{
    height: 90px;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.nws-evts-main .card-text a{
    display:none;
}


.button-vandal-red{
  width: 392px;
  text-align: center;
  padding: 0 0 23px  0;
  background-color: transparent;
  padding-left: 271px;
  padding-top: 24px;
  margin-top:-72px;
}
.button-vandal-red a{
  background-color: #860000;
  color: white;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  padding: 3px 15px 7px 15px;
  border-radius: 55px;
}
.button-vandal-red a:hover{
  text-decoration: none;
  font-size: 16px;
}
  .button-vandal-red i{
 width: 40px;
  padding: 0px 9px;
  color: white;
}
.second{
  padding-left: 105px;
}
.card-img2{
width:84%;
height:104%;
margin-left: 60px;margin-top: -6px;
}
/*serach 23 june*/
.search-box{
  width: 109%;
  position: relative;
  display: flex;
  top: -44px;

}
.search-input{
  width: 47%;
  padding: 10px;
  border: 0px solid #111d5e;
  border-radius:10px 0 0 10px ;
  border-right: none;
  outline: none;
  font-size: 20px;
  color: tomato;
  background: none;
  margin-left: 751px;
}
.search-button{
 text-align: center;
/*height: 51px;*/
width: 40px;
outline: none;
cursor: pointer;
border: 0px solid #860000;
 border-radius: 0 10px 10px 0 ;
border-left: none;
background: none;
font-size: 20px;
color: #860000;
/*border-left: 4px solid #111d5e;*/


}
.search-box input::placeholder{
    color:#860000;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; 
    font-size:14px;
}
/*button*/
.button-vandals-search{
  text-align: center;
  padding: 0 0 23px  0;
  background-color: transparent;
  margin-top: -65px;margin-left: -234px;
}
.button-vandals-search a{
  background-color: #860000;
  color: white;
  text-decoration: none;
  font-size: 19px;
  line-height: 1;
  padding: 3px 30px 7px 30px;
  border-radius: 55px;
}
.button-vandals-search a:hover{
  text-decoration: none;
  font-size: 19px;
}
.line{
  position: absolute;
  height: 3px;
  width: 218px;
  background:#860000;
  bottom: 0px;left: 757px; width: 300px;
}

.sr{
  transform: rotate(
109deg
);
}
/*archive news*/
.line-arch{
  position: absolute;
  height: 3px;
  width: 300px;
  background:#860000;
  bottom: 0px;left: 517px; width: 300px;
}

.sr-arch{
  transform: rotate(
109deg
);
  margin-left: -228px;
}
.search-box-arch{
  width: 109%;
  position: relative;
  display: flex;
  top: -69px;

}
.search-input-arch{
  width: 47%;
  padding: 10px;
  border: 0px solid #111d5e;
  border-radius:10px 0 0 10px ;
  border-right: none;
  outline: none;
  font-size: 20px;
  color: tomato;
  background: none;
  margin-left: 508px;
}
.search-button-arch{
 text-align: center;
/*height: 51px;*/
width: 40px;
outline: none;
cursor: pointer;
border: 0px solid #860000;
 border-radius: 0 10px 10px 0 ;
border-left: none;
background: none;
font-size: 20px;
color: #860000;
/*border-left: 4px solid #111d5e;*/


}
.search-box-arch input::placeholder{
    color:#860000;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; 
    font-size:14px;
}
/*vandal market*/
.line-vandl_mar{
  position: absolute;
  height: 3px;
  width: 300px;
  background:#860000;
  bottom: 0px;left: 695px; width: 349px;
}

.sr-vandl_mar{
  transform: rotate(
109deg
);
  margin-left: -380px;
}
.search-box-vandl_mar{
  width: 109%;
  position: relative;
  display: flex;
  top: -13px;

}
.search-input-vandl_mar{
  width: 47%;
  padding: 10px;
  border: 0px solid #111d5e;
  border-radius:10px 0 0 10px ;
  border-right: none;
  outline: none;
  font-size: 20px;
  color: tomato;
  background: none;
  margin-left: 685px;
}
.search-button-vandl_mar{
 text-align: center;
/*height: 51px;*/
width: 40px;
outline: none;
cursor: pointer;
border: 0px solid #860000;
 border-radius: 0 10px 10px 0 ;
border-left: none;
background: none;
font-size: 20px;
color: #860000;
/*border-left: 4px solid #111d5e;*/


}
.search-box-vandl_mar input::placeholder{
    color:#860000;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; 
    font-size:14px;
}
/*24june*/
/*login*/

.bg-light22{
  background-color: #f7f5f5;
}
.form-login input{
  border:none;
  border-radius: 0;
  color: #860000;
  background-color: #ebebeb;
  height: 50px;
}

.form-login textarea{
  border:none;
  border-radius: 0;
  color: #860000;
  background-color: #ebebeb;
  /*height: 50px;*/
}
.form-login input::placeholder{
     color:#999999;
}
.form-login textarea::placeholder{
    color:#ffffff;
}

:focus{
  outline:none;
}
.form-login input:focus{
 border-top-style: hidden;
 border-right-style: hidden;
 border-left-style: hidden;
 border-bottom-style: groove;
 background-color: #ebebeb;
 box-shadow: none;
 border: none;
}
.bg-light22{
  background-color: #f7f5f5;
}
.form-signup input{
  border:none;
  border-radius: 0;
  color: #860000;
  background-color: #ebebeb;
  height: 50px;
}

.form-signup textarea{
  border:none;
  border-radius: 0;
  color: #860000;
  background-color: #ebebeb;
  /*height: 50px;*/
}
.form-signup input::placeholder{
     color:#999999;
}
.form-signup textarea::placeholder{
    color:#999999;
}
.form-signup .uu{
    border:none;
  border-radius: 0;
  color: #860000;
  background-color: #ebebeb;
  height: 50px;
}
.uu::-webkit-file-upload-button {
  visibility: hidden;
}
.uu::before {
  content: 'Upload Image';
  display: inline-block;
      background: #dee2e6;
    border: 1px solid #212529;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.uu:hover::before {
  border-color: black;
}
.uu:active::before {
  background: #860000;
}
:focus{
  outline:none;
}
.form-signup input:focus{
 border-top-style: hidden;
 border-right-style: hidden;
 border-left-style: hidden;
 border-bottom-style: groove;
  background-color: #ebebeb;
 box-shadow: none;
 border: none;
}
/*end anna code


/*vp new font style*/

.button-vandals a{font-family: 'Montserrat', sans-serif!important;}
.market-link{font-family: 'Montserrat', sans-serif!important;font-size: 16px;}
.donate-box a {font-family: 'Montserrat', sans-serif!important;}
.button-vandall{font-family: 'Montserrat', sans-serif!important;}
.contact-box .card-subtitle{font-family: 'Montserrat', sans-serif!important;}

/* -03/11-21- */

.card-body p{font-family: 'Montserrat', sans-serif!important;}
div p{font-family: 'Montserrat', sans-serif!important;}
div ul li{font-family: 'Montserrat', sans-serif!important;}
.d-flex p{font-family: 'Montserrat', sans-serif!important;}

/*vp new font style*/