html {
  position: relative;
  min-height: 100%;
}
        body {
            padding-top: 300px;
            transition: 1s;
        }
        body.shrinkit {
            padding-top: 150px;
        }
        .starter-template {
            padding: 3rem 1.5rem;
            text-align: center;
        }
        header.shrink {}
        .page-header {}
        
        header.page-header .page-header_banner { min-height: 250px; transition: 1s; background-color:#ffffff;}
        header.page-header .page-header_banner:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 100%;
    z-index: 20;
    height: 10px;
    transform: translate(-50%, 0%);
    background: url(grad-bottom.png);
    background-position: center bottom;
    background-repeat: repeat-x;
}
        header.page-header .page-header_banner .a-man_grad:before {
            content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 100%;
    z-index: 1;
    height: 10px;
    transform: translate(-50%, 0%);
    background: url(grad-bottom.png);
    background-position: center bottom;
    background-repeat: repeat-x;
        }
        
        
        header.shrink.page-header .page-header_banner { min-height: 50px; transition: 1s;}
        
        header.page-header .page-header_menu {
            min-height: 50px;    
            z-index: 6;
            position: relative;
            border-top: 4px solid #f5f5f5;
            transition: ease-in 1s;
        }
        header.shrink.page-header .page-header_menu {
            border-top: 2px solid #f5f5f5;
        
        }
        header.page-header .page-header_banner .a-man {display:block; position: relative;}
        .a-man_grad { position: absolute;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    z-index: 0;
                    width: 100%;
                    height: 250px;
                    overflow:hidden;
                    transition: All 1s ease-in .5s;
                    }
        .a-man_back { position: absolute;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    z-index: 0;
                    width: 100%;
                    height: 250px;
                    overflow:hidden;
                    transition: All 1s ease-in 3.5s;
                    }
        .a-man_back img {
                    position: absolute;
                    height: auto;
                    width: 790px;
                    left: calc(50% - 380px);
                    bottom: -7px;
                    }
        .shrink .a-man_back { opacity: 0; transition: All .1s ease-in; }
        .shrink .a-man_grad { opacity: 0; transition: All .1s ease-in; }
        
        .a-man {
            -webkit-transition: 1s bottom, 4s 1s left cubic-bezier(0,1,1,1),fill 4s ease,height 1s ease ,width 1s ease;
            -moz-transition: 1s bottom, 4s 1s left cubic-bezier(0,1,1,1),fill 4s ease,height 1s ease ,width 1s ease;
            -o-transition: 1s bottom, 4s 1s left cubic-bezier(0,1,1,1),fill 4s ease,height 1s ease ,width 1s ease;
            transition: 1s bottom, 4s 1s left cubic-bezier(0,1,1,1),fill 4s ease,height 1s ease ,width 1s ease;

            height: 192px; 
            width: 192px; 
            display: block;
            position: absolute;
            bottom:-74px;
            left: calc(50% - 96px);
            fill: #f5f5f5;
            filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.1));
            z-index: 2;
        }
        
        .shrink .a-man { 
            height: 48px; width: 48px;
            left: 0px;
            bottom:-5px;
            fill: #000000;
        }
        
        main {/*margin-bottom:400px;*/}
        
        .vheader .copy_block {transition: All 1s ease-in;}
        .shrinkit .vheader .copy_block {padding-top: 20vh;}
        
        .vheader {
  position: relative;
  background-color: black;
  height: 25vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.vheader video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.vheader .container {
  position: relative;
  z-index: 2;
}

.vheader .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  .vheader {
    background: url('video/test.png') black no-repeat center center scroll;
  }
  .vheader video {
    display: none;
  }
}
        
        /* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 2px;
  background: #ccc;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 2px;
  background: #4caf50;
  width: 0%;
}
        
        .top-link {
  transition: all .25s ease-in-out;
  position: fixed;
  bottom: 0;
  right: 0;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin: 0 3em 3em 0;
  border-radius: 50%;
  padding: .25em;
  width: 40px;
  height: 40px;
  background-color: #F8F8F8;
}
.top-link.show {
  visibility: visible;
  opacity: .6;
}
.top-link.hide {
  visibility: hidden;
  opacity: 0;
}
.top-link svg {
  fill: #000;
  width: 25px;
  height: 25px;
    opacity: .5;
}

.top-link:hover {
  background-color: #E8E8E8;
}
.top-link:hover svg {
  fill: #000000;
    opacity: .9;
}

.screen-reader-text {
  position: absolute;
  clip-path: inset(50%);
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus {
  display: block;
  top: 5px;
  left: 5px;
  z-index: 100000;
  clip-path: none;
  background-color: #eee;
  padding: 15px 23px 14px;
  width: auto;
  height: auto;
  text-decoration: none;
  line-height: normal;
  color: #444;
  font-size: 1em;
  clip: auto !important;
}
        
footer {
  /*position: absolute;
  bottom: 0;*/
  width: 100%;
  background-color: #333;
  color:#fff;
    min-height: 140px;
}
.shrink-it footer {}
        
