/*
Theme Name: Memorial Occasions
Theme URI: http://www.memorialoccasions.com
Author: Obit Site
Author URI: http://www.www.memorialoccasion.org
Description: Obit Site - Memorial Home Page
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags: Obit Site
*/


/* ********************************************************** */
/* ***** phone ********************************************** */
/* ******** All Styles starting with small devices ********** */
/* ********************************************************** */

/* Add outline to trace items */

/*
* {
    outline: 1px solid pink;
}
*/


.testcolor {
    background-color: pink !important;
}

.testcolor2 {
    background-color: green !important;
}

.testcolor3 {
    background-color: blue !important;
}

.testcolor4 {
    background-color: yellow !important;
}

.visually-hidden {
  display: none;
}

.container-fluid {
/* background-color: yellow;  */
 /*  background-color: #fff; */
   margin-right: 0;
   margin-left: 0;
   padding: 0;
 /*  overflow-x: hidden;  */
   position: relative;
}


.clear11 {
  padding: 0;
  margin: 0;
  border: 0;
}

.clear12 {
  padding: 0;
  margin: 1.5% 0 0 0;
  border: 0;
}

.clear13 {
  padding: 0;
  margin: 1.5% 0;
  border: 0;
}

body {
   /* background-color: chartreuse; */
    margin-right: 0 !important;
    margin-left: 0;
   /* background-color: #fff; */
    /* background-color: #f6fbfd; */
    background-color: #fff;
}

body p {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
  text-decoration: none;
  margin: 0;
  padding: 3% 3% 0 3%;

}

body a {
  text-decoration: none;
  color: #56a9df;
}

body a:hover {
  text-decoration: none;
}

.mycontainer1 {
  margin: 0;
   padding: 0;
  border: 0;
  /* background-color: purple; */
}
.clearrow {
  padding: 0;
  margin: 0;
  border: 0;
}

/* Css effects */
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.fadeInBottom {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
}

.fadeInTop {
  -webkit-animation-name: fadeInTop;
  animation-name: fadeInTop;
}


/* End of CSS Effects */
/* ============================== */
/* Top section contact info  */


 /* ^^^^^^^^  CSS Animations  ^^^^^^^^^^^^^^^  */
 
  @keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }
  
  /* Firefox < 16 */
  @-moz-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }
  
  /* Safari, Chrome and Opera > 12.1 */
  @-webkit-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }
  
  /* Internet Explorer */
  @-ms-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }
  
  /* Opera < 12.1 */
  @-o-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }
   
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.onedelay {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}

.twodelay {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
animation-delay: 3s;
}

.threedelay {
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
animation-delay: 5s;
}

.fourdelay {
-webkit-animation-delay: 7s;
-moz-animation-delay: 7s;
animation-delay: 7s;
}
/* ||||||||||||||||||||||||||||||||||||||||   */

/* ********************************************* */
/* ****** Start of main styles ***               */
/* ********************************************* */
/* ***** phone ********************************* */
/* *** All Styles  -- extra small devices ****** */
/* ********************************************* */



/* ############################## */
/* Start of header section  ##### */

.hvr-underline-reveal { 
   display: inline-block; 
   vertical-align: middle; 
   -webkit-transform: translateZ(0); 
   transform: translateZ(0); 
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
  -webkit-backface-visibility: hidden; 
   backface-visibility: hidden; 
   -moz-osx-font-smoothing: grayscale; 
   position: relative; 
   overflow: hidden; 
 } 
 .hvr-underline-reveal:before { 
   content: ""; 
   position: absolute; 
   z-index: -1; 
   left: 0; 
   right: 0; 
   bottom: 0; 
   background: #ccc; 
   height: 4px; 
   -webkit-transform: translateY(4px); 
   transform: translateY(4px); 
   -webkit-transition-property: transform; 
   transition-property: transform; 
   -webkit-transition-duration: 0.3s; 
   transition-duration: 0.3s; 
   -webkit-transition-timing-function: ease-out; 
   transition-timing-function: ease-out; 
 } 
 .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { 
   -webkit-transform: translateY(0); 
  transform: translateY(0); 
 } 


/* **** Top border red ********/
/* ********************************************** */

.headersec {
  padding: 0;
  border: 0;
  margin: 0;
/*  background-color: green; */
}

.topborder {
   border: 0;
   padding: 1% 1%;
   margin: 0;
   box-sizing: border-box;
   background-color: #c42d2d;
    text-align: center;
   position: relative;
}

.topborderbg {
   border: 0;
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   background-color: #c42d2d;
    text-align: center;
   position: relative;
}
.topborderbg1 {
    background-color: rgba(152, 22, 22, .9)
}

.topborderbg1:hover {
    background-color: rgba(152, 22, 22, .6)
}


.icontopborder {
   padding-top: 2%;
}

.topborder form {
  border: 0;
  width: 98%;
  /* background-color: purple; */
}

.searchInput {
   display: inline;
   position: relative;
}

.searchInput label {
   display: none;
   height: 1px;
}

.topborder input {   
  text-decoration: none;
  font-weight: normal;
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .9em;
  width: 60%;
  padding: .5% 1% .5% 2%;
}

.searchInput i { 
  position: absolute; 
} 


.searchicon { 
   padding: 10px; 
   color: green; 
   min-width: 50px; 
   text-align: center; 
} 


.topborder button { 
  text-decoration: none;
  font-weight: normal;
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .875em;
  margin: 0 0;
  padding: 4px 20px; 
  border: solid 1px #fff;
  color: #fff;
  /*background-color: #f05c4c;*/
  /* background-color: #ed6f6a; */
  background-color: #c42d2d;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
   border-radius: 10px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.topborder button:hover {
 text-decoration: none;
 color: #f05c4c;
 /* color: #3c8ec6; */
 background-color: #fff;   
    
} 


.topborder h5 {
  font-family: 'Quicksand', 'Georgia', sans-serif;
    display: block;
    margin-top: 1.5%;
  font-size: 1.175em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  text-align: center; 
  color: #fff;
  padding: .5%;
  border: 0;
 letter-spacing: 1px;
  text-transform: uppercase;
  width: 95%;
  /* float: right; */
 /* text-shadow: 1px 1px 1px rgba(1, 1, 1, .6); */ 
}

.topborder h6 {
  font-family: 'Quicksand', 'Georgia', sans-serif;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  /* color: #1c1a1a; */
  /* color: #736A69; */
  color: #fff;
  margin: .5% 0 0 .5%;
  padding: .5%;
  border: 0;
 letter-spacing: 1px;
    text-transform: uppercase;
  float: right;
 /* text-shadow: 1px 1px 1px rgba(1, 1, 1, .6); */ 
}


.topborder a {
  /* display: block; */
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 1% .5%;
  padding: .5%;
  border: 0;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
  /*  display: inline-block; */
    /* background-color: purple; */
}

.topborder a:hover {
 /* text-decoration: underline; */
 color: #fd8b8b;
 /* color: #3c8ec6; */  
    
}


.iconpadding1 {
display: inline-block; 
font-size: 30px; 
height: 30px;
width: 30px;
padding: 0;
margin: 0;
line-height: 30px !important;
/* background-color: red; */
vertical-align: text-bottom;
}


/* ********************* */
/* Nav Bar **************  */

.navspacing {
  padding: 2%;
}

.navspacing2 {
  padding-left: 4%;
}

/* ****** End of top border section  */
/* ********************************************** */



/* ****** End of header section  */
/* ********************************************** */


/* ############################## */
/* Start of main styles  ##### */

/* ############################# */
/* Start of mainamesec  Section */

.mainnamesec {
 /* background-color: green;  */
 position: relative;
 box-sizing: border-box;
 margin: 2% 0;
 /* height: 22vh; */
 background-color: #f7f2eb;  
 padding: 0 0;
 /* background-image: url("../img/cream-texture-2.jpg");  */
 /* background-repeat: repeat;  */
 background-image: url("../img/obitmnbg1.jpg"); 
 background-repeat: no-repeat; 
 z-index: 1;
}

.mainnamesec2 {
 position: relative;
 box-sizing: border-box;
 margin: 2% auto;
 /* background-color: #f7f2eb;  */
 /* background-color: rgba(247, 242, 235, .6); */
 padding: 2% 2%;
 background-repeat: repeat;    
}

.mainnamesec2 h1 {
  font-family: 'Alex Brush', 'Apple Chancery', 'Brush Script MT', cursive;
  font-size: 2.4em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: bold;
  text-align: center; 
  /* color: #1c1a1a; */
  /* color: #f05c4c; */
  /* color: #736A69; */
  color: #fff;
  margin: 0;
  padding: 0;
  border: 0;
 /* text-shadow: 1px 1px 1px rgba(1, 1, 1, .6); */
}

.mainnamesec2 h2 {
  font-family: 'Quicksand', 'Apple Chancery', 'Brush Script MT', cursive;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  /* color: #1c1a1a; */
  /* color: #736A69; */
  color: #fff;
  margin: 0;
  padding: .5%;
  border: 0;
 /* text-shadow: 1px 1px 1px rgba(1, 1, 1, .6); */
}

.mainnamesec2 h3 {
  font-family: 'Alex Brush', 'Apple Chancery', 'Brush Script MT', cursive;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  /* color: #1c1a1a; */
  /* color: #736A69; */
  /*color: #fff; */
  color: #c42d2d;
  margin: 0;
  padding: .5%;
  border: 0;
 /* text-shadow: 1px 1px 1px rgba(1, 1, 1, .6); */
}

.mainnamesec2 h4 {
   font-family: 'Quicksand', 'Georgia', sans-serif;
  font-size: .85em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  /* color: #1c1a1a; */
  /* color: #736A69; */
  color: #fff;
  margin: 0;
  padding: .5%;
  border: 0;
 letter-spacing: 1px;
    text-transform: uppercase;
 /* text-shadow: 1px 1px 1px rgba(1, 1, 1, .6); */
}

hr.mainanemsechr {
    margin: 2% 0 2% 0;
    border: 0;
    height: 1px;
   /* background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(249, 245, 239, 0.75), rgba(195, 194, 205, 0)); */
    background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(256, 256, 256, 0.75), rgba(195, 194, 205, 0));
}

