/*check in theme/css files. this css file may not be in use
/static/custom/domainaccess/sites/prod.morningstarministries.org/themes/glazed/glazed_honor/css
*/

/*  mscript blocking override --------------------------------------------*/
[id="page-wrapper"] {
    display: block;
}
[id="mra"], #page-title, #header, #navigation,
#breadcrumb {
    display: none;
}
#page {
    width: auto;
}
.with-navigation #content, .with-navigation #sidebar-first, .with-navigation #sidebar-second {
    margin-top: 0;
}
/* fa icons being overwritten to svgs.. */
.footer-content .svg-inline--fa {
    margin-right: 15px;
}
/* footer address gets offline when mscript script gets involved */
#address {
  margin-left: 30px;
}
#navbar {
  display: none !important;
}
input[type="text"] {
  border: 1px solid #151515;
}
/* /mscript block --------------------------------------------------------*/
/*   search popup in nav------------------------------------------------- */
.searchlink {
    cursor: pointer;
    display: block;
    float: right;
    /* font-size: 20px; */
    height: 47px;
    /* padding: 10px 20px 15px 18.5px; */
    position: relative;
}
.searchlink:hover,
.searchlink.open {
    cursor: pointer;
}
.searchlink.open > .searchform {
    display: block;
}
.searchform {
    display: none;
    position: absolute;
    /* width: 200px; */
    /* width: 300px; */
    height: 60px;
    /* line-height: 40px; */
    top: 35px;
    /* right: 0; */
    padding: 0 5px;
    cursor: default;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    border-color: #e1e1e1;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.2);
    margin-left: -120px;
    z-index: 9999999;
    background-color: #fff;
}
.searchlink.open .searchform {
    display: block;
}
#search {
    display: block;
    position: relative;
    padding: 0 20px;
}
#s {
    /* width: 135px; */
    width: 245px;
    background: #fff;
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    border-right: none;
    color: #888;
    margin: 20px 0;
    font-size: 15px;
}
.sbtn {
    display: block;
    position: absolute;
    /* background: none; */
    border: 1px solid #000;
    color: #fff;
    font-size: 0.6em;
    cursor: pointer;
    right: 20px;
    top: 20px;
    width: 35px;
    background-color: #000;
    height: 20px;
}
/* //search box close button */
.xbtn {
    display: block;
    position: absolute;
    /* background: none; */
    /* border: 1px solid #000; */
    color: #000;
    font-size: 0.6em;
    cursor: pointer;
    right: 0px;
    top: -3px;
    /* width: 9px; */
    /* background-color: #000; */
    /* height: 20px; */
    padding-right: 0;
}
/* //search popup in nav------------------------------------------------- */
/* start bootstrap cards ------------------------------------------------ */
.card {
    text-align: center;
    width: 370px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    padding: 0;
    margin: 0 10px;
    margin-bottom: 10px;
}
.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    padding-top: 0;
}
.card-title {
    margin-bottom: .75rem;
}
.card-text ~ .btn-primary {
    color: #000;
    background-color: #FFF;
    border-color: #000;
}
.card-text ~ .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #000;
    padding: .375rem .75rem;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.card-text ~ .btn:hover {
    transition: 0.5s;
    background: black;
    color: white;
}
/* end bootstrap cards ------------------------------------------------ */
/* kickstart -------------------------------------------------------------*/
.ms-hero.ms-hero__poster {
    max-width: 100%;
}
.ms-hero__image {
  margin: 0;
}
/* #node-15733 .ms-main-container {
  padding: 0;
} */
#sticker {
  padding: 20px 15px;
}
/* modals for mailchimp signup on page - kickstart -----------------------*/
.modal input[type=text], .modal input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Set a style for all buttons */
.wftw-sub-button {
  background-color: #FFF;
  color: black;
  /* font-weight: 501; */
  /* padding: 3px 20px; */
  /* margin: 8px 0; */
  /* border: solid 2px; */
  cursor: pointer;
  width: 100%;
}
.wftw-sub-button:hover {
  /* opacity: 0.5; */
  /* color:white; */
  /* background-color: black; */
  /* border: solid 2px white; */
}
.modal-container button {
  opacity: 0.8;
  padding: 14px 20px;
  color: white;
  background-color: black;
}