.bg-white {background-color:#ffffff;}





img.article-image {
  width: 100%;
  height: auto;
}

.see_more {
	display:flex;
	transition: 1s;
    width: 70px;
	overflow:hidden;
	opacity:0;
}

.see_more.show_form
{
	transition: 1s;
    width: 100%;
	opacity:1;
}
/* blog */

ul.share-buttons{list-style:none;padding:0;font-size:20px;line-height:1}
ul.share-buttons li{display:inline;}
.blog-social-icons a{color:#ffdc40; cursor:pointer;}
.blog-social-icons a:hover{color:#000000;}
.blog-date{color:#b2b2b2;}

/* event */



.block.revealOnScroll {
    opacity: 0;
    -ms-transform: translateY(120px);
        transform: translateY(120px);
    transition: opacity .6s .1s,transform .6s; }

.block.revealOnScroll.animated {
      opacity: 1;
      -ms-transform: translateY(0);
          transform: translateY(0); }

/* blog */

.filter-header {display:block; border-bottom:2px solid #000000;background-color:#fafafa; }

.filter-header .category-subtitle {display:inline-block; line-height:30px; background-color:#000000; color:#ffffff; padding: 0px 25px;}
.filter-header .category-title {display:inline-block; line-height:30px; padding: 0px 25px; }

.blog-catagory ul {     
	list-style-type: none;
    margin: 0;
    padding: 0;
}

.blog-catagory ul li,
.blog-catagory ul li a { 
	display: inline;
}

.blog-catagory ul li::after {
	color: #ccc;
	content: "|";
	padding: 0 5px;
}

.blog-catagory ul li:last-child::after {
    content: "";
	padding: 0px;
}


.blog-title h1:first-of-type ,
.blog-title h2:first-of-type,
.blog-title h3:first-of-type,
.blog-title h4:first-of-type,
.blog-title h5:first-of-type { margin-top:0px;}


.blog-story .blog-catagory a {color:#000000;font-weight:700;}
.blog-story .blog-catagory a:hover { text-decoration:underline;}

.blog-story .blog-title a {color:#000000;}

.blog-story .blog-content a {color:#000000;}
.blog-story .blog-content a:hover { text-decoration:underline;}

.blog-story .blog-read-more a {color:#ffae00;}

.blog-mainimage a {
	display: block;
}

.blog-story {
	color:#000000;
}

.blog-story .blog-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
}

/* Intro Blog */

.intro-blog { color:#ffffff;}

.intro-blog .blog-catagory a {color:#ffffff;font-weight:700;}
.intro-blog .blog-catagory a:hover { text-decoration:underline;}

.intro-blog .blog-title a {color:#ffffff;}

.intro-blog .blog-content a {color:#ffffff;}
.intro-blog .blog-content a:hover { text-decoration:underline; color:#ffffff;}

.intro-blog .blog-read-more a {color:#ffae00;}

.intro-blog {
    display: block;
    height: 95vh;
    min-height: 200px;
    max-height: 400px;
    position: relative;
}

.intro-blog .blog-mainimage {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.intro-blog .blog-mainimage .article-image {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	display: block;
    width: 100%;
    height: 100%;
}

.intro-blog .blog-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
	top:0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #fff;
}

.intro-blog .blog-intro .blog-copy {padding:5px;}

/* Drop shadow on blog images */
.blog-social-icons ul.share-buttons {list-style:none;padding:0;margin:0px;}
/* Blog Pagination */
.pagination{padding-left:0;margin:20px 0;border-radius:0px;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{z-index:3;color:#fff;cursor:default;background-color:#000000;border-color:#000000;}
.pagination > li > a, .pagination > li > span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#000000;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.pagination > li:first-child > a, .pagination > li:first-child > span{margin-left:0;border-top-left-radius:0px;border-bottom-left-radius:0px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-top-right-radius:0px;border-bottom-right-radius:0px;}
.page-item.active .page-link {z-index: 1;color: #fff;background-color: #000000;border-color: #000000;}
.page-link:hover {z-index: 2;color: #0056b3;text-decoration: none;background-color: #e9ecef;border-color: #dee2e6;}
.page-item:first-child .page-link {margin-left: 0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.page-item:last-child .page-link {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
/* Modules */
.mod_copy {width:100%;}
/* Module - Parallax Header - start */
.module { display:flex;width: 100%;}
.module .mod_outer {background: no-repeat center center;background-color:transparent;background-size: auto auto;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;min-height: 200px;width: 100%;display: flex;}
.module .mod_inner {display: flex;}
.module .container .container.mod_inner {padding-right: 0px;padding-left: 0px;}
.module .mod_content {display:flex;align-items: center;justify-content: center;align-content: center;/*display: table-cell;vertical-align: middle;*/width: 100%;}
.module .mod_content h1:after {background: none repeat scroll 0 0 #FFD000;bottom: -10px;content: "";display: block;height: 5px;position: relative;align-content: center;width: 30%;margin: 0px auto;}
.module .mod_parallax-header {background: no-repeat center center fixed;background-size: auto auto;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
/* Module - Parallax Header - end */
.blog-pages {}
.blog-pages .no-banner{display:none;}
.blog-pages section.module {margin-top:30px;margin-bottom:30px;}
.blog-pages section.module:first-child {margin-top:0px;}
.blog-pages .blog-title {color:#ffffff;}
.blog-pages .blog-title h1 {color:#ffffff; text-align:center;}
/*  See more */
.see_more {display:flex;transition: 1s;width: 70px;overflow:hidden;opacity:0;}
.see_more.show_form{transition: 1s;width: 100%;opacity:1;}
.see-more-mod {}
.module.see-more-mod .container .container.mod_inner .mod_background { background-color:#f5f5f5; padding-top:20px; padding-bottom:20px;}
.module.see-more-mod .form-row {margin-right: -15px;margin-left: -15px;}
.module.see-more-mod .btn.btn-yellow.input-group-text {border-radius:0px;}
.module.see-more-mod .mod_subscribe {margin-top:15px;}
.module.see-more-mod .mod_subscribe input {height: 42px;}
.get-in-touch,
.get-in-touch::after {background:none;}

#box, .blog-story {
  	position: relative;
  	/*width: 60%;*/
  	background: #fafafa;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
  	padding: 5px;
  	color: rgba(0,0,0, .8);
  	text-shadow: 0 1px 0 #fff;
  	line-height: 1.5;
  	margin: 20px auto;
	border:1px solid #f0f0f0;
}


#box:before, #box:after,
.blog-story:before, .blog-story:after {
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  /* max-width:300px;*/
  background: rgba(9, 40, 90, 0.7); 
  box-shadow: 0 15px 10px rgba(9, 40, 90, 0.7);
  transform: rotate(-3deg);
}

#box:after,
.blog-story:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.blog-mainimage {
  	position: relative;
  	/*width: 60%;*/
  	background: #ffffff;
  	-moz-border-radius: 0px;
  	border-radius: 0px;
  	padding: 5px;
  	color: rgba(0,0,0, .8);
  	text-shadow: 0 1px 0 #fff;
  	line-height: 1.5;
  	margin: 0px auto;
	border:1px solid #f0f0f0;
}

.blog-mainimage:before, .blog-mainimage:after {
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  /* max-width:300px;*/
  background: rgba(9, 40, 90, 0.7); 
  box-shadow: 0 15px 10px rgba(9, 40, 90, 0.7);
  transform: rotate(-3deg);
}

.blog-mainimage:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.blog-social-icons ul.share-buttons {
    list-style: none;
    padding: 0;
    margin: 0px;
}
/**/

/* event */

.filter-header {display:block; border-bottom:2px solid #000000;background-color:#fafafa; }

.filter-header .category-subtitle {display:inline-block; line-height:30px; background-color:#000000; color:#ffffff; padding: 0px 25px;}
.filter-header .category-title {display:inline-block; line-height:30px; padding: 0px 25px; }

.event-catagory ul {     
	list-style-type: none;
    margin: 0;
    padding: 0;
}

.event-catagory ul li,
.event-catagory ul li a { 
	display: inline;
}

.event-catagory ul li::after {
	color: #ccc;
	content: "|";
	padding: 0 5px;
}

.event-catagory ul li:last-child::after {
    content: "";
	padding: 0px;
}


.event-title h1:first-of-type ,
.event-title h2:first-of-type,
.event-title h3:first-of-type,
.event-title h4:first-of-type,
.event-title h5:first-of-type { margin-top:0px;}

.event-story .event-catagory a {color:#000000;font-weight:700;}
.event-story .event-catagory a:hover { text-decoration:underline;}

.event-story .event-title a {color:#000000;}

.event-story .event-content a {color:#000000;}
.event-story .event-content a:hover { text-decoration:underline;}

.event-story .event-read-more a {color:#ffae00;}

.event-mainimage a {
	display: block;
}

.event-story {
	color:#000000;
}

.event-story .event-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
}

/* Intro Event */

.intro-event { color:#ffffff;}

.intro-event .event-catagory a {color:#ffffff;font-weight:700;}
.intro-event .event-catagory a:hover { text-decoration:underline;}

.intro-event .event-title a {color:#ffffff;}

.intro-event .event-content a {color:#ffffff;}
.intro-event .event-content a:hover { text-decoration:underline; color:#ffffff;}

.intro-event .event-read-more a {color:#ffae00;}

.intro-event {
    display: block;
    height: 95vh;
    min-height: 200px;
    max-height: 400px;
    position: relative;
}

.intro-event .event-mainimage {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.intro-event .event-mainimage .article-image {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	display: block;
    width: 100%;
    height: 100%;
}

.intro-event .event-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
	top:0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #fff;
}

.intro-event .event-intro .event-copy {padding:5px;}

/* Drop shadow on event images */
.event-story {
  	position: relative;
  	/*width: 60%;*/
  	background: #fafafa;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
  	padding: 5px;
  	color: rgba(0,0,0, .8);
  	text-shadow: 0 1px 0 #fff;
  	line-height: 1.5;
  	margin: 20px auto;
	border:1px solid #f0f0f0;
}

.event-story:before, .event-story:after {
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  /* max-width:300px;*/
  background: rgba(9, 40, 90, 0.7); 
  box-shadow: 0 15px 10px rgba(9, 40, 90, 0.7);
  transform: rotate(-3deg);
}

.event-story:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.event-mainimage {
  	position: relative;
  	/*width: 60%;*/
  	background: #ffffff;
  	-moz-border-radius: 0px;
  	border-radius: 0px;
  	padding: 5px;
  	color: rgba(0,0,0, .8);
  	text-shadow: 0 1px 0 #fff;
  	line-height: 1.5;
  	margin: 0px auto;
	border:1px solid #f0f0f0;
}

.event-mainimage:before, .event-mainimage:after {
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  /* max-width:300px;*/
  background: rgba(9, 40, 90, 0.7); 
  box-shadow: 0 15px 10px rgba(9, 40, 90, 0.7);
  transform: rotate(-3deg);
}

.event-mainimage:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.event-social-icons ul.share-buttons {
    list-style: none;
    padding: 0;
    margin: 0px;
}

/**/
/* Blog Pagination */

.pagination{padding-left:0;margin:20px 0;border-radius:0px;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{z-index:3;color:#fff;cursor:default;background-color:#000000;border-color:#000000;}
.pagination > li > a, .pagination > li > span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#000000;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.pagination > li:first-child > a, .pagination > li:first-child > span{margin-left:0;border-top-left-radius:0px;border-bottom-left-radius:0px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-top-right-radius:0px;border-bottom-right-radius:0px;}

.page-item.active .page-link {

    z-index: 1;
    color: #fff;
    background-color: #000000;
    border-color: #000000;

}
.page-link:hover {

    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;

}
.page-item:first-child .page-link {

    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;

}
.page-item:last-child .page-link {

    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

}

/* Drop shadow on browser window top */

body:before { 
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

/* Sections */

section {margin-bottom:25px;}

.button_bar {font-size:12px;}
.button_bar-label { display:inline-block;}
.button_bar-buttons { border-radius: 15px; border:1px solid #000000; padding:2px; display:inline-block;}
.button_bar-buttons button { border:none; background-color:transparent; color:#000000; line-height:26px;}
.button_bar-buttons button:hover { border-radius:15px; background-color:blue; color:#ffffff;}



.if-you-like{padding:15px 15px 15px 15px; width:50%;}
ul.share-buttons{list-style:none;padding:0;font-size:20px;line-height:1}
ul.share-buttons li{display:inline;}
.blog-social-icons a{color:#ffdc40; transition: 0.4s;}
.blog-social-icons a:hover{color:#000000; transform: scale(1.1);}
.blog-date{color:#b2b2b2;}
.blog-story{margin-bottom:25px;}
.blog-story h2{font-size:20px;line-height:24px;}
.blog-story .blog-content p{font-size:16px;}
.pagination{/*display:inline-block;*/padding-left:0;margin:20px 0;border-radius:0px;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{z-index:3;color:#fff;cursor:default;background-color:#000000;border-color:#000000;}
.pagination > li > a, .pagination > li > span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#000000;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.pagination > li:first-child > a, .pagination > li:first-child > span{margin-left:0;border-top-left-radius:0px;border-bottom-left-radius:0px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-top-right-radius:0px;border-bottom-right-radius:0px;}

.gallery .img-thumbnail {transform-style: preserve-3d;transition: 0.2s;}
.gallery .img-thumbnail:hover {transform-style: preserve-3d;transform: scale(1.1);transition: 0.2s;}

span.day-icon svg,
span.day-range svg,
.back-button svg {
    fill: #000000;
    width: 20px;
    height: 20px;
    opacity: 1;
}
.intro-event span.day-icon svg,
.intro-event span.day-range svg {
    fill: #ffffff;
    width: 20px;
    height: 20px;
    opacity: 1;
}
ul.share-buttons li svg {
    fill: #ffdc40;
    width: 20px;
    height: 20px;
    opacity: 1;
}
ul.share-buttons li svg:hover {
    fill: #000000;
}