:root{
--color1:#000000;
}
/*------------------------------------
    MAIN
------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}h1 {
  font-size: 4.5em;
  font-family: "Montserrat", sans-serif;
  color: var(--color1);
  margin: 30px 0;
}h2 {
  font-size: 3.5em;
  font-family: "Montserrat", sans-serif;
  color: var(--color1);
  margin: 10px 0;
}h3 {
  font-size: 3em;
  font-family: "Montserrat", sans-serif;
  color: var(--color1);
  margin: 10px 0;
}p {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  line-height:1.9;
  color: #000000;
}ul {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  line-height: 1.9;
  color: #000000;
}.row {
  max-width: 97em;
}.column.large-centered, 
.columns.large-centered {
  float: none !important;
}.row.full-width {
  max-width: 100%;
}.padding-top {
  padding-top: 60px;
}.padding-bottom {
  padding-bottom: 60px;
}.vertical-padding-small {
  padding-top: 40px;
  padding-bottom: 30px;
}.vertical-padding-medium {
  padding-top: 70px;
  padding-bottom: 70px;
}.vertical-padding-large {
  padding-top: 100px;
  padding-bottom: 100px;
}.padded{
  padding:5.5%
}.animate-scroll {
  opacity: 0;
  -webkit-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms ease;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}.animate-scroll.done {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.from-left.animate-scroll {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}.from-right.animate-scroll {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}.from-bottom.animate-scroll {
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}.from-left.animate-scroll.done {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-right.animate-scroll.done {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-bottom.animate-scroll.done {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.contact-page  .button.btn, .button.btn  {
  background: var(--color1);
  border-radius: 10px;
  min-width: 300px;
  color: white;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-top:15px;
}
/*------------------------------------
    NAVIGATION
------------------------------------*/
.top-bar {
  background: none;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}.top-bar-section li:not(.has-form) a:not(.button), 
