/* CSS STARTUP*/
 @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');

html,
body {

  padding: 0;
  margin: 0;

  height: auto;
  max-width: 100%;

  overflow-x: hidden;
  min-width: 400px;




  font-family: "Calibri Light", sans-serif;
  font-weight: 400;


  background-color: #fff;

}


header h1,
header h2 {
  font-family: "Calibri Light", sans-serif;


}

#header {



  background: linear-gradient(rgba(22, 22, 22, 0.3), rgba(22, 22, 22, 0.3)), url(header_bgd_resize2.jpg);




  background-position: center;

  background-repeat: no-repeat;
  background-size: cover;
  position: relative;


  -webkit-animation: slideinHeader 1s ease 1 normal;
  -moz-animation: slideinHeader 1s ease 1 normal;
  -o-animation: slideinHeader 1s ease 1 normal;
  animation: slideinHeader 1s ease 1 normal;


}

@-webkit-keyframes slideinHeader {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@-webkit-keyframes slideinHeader {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes slideinHeader {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes slideinHeader {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes slideinHeader {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}



/* header image*/
.header-logo {

  max-width: 840px;
  max-height: 525px;
  width: auto;
  height: auto;
  position: relative;
  display: flex;
  justify-content: center;

  margin-left: auto;
  margin-right: auto;

  -webkit-animation: slidein 2.5s ease 1 normal;
  -moz-animation: slidein 2.5s ease 1 normal;
  -o-animation: slidein 2.5s ease 1 normal;
  animation: slidein 2.5s ease 1 normal;


}

@-webkit-keyframes slidein {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes slidein {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes slidein {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes slidein {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.leadWelcome {
  font-size: 2rem !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px !important;
  -webkit-animation: leadWelcome 2s ease 1 normal;
  -moz-animation: leadWelcome 2s ease 1 normal;
  -o-animation: leadWelcome 2s ease 1 normal;
  animation: leadWelcome 2s ease 1 normal;

}

@-webkit-keyframes leadWelcome {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes leadWelcome {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes leadWelcome {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes leadWelcome {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.leadHeader {

  -webkit-animation: leadHeader 1.5s ease 1 normal;
  -moz-animation: leadHeader 1.5s ease 1 normal;
  -o-animation: leadHeader 1.5s ease 1 normal;
  animation: leadHeader 1.5s ease 1 normal;
}

@-webkit-keyframes leadHeader {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes leadHeader {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes leadHeader {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes leadHeader {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}




@media (max-width:992px) {

  .header-logo {

    max-width: 420px;
    max-height: 260px;
    width: auto;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
  }
}

@media (max-width:767px) {
  .header-logo {

    max-width: 210px;
    max-height: 130px;
    width: auto;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
  }
}

@media (max-width:500px) {
  .header-logo {

    max-width: 210px;
    max-height: 130px;
    width: auto;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
}


#jumbotron {

  background: linear-gradient(rgba(255, 0, 0, 0), rgba(255, 0, 0, 0));
}

#jumbotron img {
  height: 100%;
  opacity: 1;
  box-shadow: none;


}

@media(max-height:600px) and (orientation:landscape) {


  #sliderContainer {
    margin-bottom: 150px;
  }
}

.container-fluid h1,
.container-fluid p,
.container-fluid h2 {
  font-family: "Calibri Light", sans-serif;

  font-size: xx-large;
}

.contact-form {

  background-position: center center;
  background-repeat: no-repeat;
  background-size: 90%;
  z-index: 10;

}

.contact-form h1 {
  color: #fff;
  text-align: center;
}

.container-form {
  padding-left: 10px;
  padding-right: 10px;
}

.container-form h1 {
  color: #fff;
  text-align: center;
}



/* ----------------------------------------navbar start---------------------------------------------------------- */



/* ----------------------------------------navbar end---------------------------------------------------------- */



/*======================================  marquee  =================================================================*/


marquee {

  background-color: #fff !important;
 
}

.marquee {

  font-family: "Calibri Light", sans-serif;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;


}


.marquee h1 {
  font-size: 2.5rem;

}

.marquee h1 a {
  font-size: 2.5rem;
  color: #000 !important;
  /* font-weight: bold; */
}


:root {
  --marquee-width: 100%;

  --marquee-height: 8vh;
  /* --marquee-elements:2; */
  /* defined with JavaScript */
  --marquee-elements-displayed: 2;
  --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
  --marquee-animation-duration: calc(var(--marquee-elements) * 15s);
 
  /* controls marquee speed*/

}

@media (orientation:landscape) {
  :root {
    --marquee-width: 100%;
    /* --marquee-height: 20vh; */
    --marquee-height: 15vh;
    /* --marquee-elements: 12; */
    /* defined with JavaScript */
    --marquee-elements-displayed: 2;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 15s);
  
    /* controls marquee speed*/

  }
}

.marquee {
  width: var(--marquee-width);
  height: var(--marquee-height);
  /* background-color: #111; */
  background-color: #fff;
  color: #000;
  overflow: hidden;
  position: relative;
}

.marquee:before,
.marquee:after {
  position: absolute;
  top: 0;
  /* width: 10rem; */
  width: 3rem;
  height: 100%;
  content: "";
  z-index: 1;
}



.marquee:before {
  left: 0;
  background: linear-gradient(to right, #fff 0%, transparent 100%);
}


.marquee:after {
  right: 0;
  background: linear-gradient(to left, #fff 0%, transparent 100%);
}

.marquee-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling var(--marquee-animation-duration) linear infinite;
  animation-delay:5s;
}


@keyframes scrolling {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));
  }


}

:hover {

  animation-play-state: paused;

}

.marquee-content li {
  display: flex;
  justify-content: center;
  align-items: center;
  /* text-align: center; */
  flex-shrink: 0;
  width: var(--marquee-element-width);
  max-height: 100%;
  font-size: calc(var(--marquee-height)*3/4);
  /* 5rem; */
  white-space: nowrap;
}

.marquee-content li img {
  width: 100%;
  /* height: 100%; */
  border: 2px solid #eee;
}

@media (max-width: 600px) {
  /* html { font-size: 12px; } */
  /* :root {
    --marquee-width: 100vw;
    --marquee-height: 16vh;
    --marquee-elements-displayed: 3;
  } */
  /* .marquee:before, .marquee:after { width: 5rem; } */
}

/* #marquee-btn {
  border-radius: 5px;
  width: 20%;
} */


/* =================================== slick slider sponsor css ==============================================*/
/*  sponsor slideshow css */
#slideshow {
  margin-top: 70px;
  max-width: 1200px;



}

.sponsorTitle {

  text-align: center;
  color: #000;
  /* text-decoration: underline; */
}

#slideshow div {
  margin: auto;
  margin-top: 10px;
  width: 100%;
  height: auto;
  /* border:1px solid #f1f1f1; */

}

#sponsorBox1,
#sponsorBox2,
#sponsorBox3,
#sponsorBox4 {
  /* background-color: #f1f1f1; */
  /* background-color: #ffa442; */
  /* border: #ffa442 solid 1.5px; */
  color: #000;

}

#sponsorBox1 h2,
#sponsorBox2 h2,
#sponsorBox3 h2,
#sponsorBox4 h2 {
  border-radius: 15px;
  text-align: center;
  font-size: 2.2rem;
  margin: 1em auto;
  padding: 2em auto;
  color: #000;
}

#sponsorBox1 p,
#sponsorBox2 p,
#sponsorBox3 p,
#sponsorBox4 p {
  /* background-color: #ffa442; */
  color: #000;
  font-size: 2rem;
  /* margin-top: 5px; */
  border-radius: 15px;
  min-height: 2.2em;
  margin: 1em auto;
  padding: auto;
}

#slideshow img {
  width: 100%;
  height: 300px;
  /* border-top: #000 1px solid;
  border-bottom: #000 1px solid;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1; */
  box-shadow: 0 0 10px #ababab;
  border-radius: 15px;
}

@media(max-width:768px) {
  #slideshow img {
    height: 200px;
  }

  #slideshow div {
    width: 95%;
  }
}

@media(max-width:500px) {
  #slideshow img {
    height: 150px;
  }

  /* .marquee h1 {

    font-size: 2.5rem;
  } */


}


.slick-dots li button::before {
  font-size: 16px;
  color: #fff;
  opacity: 0.7;
}

.slick-dots li.slick-active button::before {
  color: #fff;
}

/* ------------------------------------ pricing cards start ----------------------------------------------- */
a {
  text-decoration: none;
}

.fa-baseball {
  color: #000;
}

.pricingTable:hover .fa-baseball {
  color: #fff;
}

.pricingTable {
  text-align: center;
  background: #fff;
  margin: 0 -15px;
  box-shadow: 0 0 10px #ababab;
  padding-bottom: 40px;
  border-radius: 10px;
  color: #cad0de;
  transform: scale(1);
  transition: all .5s ease 0s
}

.pricingTable:hover {
  transform: scale(1.05);
  z-index: 1
}

.pricingTable .pricingTable-header {
  padding: 40px 0;
  /* background: #f5f6f9; */
  background: #f5f5f5;
  border-radius: 10px 10px 50% 50%;
  transition: all .5s ease 0s
}

.pricingTable:hover .pricingTable-header {
  background: #ff9624
}

.pricingTable .pricingTable-header i {
  font-size: 50px;
  color: #858c9a;
  margin-bottom: 10px;
  transition: all .5s ease 0s
}

.pricingTable .price-value {
  font-size: 35px;
  color: #ff9624;
  transition: all .5s ease 0s
}

.pricingTable .month {
  display: block;
  font-size: 14px;
  color: #000;
}

.pricingTable:hover .month,
.pricingTable:hover .price-value,
.pricingTable:hover .pricingTable-header i {
  color: #fff
}

.pricingTable .heading {
  font-size: 24px;
  color: #ff9624;
  margin-bottom: 20px;
  text-transform: uppercase
}

.pricingTable .pricing-content ul {
  list-style: none;
  padding: 0;
  margin-bottom: 30px
}

.pricingTable .pricing-content ul li {
  line-height: 30px;
  color: #a7a8aa
}

.pricingTable .pricingTable-signup a {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  padding: 10px 35px;
  border-radius: 20px;
  background: #ffa442;
  text-transform: uppercase;
  transition: all .3s ease 0s
}

.pricingTable .pricingTable-signup a:hover {
  box-shadow: 0 0 10px #ffa442
}

.pricingTable.blue .heading,
.pricingTable.blue .price-value {
  color: #4b64ff
}

.pricingTable.blue .pricingTable-signup a,
.pricingTable.blue:hover .pricingTable-header {
  background: #4b64ff
}

.pricingTable.blue .pricingTable-signup a:hover {
  box-shadow: 0 0 10px #4b64ff
}

.pricingTable.red .heading,
.pricingTable.red .price-value {
  color: #ff4b4b
}

.pricingTable.red .pricingTable-signup a,
.pricingTable.red:hover .pricingTable-header {
  background: #ff4b4b
}

.pricingTable.red .pricingTable-signup a:hover {
  box-shadow: 0 0 10px #ff4b4b
}

.pricingTable.green .heading,
.pricingTable.green .price-value {
  color: #40c952
}

.pricingTable.green .pricingTable-signup a,
.pricingTable.green:hover .pricingTable-header {
  background: #40c952
}

.pricingTable.green .pricingTable-signup a:hover {
  box-shadow: 0 0 10px #40c952
}

.pricingTable.blue:hover .price-value,
.pricingTable.green:hover .price-value,
.pricingTable.red:hover .price-value {
  color: #fff
}

@media screen and (max-width:990px) {
  .pricingTable {
    margin: 0 0 20px
  }
}

.white-mode {
  text-decoration: none;
  padding: 17px 40px;
  background-color: yellow;
  border-radius: 3px;
  color: black;
  transition: .35s ease-in-out;
  position: absolute;
  left: 15px;
  bottom: 15px
}


/* ------------------------------------ pricing cards end ----------------------------------------------- */






/*============================    Teams    ========================================*/
#teamsSection1 h2,
#teamsSection2 h2,
#midget h2,
#junior h2 {
  margin-top: 50px;
}

