:root {
  font-size: 16px;
  color:#FFFFFF;
  /*line-height: clamp(1.1em 6vw 1.4em);*/
  font-family:'Source Sans Pro', sans-serif;
  padding: 0;
  margin: 0;
  border: 0;
  border-spacing:0;
  background: #ede8cf;
}
/*font-family: 'Lato', sans-serif;*/

/*font-family: 'Source Sans Pro', sans-serif;*/

html {
    font-size: 100%;
} /*16px*/

body {
  /*background: #ede8cf;*/
  background: #ede8cf;
  font-family: 'Source Sans Pro', sans-serif;
  color: #666666;
  padding:0;
  margin:0;
  border:0;
  height:100vh;
}

.margin {
    margin: clamp(1em, 2.5vw, 2.5em);
}

h1, h2, h3, h4, h5 h6{
      /*font-family: 'Lato', sans-serif; */
      font-family: 'Lato', sans-serif;
      /*margin: clamp(0.5em, 1vw, 1.2em);*/
      margin-top:0;
      margin-left:0;
      margin-right:0;
      padding:0;
      font-weight:400;

}

.divresizer div {
 margin:clamp(1em, 2.5vw, 2.5em);
 font-size: clamp(.8em, 1vw, 1.1em);
}

p {
    line-height: 1.3em;
    font-size: clamp(1.2em, 1.3vw, 1.3em);
    font-weight: 300;
}
h1 {
  font-size: clamp(2rem, 3.3vw, 3.3rem);
}

h2 {
  font-size: clamp(1.7rem, 2.8vw, 2.8rem);
}

h3 {
    font-size: clamp(1.5rem, 2.3vw, 2.3rem);
}
h4 {
    font-size: clamp(1.3rem, 1.6vw, 1.8rem);
}

h5 {
    font-size: clamp(1.1rem, 1.2vw, 1.3rem);
    font-family: 'Lato', sans-serif;
    color:#8b93b0;
    margin-bottom: 0.5em;
    font-style: italic;

}

h6 {
    font-size: 1.5rem;
    color:#666666;
}

.headerimg img {
    width: clamp(25vw, 28vw, 31vw);
}

small, .text_small {font-size: 0.8rem;}

/*====================== Link CSS ======================*/

a {
  color: #999999;
  text-decoration: none;
}