.top-bar-section li.active:not(.has-form) a:not(.button) {
  color: #ffffff;
  background:none;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 30px;
  margin: 4px 0;
}.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button):hover, 
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover,
.top-bar-section ul li:hover:not(.has-form)>a {
  background:none;
  background-color:transparent;
  color: #000000;
}.top-bar-section li.active:not(.has-form) a:not(.button):after,
.top-bar-section li:not(.has-form) a:not(.button):after {
  content:"";
  height:2px;
  background:var(--color1);
  width:0%;
  position:relative;
  display:block;
  transition:width 200ms ease-in-out;
  -webkit-transition:width 200ms ease-in-out;
  -moz-transition:width 200ms ease-in-out;
  -o-transition:width 200ms ease-in-out;
}.top-bar-section li.active:hover:not(.has-form) a:not(.button):after,
.top-bar-section li:hover:not(.has-form) a:not(.button):after {
  width:100%;
}
/*-----------------------------------
    HEADER & SLIDER
------------------------------------*/
.homepage .header-wrapper > .row, 
.innerpage .header-wrapper > .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom:10px;
}.header-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 3;
}.innerpage .header-wrapper{
   position:relative;
    position: relative;
    background: url(https://templates.nyvoweb.com/pictogram/wp-content/themes/nyvo_pictogram/images/inner-slider.jpg);
    margin-bottom: 30px;
    background-size: cover;
}.logo-wrapper img {
    width: 80px;
}.social-icons .fa {
    color: #f3f3f3;
    font-size: 31px;
    padding: 10px 0;
    margin:0 15px;
}.home-slider-wrapper {
    width: 100%;
    max-width: 100%;
   overflow:hidden;
}.home-slider-wrapper::before {
    content: "";
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(117,117,117,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(117,117,117,1) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(117,117,117,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#757575",GradientType=1);
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}.slider-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    max-width: 75%;
    right: 0;
    margin: 0 auto;
    z-index: 9;
}.slider-overlay h2 {
    font-size: 4em;
    color: #ffffff;
}.slider-overlay p {
    font-size: 27px;
    color: #ffffff;
}.home-slider-wrapper .slick-dots {
    bottom: 30px;
    z-index: 1;
}.home-slider-wrapper .slick-dotted.slick-slider{
    margin-bottom:0;
}.home-slider-wrapper .slick-dots li button{
    font-size:14px;
    color:white;
    width:30px;
    height:30px;
    border:1px solid;
    border-radius:100%;
    padding:0;
    margin: 0;
}.home-slider-wrapper .slick-dots li{
    margin:0px 5px;
    width:30px;
    height:30px;
    overflow:hidden;
}.home-slider-wrapper .slick-dots li.slick-active{
   background:#0000007d;
    border-radius:100%;
}.home-slider-wrapper .slick-dots li.slick-active button:before,
.home-slider-wrapper .slick-dots li button:before{
   display:none;
}
/*------------------------------------
   CONTACT PAGE
------------------------------------*/
.contact-page {
  margin-bottom: 70px;
}.contact-page .button.btn:hover {
  background: #909090;
  color: var(--color1);
}.contact-page ul.contactform {
  margin: 0;
  list-style-type: none;
}.contact-page .contactform label {
  display:none;
}.contact-page .contactform input,
.contact-page .contactform textarea {
  border-radius: 5px;
  border: 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
   background:whitesmoke;
}
/*------------------------------------
   FOOTER
------------------------------------*/
footer.footer-wrapper {
  background: var(--color1);
  position:relative;
  padding-top:9px;
}footer.footer-wrapper .copyright {
  color: #ffffff;
  font-size: 15px;
  margin-top: 7px;
  mix-blend-mode: difference;
}.single-post h1 {
    color: var(--color1);
}
@media screen and (max-width:1024px){
.header-wrapper {
    position: relative;
    background: black;
}.homepage .header-wrapper > .row, 
.innerpage .header-wrapper > .row {
    display: block;
    padding: 0;
}.logo-wrapper h1 {
    margin: 0;
}.logo-wrapper img {
    display: block;
    padding: 10px;
}.social-icons {
    background: #272727;
    padding: 1px 0;
}.social-icons p {
    margin: 0;
}.fullscreen-menu-active {
      overflow: hidden;
   }#hamburger-menu .top-bar {
      display: none;
    }.hamburger-wrapper {
      font: inherit;
      display: inline-block;
      overflow: visible;
      margin: 0;
      padding: 15px;
      cursor: pointer;
      -webkit-transition-timing-function: linear;
      -o-transition-timing-function: linear;
      transition-timing-function: linear;
      -webkit-transition-duration: .15s;
      -o-transition-duration: .15s;
      transition-duration: .15s;
      -webkit-transition-property: opacity, -webkit-filter;
      transition-property: opacity, -webkit-filter;
      -o-transition-property: opacity, filter;
      transition-property: opacity, filter;
      transition-property: opacity, filter, -webkit-filter;
      text-transform: none;
      color: inherit;
      border: 0;
      background-color: transparent;
      float:right;
    }.hamburger-wrapper.is-active {
      z-index: 999999;
      position: relative;
      opacity: 1;
    }.hamburger-wrapper.is-active:hover,.hamburger:hover {
      opacity: .7
    }.hamburger-wrapper .hamburger-inner {
      top: 5px
    }.hamburger-wrapper .hamburger-inner:before {
      top: 10px;
      -webkit-transition-timing-function: ease;
           -o-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: .15s;
           -o-transition-duration: .15s;
              transition-duration: .15s;
      -webkit-transition-property: opacity,-webkit-transform;
      transition-property: opacity,-webkit-transform;
      -o-transition-property: transform,opacity;
      transition-property: transform,opacity;
      transition-property: transform,opacity,-webkit-transform
    }.hamburger-wrapper .hamburger-inner:after {
      top: 20px
    }.hamburger-wrapper.is-active .hamburger-inner {
      -webkit-transform: translate3d(0,10px,0) rotate(45deg);
              transform: translate3d(0,10px,0) rotate(45deg)
    }.hamburger-wrapper.is-active .hamburger-inner:before {
      -webkit-transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
              transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
      opacity: 0
    }.hamburger-wrapper.is-active .hamburger-inner:after {
      -webkit-transform: translate3d(0,-20px,0) rotate(-90deg);
              transform: translate3d(0,-20px,0) rotate(-90deg)
    }.hamburger-box {
      position: relative;
      display: inline-block;
      width: 45px;
      height: 24px;
    }.hamburger-inner {
      top: 50%;
      display: block;
      margin-top: -2px
    }.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
      position: absolute;
      width: 45px;
      height: 4px;
      -webkit-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      transition-timing-function: ease;
      -webkit-transition-duration: .15s;
      -o-transition-duration: .15s;
      transition-duration: .15s;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      -o-transition-property: transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      border-radius: 4px;
      background-color: #ffffff;
    }.hamburger-wrapper.is-active .hamburger-inner, 
    .hamburger-wrapper.is-active .hamburger-inner:after, 
    .hamburger-wrapper.is-active .hamburger-inner:before {
      background-color:black;
    }.hamburger-inner:after,.hamburger-inner:before {
      display: block;
      content: ""
    }.hamburger-inner:before {
      top: -10px
    }.hamburger-inner:after {
      bottom: -10px
    }#hamburger-menu .top-bar.is-active {
      display: block;
      position:fixed;
      width:100%;
      height:100% !important;
      background-size:cover;
      background: #ffffff;
      left:0;
      top:0;
      z-index: 99999;
    }#hamburger-menu .top-bar.is-active .top-bar-section {
      top:50%;
      -webkit-transform:translateY(-50%);
          -ms-transform:translateY(-50%);
              transform:translateY(-50%);
      text-align:center;
      margin:0 auto;
    }#hamburger-menu .top-bar.is-active .top-bar-section .menu {
      max-width: 39vw;
      margin: 0 auto;
      width: 100%;
    }#hamburger-menu .top-bar.is-active .top-bar-section ul li {
      float: inherit;
      display: block;
    }#hamburger-menu .top-bar.is-active .top-bar-section ul li a{
      margin:0;
      color:#000000;
      background:none;
      padding-right:15px !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}@media screen and (max-width:767px){
     h2 {
        font-size: 30px;
    }.vertical-padding-large {
        padding-top: 40px;
        padding-bottom: 40px;
    }.vertical-padding-medium {
        padding-top: 10px;
        padding-bottom: 10px;
    }.social-icons {
        background: #1f353f;
    }.home-header-wrapper {
        position: relative;
        background: black;
    }.home-header-wrapper > .row, .inner-header-wrapper > .row {
        display:block;
        padding-bottom: 0;
    }.logo-wrapper {
       margin-bottom: 6px;
    }.slider-overlay {
        max-width: 90%;
    }.slider-overlay h2 {
        font-size: 2em;
        margin: 0;
    }.slider-overlay p {
        line-height: 1;
        font-size: 17px;
    }.home-slider-wrapper .slick-dots {
        bottom: 9px;
    }
}