hr.sechdr {
    margin: 2% 0 2% 0;
    border: 0;
    height: 1px;
   /* background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(249, 245, 239, 0.75), rgba(195, 194, 205, 0)); */
    /*background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(256, 256, 256, 0.75), rgba(195, 194, 205, 0));*/
    background-image: linear-gradient(to right, rgba(256, 256, 256, 0), rgba(195, 194, 205, 0.75), rgba(256, 256, 256, 0));
}


.mainimagesection h3 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.15em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 3%;
  border: 0;
}
/* ############################## */
/* End of mainamesec section #######  */

 





.iconpadding3 {
display: inline-block; 
font-size: 18px; 
height: 18px;
width: 18px;
padding: 0;
margin: 0 2% 0 0;
line-height: 15px !important;
vertical-align: text-bottom;
/* border: solid 1px #157cf7; */
/* border-radius: 25px; */
  background-clip: content-box;
  padding: .05em;
}


/* ############################## */
/* End of mainamesec section #######  */





/* ############################# */
/* Start of Who We Help Section */


.primarybodysec {
 position: relative;
 box-sizing: border-box;
 margin: 1% 0 1% 0;
 background-color: #fff;  
 padding: 2% 0;
}

/* **************** */
/* Start of mainimagesection *** */
.mainimagesection {
 position: relative;
 box-sizing: border-box;
 margin: 1% 0 1% 0;
 background-color: #fff;  
 /* background-color: purple;  */
 padding: 2% 0;
 z-index: 10;
}

.mainimagesection figure {
 /* background-color: green;  */
 position: relative;
 box-sizing: border-box;
 margin: 0;
 /* background-color: #fff;  */
 padding: 1.5%;   
 width: 99%
/* border: 1px solid pink; */
}

.mainimagesection img {
  padding: 0;
  margin: 0 auto;
  border: 0;
  max-width: 95%;
  display: block;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  /* border: 1px solid purple; */
}

.mainimagesection h3 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.15em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 3%;
  border: 0;
}

.mainimagesection p {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .975em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: left; 
  margin: 2% 0;
  padding: 1% 0 0 2.5%;
  border: 0;
   display: inline-block;
  width: 70%;
}




/* ***** End of mainimage section *** */
/* ****************************************** */


/* **************** */
/* Start of maininfosection  *** */

.maininfosection {
 position: relative;
 box-sizing: border-box;
 margin: 1% 0 1% 0;
 background-color: #fff;  
 /* background-color: purple;  */
 padding: 2% 1.5% 2% 2.5%;
 z-index: 10;
    display: table-row;
   text-align: justify !important;
  text-justify: inter-character !important;
}

.maininfosection figure {
 /* background-color: green;  */
 position: relative;
 box-sizing: border-box;
 margin: 0;
 /* background-color: #fff;  */
 padding: 1.5%;     
/* border: 1px solid pink; */
}

.maininfosection img {
  padding: 0;
  margin: 0 auto;
  border: 0;
  max-width: 95%;
  display: block;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  /* border: 1px solid purple; */
}

.maininfosection h3 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.15em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 1% 0;
  padding: 1% 2%;
  border: 0;
}

.maininfosection button { 
  text-decoration: none;
  font-weight: normal;
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.015em;
  margin: 6% 0;
  padding: 6px 12px; 
  border: solid 2px #d74939;
  color: #fff;
  /*background-color: #f05c4c;*/
  /* background-color: #ed6f6a; */
  background-color: #c42d2d;
  width: 65%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
   border-radius: 10px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.maininfosection button:hover {
 text-decoration: none;
 color: #f05c4c;
 /* color: #3c8ec6; */
 background-color: #fff;   
    
} 

.maininfosection p {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .825em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1% 5% 0 5%;
  border: 0;
  /* display: inline-block; */
 /* width: 95%; */
  /*text-align: justify;*/
  text-justify: inter-character;
/* display: table-row; */
    text-align:justify;
word-spacing:-2px;
}

.maininfosection h4 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .9em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-decoration: none;
  font-weight: normal;
  text-align: left; 
  margin: 1% 0;
  padding: 1% 1% 0 1%;
  border: 0;
  display: inline-block;
  /* width: 90%; */
}


.maininfosection a {
  display: inline-block;
  text-decoration: underline;
  font-weight: normal;
  color: #78bbe6;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
   margin: 2% 0;
  padding: 1% 4% 0 4%;
   width: 85%; 
     font-size: .8em;
    word-wrap: break-word;
    text-align: center;
}

.maininfosection a:hover {
 text-decoration: none;
 color: #f05c4c;
    
}

.maininfosection input {
    background-color: #fafafa;
    font-family: 'Merriweather', 'Georgia', sans-serif;
    font-size: 1em;
    color: #1c1a1a;
    /* border: 1px solid #b0aca7; */
    border: 1px solid #1c1a1a;
    text-align: center;
    width: 80%;
    height: 30px;
    padding: 2%;
    margin: 0 0 2% 0;
    font-weight: normal;

  }

.qrcodesection {
   margin: 2% 0 0 0;
}

.specialfont {
  font-family: 'Alex Brush', 'Apple Chancery', 'Brush Script MT', cursive;
     font-size: 1.8em;
    font-weight: bold;
}

.specialfont2 {
  font-weight: bolder;
}

/* |||||||||||||||| */
/* ||||| Condolences Video styles ||||*/ 


  #myVideo {
     /* background-color: #9ab87a; */
      /* background-color: #c42d2d; */
      background-color: #ff7979;
  }

/* |||||||||||||||||||||||||||||||||||||||||||| */

/* ***** End of maininfo section *** */
/* ****************************************** */




.eventinfosec {
 /* background-color: blue;  */
 position: relative;
 box-sizing: border-box;
 margin: 1% 0;
 background-color: #fff;  
 padding: 2%;    
}

.eventinfosec h2 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  border: 0;
}