/* Extra styles for the cancel button */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 0 0;
  position: relative;
}

img.avatar {
  width: 40%;
  margin-bottom: 0;
  /* border-radius: 50%; */
}

.modal-container {
  padding: 16px;
}

span.psw {
  float: right;
  padding-top: 16px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 370px;
}

/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)}
  to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
  from {transform: scale(0)}
  to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}
/* /modals for mailchimp signup on page - kickstart -----------------------*/

/* reset glazed injections */
.admin-menu .tabs {
    margin-top: 40px;
}
.container {
  width: auto;
  max-width: none;
  min-width: none;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

body {
  /* background: #fff !important; */
  /* color: #212121 !important; */
  line-height: 24px;
  font-family: 'Roboto', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
    line-height: 1.5;
    margin: 0 0 20px;
    margin-bottom: 20px;
}

h6 {
  font-weight: 400 !important;
  color: #212121 !important;
}
.case__footer {
    padding-top: 0;
}
.col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

.ms-hero__title h1 {
    font-size: 3.5em !important;
    /* margin: 10px 0 24px !important; */
    margin: 10px 0 0 !important;
    flex-direction: column;
    display: flex;
    text-transform: uppercase;
}

.ms-hero__title-poster .ms-hero__title {
    margin-top: 26vh;
}

#home-hero .ms-hero__title h1,
#home-hero .ms-hero__subtitle {
    color: #fff !important;
}

#home .ms-main-container {
    padding: 0;

}
#home-hero.ms-hero {
    /* clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 108%); */
    /* clip-path: polygon(0% 0%, 100% 0%, 100% 87%, 0% 110%); */
    clip-path: polygon(0% 0%, 100% 0%, 100% 72vh, 0% 90vh);
    /* background: url(../../assets/images/volcano.jpg); */
        /* background-size: auto; */
    background-size: cover;
}
#home-hero.ms-hero:not(.ms-hero__poster) {
    max-width: 100%;
    /* min-height: 90vh; */
    min-height: 83vh;
    padding-top: 30px;
}
.filtr-btn {
    justify-content: flex-end;
    margin: 0 auto 30px;
    padding: 0;
    /* max-width: 90%; */
}

.ms-section__block {
    max-width: 90%;
}

video {
    /* filter: grayscale(100%); */
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 /* background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat; */
  background-size: cover;
  transition: 1s opacity;
}
.stopfade {
   opacity: .5;
}
#home .ms-section {
    margin-top: -70px;
}
.ms-header {
    padding: 0 15px;
}
/* .ms-navbar {
    margin-top: 10px;
} */
.ms-nav-item.link {
    margin-top: 10px;
}
.ms-nav {
    margin-top: 10px;
}
.box.work-image:hover ~ .work-item-text .work-info h4,
.box.work-image:hover ~ .work-item-text .work-info span {
    text-shadow: black 2px 2px 6px;
    transition: 0.5s;
    scale: 1.02;
}
/* .box-inner__title:hover {
    text-shadow: black 2px 2px 11px;
    scale: 1.02;
} */
.box-inner:hover span,
.box-inner:hover h4 {
    text-shadow: black 2px 2px 6px;
    scale: 1.02;
    transition: 0.5s;
}
/* .box-inner__cat:hover {
    text-shadow: black 2px 2px 11px;
    scale: 1.02;
}
.box-inner__cat:hover ~ h4 {
  text-shadow: black 2px 2px 11px;
  transition: 0.5s;
  scale: 1.02;
} */

/* footer start --------------------------------------------------------------*/
.footer-content a {
  -o-transition:.1s;
  -ms-transition:.1s;
  -moz-transition:.1s;
  -webkit-transition:.1s;
  /* ...and now for the proper property */
  transition:.1s;
}
.footer-content a:hover {
    font-weight: 501;
}
#footer.footer-light, #footer.footer-light .widget h4, #footer.footer-light a {
    color: #494949 !important;
}
#footer.footer-light {
    background-color: #f7f7f7;
    border-top: 1px solid #e5e5e5;
}
#footer {
    font-size: 13px;
}
#footer {
    clear: both;
    position: relative;
}
footer {
    display: block;
}
.footer-content {
    padding: 60px 0 40px 0;
}
.container:not(.main-container) {
    /* width: 1170px; */
    width: 80%;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.container::before, .container::after, .container-fluid::before, .container-fluid::after, .modal-footer::before, .modal-footer::after {
    content: " ";
    display: table;
}
#footer.footer-light, #footer.footer-light .widget h4, #footer.footer-light a {
    color: #494949 !important;
}
.widget .widget-title, .widget > h4 {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 28px;
}
.list-icon {
    list-style: none;
    padding-left: 0;
}
p, ul, ol, pre, table {
    margin-bottom: 1.85714286em;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}