#teamsSection1 h3,
#teamsSection2 h3,
#midget h3,
#junior h3 {
  margin-bottom: 50px;
}


#slides {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.carousel-inner img {
  width: 100%;
  height: 450px;
  max-height: 450px;


}

.carousel-caption {
  position: absolute;
  top: 70%;
  transform: translateY(-50%);

}

.carousel-caption h1 {
  font-size: 500%;
  text-transform: uppercase;
  text-shadow: 1px 1px 15px #000;
}

.carousel-caption h3 {
  font-size: 200%;
  font-size: 16px;
  text-shadow: 1px 1px 10px #000;
}



.img-fluid {
  border: 0.25px solid white;
  border-radius: 5px;
  /*box-shadow: rgb(255, 255, 255) 2px 20px 30px -10px;*/
}

.btn-primary {
  background-color: #6648b1;
  border: 1px solid #6648b1;
  opacity: 0.9;
}

.btn-primary:hover {
  background-color: #563d7c;

  border: 1px solid #563d7c;
}



.jumbotron {
  padding: 1rem;
  border-radius: 0;

}

.row .container-fluid h2 {
  margin-top: 25px;
}

.container-fluid h2,
h3 {
  color: white;

}

.container-fluid .row h3 {
  color: white;

}

.row .lead {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}