.eventinfoseclink {
  text-decoration: none;
  font-weight: normal;
  padding: 6px 12px; 
  border: solid 2px #c42d2d;
  color: #fff;
  background-color: #c42d2d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.eventinfoseclink:hover {
 text-decoration: none;
 color: #c42d2d;
 /* color: #3c8ec6; */
 background-color: #fff;   
    
}

hr.subsectionhr {
    margin: 5% 0 5% 0;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(249, 245, 239, 0.75), rgba(195, 194, 205, 0));
}

.eventinfosec h3 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .975em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
  border: 0;
}

.eventinfosec h4 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.15em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  border: 0;
}

.eventinfosec h5 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  border: 0;
}

.eventinfosec h6 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
  border: 0;
}





.eventinfosec a {
  text-decoration: none;
  font-weight: normal;
  border: 0;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
  word-wrap: break-word;
}


.eventinfosec a:hover {
 text-decoration: none;
 color: #c42d2d;
 /* color: #3c8ec6; */
 background-color: #fff;   
    
}

.eventinfosec img {
  padding: 0;
  margin: 4% auto;
  border: 0;
  max-width: 70%;
  display: block;
 /* -webkit-border-radius: 15px; */
 /* -moz-border-radius: 15px; */
 /* border-radius: 15px; */
  /* border: 1px solid purple; */
}

/* ############################# */
/* Start of tabbed nav section Section */

/* ########### */
/* ############  Red Header ############# */
.eventlistingsechdr {
 position: relative;
 box-sizing: border-box;
 margin: 0;
 background-color: #fff; 
 /* background-color: #d74939; */
 padding: 1%; 
 /* border: solid 1px #f9f5ef; */
    
}

.eventlistingsechdr h2 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .925em;
   color: #d74939; 
   /* color: #fff; */
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: bold;
  text-align: center; 
  margin: 1% 0;
  padding: 1.5% 0;
  border: 0;
}

.eventlistingsechdr h3 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .85em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 4% 0;
  padding: .5%;
  border: 0;
}

.eventlistingsechdr p {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .85em;
   color: #1c1a1a; 
  /*color: #fff;*/
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1% 3%;
  border: 0;
 /* width: 95%; */
  text-justify: inter-character;
  text-align: justify;
  word-spacing:-2px;   
    
}

 .eventlistingsechdr a {
  text-decoration: none;
  font-weight: normal;
  padding: 6px 12px; 
  border: solid 2px rgba(215, 73, 57, .9);
  color: #fff;
  background-color: rgba(215, 73, 57, .8);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.eventlistingsechdr a:hover {
   text-decoration: none;
 color: #fff;
 /* color: #3c8ec6; */
 background-color: rgba(215, 73, 57, .6);  
    
}

.maininfosection a:hover {
 text-decoration: none;
 color: #f05c4c;
    
}

.eventlistingsechdr hr {
    margin: 2% 0 0 0;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(195, 194, 205, 0.75), rgba(195, 194, 205, 0));
}

/* ########## */
/* ################################## */


.eventlistingsec {
 position: relative;
 box-sizing: border-box;
 margin: 0;
 /*background-color: #fff;  */
 padding: 2%; 
 /* border: solid 1px #f9f5ef; */
    
}

.eventlistingsec2 {
 position: relative;
 box-sizing: border-box;
 margin: 0;
 background-color: #fff;  
 padding: 2%; 
 /* border: solid 1px #f9f5ef; */
    
}
.eventlistingsec p {
  font-family: 'Lato', 'Georgia', sans-serif;
  font-size: 1em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  border: 0;
}

.eventlistingsec a {
  text-decoration: none;
  font-weight: normal;
  padding: 8px 16px; 
  border: solid 2px #c42d2d;
  color: #e7e9eb;
  background-color: #c42d2d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}


.eventlistingsec h2 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.35em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 2.5%;
  border: 0;
}

.eventlistingsec h3 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .925em;
  color: #d74939; 
   /* color: #fff; */
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: bold;
  text-align: left; 
  margin: 1% 0;
  padding: 2.5%;
  border: 0;
}


.eventlistingsec h4 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .975em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: bold;
  text-align: center; 
  margin: 1% 0;
  padding: 1% 2% .5% 2%;
  border: 0;
}

.eventlistingsec h5 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .925em;
  color: #d74939;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: bold;
  text-align: left; 
  margin: 2% 0;
  padding: 2.5%;
  border: 0;
}

.eventlistingsec hr {
    margin: 2% 0 0 0;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(195, 194, 205, 0.75), rgba(195, 194, 205, 0));
}

.w3-container:after,
.w3-container:before,
.w3-panel:after,
.w3-panel:before,
.w3-row:after,
.w3-row:before,
.w3-row-padding:after,
.w3-row-padding:before,
.w3-cell-row:before,
.w3-cell-row:after,
.w3-clear:after,
.w3-clear:before,
.w3-bar:before,
.w3-bar:after {
    content: "";
    display: table;
    clear: both;
}

.w3-bar .w3-button {
    white-space: normal;
}

.w3-bar .w3-bar-item {
    padding: 8px 16px;
    margin: 0 2% 0 0;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0;
}

.w3-bar {
    width: 100%;
    overflow: hidden;
}
.w3-center .w3-bar {
    display: inline-block;
    width: auto;
}

.w3-red,
.w3-hover-red:hover {
    color: #fff !important;
    background-color: #c42d2d !important;
}

.eventlistingsec video
{
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
/* ############################## */
/* End of mainamesec section #######  */


    
/* ############################# */
/* Start of main form section */

.maineform {
 /* background-color: blue;  */
 position: relative;
 box-sizing: border-box;
 margin: 1% 0;
 background-color: #fff;  
 padding: 2%;   
text-align: center
}
     
.maineform p {
  font-size: 1.1em;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  color: #ff8b96;
  margin: 0;
  padding: 1.5% 0;
}

.maineform h2 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .875em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: bold;
  text-align: center; 
  margin: .5% 0;
  padding: .5%;
  border: 0;
}

.maineform h3 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.35em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  border: 0;
}

.maineform h4 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1em;
  /* color: #1c1a1a; */
  color: #d74939;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: bold;
  text-align: center; 
  margin: 0 0;
  padding: 1%;
  border: 0;
}

.maineform h5 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  border: 0;
}
    
.maineform h6 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .95em;
  /* color: #1c1a1a; */
  color: #b0aca7;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 1% 0;
  padding: .5%;
  border: 0;  
    
}

.maineform a {
  text-decoration: none;
  font-weight: normal;
  padding: 6px 12px; 
  border: solid 2px #d74939;
  color: #fff;
  background-color: #f05c4c;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.maineform a:hover {
 text-decoration: none;
 color: #f05c4c;
 /* color: #3c8ec6; */
 background-color: #fff;   
    
}

hr.maineformhr {
    margin: 5% 0 5% 0;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(249, 245, 239, 0.75), rgba(195, 194, 205, 0));
}
   
.maineform form {
    display: inline-block;
    width: 90%;
}
      
.form-group label {
  font-family: 'Lato', 'Georgia', sans-serif;
  font-size: 1em;
  text-decoration: none;
  font-weight: normal;
  /* text-align: left; */
  color: #b0aca7;
  margin: 2% 2% 0 0;
  padding: 1.5% 0;
  border: 0;
  line-height: 1.5;
}

  .textinput {
    background-color: #fafafa;
    font-family: 'Merriweather', 'Georgia', sans-serif;
    font-size: .85em;
    color: #1c1a1a;
    /* border: 1px solid #b0aca7; */
    border: 1px solid #1c1a1a;
    text-align: center;
    width: 85%;
    height: 40px;
    padding: 2%;
    margin: 0 0 2% 0;
    font-weight: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  }

  .textinput:focus {
   /* background-color: #e9e7e2; */
    background-color: #3b3f45;
    /* color: #d74939; */
     color: #fff;
    border: 2px solid #d74939;
    outline: 1px solid #d74939;
     outline: 1px solid #fff;
  }

 .textinput2 {
    margin: 2% 0 4% 0;
    font-size: 1em !important;
  }


  .textArea {
    background-color: #fafafa;
    font-family: 'Merriweather', 'Georgia', sans-serif;
    font-size: .85em;
    color: #1c1a1a;
    /* border: 1px solid #b0aca7; */
    border: 1px solid #1c1a1a;
    text-align: left;
    width: 85%;
    min-height: 70px;
    padding: 2%;
    margin: 0 0 2% 0;
    font-weight: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  }

  .textArea:focus {
   /* background-color: #e9e7e2; */
    background-color: #3b3f45;
    /* color: #d74939; */
     color: #fff;
    border: 2px solid #d74939;
    outline: 1px solid #d74939;
     outline: 1px solid #fff;
  }