footer.footer-light, #footer.footer-light .widget h4, #footer.footer-light a {
    color: #494949 !important;
}
#footer {
    font-size: 13px;
}
.list-icon i {
    font-size: 15px;
    margin-right: 20px;
    /* margin-left: -20px; */
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.social-icons li {
    list-style: none;
}
.fa-map-marker::before {
    content: "\f041";
}
.fa-phone::before {
    content: "\f095";
}
.fa-envelope::before {
    content: "\f0e0";
}
.fa-clock-o::before {
    content: "\f017";
}
rss::before {
    content: "\f09e";
}
.fa-facebook-f::before, .fa-facebook::before {
    content: "\f09a";
}
.fa-twitter::before {
    content: "\f099";
}
.fa-vimeo::before {
    content: "\f27d";
}
.fa-youtube::before {
    content: "\f167";
}
.fa-pinterest::before {
    content: "\f0d2";
}
.fa-google-plus::before {
    content: "\f0d5";
}
#footer .social-icons {
    float: right;
}
.float-left {
    float: left !important;
}
.m-t-20 {
    margin-top: 20px !important;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}
p, ul, ol, pre, table {
    margin-bottom: 1.85714286em;
}
ul, ol {
    padding-left: 18px;
    line-height: 28px;
    margin: 0 0 20px 0px;
        margin-top: 0px;
        margin-bottom: 20px;
    font-weight: 300;
}
.social-icons li {
    float: left;
    list-style: none;
}
#footer.footer-light, #footer.footer-light .widget h4, #footer.footer-light a {

    color: #494949 !important;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif !important;

}
.social-icons.social-icons-border li a {

    border: 1px solid #d7d7d7;
    background: transparent;
    color: #333;

}
.social-icons li a {

    float: left;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    margin: 0 4px 4px 0;
    border-radius: 4px;
    border: 0;
    background: transparent;
    color: #333;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;

}
.social-icons li:hover i {
    transform: rotate(180deg);
}
.fa.fa-envelope {
    /* margin-left: -22px; */
    margin-right: 16px;
}
.fa.fa-phone {
    margin-right: 17px;
}
#footer svg {
  margin-right: 20px;
}
/* .fa.fa-refresh:hover {
     transform: rotate(180deg);
} */

/* end footer */

/* work items - keep text always visible ------------------------------------ */
.grid-item .box-inner_link, .grid-item .work-info > .box-inner {
    opacity: 1;
    -webkit-transform: scale(1) translate(0);
    -ms-transform: scale(1) translate(0);
    transform: scale(1) translate(0);
    -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
}
#quicklinks {
  margin-top:10px;
}

.box-inner {
  text-shadow: -2px 0px 8px #0005;
}

/* .ms-btn { */
.filtr-btn .ms-btn {
  display: block;
  width: 90px;
  text-align: center;
}
/* .work-item {
  transform-style: preserve-3d;
} */
/* .work-item-text {
  position: absolute;
  transform: translateZ(50px);
  width:80%;
} */