/*=========================================  Imp links               ============================================*/
#importantLinksTitle {
  margin-top: 150px;

}

#importantLinksTitle h1 {
  color: #000;
}

#impLinkCards {
  margin-bottom: 50px;

}

#impLinkCards p {
  font-weight: bolder;

}


.welcome .row .card-text {
  color: black;

}

.row h2 {
  color: white;


}

.card-title {
  text-align: center;
}




p .card-text {
  color: black;

}


.card hr,
p {
  color: black;
}




.welcome .leadHeader {
  color: #f1f1f1;
  margin-left: auto;
  margin-right: auto;
}

/* 
.lead {
  font-size: .8rem;
  color: #fff
} */

#lead {

  text-align: center;
  margin-top: 10px;
  position: relative;

  right: 50%;
  transform: translate(50%, -50%);
  text-transform: uppercase;

  font-family: "Calibri Light", sans-serif;
  font-weight: lighter;
  font-size: 2.5rem;
  font-weight: 700;
  color: #f1f1f1;

}

#welcome,
#leadABMC {
  text-align: center;

  position: relative;

  right: 50%;
  transform: translate(50%, -50%);
  text-transform: uppercase;

  font-family: "Calibri Light", sans-serif;
  font-weight: lighter;
  font-size: 2rem;
  font-weight: 700;
  color: #f5f5f5;




}