.form-group p {
  display: inline-block;
  text-align: center;
}

 .form-group button {
  text-decoration: none;
  font-weight: normal;
  padding: 6px 12px; 
  border: solid 2px #c42d2d;
  color: #fff;
  background-color: #c42d2d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.form-group button:hover {
 text-decoration: none;
 color: #f05c4c;
 /* color: #3c8ec6; */
 background-color: #fff;   
    
}   
     
   .antispam { display:none;}


/* ############################## */
/* End of mainamesec section #######  */ 


/* ############################# */
/* Start of prefooter Section */

.prefooterimg {
 /* background-color: green;  */
 position: relative;
 box-sizing: border-box;
 margin: 1% 0 0 0;
 height: 45vh;
 background-color: #f7f2eb;  
 padding: 2% 0;
 z-index: 1;
 border-bottom: solid 2px #fff;
}

.prefooterimg2 {
 /* background-color: green;  */
 position: relative;
 box-sizing: border-box;
 margin: 1% 0; 
 padding: 2% 0;
 z-index: 1;
}

.prefooterimage {
   background: url("../img/prefooterimgbgmob1.jpg") no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
}

.prefooterimage2 {
   background: url("../img/prefooterimgbgmob2.jpg") no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
}

.prefooterimage3 {
   background: url("../img/prefooterimgbgmob3.jpg") no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
}


.prefooterimg2 h3 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.65em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: .5% 0;
  padding: 1%;
  border: 0;
  color: #fff;
  text-shadow: rgba(30, 30, 35, 0.8);

}

.prefooterimg2 h4 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.175em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 1% 0;
  padding: 2%;
  border: 0;
  color: #fff;
  text-shadow: rgba(30, 30, 35, 0.8);

}

.prefooterimg2 p {
  font-family: 'Lato', 'Georgia', sans-serif;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 1% 0;
  padding: 3% 4.5%;
  border: 0;
  color: #fff;
  text-shadow: rgba(30, 30, 35, 0.8);

}

.prefooterimg2 a {
  text-decoration: none;
  font-weight: normal;
  padding: 6px 12px; 
  border: solid 2px #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.prefooterimg2 a:hover {
 text-decoration: none;
 color: #f05c4c;  
 background-color: rgba(255, 255, 255, .9);
}

.redfont1 {
   color: #f05c4c;
  -webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
}

/*
.redfont1:hover {
  color: #fff;
}

*/
/* ############################## */
/* End of mainamesec section #######  */


/* ############################# */
/* Start of footer section */


.footer {
   /* background-color: green;  */
 position: relative;
 box-sizing: border-box;
 margin: 0; 
 /* background-color: #485563;  */ 
 /* background-color: #14191d; */
background: rgb(20,25,29);
background: linear-gradient(120deg, rgba(20,25,29,1) 0%, rgba(33,44,52,1) 35%, rgba(49,68,82,1) 100%);

 padding: 2% 0;
 z-index: 1;
 border-top: 30px solid #c42d2d;
}

.footersec {
 box-sizing: border-box;
 margin: 1.5% 0 0 0;
 padding: 3.5% 2%;
 border: 0;
 /* background-color: green; */
 position: relative;
  text-align: center;
 border-top: solid 1px rgba(255, 255, 255, .1);
    
}

.footersec h2 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.275em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1.5%;
  border: 0;
  color: #fff;
}

.footersec h3 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.025em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1.5%;
  border: 0;
  color: #c42d2d;
}

.footersec h4 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.075em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 1% 0;
  padding: 2% 0;
  border: 0;
  color: #3e454b;
 
}

.footersec h5 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.075em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 1% 0;
  padding: 2% 0;
  border: 0;
  color: #fff;
 
}


.footersec a {
  text-decoration: none;
  font-weight: normal;
  color: #fff;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.footersec a:hover {
 text-decoration: none;
 color: #f05c4c;  
}

.footersec img {
  display: block;
   margin: 1% auto;
  padding: 0;
  max-width: 85%;
}

.footerbottom {
 position: relative;
 box-sizing: border-box;
 margin: 0;
 padding: 2%;
 z-index: 1;
    
}

.footerbottom h2 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: .875em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: left; 
  margin: 2% 0;
  padding: 4% 1.5% 1.5% 1.5%;
  border: 0;
  color: #fff;
  width: 98%;
  border-top: solid 1px rgba(255, 255, 255, .4);
}

.footerbottom a {
  text-decoration: none;
  font-weight: normal;
  color: #fff;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.footerbottom a:hover {
 text-decoration: none;
 color: #f05c4c;  
}
/* ############################## */
/* End of footer section #######  */






.pipeRecordRTC span{
    border: 1px solid #c42d2d !important;
}





/* ******** Static page Sections *** */
/* ********************************************** */

.iconpadding3 { 
font-size: 20px; 
height: 20px;
width: 20px;
padding: 0;
margin: 0;
line-height: 20px !important;
/* background-color: red; */
vertical-align: text-bottom;
}

    






.memorialphotos {
    /* background-color: blue; */  
 position: relative;
 box-sizing: border-box;
  margin: 1.5% 0;
 padding: 2%;   
 text-align: center;
 border: 0;
}



.memorialphotos h3 {
  font-family: 'Alex Brush', 'Apple Chancery', 'Brush Script MT', cursive;
  font-size: 1.758em;
 /* color: #1c1a1a; */
    color: #f05c4c;
 /* letter-spacing: 0.1em; */
  line-height: 1.7;
  text-decoration: none;
  font-weight: bold;
  text-align: left; 
  margin: 1% 0;
  padding: .5%;
  border: 0;
}

.viewobitgallery {
 /* background-color: blue; */  
 position: relative;
 box-sizing: border-box;
 margin: 1% 0;
 padding: 0 2%;   
 text-align: center;
 border: 0;
 width: 95%;
 
}

.viewobitgallery figure {
 /* background-color: green; */ 
 position: relative;
 box-sizing: border-box;
 margin: 0;
 /* background-color: #fff;  */
 padding: 1%; 
 width: 95%;
/* border: 1px solid pink; */
}

.viewobitgallery img {
  padding: 0;
  margin: 0 auto;
  border: 0;
  width: 85%;
  display: block;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
    object-fit: cover;
  /* border: 1px solid purple; */
}


/* ****** End of main styles  */
/* ********************************************** */


/* ############# */
/* ########## Iframe containter 600px ##### */
@media only screen and (max-width: 600px) {
   .iframe-container{
		width: 98%;
		height:600px;
	}
   .iframe-container2{
		width: 98%;
		height:275px;
	}
}
/* ############# */
/* ######################################## */


/* ############# */
/* ########## Iframe containter 900px ##### */
@media only screen and (max-width: 992px) {
	.iframe-container{
		width: 80%;
		height:500px;
	}
	.iframe-container2{
		width: 80%;
		height:275px;
	}
}

/* ############# */
/* ######################################## */
@media(min-width: 414px){


    
}
/* ######################################## */


/* ############# */
/* ######################################## */
@media(min-width: 480px){

    
  
}
/* ######################################## */