/* Lazy load images below fold -----------------------------------------------*/
/* default low res image for work items */
.box-img {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/pl-md.jpg);
}
.lazy-fmc.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/church-fortmill.jpg); /* The final image */
}
/* wilmington */
.lazy-wil.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/church-wilmington.jpg); /* The final image */
}
/* the gathering church */
.lazy-tgc.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/church-moravian-falls.jpg); /* The final image */
}
.lazy-mfm.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/fellowship-members-mfm.jpg); /* The final image */
}
.lazy-kba.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/ministry-kba.jpg); /* The final image */
}
.lazy-oak.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/ministry-the-oak-initiative.jpg); /* The final image */
}
.lazy-spe.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/ministry-spe.jpg); /* The final image */
}
.lazy-mtv.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/resource-morningstartv.jpg); /* The final image */
}
.lazy-pub.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/resource-publications.jpg); /* The final image */
}
/* webstore */
.lazy-str.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/resource-morningstore.jpg); /* The final image */
}
.lazy-cat.visible {
  /* background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/resource-catalog-2021.jpg); /* this is on theme css files*/
}
/* partners */
.lazy-par.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/resource-partners.jpg); /* The final image */
}
/* about page */
.lazy-abt.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/resource-about.jpg); /* The final image */
}
/* statement of faith */
.lazy-fai.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/resource-statement-of-faith.jpg); /* The final image */
}
/* Ricks Itinerary */
.lazy-itn.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/resource-itinerary.jpg); /* The final image */
}
/* worship website */
.lazy-wor.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/resource-worship.jpg); /* The final image */
}
/* mstar university */
.lazy-uni.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/school-morningstar-university.jpg); /* The final image */
}
/* commenius */
.lazy-com.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/school-comenus.jpg); /* The final image */
}
/* events */
.lazy-evt.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/events-upcoming.jpg); /* The final image */
}
/* heritage conference center */
.lazy-hcc.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/events-heritage-conference-center.jpg); /* The final image */
}
/* msu online live */
.lazy-msuo.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/school-msuo.jpg); /* The final image */
}
/* heritage communities */
.lazy-hcm.visible {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/works/events-heritage-courts.jpg); /* The final image */
}

 /* --------- /lazy load   ----- */

   /* CTA   */
.btn.btn-outline.btn-light:hover {
 background: white;
 color: black !important;
}
#start {
 text-transform: uppercase;
 text-align: inherit;
 line-height: 13px;
 border-width: 2px;
 margin: 0px;
 padding: 11px 18px;
 letter-spacing: 0px;
 font-weight: 700;
 font-size: 17px;
 border-bottom-color: rgb(255, 255, 255);
 border-bottom-left-radius: 3px;
 border-bottom-right-radius: 3px;
 border-bottom-style: solid;
 border-bottom-width: 2px;
 border-image-outset: 0;
 border-image-repeat: stretch;
 border-image-slice: 100%;
 border-image-source: none;
 border-image-width: 1;
 border-left-color: rgb(255, 255, 255);
 border-left-style: solid;
 border-left-width: 2px;
 border-right-color: rgb(255, 255, 255);
 border-right-style: solid;
 border-right-width: 2px;
 border-top-color: rgb(255, 255, 255);
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
 border-top-style: solid;
 border-top-width: 2px;
 box-shadow: none;
 box-sizing: border-box;
 color: rgb(255, 255, 255);
 cursor: pointer;
 display: inline-block;
 margin-top: 18px;
 -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}
   /* /CTA   */

.hbox-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  /* margin:10%; */
}
.hbox{
  /* padding:30px; */
  /* margin:2%; */
  background:white;
  width:25%;
  /* border:1px solid #d6d6d6; */
  /* box-shadow:0 2px 3px 0px rgba(0,0,0,0.25); */
  /* border-radius:3px; */
  transition:.2s all;
}
.hbox-wrap:hover .hbox{
  filter:blur(3px);
  opacity:.5;
  transform: scale(.98);
  /* box-shadow:none; */
}
.hbox-wrap:hover .hbox:hover{
  transform:scale(1);
  filter:blur(0px);
  opacity:1;
  /* box-shadow:0 8px 20px 0px rgba(0,0,0,0.125); */
}
.grid-item:hover .box-img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.page-node-15733 .box-inner__cat {
    font-size: 18px;
}

.box-inner__cat {
    /* margin-top: 10px; */
    /* margin-bottom: -10px; */
    /* margin-top: 10px; */
    /* margin-bottom: -10px; */
    font-weight: bold;
    font-weight: 501;
    color: white;
}
.box-inner__cat, .box-inner__title {
    margin-bottom: 0;
    color: white;
}
.ms-hero .box-inner__cat {
  margin-top: 10px;
  margin-bottom: -10px;
  text-shadow: black 2px 2px 6px;
}
.ms-main-container {
  padding: 0;
}
.ms-section {
  padding: 0 15px;
}