#welcome {
  text-align: center;
}


.row h1,
h2,
h3,
p {
  color: white;

}

.padding {
  padding-bottom: 2rem;

}

.welcome {
  width: 100%;
  margin: 0 auto;
  padding-top: 2rem;
  background-color: transparent;
}

.welcome hr {
  border-top: 2px solid #b4b4b4;
  width: 100%;
  margin-top: .3rem;
  margin-bottom: 1rem;
}

.welcome .display-4 {
  color: white;
}

.card {

  background-color: transparent;
  border-left: .25px solid #fff;
  border-right: .25px solid #fff;
  border-bottom: .25px solid #fff;
  border-top: .25px solid #fff;
  border-radius: 15px;
  height: 350px;
}

.card .row h2 {
  color: #000;
}

.card-body {

  background: linear-gradient(rgba(95, 158, 160, 1), rgba(95, 158, 160, 1));
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;

  height: 225px;
}



.card-body a {
  color: #000;
  font-size: 1.5em;
}

.card-img-top {
  height: 120px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;

}

.social a {
  font-size: 4.5em;
  padding: 3rem;


}

#facebook h1 {
  color: #000 !important;
}

#facebook_div {
  transform: scale(1.1);
  margin: 0 auto;
  width: 100%;

}

@media (min-width:992px) {
  #facebook_div {
    transform: scale(1.5);
    /* margin-top: 300px; */

  }

  #facebook h1 {
    margin-bottom: 150px;
  }



}



#sendMessageButtonTable:hover {
  background-color: gray;
}