/* ||||||||||||||||||||||||||||||||||||||||   */
@media(min-width: 576px){
/* #########################  */  
/* -----------  Start of small devices  - large phone ------------- */  
.mainnamesec {
 /* background-color: green;  */
 margin: 1% 0;
 /* height: 25vh; */
 padding: 0 0;
 z-index: 1;
}
    
.prefooterimg {
 margin: 0 0 0 0;
 height: 60vh; 
 padding: 1% 0;
 border-bottom: solid 2px #fff;
 text-align: center; 
}

.prefooterimg2 {
 margin: 0 0; 
 padding: 2% 0;
 z-index: 1;
 text-align: center; 
 width: 99%;
}

.prefooterimage {
   background: url("../img/prefooterimgbgmob1.jpg") no-repeat center center scroll; 

}

.prefooterimg2 h3 {
  font-size: 1.65em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 0 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 h4 {
  font-size: 1.275em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 p {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 a {
  padding: 6px 12px; 
  border: solid 2px #fff;

}
    
 
/* End of Small device */     
/* #########################  */
}
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */





@media (min-width: 768px) and (max-width: 991px) {

}


@media (min-width: 992px) and (max-width: 1199px) {
    
}



/* ||||||||||||||||||||||||||||||||||||||||   */
 @media(min-width:768px) { 
/* #########################  */  
/* ---------- Start of medium devices  - ipad ----------  */    
/* ############################# */
/* Start of mainamesec  Section */


.headersec {
  padding: 0;
  border: 0;
  margin: 0;
/*  background-color: green; */
}

.topborder {
   padding: 1% 1.75%;
   margin: 0;
}

.topborder form {
  width: 98%;
}


.topborder input {   
  font-size: .75em;
  width: 55%;
  padding: .5% 1% .5% 2%;
}

.searchInput i { 
  position: absolute; 
} 


.searchicon { 
   padding: 10px; 
   color: green; 
   min-width: 50px; 
   text-align: center; 
} 
     .metestcolor {
         background-color: aqua;
     }

.topborder button { 
  font-size: .7em;
  margin: 3% 0 .5% 0;
  padding: 3px 18px; 
  border: solid 1px #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
   border-radius: 10px;
}

.topborder h5 {
  /*   margin-left: 2%; */
    margin-right: auto;
    margin-top: 2.6%;
  font-size: .85em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center; 
  padding: .5%;
 letter-spacing: 1px;
  width: 95%;
}
     
.topborder h6 {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center; 
  margin: .5% 0 0 .5%;
  padding: .5%;
 letter-spacing: 1px;
  float: right;
 /* text-shadow: 1px 1px 1px rgba(1, 1, 1, .6); */ 
}


.topborder a {
  font-size: .9em;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 0 .5%;
  padding: .5%;
}

.topborder a:hover {
 /* text-decoration: underline; */
 color: #fd8b8b;
 /* color: #3c8ec6; */  
    
}

.iconpadding1 {
display: inline-block; 
font-size: 15px; 
height: 15px;
width: 15px;
padding: 0;
margin: 0;
line-height: 15px !important;
/* background-color: red; */
vertical-align: text-bottom;
}

.mainnamesec {
 /* background-color: green;  */
 margin: 1% 0;
/* height: 23vh; */
/*  padding: 2% 0; */
 padding: 0 0;
 z-index: 1;
}

.mainnamesec2 {
 margin: 1% auto;
 padding: 2% 1%; 
}

.mainnamesec2 h1 {
  font-size: 3em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 0;
  padding: 1%;
}

/* ############################## */
/* End of mainamesec section #######  */

 
.primarybodysec {
   /* background-color: purple;  */
 margin: 1% 0 1% 0; 
 padding: 0 0;
}


.mainimagesection {
 margin: 1% 0 1% 0;
 padding: 1% 0;
}

.mainimagesection figure {
 margin: 0;  
 padding: 2% 4%;     
}

.mainimagesection img {
  padding: 0;
  margin: 0 auto;
  border: 0;
  max-width: 95%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}


/* **************** */
/* Start of maininfosection  *** */

.maininfosection {
 margin: 1% 0 1% 0;  
 padding: 2% 3%;
}

.maininfosection figure {
 margin: 0;
 /* background-color: #fff;  */
 padding: 1.5%;     

}

.maininfosection img {
  padding: 0;
  margin: 0 auto;
  max-width: 95%;
  display: block;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  /* border: 1px solid purple; */
}

.maininfosection h3 {
  font-size: .8em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1% 2%;
}

.maininfosection button { 
  text-decoration: none;
  font-weight: normal;
  font-size: .60em;
  margin: 6% 0;
  padding: 6px 12px; 
  border: solid 2px #d74939;
  /* background-color: #ed6f6a; */
  background-color: #c42d2d;
  width: 95%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
   border-radius: 10px;
}


.maininfosection p {
  font-size: .60em;
 /* letter-spacing: 0.1em; */
  line-height: 1.7;
  /* text-align: left; */
  margin: 2% 0;
  padding: 1% 0 0 0;
  /* width: 95%; */
}

.maininfosection a {
   margin: 2% 0;
  padding: 1% 0 0 1%;
    width: 90%;
     font-size: .6em;
}

.maininfosection input {
    font-size: .65em;
    /* border: 1px solid #b0aca7; */
    border: 1px solid #1c1a1a;
    text-align: center;
    width: 90%;
    height: 30px;
    padding: 2%;
    margin: 0 0 2% 0;

  }

.qrcodesection {
   margin: 2% 0 0 0;
}


/* ***** End of maininfo section *** */
/* ****************************************** */   
       
.eventinfosec {
 margin: 0 0; 
 padding: 1%;    
}

.eventinfosec h2 {
  font-size: .9em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 6% 0;
  padding: 1% 2%;
}

.eventinfosec h2 a {
  font-weight: normal;
  padding: 6px 12px; 
  /* border: solid 2px #d74939; */
  border: solid 2px #c42d2d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}


hr.subsectionhr {
    margin: 2% 0 2% 0;
    height: 1px;
}

.eventinfosec h3 {
  font-size: .85em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
}

.eventinfosec h4 {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: .5% 0;
  padding: 1%;
}

.eventinfosec h5 {
  font-size: .785em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
}

.eventlistingsec {
 margin: 1% 0;
 padding: 2%;   
}

.eventlistingsec p {
  font-size: 1em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
}

.eventlistingsec a {
  padding: 8px 16px; 
  border: solid 2px #c42d2d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}


     /* ########### */
/* ############  Red Header ############# */
.eventlistingsechdr {
 margin: 0;
 /*background-color: #fff;  */
 padding: 1%; 
 /* border: solid 1px #f9f5ef; */
    
}

.eventlistingsechdr h2 {
  font-size: .825em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  font-weight: bold;
  text-align: left; 
  margin: 1% 0;
  padding: 1.5% 0;
}

.eventlistingsechdr h3 {
  font-size: .65em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  font-weight: normal;
  text-align: center; 
  margin: 4% 0;
  padding: .5%;
}

.eventlistingsechdr p {
  font-size: .6em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: left; 
  margin: 2% 0;
  padding: 1%;
  border: 0;
 /* width: 95%; */
  text-justify: inter-character;
  text-align: justify;
  word-spacing:-2px;   
    
}

 .eventlistingsechdr a {
  text-decoration: none;
  font-weight: normal;
  padding: 6px 12px; 
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}

.eventlistingsechdr a:hover {
 text-decoration: none;
    
}

.eventlistingsechdr hr {
    margin: 2% 0 0 0;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(195, 194, 205, 0.75), rgba(195, 194, 205, 0));
}

/* ########## */
/* ################################## */
     
     
/* ############################# */
/* Start of tabbed nav section Section */
.eventlistingsec {
 margin: 0;
 padding: 2%; 
 /* border: solid 1px #f9f5ef; */
    
}

.eventlistingsec h2 {
  font-size: 1.15em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 2.5%;
}

.eventlistingsec h3 {
  font-size: 1.125em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  margin: 2% 0;
  padding: 2.5%;
}    
     
     
.eventlistingsec h4 {
  font-size: .975em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 2% 2% .5% 2%;
}

.eventlistingsec p {
  font-size: 1.075em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1% 4% .5% 4%;
}


.w3-bar .w3-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    outline: 0;
}

.w3-bar {
    width: 100%;
    overflow: hidden;
}

/* ############################## */
/* End of mainamesec section #######  */

/* ############################# */
/* Start of prefooter Section */

.prefooterimg {
 margin: 2% 0 0 0;
 height: 30vh; 
 padding: 2% 0;
 border-bottom: solid 2px #fff;
 text-align: center; 
}

.prefooterimg2 {
 margin: 2% 0; 
 padding: 2% 0;
 z-index: 1;
 text-align: center; 
 width: 99%;
}

.prefooterimage {
   background: url("../img/prefooterimgbgmob1.jpg") no-repeat center center scroll; 

}

.prefooterimg2 h3 {
  font-size: 1.65em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 h4 {
  font-size: 1.275em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 p {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 a {

  padding: 6px 12px; 
  border: solid 2px #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}


/* ############################## */
/* End of mainamesec section #######  */


/* ############################# */
/* Start of footer section */


.footer {
 margin: 0;
 padding: 2% 0;
 border-top: 30px solid #f05c4c;
}

.footersec {
 margin: 1.5% 0 0 0;
 padding: 3.5% 2%;
  text-align: center;
 border-top: solid 1px rgba(255, 255, 255, .1);
    
}


.footersec h3 {
  font-size: 1.275em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1.5%;
}

.footersec h5 {
  font-size: 1.075em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 2% 0;
 
}


.footerbottom {
 margin: 0;
 padding: 2%;
    
}

.footerbottom h2 {
  font-size: .875em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: left; 
  margin: 2% 0;
  padding: 4% 1.5% 1.5% 1.5%;
  width: 98%;
  border-top: solid 1px rgba(255, 255, 255, .4);
}


    
/* ******** Static page Sections *** */
/* ********************************************** */


     
.iconpadding5 { 
font-size: 25px; 
height: 25px;
width: 25px;
padding: 0;
margin: 0;
line-height: 20px !important;
/* background-color: red; */
vertical-align: text-bottom;
}

     
/* End of Medium device */     
/* #########################  */     
}
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */



/* ||||||||||||||||||||||||||||||||||||||||   */
@media only screen and (min-width : 992px) {
/* #########################  */  
/* ------------ Start of large devices - ipad pro portrait ---- */
.topborder {
   padding: 1% .75%;
   margin: 0;
}
   
.topborder form {
  border: 0;
  width: 98%;
  padding: 0 0;
 /*  background-color: purple;  */
}    
    
.topborder input {   
  font-size: .9em;
  width: 55%;
  padding: 0 1% .5% 1%;
}

.topborder button { 
  font-size: .775em;
  margin: 0 0 .5% 0;
  padding: 4px 15px; 
  border: solid 1px #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
   border-radius: 10px;
}
    
 .iconpadding1 {
display: inline-block; 
font-size: 15px; 
height: 15px;
width: 15px;
padding: 0;
margin: 0;
line-height: 15px !important;
/* background-color: red; */
vertical-align: text-bottom;
}   
   
 .topborder a {
  font-size: .775em;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 0 .5%;
  padding: .5%;
}   
    
.navbar-brand img {
  padding: 0;
  margin: 0 auto;
  border: 0;
  max-width: 75%;    
}
/* ############################# */
/* Start of mainamesec  Section */


.mainnamesec {
 /* background-color: green;  */
 margin: 1% 0;
 /* height: 28vh; */
 /* padding: 2% 0; */
 padding: 0 0;
 z-index: 1;
}

.mainnamesec2 {
 margin: 2% auto;
 padding: 2% 2%; 
}

.mainnamesec2 h1 {
  font-size: 2.2em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 0;
  padding: 1%;
}

/* ############################## */
/* End of mainamesec section #######  */

 
/* ############################# */
/* Start of Who We Help Section */


.primarybodysec {
   /* background-color: purple;  */
 margin: 1% 0 1% 0; 
 padding: 2% 0;
}


.mainimagesection {
 margin: 1% 0 1% 0;
 padding: 2% 0;
}

.mainimagesection figure {
 margin: 0;  
 padding: 4%;     
}

.mainimagesection img {
  padding: 0;
  margin: 0 auto;
  border: 0;
  max-width: 95%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.eventinfosec {
 margin: 1% 0; 
 padding: 1%;    
}

.eventinfosec h2 {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 6% 0;
  padding: 1%;
}

.eventinfosec h2 a {
  font-weight: normal;
  padding: 6px 12px; 
  border: solid 2px #c42d2d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}


hr.subsectionhr {
    margin: 5% 0 5% 0;
    height: 1px;
}

.eventinfosec h3 {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
}

.eventinfosec h4 {
  font-size: .775em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
}

.eventinfosec h5 {
  font-size: 1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
}

.eventlistingsec {
 margin: 1% 0;
 padding: 2%;   
}

.eventlistingsec p {
  font-size: 1em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
}

.eventlistingsec a {
  padding: 10px 20px; 
  border: solid 2px #c42d2d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}

    
     /* ########### */
/* ############  Red Header ############# */
.eventlistingsechdr {
 margin: 0;
 background-color: #fff;  
 padding: .5%; 
 /* border: solid 1px #f9f5ef; */
    
}

.eventlistingsechdr h2 {
  font-size: .825em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  font-weight: bold;
  text-align: left; 
  margin: 0 0;
  padding: 0 0 0 1.5%;
  /* background-color: yellow; */
}

.eventlistingsechdr h3 {
  font-size: .65em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: .5%;
}

.eventlistingsechdr p {
  font-size: .65em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: left; 
  margin: 0 0;
  padding: 1%;
  border: 0;
 /* width: 95%; */
  text-justify: inter-character;
  text-align: justify;
  word-spacing:-2px;   
    
}

 .eventlistingsechdr a {
  text-decoration: none;
  font-weight: normal;
  padding: 5px 10px; 
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}

.eventlistingsechdr a:hover {
 text-decoration: none;
    
}

.eventlistingsechdr hr {
    margin: 2% 0 0 0;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(195, 194, 205, 0.75), rgba(195, 194, 205, 0));
}

/* ########## */
/* ################################## */   
    
    
/* ############################# */
/* Start of tabbed nav section Section */
.eventlistingsec {
 margin: 0;
 padding: 2%; 
 /* border: solid 1px #f9f5ef; */
    
}

.eventlistingsec h2 {
  font-size: 1.15em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 2.5%;
}

.eventlistingsec h4 {
  font-size: 1.075em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 2% 2% .5% 2%;
}

.eventlistingsec p {
  font-size: .975em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1% 4% .5% 4%;
}


.w3-bar .w3-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    outline: 0;
}

.w3-bar {
    width: 100%;
    overflow: hidden;
}

/* ############################## */
/* End of mainamesec section #######  */

/* ############################# */
/* Start of prefooter Section */

.prefooterimg {
 margin: 0 0 0 0;
 height: 40vh; 
 padding: 2% 0;
 border-bottom: solid 2px #fff;
}

.prefooterimg2 {
 margin: 0 0; 
 padding: 2% 0;
 z-index: 1;
}

.prefooterimage {
   background: url("../img/prefooterimgbgmob1.jpg") no-repeat center center scroll; 

}

.prefooterimg2 h3 {

  font-size: 1.65em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 h4 {
  font-size: 1.275em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 p {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 a {

  padding: 6px 12px; 
  border: solid 2px #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}


/* ############################## */
/* End of mainamesec section #######  */


/* ############################# */
/* Start of footer section */


.footer {
 margin: 0;
 padding: 2% 0;
 border-top: 30px solid #f05c4c;
}

.footersec {
 margin: 1.5% 0 0 0;
 padding: 3.5% 2%;
  text-align: center;
 border-top: solid 1px rgba(255, 255, 255, .1);
    
}


.footersec h3 {
  font-size: 1.275em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1.5%;
}

.footersec h5 {
  font-size: 1.075em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 2% 0;
 
}


.footerbottom {
 margin: 0;
 padding: 2%;
    
}

.footerbottom h2 {
  font-size: .875em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: left; 
  margin: 2% 0;
  padding: 4% 1.5% 1.5% 1.5%;
  width: 98%;
  border-top: solid 1px rgba(255, 255, 255, .4);
}

    
/* #########################  */ 
/* End of large device */
}
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */



/* ||||||||||||||||||||||||||||||||||||||||   */

@media only screen and (min-width : 1200px) {
/* #########################  */  
/* -------------------- Start of XL large devices - ipad pro landscape  -------- */



.headersec {
  padding: 0;
  border: 0;
  margin: 0;
/*  background-color: green; */
}

.topborder {
   padding: .5% .5%;
   margin: 0;
}

.topborder form {
  width: 98%;
}


.topborder input {   
  font-size: .9em;
  width: 60%;
  padding: .5% 1% .5% 2%;
}

.searchInput i { 
  position: absolute; 
} 


.searchicon { 
   padding: 10px; 
   color: green; 
   min-width: 50px; 
   text-align: center; 
} 


.topborder button { 
  font-size: .875em;
  margin: 1% 0 .5% 0;
  padding: 4px 20px; 
  border: solid 1px #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
   border-radius: 10px;
}

.topborder h5 {
  /*  margin-left: 25%; */
    margin-right: auto;
    margin-top: 1.5%;
  font-size: 1.175em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center; 
  padding: .5% .5% .5% 25%;
 letter-spacing: 1px;
  width: 95%;
}

.topborder h6 {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center; 
  margin: .5% 0 0 .5%;
  padding: .5%;
 letter-spacing: 1px;
  float: right;
 /* text-shadow: 1px 1px 1px rgba(1, 1, 1, .6); */ 
}


.topborder a {
  font-size: .9em;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% .5%;
  padding: .5%;
}

.topborder a:hover {
/* text-decoration: underline; */
 color: #fd8b8b;
 /* color: #3c8ec6; */  
    
}

.topbdrlink1 {
  float: left;
}

.topbdrlink2 {
  float: left;
}


.iconpadding1 {
display: inline-block; 
font-size: 20px; 
height: 20px;
width: 20px;
padding: 0;
margin: 0;
line-height: 20px !important;
/* background-color: red; */
vertical-align: text-bottom;
}

.subpghdrimg1 {
 /* background-color: blue; */  
 position: relative;
 box-sizing: border-box;
  margin: 0 0;
 padding: 2%;   
 text-align: left;
 border: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  height: 75vh;
}


/* ############################## */
/* End of mainamesec section #######  */

    
    /* ********************* */
/* Nav Bar **************  */

.navbar-brand img {
  padding: 0;
  margin: 0 auto;
  border: 0;
  max-width: 80%;    
}
    
.navspacing {
  padding: .5%;
}

.navspacing2 {
  padding-left: 1%;
}

.colorlink {
  text-shadow: 0 0 1px rgba(255,255,255,0.3);      
  color: #c42d2d;
}
    
.navlink2 {
  font-family: 'Quicksand', 'Georgia', sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1.8;
  text-decoration: none;
  margin: 0 0 0 2%;
  padding: 1%;  
  text-shadow: 0 0 1px rgba(255,255,255,0.3);
  letter-spacing: 1px;
  text-transform: uppercase;
}  
    

nav a {
    font-family: 'Quicksand', 'Georgia', sans-serif;
	position: relative;
    font-size: .975em !important;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	/* color: #fff; */
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
}

nav a:hover,
nav a:focus {
	outline: none;
    color: #c42d2d !important;
    text-transform: uppercase;
}
    
/* Effect 21: borders slight translate */
.cl-effect-21 a {
	padding: 10px;
	color: #237546;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-21 a::before,
.cl-effect-21 a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	/* background: #fff;*/
    background: #c42d2d;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
	color: #fff;
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
    

    
    

    
    
    
/* ############################# */
/* Start of mainamesec  Section */

.mainnamesec {
 /* background-color: green;  */
 margin: 1% 0;
 /* height: 30vh; */
 /* padding: 0 0; */
 padding: 0 0;
 z-index: 1;
 background-attachment: fixed; 
}

.mainnamesec2 {
 margin: .5% auto;
 padding: 1% .5%; 
/* background-color: red; */
}

.mainnamesec2 h1 {
  font-size: 4em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 0;
  padding: 0;
}

    
.mainnamesec2 h2 {
  font-size: 1.175em;
  text-decoration: none;
  margin: 0;
  padding: .5%;
}

.mainnamesec2 h3 {
  font-size: 2.7em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  /* color: #1c1a1a; */
  /* color: #736A69; */
  /*color: #fff; */
  color: #c42d2d;
  margin: 0;
  padding: 1% 1% 0 1%;
  border: 0;
 /* text-shadow: 1px 1px 1px rgba(1, 1, 1, .6); */
}

.mainnamesec2 h4 {
  font-size: .775em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  /* color: #1c1a1a; */
  /* color: #736A69; */
  color: #fff;
  margin: 0;
  padding: 0;
  border: 0;
 /* text-shadow: 1px 1px 1px rgba(1, 1, 1, .6); */
}
   
 
hr.mainanemsechr {
    margin: 1% 0 1% 0;
    height: 1px;
}   
    
     
/* ############################## */
/* End of mainamesec section #######  */

 
/* ############################# */
/* Start of Who We Help Section */


.primarybodysec {
   /* background-color: purple;  */
 margin: 1% 0 1% 0; 
 padding: 0;
}


.mainimagesection {
 margin: 1% 0 1% 0;
 padding: 0;
}

.mainimagesection figure {
 margin: 0;  
 padding: 4% 2%;     
}

.mainimagesection img {
  padding: 0;
  margin: 0 auto;
  border: 0;
  max-width: 95%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

 
/* **************** */
/* Start of maininfosection  *** */

.maininfosection {
 margin: 1% 0 1% 0;  
 /* padding: 2% 1.5%; */
}

.maininfosection figure {
 margin: 0;
 /* background-color: #fff;  */
 padding: 1.5%;     

}

.maininfosection img {
  padding: 0;
  margin: 0 auto;
  max-width: 95%;
  display: block;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  /* border: 1px solid purple; */
}

.maininfosection h3 {
  font-size: 1.075em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1% 2%;
}

.maininfosection button { 
  text-decoration: none;
  font-weight: normal;
  font-size:1em;
  margin: 6% 0;
  padding: 6px 12px; 
  border: solid 2px #d74939;
  /* background-color: #ed6f6a; */
  background-color: #c42d2d;
  width: 95%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
   border-radius: 10px;
}


.maininfosection p {
  font-size: .875em;
  /* letter-spacing: 0.1em; */
  line-height: 1.7;
  /*text-align: left; */
  margin: 2% 0 !important;
  padding: 2% 2% 2% 2%;
  width: 95%;
}

.maininfosection a {
   margin: 2% 0;
  padding: 1% 0 0 1%;
    width: 90%;
     font-size: .875em;
}

.maininfosection input {
    font-size: .65em;
    /* border: 1px solid #b0aca7; */
    border: 1px solid #1c1a1a;
    text-align: center;
    width: 90%;
    height: 30px;
    padding: 2%;
    margin: 0 0 2% 0;

  }

.qrcodesection {
   margin: 2% 0 0 0;
}

/*.iframe-container {
    height: 80vh;
}   
*/

.iframe-container {
margin: 0 auto;
max-width:100%;
width:500px;
 height:500px; 
}
    
.iframe-container2 {
margin: 0 auto;
max-width:100%;
width:500px;
 height:275px; 
}
    
/* ***** End of maininfo section *** */
/* ****************************************** */     

    
     /* ########### */
/* ############  Red Header ############# */
.eventlistingsechdr {
 margin: 0;
 background-color: #fff;  
 /* background-color: #d74939; */
 padding: .5%; 
 /* border: solid 1px #f9f5ef; */
    
}

.eventlistingsechdr h2 {
  font-size: .975em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  font-weight: bold;
  text-align: left; 
  margin: 0 0 0 10%;
  padding: 0 0 0 1%;
  /* background-color: yellow; */
}

.eventlistingsechdr h3 {
  font-size: .65em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  font-weight: normal;
  text-align: center; 
  margin: 4% 0;
  padding: .5%;
}

.eventlistingsechdr p {
  font-size: .75em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: left; 
  margin: 0 0;
  padding: 1%;
  border: 0;
 /* width: 95%; */
  text-justify: inter-character;
  text-align: justify;
  word-spacing:-2px;   
    
}

 .eventlistingsechdr a {
  text-decoration: none;
  font-weight: normal;
  padding: 5px 10px; 
  /* border: solid 2px #fff; */
  /* color: #c42d2d; */
  /* background-color: #fff; */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}

.eventlistingsechdr a:hover {
 text-decoration: none;
    
}

.eventlistingsechdr hr {
    margin: 2% 0 0 0;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(195, 194, 205, 0.75), rgba(195, 194, 205, 0));
}

.iconpadding3 { 
font-size: 15px; 
height: 15px;
width: 15px;
padding: 0;
margin: 0;
line-height: 15px !important;
/* background-color: red; */
vertical-align: text-bottom;
}    
    
/* ########## */
/* ################################## */   
    
.clear13 {
  padding: 0;
  margin: 3% 0;
  border: 0;
}
    
.eventinfosec {
 margin: 1% 0; 
 padding: 2% 4%;    
}

.eventinfosec h2 {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 8% 0;
  padding: 1%;
}

.eventinfosec h2 a {
  font-weight: normal;
  padding: 6px 12px; 
  border: solid 2px #c42d2d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}


hr.subsectionhr {
    margin: 5% 0 5% 0;
    height: 1px;
}

.eventinfosec h3 {
  font-size: .975em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 0 0;
  padding: 1%;
}

.eventinfosec h4 {
  font-size: .865em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
}

.eventinfosec h5 {
  font-size: .865em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1%;
}

.eventlistingsec {
 margin: 1% 0;
 padding: 2% 8%;   
 /* background-color: orange; */
}

.eventlistingsec p {
  font-size: 1em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
}

.eventlistingsec a {
  padding: 10px 20px; 
  border: solid 2px #c42d2d;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}

/* ############################# */
/* Start of tabbed nav section Section */
.eventlistingsec {
 margin: 0;
 padding: 1% 2%; 
/* border: solid 1px #f9f5ef; */
    
}

.eventlistingsec h2 {
  font-size: 1.15em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1% 2.5%;
}

.eventlistingsec h3 {
  font-size: 1.115em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  margin: 0 0;
  padding: .75%;
}      
    
.eventlistingsec h4 {
  font-size: .975em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 2% 2% .5% 2%;
}

.eventlistingsec p {
  font-size: 1.075em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 1% 4% .5% 4%;
}


.w3-bar .w3-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    outline: 0;
}

.w3-bar {
    width: 100%;
    overflow: hidden;
}

/* ############################## */
/* End of mainamesec section #######  */

    
    
/* ############################# */
/* Start of main form section */

.maineform {
 /* background-color: blue;  */
 position: relative;
 box-sizing: border-box;
 margin: 1% 0;
 background-color: #fff;  
 padding: 2%;   
text-align: center
}
     
.maineform p {
  font-size: 1.1em;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  color: #ff8b96;
  margin: 0;
  padding: 1.5% 0;
}

.maineform h3 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1.35em;
  color: #1c1a1a;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  border: 0;
}

.maineform h5 {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-decoration: none;
  font-weight: normal;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  border: 0;
}
    
.maineform a {
  text-decoration: none;
  font-weight: normal;
  padding: 6px 12px; 
  border: solid 2px #d74939;
  color: #fff;
  background-color: #f05c4c;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.maineform a:hover {
 text-decoration: none;
 color: #f05c4c;
 /* color: #3c8ec6; */
 background-color: #fff;   
    
}

hr.maineformhr {
    margin: 5% 0 5% 0;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(195, 194, 205, 0), rgba(249, 245, 239, 0.75), rgba(195, 194, 205, 0));
}
   
.maineform form {
    display: inline-block;
    width: 95%;
}
    
    
.form-group label {
  font-family: 'Merriweather', 'Georgia', sans-serif;
  font-size: 1em;
  text-decoration: none;
  font-weight: normal;
  /* text-align: left; */
  color: #b0aca7;
  margin: 2% 2% 0 0;
  padding: 1.5% 0;
  border: 0;
  line-height: 1.5;
}

  .textinput {
    background-color: #fafafa;
    font-family: 'Merriweather', 'Georgia', sans-serif;
    font-size: 1em;
    color: #cbcbca;
    border: 1px solid #b0aca7;
    text-align: left;
    width: 60%;
    height: 40px;
    padding: 1%;
    font-weight: normal;
  }

  .textinput:focus {
     background-color: #e9e7e2;
    color: #8f8a84;
  }

 .textinput2 {
    margin: 2% 0 4% 0;
    font-size: 1em !important;
  }

  .textArea {
    background-color: #fafafa;
    font-family: 'Merriweather', 'Georgia', sans-serif;
    font-size: 1em;
    color: #373737;
    border: 1px solid #8f8a84;
    text-align: left;
    width: 60%;
    height: 200px;
    padding: 2%;
    font-weight: bold;
  }

  .textArea:focus {
          background-color: #e9e7e2;
          color: #8f8a84;
  }


  input.send-btn {
          position: relative;
          width: 140px;
          height: 30px;
          overflow: visible;
          outline: none;
          border:0;
          background: transparent;
          padding: 25px 0 0 0;
  }

 .form-group button {
  font-size: 1em;
  margin: 3% 0;
  padding: 6px 12px; 
  border: solid 2px #d74939;
  /*background-color: #f05c4c;*/
  /* background-color: #ed6f6a; */
  width: 45%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
   border-radius: 10px;   
  text-decoration: none;
  font-weight: normal;
  padding: 6px 12px; 
  border: solid 2px #d74939;
  color: #fff;
  background-color: #f05c4c;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  -webkit-transition: color 1s ease-out;
  -moz-transition: color 1s ease-out;
  -o-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

.form-group button:hover {
 text-decoration: none;
 color: #f05c4c;
 /* color: #3c8ec6; */
 background-color: #fff;   
    
}   
    
    
   .antispam { display:none;}
/* ############################## */
/* End of mainamesec section #######  */ 
    
    
/* ############################# */
/* Start of prefooter Section */

.prefooterimg {
 margin: 2% 0 0 0;
 height: 50vh; 
 padding: 1% 0;
 border-bottom: solid 2px #fff;
}

.prefooterimg2 {
 margin: 0 0; 
 padding: 1% 0;
 z-index: 1;
}

.prefooterimage {
   background: url("../img/prefooterimgbg1.jpg") no-repeat center center fixed; 

}
    
.prefooterimage2 {
   background: url("../img/prefooterimgbg2.jpg") no-repeat center center fixed; 

}
    
.prefooterimage3 {
   background: url("../img/prefooterimgbg3.jpg") no-repeat center center fixed; 

}

hr.prefootersec {
    margin: 1% 0 0 0;
    border: 0;
    height: 1px;
    width: 60%;
    margin: 0 auto;
    background-image: linear-gradient(to right, rgba(195, 194, 205, 0.15), rgba(249, 245, 239, 0.60), rgba(195, 194, 205, 0.15));
}
    

.prefooterimg2 h3 {
  font-size: 1.75em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: .5% 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 h4 {
  font-size: 1.1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 p {
  font-size: 1.1em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: .5% 0;
  padding: 1%;
  text-shadow: rgba(30, 30, 35, 0.8);
}

.prefooterimg2 a {
  padding: 6px 12px; 
  border: solid 2px #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
   border-radius: 2px;
}


/* ############################## */
/* End of mainamesec section #######  */


/* ############################# */
/* Start of footer section */


.footer {
 margin: 0;
 padding: 2% 0;
 border-top: 60px solid #f05c4c;
}

.footersec {
 margin: 1.5% 0 0 0;
 padding: 3.5% 2%;
  text-align: center;
 border-top: solid 1px rgba(255, 255, 255, 0);
    
}


.footersec h3 {
  font-size: 1.275em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 2% 0;
  padding: 1.5%;
}

.footersec h5 {
  font-size: 1.075em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center; 
  margin: 1% 0;
  padding: 2% 0;
 
}


.footerbottom {
 margin: 0;
 padding: 2%;
    
}

.footerbottom h2 {
  font-size: .875em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: left; 
  margin: 0;
  padding: 1% 1.5% 1.5% 1.5%;
  width: 98%;
  border-top: solid 1px rgba(255, 255, 255, .4);
}

/* End of XL device */    
/* #########################  */ 
}
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */

/* End  */