/* contact page  */
/* .page-node-15735 .ms-hero {
  background-image: url(/sites/prod.morningstarministries.org/files/honor/assets/images/kickstart/kickstart-your-journey.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  max-width: 100%;
  margin-bottom: 50px;
} */

/* #contact-bg-vid {
  transition: 1s opacity;
  position: absolute;
  top: 20px;
}
.page-node-15735 .ms-header {
  background-color: white;
  min-width: 100%;
  padding: 0 40px;
}
.page-node-15735 .ms-hero__title.is-visible {
    color: white;
} */
 /* /contact page */

 /* //grayscale on hero fade out------------------------------------------ */
 #gray-fade {
     animation: gray 35s;
     -moz-animation: gray 35s; /* Firefox */
     -webkit-animation: gray 35s; /* Safari and Chrome */
     -o-animation: gray 35s; /* Opera */
     /* animation: fadein 5s infinite alternate; /* IE??*/
 }
 @keyframes gray {
     from {
         filter:grayscale(100%);
     }
     to {
         filter:grayscale(0%);
     }
 }
 @keyframes fadein {
   from {opacity: 0;}

   to {opacity: 1;}
 }
 @-moz-keyframes gray { /* Firefox */
     from {
         filter:grayscale(100%);
     }
     to {
         filter:grayscale(0%);
     }
 }
 @-webkit-keyframes gray { /* Safari and Chrome */
     from {
         filter:grayscale(100%);
     }
     to {
         filter:grayscale(0%);
     }
 }
 @-o-keyframes gray { /* Opera */
     from {
         filter:grayscale(100%);
     }
     to {
         filter:grayscale(0%);
     }
 }

/* safari fixes -------------------------------------------------------------*/
/* safari 10.1+ */
@media not all and (min-resolution:.001dpcm) {
    @media {
      #home-hero.ms-hero {
          /* clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 108%); */
          /* clip-path: polygon(0% 0%, 100% 0%, 100% 87%, 0% 110%); */
          clip-path: polygon(0% 0%, 100% 0%, 100% 72vh, 0% 83vh);
          /* background: url(../../assets/images/volcano.jpg); */
      }
      .ms-header {
        background-color: white;
        min-width: 100%;
        padding: 0 40px;
      }
      /* #home .filtr-btn h6 {
        color: white !important;
      } */
      #home-hero.ms-hero:not(.ms-hero__poster) {
          padding-top: 20vh;
      }
      .ms-section::after {
          position: absolute;
          content: " ";
          display: block;
          left: 0;
          top: 70vh;
          width: 100%;
          border-style: solid;
          /* border-width: 200px 100vw 0 0; */
          border-width: 20vh 100vw 0 0;
          border-color: transparent #fff #fff;
          z-index: -1;
          padding-bottom: 100%;
      }
      .footer-content::after {
        position: absolute;
        content: " ";
        display: block;
        left: 0;
        top: 150vh;
        width: 100%;
        border-style: solid;
        border-width: 170px 100vw 0 0;
        border-color: transparent #fff #fff;
        z-index: -1;
        bottom: 0;
      }
    }

/* safari 6.1 to 10.0 -------------------------------------------------------*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
      .ms-header {
        background-color: white;
        min-width: 100%;
        padding: 0 40px;
      }
      /* #home .filtr-btn h6 {
        color: white !important;
      } */
      #home-hero.ms-hero:not(.ms-hero__poster) {
          padding-top: 20vh;
      }
      .ms-section::after {
          position: absolute;
          content: " ";
          display: block;
          left: 0;
          top: 70vh;
          width: 100%;
          border-style: solid;
          /* border-width: 200px 100vw 0 0; */
          border-width: 20vh 100vw 0 0;
          border-color: transparent #fff #fff;
          z-index: -1;
          padding-bottom: 100%;
      }
      .footer-content::after {
        position: absolute;
        content: " ";
        display: block;
        left: 0;
        top: 150vh;
        width: 100%;
        border-style: solid;
        border-width: 170px 100vw 0 0;
        border-color: transparent #fff #fff;
        z-index: -1;
        bottom: 0;
      }
    }
}
/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .ms-header {
    background-color: white;
    min-width: 100%;
    padding: 0 40px;
  }
  _::-webkit-full-page-media, _:future, :root #home-hero.ms-hero:not(.ms-hero__poster) {
      padding-top: 20vh;
  }
  _::-webkit-full-page-media, _:future, :root .ms-section::after {
      position: absolute;
      content: " ";
      display: block;
      left: 0;
      top: 70vh;
      width: 100%;
      border-style: solid;
      /* border-width: 200px 100vw 0 0; */
      border-width: 20vh 100vw 0 0;
      border-color: transparent #fff #fff;
      z-index: -1;
      padding-bottom: 100%;
  }
  _::-webkit-full-page-media, _:future, :root .footer-content::after {
    position: absolute;
    content: " ";
    display: block;
    left: 0;
    top: 150vh;
    width: 100%;
    border-style: solid;
    border-width: 170px 100vw 0 0;
    border-color: transparent #fff #fff;
    z-index: -1;
    bottom: 0;
  }
}
/* IE Edge fixes.. ----------------------------------------------------------*/
#sticker .material-icons,
#sticker span {
  color: #000;
}