.signuptbl {
  background-color: transparent;

}





.card-body p {
  color: #000;
}






table tr {
  border: none;


}

table tr,
table td {
  color: #000;
  font-size: 1em;
  font-weight: bolder;
}



#midget h2,
p {
  text-align: center;
}

#midget_image {
  text-align: center;
}




.signup-btn:hover {
  /* background-color: #000; */
  color: #fff;
}

.text-center {
  position: relative;
}

/*=================================news section======================================*/
/* 
#news-container {
  height: auto;
  width: auto;
  background-color: transparent;

  margin-top: 150px;
  margin-bottom: 150px;
  margin-left: 0;
  margin-right: 0;
  border-radius: 25px;
  padding-left: 5px !important;
  padding-right: 5px !important;

} */
/* 
#news-container-child {


 
  border-radius: 5px;
 
  background-color: #f1f1f1;
}

#news-container p {
  text-align: left;

}


#news2 {


  background: #FBFAF5;


  position: relative;
  overflow-y: scroll;

  height: 300px;
  margin-top: 20px;
  margin-bottom: 100px;
  padding-left: 25px;
  padding-left: 25px;
}

#newsTitle {
  color: #000;
  font-weight: 400;
 
  padding-left: 0px !important;
  padding-right: 0px !important;
 
}

#news-container-child #news2 p {
 
  color: #000;
  font-size: 2rem;
  font-weight: bolder;


} */
/* 
@media (max-width:768px) {
  #news-container {
    width: 95%;
  
    margin-top: 100px;
    margin-bottom: 100px;
    border-radius: 25px;
    font-size: 1.5rem;
  }
}

@media (max-width:412px) {
  #news-container {
    width: 100%;
  
    margin-top: 100px;
    margin-bottom: 100px;
    border-radius: 25px;
    font-size: 1.5rem;
  }
} */


/*-------------------------------message section-------------------------------------*/
/* #msg {
  margin-top: 150px;
  margin-bottom: 150px;
}


#imp_links,
#field_loc,
#photos,
#messageTitle {

  color: white;
}

.more {
  display: none;
}

.dots {
  color: #fff;
}

button {
  display: block;
  border-radius: 5px;

} */

/*--------------------------------Map css------------------------------------------------*/
.map-container {

  /* border: 2px solid black; */
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  width: 95%;
  margin: auto;
}

.map-container iframe {

  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;

}

#field_loc {
  color: #000;
}

/*----------------------------------------------------------------------------------------*/



/*---------------------------------Table css----------------------------------------------*/
/* 

.hm-gradient {
  background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}

.darken-grey-text {
  color: #2E2E2E;
}

.input-group.md-form.form-sm.form-2 input {
  border: 1px solid #bdbdbd;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.input-group.md-form.form-sm.form-2 input.purple-border {
  border: 1px solid #9e9e9e;
}

.input-group.md-form.form-sm.form-2 input[type=text]:focus:not([readonly]).purple-border {
  border: 1px solid #ba68c8;
  box-shadow: none;
}

.form-2 .input-group-addon {
  border: 1px solid #ba68c8;
}

.danger-text {
  color: #ff3547;
}

.success-text {
  color: #00C851;
}



.table-bordered.red-border {
  border: none;
}



.table.table-bordered th {
  text-align: center;
} */

/*----------------------------------------------------------------------------------------*/
/*-------------------------------comment table ---------------------------------------------------------*/
/* #discussionTable {
  width: 100%;
}

#communityTableDisplayed,
#communityTable {
  background-color: white;
} */

/*----------------------------------------------------------------------------------------*/



footer {

  /* color: #000; */
  /* padding-left: 2rem; */
  font-family: "Calibri Light", sans-serif;
border-top: #000 1px solid;
}

.footer-title {
  font-size: 2.1rem;
  color: #000;
}

hr.light {
  border-top: 1px solid #d5d5d5;
  width: 100% !important;
  margin-top: .8rem;
  margin-bottom: 1rem;
}

footer ul {
  text-align: center ;
}


hr.light-100 {
  border-top: 1px solid #000;
  width: 100%;
  margin-top: .8rem;
  margin-bottom: 1rem;
 font-size: 1em;
}

