
/* header, body { background: url(../../img/test-background.jpg) repeat-x; background-color: transparent !important;} */

.header__container { padding-top: 10px; }

.logo  { background: url(../../img/anker-logo-white.png) no-repeat; width:200px; height:50px;}
.header_is_fixed .logo {  background: url(../../img/anker-logo-footer.png) no-repeat; min-width: 400px;}

.header_dark .logo   { background: url(../../img/anker-logo.png) no-repeat; width:200px; height:50px;}

.mh-100 { min-height: 100vh;}

.about_page {  background: url(../../img/full-screen-image-1.jpg) no-repeat center center; background-size: cover; min-height: 400px; }

.footer .logo  { background: url(../../img/anker-logo-footer.png) no-repeat; min-width: 100%;  min-height:50px; display: block;}

.termina { font-family: termina, sans-serif; font-size: 40px;}

.main-slide  { box-shadow: inset 0 50px 100px rgba(0, 0, 0, 0.9);}

h1.fourofour { font-size:40px; }
h1 { font-size: 30px;}

.home-page h1 { font-size: 120px;}

.page-slide {
    min-height: 20vh !important;
    background-size: cover;
    background-position: 50%;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    position: relative;
    margin: 0;
    padding: 0;
  }

.divider {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 37px;
  margin-bottom: 35px;
}

.divider:after {
  content: '';
  width: 35px;
  height: 2px;
  background: #4b4d63;
  position: absolute;
  bottom: -1px;
  left: 0;
}



.divider-center {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 37px;
  margin-bottom: 35px;
}

.divider-center:after {
  content: '';
  width: 35px;
  height: 2px;
  background: #4b4d63;
  position: absolute;
  bottom: -1px;
  left: 50%;
}


.our-story-words { 
        opacity: .3;
        padding-top: 80px;
}

.cta { width: 100%; height:300px; } 
.family-cta { background: url('../../img/trek-vissers.jpg') no-repeat center center; background-size: cover; margin-top: 100px; }

.design-cta { background: url('../../img/home-slide-1.jpg') no-repeat center center; background-size: cover; margin-top: 100px; }
.story-cta { background: url('../../img/home-slide-1.jpg') no-repeat center center; background-size: cover;   clip-path: polygon(0% 70%, 100% 0, 100% 100%, 0 100%);height:300px;
 margin-top: -150px;} 

 .community-cta { background: url('../../img/community.jpg') no-repeat bottom center; background-size: cover; height:250px; }
 
 
 .content-block {
  padding-top: 165px;
  padding-bottom:0;
}

.text-shadow { text-shadow: 0 0 20px #000;}

.full-screen-block__text {
  font-family: 'proxima-nova', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 2;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: -4px;
  max-width: 100%;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.full-screen-block__names {
  font-size: 24px;
  margin-bottom: 0;
}

.listing-block__item-title { line-height: 48px !important;}

.test .full-screen-block { text-shadow: 0 0 5px #000;}


.overlay {  
             
                background-color: #9c92ae;/* Black background with opacity */
                z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}

.overlay img { 
              filter: none;
              -webkit-filter: grayscale(100%);
              -moz-filter:    grayscale(100%);
              -ms-filter:     grayscale(100%);
              -o-filter:      grayscale(100%);
              transition: all .5s ease;  
              opacity: .9;
              mix-blend-mode: overlay;
              }

.overlay img:hover { 
              filter: none;
              -webkit-filter: grayscale(0%);
              -moz-filter:    grayscale(0%);
              -ms-filter:     grayscale(0%);
              -o-filter:      grayscale(0%);
              mix-blend-mode: normal;
              opacity: 1;
              transition: all 1s ease;  

              }


            .blue { background: blue;}
            .pink { background: pink;}


            .client {font-style: italic; font-size: 15px;}

            .main-slide__link {
              color: white;
              font-family: inherit;
              text-decoration: none;
              transition: all 0.3s ease;
              display: inline-block;
              vertical-align: top;
              position: relative;
              background: #4b4d63;
              border: none;
              cursor: pointer;
              font-family: 'proxima-nova', Helvetica, sans-serif;
              font-size: 30px;
              color: white;
              line-height: 1.4;
              padding:10px;
            }

             
            .main-slide__link:after {
              display: none;
            }
            
            .main-slide__link:hover {
              color: #ffffff;
              background: #525467;
              margin-left: 5px;
            }


            .main-slide__link .arrow {
              width:0 !important;
              display: none;
              text-align: center;
              transition: all 0.5s ease;
              background:#3c3f50;
            }


            .main-slide__link:hover .arrow {
              width:40px !important;
              display: inline-block;
            }


.partners img {  
            -webkit-filter: grayscale(100%);
            -moz-filter:    grayscale(100%);
            -ms-filter:     grayscale(100%);
            -o-filtr:      grayscale(100%); 
            transition: all .25s ease;  
            opacity: .5;
          }


.partners img:hover {

          filter: none;
          -webkit-filter: grayscale(0%);
          -moz-filter:    grayscale(0%);
          -ms-filter:     grayscale(0%);
          -o-filter:      grayscale(0%);
          mix-blend-mode: normal;
          opacity: 1;
          transition: all 1s ease;  

        }

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

.partners a:after {display: none;}


.plans ul  {
 margin-left: 20px;
}

.plans a img { filter:grayscale(70%); padding-bottom: 10px;}
.plans a:hover img { filter:grayscale(0%);
}
.plans a:link { transition: ease 0.25 all; margin-bottom: 20px;}
.plans a:hover { transform: scale(101%);}


.plans { padding-bottom: 100px;}



@media only screen and (max-width: 575px) { 

  .termina { font-family: termina, sans-serif; font-size: 20px;}
  .main-slide__container {padding-top: 0;}
  .revolution-slider .tparrows { top:80% !important;}

  .header_is_fixed .logo {  background: url(../../img/anker-logo.png) no-repeat !important;}
  .footer .logo { display: none;}
  .footer_fixed { position: relative; padding-top: 40px;}
  .footer-default__bottom {margin:0;}
  body {padding-bottom: 0 !important;}
  .footer-default__author { font-size: 12px;}
  .full-screen-block__text, .full-screen-block__names { font-size: 14px; line-height: 20px; padding-right: 40px;}
  .heading-default__title { font-size:30px;}
  .home-page h1 { font-size: 70px;}

  .kyknet-logo { width:200px; padding-top: 150px;} 
  .mp-5 { padding-top: 75px;}


}