@supports (-ms-ime-align:auto) {
  .ms-header {
    background-color: white;
    min-width: 100%;
    padding: 0 40px;
  }
  /* #home .filtr-btn h6 {
    color: white !important;
  } */
  #home-hero.ms-hero:not(.ms-hero__poster) {
      padding-top: 20vh;
  }
  .ms-section::after {
      position: absolute;
      content: " ";
      display: block;
      left: 0;
      top: 70vh;
      width: 100%;
      border-style: solid;
      /* border-width: 200px 100vw 0 0; */
      border-width: 20vh 100vw 0 0;
      border-color: transparent #fff #fff;
      z-index: -1;
      padding-bottom: 100%;
  }
  .footer-content::after {
    position: absolute;
    content: " ";
    display: block;
    left: 0;
    top: 150vh;
    width: 100%;
    border-style: solid;
    border-width: 170px 100vw 0 0;
    border-color: transparent #fff #fff;
    z-index: -1;
    bottom: 0;
  }
}

/* IE 11 ---------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  a, a:hover, a:focus, a:active {
    color: black;
  }
  .ms-header {
    background-color: white;
    min-width: 100%;
    padding: 0 40px;
  }
  #spotty {
    display: block !important;
  }
  #spotty-wrap {
    padding: 0 10px;
  }
  /* #home .filtr-btn h6 {
    color: white !important;
  } */
  .ms-nav-item a {
    color: black;
  }
  #home-hero.ms-hero:not(.ms-hero__poster) {
      padding-top: 20vh;
  }
  .ms-section::after {
      position: absolute;
      content: " ";
      display: block;
      left: 0;
      top: 70vh;
      width: 100%;
      border-style: solid;
      border-width: 170px 100vw 0 0;
      border-color: transparent #fff #fff;
      z-index: -1;
      padding-bottom: 100%;
  }
  .footer-content::after {
    position: absolute;
    content: " ";
    display: block;
    left: 0;
    top: 150vh;
    width: 100%;
    border-style: solid;
    border-width: 200px 100vw 0 0;
    border-color: transparent #fff #fff;
    z-index: -1;
    bottom: 0;
  }
}
/* Moblie tests --------------------------------------------------------------*/
/* @media */

.ms-nav-item:hover ul.ms-submenu {
    min-width: 170px;
}

.filtr-btn,
.ms-section__block {
    max-width: 100em;
}
.filtr-btn > li:nth-child(4) {
    margin-right: 0;
}

@media only screen and (max-width: 1450px) {
    .filtr-btn,
    .ms-section__block {
        max-width: 1170px;
    }
}
/* ---- nav drops to burger for mobile style ------ */
@media only screen and (max-width: 1028px) {
   .fa.fa-search {
     color: white;
   }
}
@media only screen and (max-width: 400px) {
  /* .ms-section {
      padding: 0;
  } */
  .filtr-btn li {
    margin-right: 0;
}
}
@media only screen and (max-width: 800px) {

}
@media only screen and (max-width: 640px) {
  #home-hero.ms-hero {
      clip-path: polygon(0% 0%, 100% 0%, 100% 77vh, 0% 84vh);
  }
}
/* /mobile---------------------------------------------------------------- */