.copyright {
  color: #000;
}

#tvwebdevLink {
  font-family: "Calibri Light", sans-serif;
font-size: 1em;
  color: black;


}

/*---Media Queries --*/





@media (max-width: 768px) {
  .carousel-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

  }

  .carousel-caption h1 {
    font-size: 500%;
    text-transform: uppercase;
    text-shadow: 1px 1px 15px #000;
  }

  .carousel-caption h3 {
    font-size: 200%;
    font-size: 16px;
    text-shadow: 1px 1px 10px #000;
  }
}

@media (max-width: 576px) {}


/*---Firefox Bug Fix --*/
.carousel-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

/*--- Fixed Background Image --*/
figure {
  position: relative;
  width: 100%;
  height: 60%;
  margin: 0 !important;
}

.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#fixed {
  background-image: url('');
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
  padding: 1rem;
}



#myBtn {

  bottom: 10px;
  /* float: center; */
  right: 18.5%;
  left: 77.25%;
  max-width: 30px;
  width: 100%;
  font-size: 24px;
  border-color: rgba(85, 85, 85, 0.2);
  /* background-color: #000; */
  padding: .5px;
  border-radius: 4px;

}




/*Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap*/

/*Small (sm) devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*Medium (md) devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  #fbnavicon {
    margin-right: 100px;
    margin-top: 10px;
  }
}

/*Large (lg) devices (desktops, 992px and up)*/


/*Extra (xl) large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

  .carousel-inner img {
    width: 100%;
    height: 750px;
    max-height: 750px;
  }







}



.display-4,
.sponsorTitle {
  color: #000;
  text-align: center;
  /* font-weight: bold; */
}

/*============================================= gsap scroll transition css ============================================================*/

/* gsap tester css start */



.ipsType_right {
  text-align: right;
}

.ipsType_center {
  text-align: center;
}

.cInnerContent {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.ipsSpacer_bottom_double {
  margin-bottom: 30px;
}

.ipsGrid {
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.ipsGrid::before,
.ipsGrid::after {
  display: table;
  content: "";
  line-height: 0;
}

.ipsGrid>[class*="ipsGrid_span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  box-sizing: border-box;
}

.ipsGrid>.ipsGrid_span5 {
  width: 40.42553191489362%;
}

/* imp links section */
.ipsGrid>.ipsGrid_span7 {
  width: 57.44680851063829%;
}

/* news paragraphs */
.ipsGrid>.ipsGrid_span7-news {
  width: 57.44680851063829%;
  width: 80%;
}

.ipsGrid_span7-news p {
  text-align: start !important;
  line-height: 1.9em;
  font-size: 1.1em;
}

@media (max-width:992px) {
  .ipsGrid>.ipsGrid_span7-news {
    /* width: 57.44680851063829%; */
    width: 100%;
  }
}


.ipsGrid>[class*="ipsGrid_span"] {
  float: left;
  margin-left: 2%;
}

.ipsGrid>[class*="ipsGrid_span"]:first-child {
  margin-left: 0;
}

.feature {
  display: flex;
  align-items: center;
}

.feature p {
  text-align: center;
}

.card {
  margin-bottom: 30px;
  border: 1px solid #cccccc;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 1px 1px 5px 1px #CCCCCC;
  /* transition: 0.3s; */

}

.pricing-content li {
  color: #000 !important;
}


.featured-image-container .card {
  padding: 10px;
  height: 0;
  padding-bottom: calc(100% - 10px);
  margin-top:3em;
}

h2.heading_large {
  font-size: 1.5em;
  text-align: center;
  padding: auto;
}

.featured-image-container .card img {
  max-width: 100%;

}

.header-section {
  margin: 200px auto;
}

.header-section-news {
  margin-top: 250px;
  margin-bottom: 50px;
  margin-left: 200px;
  margin-right: 200px;
}

.ipsGrid_span7-news p {
  font-size: 1.2em;
}

.gs_reveal {
  opacity: 0;
  visibility: hidden;
  will-change: transform, opacity;
  color: #000;

}

.ipsGrid_span7 p {
  padding: auto;

}