a:visited {
  color: #999999;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

/*========================= Heading Css =======================*/

.tan {
    background-color:#FAF8F2 ;
}

/*===============Text Colors================*/

.gold
{
  color: #a6a150;
}

.red
{
  color: #e24045;
}

.blue
{
  color: #008FD5;
}

.orange
{
  color: #fdaf17;
}
.teal
{
  color: #00aa94;
}

.white
{
  color: #FFFFFF;
}

/*============Radius Styling============*/

.radius5
{
  border-radius: 5px;
}

.radius10
{
  border-radius: 10px;
  border: 6px solid #c6c07a;
}

.radius15
{
  border-radius: 15px;
}

.radius20
{
  border-radius: 20px;
}

.radius-circle {
    border-radius: 50%;
    border: 6px solid #c6c07a;
}

/*=============Background Colors============*/

.backblue {
  /*background-color: #009adf;*/
  color:#FFF;
  background-image: linear-gradient(135deg, #0061af 10%, #00aeef 100%);
  padding:15px;
}
.backred {
  /*background-color: #dc3e43;*/
  color:#fff;
  background-image: linear-gradient(135deg, #a92c31 15%, #f15a22 100%);
  padding:15px;
}
.backpurple {
  background-color: #01a490;
  color:#fff;
  background-image: linear-gradient(135deg, #5c2e91 0%, #c6168d 100%);
  padding:15px;
}
.backdkpurple {
  background-color: #922780;
  color:#fff;
  /*background-image: linear-gradient(135deg, #5c2e91 0%, #c6168d 100%);*/
  padding:15px;
}
.backteal {
  background-color: #01a490;
  color:#fff;
  background-image: linear-gradient(135deg, #006b6b  15%, #27bdbe 100%);
  padding:15px;
}
.backorange {
  /*background-color: #f47920;*/
  color:#fff;
  background-image: linear-gradient(135deg, #dd5928  15%, #fcaf17 100%);
  padding:15px;
}
.backwhite {
  background-color: #ffffff;
  color:#333;
 /* height:100%;*/
}
.backblack {
  background-color: #000000;
  color:#fff;
}

/*============Border Settings===========*/

.border1
{
  border: 1px solid #999999;
}

.border2
{
  border: 2px solid #666666;
}

.border3
{
  border: 3px solid #666666;
}

/*=============Paddings 5px 10px 15px 20px============*/

.padding5
{
  padding: 5px;
}

.padding10
{
  padding: 10px;
}

.padding15
{
  padding: 15px;
}

.padding20
{
  padding: 20px;
}
.padding25
{
  padding: 25px;
}
.padding30
{
  padding: 30px;
}
.paddingblock
{
padding-block:(min 20vh, 20rem);
}

/*================== Alignment Elements ===============*/

.center
{
  text-align: center;
}

.right
{
  text-align: right;
}

.left
{
  text-align: left;
}

.heading
{
  font-weight: 700;
}

/*==========Font Sizes for Headings==========*/

.xsmall, .small, .medium, .large, .xlarge
{
  font-weight: 700;
}

.xsmall
{
  font-size: .8em;
}

.small
{
  font-size: 1em;
}

.medium
{
  font-size: 1.2em;
}

.large
{
  font-size: 1.4em;
}

.xlarge
{
  font-size: 1.7em;
}

/*=================== Template Banner ===================*/

.tplban
{
  color: #FFFFFF;
  padding: 10px 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 600;
  margin:0;
  width:100%
}



#blockdata
{
  font-size: 14px;
  font-family: Lato, sans-serif;
  line-height: 1.2em;
  color: #333;
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  background-color: #cccccc;
  border: 1px solid #999999;
}

/*#blockdata img {
    padding:5px;
}*/

.datablock-header {
    color:#FFF;
    font-size: 24px;
    text-shadow: 0px 0px 7px rgba(0,0,0,0.91);
    letter-spacing:1px;
    line-height:26px;
}

#datablock5
{
  padding: 0 12px;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: #666;
  text-align: left;
}
/* ######################  SHOWRECENT IS USED TO DISPLAY THE RECENT ENTRIES IN A BLOG ########### */
#showrecent
{
  margin-left: 7%;
  margin-top: 200px;
  padding: 12px;
  padding-top: 6px;
  border: 3px solid #750491;
  border-radius: 15px;
  background-color: #F9EAF9;
  position: absolute;
  ;
    left: 72%;
  top: 10%;
  font-family: Cache-Book;
}

@media screen and(max-width: 992px)
{
  #showrecent
  {
    visibility: hidden;
  }
}

@media screen and(max-width: 1132px)
{
  #showrecent
  {
    top: 40%;
  }
}

#showrecentmobile
{
  width: 95%;
  margin-left: 2%;
  border: 1px solid #750491;
  border-radius: 8px;
  background-color: #F9EAF9;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  font-family: verdana;
  font-size: 12px;
}

/*    ####################  END OF BLOG TEMPLATE SHOW RECENT ####################### */
/*=================Footer Link CSS==================*/
.foot {
    padding:5px;
}
.foot a:link
{
  color: #FFFFFF;
}

.foot a:hover
{
  color: #FFFFFF;
  text-decoration: underline;
}

.foot a:visited
{
  color: #FFFFFF;
}

/*================= Copyright CSS =================*/

.copyright
{
  margin: 0 auto;
  padding-top: 10px;
  color: #FFF;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
}

/*==================== TPL CSS ====================*/

.tpl20
{
  margin-top: -10px;
  padding: 0 15px;
}

.tpl16
{
  font-family: 'Cachet-Bold';
}

.tpl35 {
    line-height: 1.4em;
    padding: 0 50px 20px 50px;
}
.tpl14 {
    margin:0 20px;
}

/*============Very Top Navigation Links================*/

.vtn a:link, a:visited, a:focus
{
  color:#000000;
  font-weight:700;
}
.vtn a:hover {
  color:#000000;  
  text-decoration: none;
    }
.vtn {
        background-color:fuchsia;
    }


/*===================End of vtn links==================*/

/*==============================DropDown Menu============================== */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -50%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/*=============================Titlebar============================*/

.titlebar
{
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 10px 3px 0px rgba(204,204,204,1);
  -moz-box-shadow: 0px 10px 3px 0px rgba(204,204,204,1);
  box-shadow: 0px 5px 5px #888888;
}
#mainwrap {
  min-height: calc(100vh - 102px);
}

#footer-container
{
/*height:102px; */
margin: 0 auto;
background-color: #bdbdbd;
font-size: 12px;
line-height: 1.2em; 

}


.embed-container
{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}

.embed-container iframe, .embed-container object, .embed-container .embed
{
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
}

.video
{
  width: 100%;
  height: auto;
}

/*  ###########################################  EVENT STUFF ######################### */

.events {
  font-family: Roboto, Arial;
}


/* #########################################   GALLERY STUFF  ################################################  */
.galleries {
  background-color: #BC8484;
  color:#fff;
  text-align:center;
}
.displaygal {
  background-color: #BC8484;
}
.pagenumgaltop {
  padding-top: 16px;
  text-align:center;
  color:#fff;
}
.pagenumgalbottom {
  padding:6px;
  padding-bottom:16px;
  text-align:center;
  color:#fff

}
.imgbackgrnd {
  background-color: #BC8484;

}


 span.paginator { margin: 0; padding: 0; }
	  span.paginator span { list-style-type:none; display: inline; padding: 0; margin: 0; }
		span.paginator span.page a { text-decoration: none; color: #fff; padding: 0 3px 0 3px; margin: 0 2px 0 2px;}
		span.paginator span.page a:hover { background-color: #F6F6F6; }
		span.paginator span.arrow { font-weight: bold; color: #ccc; margin: 0; padding: 0 3px 0 3px; }
		span.paginator span.arrow a { font-weight: bold; color: #fff; text-decoration: none; }
		span.paginator span.selected { font-weight: bold; background-color: #F6F6F6; padding: 0 3px 0 3px; margin: 0 2px 0 2px; border: 1px; border-style: solid; }
		span.paginator span.break { color: #780000; margin: 0 5px 0 5px; }
		span.paginator span.ellipsis { color: #780000; }



/* ########################################### END OF GALLERY STUFF ##############################*/


 /* Below are fckeditor styles */

/* End of fckeditor styles */

.databoxes
{
  padding: 10px;
  border: 2px solid #009ADF;
  border-radius: 10px;
  box-shadow: 0 8px 8px rgb(0 0 0 / 0.4);
  margin: 0 3px 3px 3px;
}

/*.tipcell__button
{
  color: #000000;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #009ADF;
  font-size: 0.8em;
} */
.tipcell-center
{
  display: flex;
  justify-content: center;
  align-items: center;
}
/*
.tipcell__button a
{
  color: #FFF;
}

.tipcell__button:hover
{
  background: #000000;
  transition: ease 1s;
}*/

.sub_div
{
  position: absolute;
  bottom: 0px;
}
.tipdatawhite {
    background-color: #FFF;
    border-radius:10px;
    margin: 17px 0 ;
}

  /* Media Query for Mobile Devices */
       @media (max-width: 480px) {

        }

        /* Media Query for low resolution  Tablets, Ipads */
       @media (min-width: 481px) and (max-width: 767px) {

        }

        /* Media Query for Tablets Ipads portrait mode */
       @media (min-width: 1150px) and (max-width: 1024px){

        }

        /* Media Query for Laptops and Desktops */
       @media (min-width: 1025px) and (max-width: 1280px){

        }

        /* Media Query for Large screens */
       @media (min-width: 1281px) {

        }



/* ###################################    TIP GRID STUFF ###################################*/

.tipgrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));

}


/*.tipcontainer {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  padding:5px;
  color:#666666;
} */


/*.tipgrid .head {
  font-weight: bold;
  background: #fff;
} */

/*.tipgrid .tipcell {
  padding:5px;
} */

.tipgrid .tipcell-shadowborder {
padding: 15px;
border-radius:10px;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.5);
margin:15px 5px 15px 5px;
 position:relative;
}

.tipgrid .tipcell-gold {
  padding: 15px;
  border:3px solid #c2bd72;
  border-radius:10px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.5);
  margin:0 5px 5px 5px;
  position:relative;
  }
/*.tipcell__button {
width:100%;
padding: 8px;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
color: #ffffff;
background: #009ADF;
border-radius: 0 0 9px 9px;
font-size: 0.8em;
border-right: 1px solid #008fd5;
border-left: 1px solid #008fd5;
border-bottom: 1px solid #008fd5;
border-top: 1px solid #333;
position: absolute;
bottom:0px;
right:0px;

} */
/*.tipcell__button:hover {
background: #333333;
transition: ease 1s;
}

.tipcell__link {
font-size: 1em;
font-weight: 600;
letter-spacing: .1rem;
color: #333;
text-decoration: none;
}
.tipcell__link:hover {
color: #333;
text-decoration: none;
}

.tipcell__link:visited {
color: #FFF;
text-decoration: none;
}
.sub_div {
position: absolute;
bottom: 0px;

        }
.tipcell__button a:link {
color: #FFFFFF;
transition: ease 1s;
}
.tipcell__button a:hover {
background: #333333;
transition: ease 1s;
} */

/* ###################################  END OF TIP GRID STUFF ##############################*/



/* ############################################ READ MORE STUFF ###############################*/

.collapse {
  display: none;
  visibility: hidden;
}
.collapse.in {
  display: block;
  visibility: visible;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}

/* ############################################ END OF READ MORE STUFF ###############################*/
.embed-container {
  position: relative;
  padding-bottom: 65%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}


.embed-container iframe, .embed-container object, .embed-container .embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wrap1 {
  border-bottom: 0 solid #ccc;  /* set size to 0px for no border */
}




/* ==================== put all STUFF from Boot strap to Below this line ===================*/
/*  ########### BELOW IS BOOTSTRAP GRID CODE #####THIS MAY NOT BE NEEDED ANYMORE ##############################  */
.container
{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/*@media (min-width: 1150px)
{
  .container
  {
    width: 750px;
  }
}

@media (min-width: 992px)
{
  .container
  {
    width: 970px;
  }
}

@media (min-width: 1200px)
{
  .container
  {
    width: 1170px;
  }
}

.container-fluid
{
  /*     changed for TipCMs
    padding-right: 15px;
    padding-left: 15px;

  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

*/

.row
{
  /*  margin-right: -15px;    Removed for TipCMS
    margin-left: -15px;
  */
  margin-right: 0px;
  margin-left: 0px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    /*    position: relative;
    min-height: 1px;
 padding was 15 right and 15 left  changed for TipCMS */
  padding-right: 0px;
  padding-left: 0px;
}

@media (min-width: 992px)
{
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12
  {
    float: left;
  }

  .col-md-12
  {
    width: 100%;
  }

  .col-md-11
  {
    width: 91.66666667%;
  }

  .col-md-10
  {
    width: 83.33333333%;
  }

  .col-md-9
  {
    width: 75%;
  }

  .col-md-8
  {
    width: 66.66666667%;
  }

  .col-md-7
  {
    width: 58.33333333%;
  }

  .col-md-6
  {
    width: 50%;
  }

  .col-md-5
  {
    width: 41.66666667%;
  }

  .col-md-4
  {
    width: 33.33333333%;
  }

  .col-md-3
  {
    width: 25%;
  }
   /* Modified for TipCMS Template 10 5 pics accross
    .col-md-2 {
      width: 16.66666667%;
    }
  */
  .col-md-2
  {
    width: 20%;
  }

  .col-md-1
  {
    width: 8.33333333%;
  }
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.resize:hover {
  background-color:#333;
  transform: scale(1.08,1.08);
  transform: translate(50%, 50%);
  transform-origin: 1;
  transition: ease .3s;
  border: 1px solid #333;
  z-index:1;
}

/*======================Highslide CSS====================*/

.highslide img {
    border: 2px solid silver;
}
.highslide:hover img {
    border-color: gray;
}
.highslide-image {
    border-width: 2px;
    border-style: solid;
    border-color: white;
}
.highslide-dimming {
    /*position: absolute;*/
    background: black;
}
/*=======================================================*/

/*=============================HR Classes===================================*/

.hr1 {
    border: 0;
    height: 5px;
    background: #fff;
    background-image: linear-gradient(to right,  #cccccc, black, #cccccc);
    border-radius:2px;
}
/* Gradient transparent - color - transparent */

.hr2 {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0));
    width:30%;
    text-align:center;
}
/* Double-color dashed line */

.hr3 {
    border: 0;
    border-bottom: 2px dashed #666666;
    background: #fff;
}
/* Single-direction drop shadow */

.hr4 {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
hr {
    border: none;

    color: #333;
    overflow: visible;
    text-align: center;
    height: 5px;
}
hr:after {
    background: #fff;
    color:#68217a;
    font-size:28px;
    content: '\2726';
    padding: 0 4px;
    position: relative;
    top: -19px;
}
.hrsermons {
  height:3px;
  background-color:#BD9521;
  margin-top:-15px;
}
/* Glyph, by Harry Roberts */

.five {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    color: #333;
    text-align: center;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0));
    width:98%;
}
.five:after {
    color:#bdbe89;
    content: "\2726";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
}
.content-color {
    background: rgba( 255, 255, 255, 0.55 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 1px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    width:100%;
    height:99%;
    padding:20px;
    }
/*========================= Basckground CSS ===============================*/

.clouds  {
    background-image: url("/cms/assets/_core/image/background3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.clouds2  {
    background-image: url("/cms/assets/_core/image/background7.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.pastelclouds  {
    background-image: url("/cms/assets/_core/image/background1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.gradient1  {
    background-image: url("/cms/assets/_core/image/gradient1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.gradient2 {
   background-image: linear-gradient(135deg, #d2fddf 0%, #69a101 100%);
   background-position: center center;
   background-attachment: fixed;
   background-size:cover;
}
.gradient3 {
    background-image: linear-gradient(135deg, #f7c153 0%, #621903 100%);
    background-position: center center;
    background-attachment: fixed;
    background-size:cover;
}
.gradient4 {
    background-image: linear-gradient(215deg, #ffd4c2 0%, #41007a 100%);
    background-position: center center;
    background-size:cover;
}
.gethsemane  {
    background-image: url("trial-site.org/cms/assets/_core/image/gethsemane.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.worship1  {
    background-image: url("/cms/assets/_core/image/worship1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.worship2  {
    background-image: url("/cms/assets/_core/image/worship2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.parchment  {
    background-image: url("/cms/assets/_core/image/background5.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.stripes1  {
    background-image: url("/cms/assets/_core/image/gradient2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.smoke1  {
    background-image: url("/cms/assets/_core/image/background2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.grunge1  {
    background-image: url("/cms/assets/_core/image/grunge1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.grunge2  {
    background-image: url("/cms/assets/_core/image/grunge2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.grunge3  {
    background-image: url("/cms/assets/_core/image/grunge3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.abstract1  {
    background-image: url("/cms/assets/_core/image/abstract1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.nightsky  {
    background-image: url("/cms/assets/_core/image/night-sky2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.crowd  {
    background-image: url("/cms/assets/_core/image/crowd3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.redchecker  {
    background-image: url("/cms/assets/_core/image/redchecks.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
}
.orangegradient {
    background: -webkit-linear-gradient(to right, #fcf83b, #fe8052);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #fcf83b, #fe8052); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-position: center center;
    background-attachment: fixed;
    background-size:cover;
}
.bluegradient  {
    background: #004AAD;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #6BD2F0, #004AAD);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #6BD2F0, #004AAD); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-position: center center;
    background-attachment: fixed;
    background-size:cover;
}
.redgradient  {
    background: #FF1615;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #FF9415, #FF1615);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #FF9415, #FF1615); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-position: center center;
    background-attachment: fixed;
    background-size:cover;
}
.greengradient  {
    background: #56ab2f;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #64962C, #73C05A);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-position: center center;
    background-attachment: fixed;
    background-size:cover;
}
.darkbackground {
    background-image: radial-gradient(circle at center center, transparent,rgb(33,33,33)),repeating-linear-gradient(135deg, rgb(33,33,33) 0px, rgb(33,33,33) 2px,transparent 2px, transparent 10px,rgb(33,33,33) 10px, rgb(33,33,33) 11px,transparent 11px, transparent 21px),repeating-linear-gradient(45deg, rgb(47,47,47) 0px, rgb(47,47,47) 4px,transparent 4px, transparent 8px),linear-gradient(90deg, rgb(33,33,33),rgb(33,33,33));
    background-position: center center;
    background-attachment: fixed;
    background-size:cover;
}

/*==================== image hover effect ====================*/


.hover1 img {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
         filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.01);
      -webkit-transition: all .8s ease-in-out;
    }

 .hover1 img:hover {
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transform: scale(1.05);
      -webkit-transition: all .8s ease-in-out;
    }

.center {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

/*====================Very nice Button Hover Effect====================*/
.btn1 {
    color: #FFFFFF !important;
    text-transform: uppercase;

/* ======== Below is the code to change the color of the button ======== */
    background: #56ab2f;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #64962C, #73C05A);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/* ===================================================================== */

    padding: 10px 35px;
    border: 5px solid #bbe87a !important;
    border-radius: 0;
    display: inline-block;
    transition: all 0.8s ease 0s;
}
.btn1:hover {
    border-radius: 50px;

/*==== Below is the code to change the colors of the button on hover ====*/

    color: #494949 !important;
    background: #ffffff;
    border-color: #6ca41d !important;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
/* ==================================================================== */

.fontsizing{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-color: rgba(1, 1, 1, 0.4);
}

.textresponsive{
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  color: white;
  font-size: 24vw;
  /* font-size: 12vw; */
}

.centering {
  display: grid;
  place-items: center;
}
.margin20 {
    margin:20px;
}
/*===================== Ken Burns Effect ===================*/
.image-wrap {
  width: 100%;
  height: 40vw;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow: hidden;
  position: relative;
}

.image-wrap img {
  width: 100%;
  animation: move 25s ease;
  /* Add infinite to loop. */

  -ms-animation: move 25s ease;
  -webkit-animation: move 25s ease;
  -o-animation: move 25s ease;
  -moz-animation: move 25s ease;
  position: absolute;
}

@-webkit-keyframes move {
  0%{
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */

    -webkit-transform: scale(1.0);
    /* Safari and Chrome */

    -o-transform: scale(1.0);
    /* Opera */

    -moz-transform: scale(1.0);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */

    -webkit-transform: scale(1.2);
    /* Safari and Chrome */

    -o-transform: scale(1.2);
    /* Opera */

    -moz-transform: scale(1.2);
    /* Firefox */
  }
}
/* ###########################################  Bootstrap Menu Start #############################################
/*=============================start of bootstrap menu css===============================*/

@media (min-width:1150px) {
.navbar-right .dropdown-menu {
  right: 0;
  left: 0;
}
.navbar-right .dropdown-menu-left {
  right: auto;
  left: 0;
}
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
/*  min-height: 45px;   original */
min-height: 50px;
margin-bottom: 0px;
border: 1px solid transparent;
}

/*@media screen and (max-width:1150px){
.navbar {
    display:none;
}
}*/
@media (min-width: 1150px) {
.navbar {
  border-radius: 4px;
}
}
@media (min-width: 1150px) {
.navbar-header {
  float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
/*border-top: 1px solid transparent;*/
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width:1150px) {
.navbar-collapse {
  width: auto;
  border-top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.navbar-collapse.collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  visibility: visible !important;
}
.navbar-collapse.in {
  overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0px; /* orig was -15px both */
margin-left: 0px;
margin-bottom:25px;    /*I added this line */
}
@media (min-width: 1150px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
  margin-bottom:25px;  /*I added this line */
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 1150px) {
.navbar-static-top {
  border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width:1150px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
height: 50px;
padding: 10px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 1150px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 7px;
margin-top: 2px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #EEEEEE;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
@media screen and (min-width:320px)
{
.navbar-toggle {margin-right:0px;
}
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 26px;
height: 4px;
border-radius: 2px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width:1150px) {
.navbar-toggle {
  display: none;
}
}
.navbar-nav {
margin: 7.5px 60px;
background-color:#FFFFFF;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 1149px) {
.navbar-nav .open .dropdown-menu {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: #fff;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
  padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
  line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
  background-image: none;
}
}
@media (min-width:1150px) {
.navbar-nav {
  float: left;
  margin: 0 0 0 40px;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 1150px) {
.navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.navbar-form .form-control-static {
  display: inline-block;
}
.navbar-form .input-group {
  display: inline-table;
  vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
  width: auto;
}
.navbar-form .input-group > .form-control {
  width: 100%;
}
.navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
  padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
  top: 0;
}
}
@media (max-width: 1150px) {
.navbar-form .form-group {
  margin-bottom: 5px;

}
.navbar-form .form-group:last-child {
  margin-bottom: 0;
}
}
@media (min-width: 1150px) {
.navbar-form {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
}
.navbar-nav > li > a:visited > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
color:#333;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 14px;
margin-bottom: 8px;
margin-right:18px;

}
.navbar-btn {
background:    #f6f6f6;
background:    linear-gradient(#f6f6f6, #cecece);
border:        1px solid #041d69;
border-radius: 11px;
/*padding:       4px 10px 5px 10px; */
color:         #ff0000;
display:       inline-block;
font:          normal bold 26px/1 "Roboto", sans-serif;
text-align:    center;
}

.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;

}
.navbar-btn a:link {
color:red;
}
.navbar-btn a:visited {
color:red;
}

@media (min-width: 1150px) {
.navbar-text {
  float: left;
  margin-right: 15px;
  margin-left: 15px;
}
}
@media (min-width: 1150px) {
.navbar-left {
  float: left !important;
}
.navbar-right {
  float: right !important;
 /* margin-right: -15px; */
}
.navbar-right ~ .navbar-right {
  margin-right: 0;
}
}
.navbar-default {
/*background-color: #FFFFFF;*/
border-color: transparent;
padding-left: 1%;
/* width:95%;   added if menu is not body width */
margin:0 auto; /* added to center menu  */
margin-left:300px;
margin-top:-100px;
font-size:1px;
float:right;
padding-right:30px;
/* border-top: 2px solid #356AB9;
border-bottom: 2px solid #356AB9;*/


}
@media (max-width: 1149px) {
.navbar-default {
  margin-left:5px;
}
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #000;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #1b72ab
}
.navbar-default .navbar-nav > li > a {
color: #333; /* #1b72ab; */
text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #1b72ab; /*#000; */
background-color: #fff;
border-bottom: 2px solid #c5bf67;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #FC961A;

}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
background-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #333;
background-color:#efefef;
border-radius:6px 6px 0 0;
font-size:18px;
padding-bottom: 10px;
border-bottom: 2px solid #666666;
}
@media (max-width: 1149px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #1b72ab;
  font-size:18px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #000;
      background-color:#FFFFFF;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #1b72ab;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:visited
 {
  color: #333;
  background-color: transparent;
}
}
.navbar-default .navbar-link {
/*  color: #777; */
color: #fff;
}
.navbar-default .navbar-link:hover {
/*  color: #333; */
color: #fff;
}
.navbar-default .btn-link {
/*  color: #777; */
color: #fff;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 1149px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
  border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 250px;
padding: 15px;
margin: 2px 0 0;
font-size: 14px;
line-height:1.8em;
text-align: left;
list-style: none;
background-color: #FFFFFF;
 /*#fff; */
-webkit-background-clip: padding-box;
        background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #009adf; /* #e5e5e5;*/
}

/*.dropdown-menu > li > a {
display: block;
padding: 3px 25px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #FFF;
white-space: nowrap;
font-size:16px;
background-color: #009adf;
} */

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: #337ab7;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 1150px) {
.navbar-right .dropdown-menu {
  right: 0;
  left: 0;
}
.navbar-right .dropdown-menu-left {
  right: auto;
  left: 0;
}
}

/*=============================end of bootstrap menu css===============================*/
/* #####################  BOOSTRAP BTN-SUCCESS MODIFIED FOR CROSSPOINT SERMON  BTN-CLOSE #################*/
.btn {
    padding:2px 12px;
    margin:2px;
}
.btn-close {
  color: #fff;
  background-color: #065AC8;
  border-color: #034FB6;
}
.btn-close:hover,
.btn-close:focus,
.btn-close.focus,
.btn-close:active,
.btn-close.active,
.open > .dropdown-toggle.btn-close {
  color: #fff;
  background-color: #034FB6;
  border-color: #398439;
}
.btn-close:active,
.btn-close.active,
.open > .dropdown-toggle.btn-close {
  background-image: none;
}
.btn-close.disabled,
.btn-close[disabled],
fieldset[disabled] .btn-close,
.btn-close.disabled:hover,
.btn-close[disabled]:hover,
fieldset[disabled] .btn-close:hover,
.btn-close.disabled:focus,
.btn-close[disabled]:focus,
fieldset[disabled] .btn-close:focus,
.btn-close.disabled.focus,
.btn-close[disabled].focus,
fieldset[disabled] .btn-close.focus,
.btn-close.disabled:active,
.btn-close[disabled]:active,
fieldset[disabled] .btn-close:active,
.btn-close.disabled.active,
.btn-close[disabled].active,
fieldset[disabled] .btn-close.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-close .badge {
  color: #5cb85c;
  background-color: #fff;
}

/* #####################  END OF BOOSTRAP BUTTON SUCCESS MODIVIED FOR CROSSPOINT SERMON CLOSE #################*/
/*=============================FACEBOOK BUTTON CSS=============================*/

.facebook-btn {
    padding: 10px;
    background-color: #a6a150;
    width: 10em;
    text-align: center;
    border-radius:5px;
}
.facebook-btn a {
    color:#ffffff;
}
.facebook-btn:hover, .facebook-btn:focus {
    color:#ffffff;
    background:#045ACB;
    outline:0;
    transition: background-color 3s ease-out;
    transition: color 0.5s ease-in;
}

.facebook-btn a:visited {
    color:#ffffff;
}

.facebook-btn-vtn {
    background-color: #a6a150;
    text-align: center;
    border-radius:5px;
}
.facebook-btn-vtn a {
    color:#ffffff;
}
.facebook-btn-vtn:hover, .facebook-btn:focus {
    color:#ffffff;
    background:#045ACB;
    outline:0;
    transition: background-color 3s ease-out;
    transition: color 0.5s ease-in;
}

.facebook-btn-vtn a:visited {
    color:#ffffff;
}

/*==========================END OF FACEBOOK BUTTON CSS==========================*/


/*============================CONTACT FORM CSS==================================*/

*{
  box-sizing: border-box;
}
/*======================SLIDEIN CONTACT FORM CSS======================*/

.container2 {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

ul {
  list-style: none;
  padding: 0;
}

.brand {
  text-align: center;
}

.brand span {
  color: #fff;
}

.wrapper{
 box-shadow: 0 8px 10px rgb(0 0 0 / 0.5);
}

.wrapper>* {
  padding: 1em;
}
.info {

}
.info h3, .info ul{
  text-align: center;
  margin: 0 0 1rem 0;
}

.contact{
  background: #EEEEEE;
}

.contact form{
  padding: 1em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap:1rem;
}


.contact form label{
  display: block;
}

.contact form p{
  margin: 0;
}

.contact form .full{
  grid-column: 1/3;
}

.contact form button, .contact form input, .contact form textarea{
  width: 100%;
  padding: .2rem;
  border: 1px solid #666666;
}

.contact form button {
  background: #fff;
  border: 1px solid #666666;
  text-transform: uppercase;
}

.contact form button:hover, .contact form button:focus{
  color: #FFF;
  background: #a6a150;
  outline:0;
}

/*large screens*/
@media(min-width:700px){
  .wrapper{
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  .wrapper>*{
    padding: 1.5em;
  }
  .info h3, .info ul, .brand{
    text-align: left;
  }
}
/*==================RESPONSIVE IFRAME CSS==================*/

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 96%;
  height: 96%;
  margin:0 auto;
}

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




/*===============================Bio Popup CSS===============================*/

.popup .overlay {
  position:fixed;
  top:0px;
  left:0px;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,0.7);
  z-index:1;
  display:none;
}

.popup .content {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) scale(0);
  background:#FAF8F2;
  border:4px solid #a6a150;
  border-radius:10px;
  width:400px;
  height:25%;
  z-index:2;
  text-align:center;
  padding:20px;
  box-sizing:border-box;
  font-family:"Open Sans",sans-serif;
  font-size:14px;
}

.popup .close-btn {
  cursor:pointer;
  position:absolute;
  right:20px;
  top:20px;
  width:30px;
  height:30px;
  background:#045ACB;
  color:#fff;
  font-size:25px;
  font-weight:600;
  line-height:30px;
  text-align:center;
  border-radius:50%;
}

.popup.active .overlay {
  display:block;
}

.popup.active .content {
  transition:all 300ms ease-in-out;
  transform:translate(-50%,-50%) scale(1);
}

button {
  background-color:#a6a150;
  border-radius:5px;
  padding:5px 30px;
  font-size:18px;
  text-transform:uppercase;
  font-weight:600;
}
button:hover {
  background-color:#045ACB;

}

/*=======================End of Bio Popup=========================*/