/*
Theme Name: CJ Industries
Theme URI: https://www.cjindustries.co.nz
Author: Avienne Limited - Websitesolutions.nz
Version: 1.0

font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;

*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */

.res-container { width: 100%;position: absoulte;margin-bottom: 0;}
.res-row {display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;}
#box {  -webkit-box-flex: 1;  -moz-box-flex: 1;  -webkit-flex: 1;  -ms-flex: 1;  flex: 1;  width: 100%;}
#block-1 {  animation-duration: 1s;       -webkit-animation-duration: 1s;animation-iteration-count: 1;    animation-timing-function: ease;        -webkit-animation-timing-function: ease;    }
#block-2 { }
.b3 {  position: fixed; }
#loader-wrap {    display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;}
#loading {background: #1d202b; /* Old browsers */background: -moz-linear-gradient(-45deg,  #1d202b 0%, #2989d8 46%, #207cca 46%, #000c41 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg,  #1d202b 0%,#2989d8 46%,#207cca 46%,#000c41 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #1d202b 0%,#2989d8 46%,#207cca 46%,#000c41 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d202b', endColorstr='#000c41',GradientType=1 );height: 100%;width: 100%;position: fixed;z-index: 9999;margin-top: 0px;top: 0px;}
#loading-center{    width: 100%;    height: 100%;    position: relative;}
#loading-center-absolute {    position: absolute;    left: 50%;    top: 50%;    height: 200px;    width: 200px;    margin-top: -100px;    margin-left: -100px;}
  #loading-center-absolute:after{ content:""; display: block;width: 100%;height: 80px;max-height: unset;background: url(img/logo-inverse.svg);background-size: 85%;background-repeat: no-repeat;background-position: 50%;position: absolute;bottom: 0;padding: 0;left: 50%;transform: translateX(-50%);top: unset;z-index: 10; }
#object{    width: 200px;    height: 200px;  background-repeat: no-repeat;  margin-right: auto;    margin-left: auto;    margin-top: 20px;}
#object {  animation: object .8s linear;  transform-origin: center center;}
@keyframes 
    object {  0%{transform: scale(0); opacity: 0}  50%{transform: scale(1.5); opacity: 1}  100% {transform: scale(1); opacity:1}
}
#loader {  position: absolute;  top: 100%;  left: 50%;  margin-left: -50px;  width: 100px;  height: 3px;  overflow: hidden;}
#loader:before, #loader:after {  content: '';  position: absolute;  top: 0;  width: 100%;  height: 3px;  transform: translate(-100%, 0);}
#loader:before {  background-color: #0e3b5a;  animation: loading 3400ms cubic-bezier(0.23, 1, 0.32, 1);}
#loader:after {  background-color: #fff;  animation: loading 2500ms 500ms cubic-bezier(0.23, 1, 0.32, 1);}
@keyframes loading {
  75% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}
#hero-box {  position: relative;  height: 100%;  width: 80%;}

.bg {  position: absolute;    background-size: cover !important;    background-position: center;    z-index: 1 !important;    width: 30vw;    height: 100vh;    left: 12%;}
.overlay {   position: absolute;    background-repeat: repeat;    background-size: contain !important;    height: 50vh;    width: 38vw;    margin-left: 12%;    top: 30%;  }
#header-wrap {      position: absolute;      width: 80px;    height: 3px;    top: 45%;    left: 49.5%;}
#header {      position: relative;    font-family: 'Roboto', sans-serif;    color: #1c1c1c;    line-height: 100%;    overflow: hidden;  text-transform: uppercase;  font-size: 1.4rem;      font-weight: 700;}
#header-o {      position: relative;    font-family: 'Roboto', sans-serif;    color: #1c1c1c;    line-height: 100%;    overflow: hidden;  text-transform: uppercase;  margin-left: -5%;     font-weight: 700;  font-size: 1rem;      top: -4px;}
#header-o:after {    content: "";    position: absolute;    left: 1px;    right: 1px;    background: #1c1c1c;    height: 2.5px;    bottom: -1px;  }
#header-0 {      position: relative;    font-family: 'Roboto', sans-serif;    color: #1c1c1c;    line-height: 100%;    overflow: hidden;  text-transform: uppercase;  font-size: 1.4rem;  margin-left: -4%;      font-weight: 700;}
#header-1 {   position: relative;    font-family: 'Roboto', sans-serif;    color: #1c1c1c;    line-height: 100%;    overflow: hidden;  text-transform: uppercase;  font-size: 1.4rem;  margin-left: -7%;      font-weight: 700;}
#left-line {   width: 60px;  height: 2px;  display: block;  background-color: #1c1c1c;  position: absolute;  margin-top: -16%;  left: -90%;}
#hero-text {    position: absolute;    top: 56%;    left: 44%;    font-size: 5rem;    color: #1c1c1c;    font-weight: 700;    letter-spacing: 1px;    line-height: 1px;    text-transform: uppercase; z-index: 1 !important;  opacity: 1;  }
#s-txt {        position: absolute;    bottom: 12%;   right: -1%;    font-size: 0.6rem;    color: #1c1c1c;    font-weight: 300;    letter-spacing: 0.4em;    line-height: 1em;    text-transform: uppercase;    font-family: 'Oswald', sans-serif;    z-index: 1 !important;    opacity: 1;      -webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);}
#lg-ltrs {     position: absolute;    left: 0%;    bottom: -16%;    margin-left: -3%;    font-size: 10rem;    color: #fc5252;    font-weight: 900;    letter-spacing: 0.1em;    text-transform: uppercase;    font-family: 'Open Sans', sans-serif;    z-index: 1 !important;    opacity: 1;      -webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.slideDown {top: 100px !important;animation-direction: normal;animation-fill-mode: forwards;animation-iteration-count: 1;}
.slideDown {    animation-name: slideDown;    -webkit-animation-name: slideDown;      animation-duration: .7s;     -webkit-animation-duration: .7s;animation-iteration-count: .7;    animation-timing-function: ease;        -webkit-animation-timing-function: ease;        visibility: visible !important;}
@keyframes slideDown {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(100%);
  }
}

@-webkit-keyframes slideDown {
      from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(100%);
  }
}
.slideInUp {   animation-name: slideInUp;    -webkit-animation-name: slideInUp;      animation-duration: .7s;     -webkit-animation-duration: .7s;animation-iteration-count: 1;    animation-timing-function: ease-in;     -webkit-animation-timing-function: ease-in;     visibility: visible !important;}
@keyframes slideInUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideInUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
  
   animation-name: zoomOut;
    -webkit-animation-name: zoomOut;    

    animation-duration: 1.5s; 
    -webkit-animation-duration: 1.5s;
animation-iteration-count: 2;
    animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out; 
    visibility: visible !important;
}





:root {
  --black: #000;
  --white: #fff;
  --gray: #818285;
  --gray-dark: #444444;
  --black: #000;
  --dark: #1D202B;
  --lighter: #262937;
  --blue: #000c41;
  --orange: #F7931D;
  --orange-dark: #F26521;
  --light-blue:#2984d1;
}

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input:focus {
    outline-offset: 0px;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    box-sizing: border-box;
}

input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {
                -webkit-box-shadow: 0 0 0 0 white inset !important;
            }
            /*Change text in autofill textbox*/
            input:-webkit-autofill {-webkit-text-fill-color: var(--blue) !important;}
            @-webkit-keyframes autofill {    to {color: var(--blue);background: #383838;} }
            input:-webkit-autofill {    -webkit-animation-name: autofill;    -webkit-animation-fill-mode: both; }

html, body {position:relative;/* overflow-x:hidden; */width:100%;height: 100%;}

p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}
img{ max-width:100%;}
h1{
    font-size:24px;
    font-weight:bold;
    font-family: 'Montserrat', sans-serif;
}
h2,h3,h4,h5,h5{font-family: 'Montserrat', sans-serif;}

ol, ul{ margin-left:20px; padding-left:5px; }
.page-id-64 .site-main ol{ columns:2; column-gap:60px; margin-left:30px;}
.page-id-64 .site-main ol ol{ columns:1; column-gap:40px; margin-bottom:20px;}
.page-id-64 .site-main OL { counter-reset: item }
.page-id-64 .site-main LI { display: block }
.page-id-64 .site-main LI:before { content: counters(item, ".") ". "; counter-increment: item; font-weight:bold; }

blockquote {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: none;
}

img.size-full{width: 100%;height:auto;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.logo{ image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */ }   

    
a:hover, a:link, a:visited{
    color:var(--blue);
    text-decoration:none;
}
    a.coverlink{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index: 99;}
a.button{display:inline-block;padding:10px 15px;background: var(--gray);color:#fff;cursor:pointer;}
    a.button:hover{ color:#fff;  background:#4e4e4e;  }
.pcontent a,  .pcontent a:link, .pcontent a:visited{color: var(--light-blue);}
.pcontent a:hover{ color:var(--orange)}
.acf-map {
    width: 100%;
    height: 300px;
    border: #ccc solid 1px;
    margin: 20px 0;
}
#sending, #sent{display:none;}
input, select, textarea{box-sizing: border-box;}

#savetarget{ padding: 0; margin: 0; border: 0; display: block; width: 0; height: 0; }

.ninesixty{width:100%;max-width: 1450px;position:relative;margin:0 auto;box-sizing:border-box;}
    .site-main {background:#FFF;padding: 0px 0;top: 0;z-index: 9;}
.clear{clear:both;}
.cl5{ height:5px;}
.cl10{ height:10px;}
.cl20{height:20px;}
.cl30{height:30px;}
.cl40{height:40px;}
.cl50{height:50px;}
.cl60{height:60px;}
.cl70{height:70px;}
.cl80{height:80px;}
.cl90{height:90px;}
.cl100{height:100px;}
.smartphoneonly{ display: none; }

div, input, span, svg, a.button, a, nav{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
.mapdiv, .mapdiv div, div#map, #map div, .about_image, div#footer_map, #footer_map div, #footer_map div, .parallax_image, .parallax_image *{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }
.parallax-mirror, .parallax-mirror *{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }
    .parallax_image img{height:auto !important;}

::selection, input:-internal-autofill-selected, input:-webkit-autofill  {
  background: var(--blue) !important; /* WebKit/Blink Browsers */
  color: var(--light-blue) !important;
  opacity: 1;
}
::-moz-selection {
  background: var(--blue) !important; /* Gecko Browsers */
   color:#FFF !important;
}




.wp-block-columns { margin: 20px 0;}
.wp-block-column {margin: 0 0 0 40px;}
.wp-block-columns {  display: flex;}
.wp-block-column {flex: 1;text-align: justify;}
.wp-block-image{ width:1300px; position:relative;left:-80px; }
.heart{ color:transparent !important; position:relative;}
    .heart:before{ content:""; display:inline-block; width:52px; height:47px; position:absolute; mask: url(img/heart.svg);-webkit-mask-box-image: url(img/heart.svg);background:var(--orange); left:-3px; mask-size: contain;}
    
.mobilenavigation{ display: none; }

/*Logo grid*/
    .logo_grid{ grid-template-columns:repeat(5, 1fr); display:grid; grid-gap:90px; }
        .logo_item{height: 150px;position:relative;}
        .logo_item a{display:block;height: 150px;}
            .logo_item img{ position:relative; display:block; top:50%; transform:translateY(-50%);  max-height:100px; margin:0 auto;}

/*Parallax image*/
    .pscene{height:694px;width:100%;display:block;overflow: hidden;}
        .parallax_image{ display:block; width:100%; height:100%; overflow:hidden; background-size: cover !important;background-position: 50% !important;}

/*GALLERY*/
    .grid_gallery_wrapper{ display:grid; grid-template-columns:repeat(4,1fr); grid-gap:50px;}
        .gallery_item{ height:350px; background:var(--lighter); }
        .gallery_image{display:block;height:300px;background-size: cover !important;}
        .gallery_title{ color:#FFF; display:block; text-align:center; padding:10px 0;}
            

/*HOME*/
    .content-area.home-page{top:-141px;position:relative;margin-bottom: -141px;}
    .home-page .site-main {background: transparent;padding: 0px !important;top: 0;z-index: 9;top: 0;}
        .two_box_banner_wrapper{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap: 20px;}
        .three_box_banner_wrapper{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap: 20px;}
            .three_box_banner{padding: 62px 55px 40px;position:relative; overflow:hidden}
                .three_box_banner:before{content:"";display:block;position:absolute;z-index:2;top:0;left:0;width: 100%;height: 100%; opacity:0.8; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
                .three_box_banner:nth-of-type(1):before{ background:var(--orange); }
                .three_box_banner:nth-of-type(2):before{background: var(--blue);}
                .three_box_banner:nth-of-type(3):before{background: var(--dark);}

                .three_box_banner:nth-of-type(4):before{background: var(--dark);}
                .three_box_banner:nth-of-type(5):before{background: var(--orange-dark);}
                .three_box_banner:nth-of-type(6):before{background: var(--gray-dark);}

                .page-template-products .three_box_banner:nth-of-type(even):before{   opacity:0.8;           /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d202b+0,2989d8+50,207cca+50,000c41+100 */
                    background: #1d202b; /* Old browsers */
                    background: -moz-linear-gradient(-45deg,  #1d202b 0%, #2989d8 50%, #207cca 50%, #000c41 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(-45deg,  #1d202b 0%,#2989d8 50%,#207cca 50%,#000c41 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(135deg,  #1d202b 0%,#2989d8 50%,#207cca 50%,#000c41 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d202b', endColorstr='#000c41',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
                .page-template-products .three_box_banner:nth-of-type(odd) *{ color:var(--dark); }
                .page-template-products .three_box_banner:nth-of-type(odd):before{    opacity:0.8;            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d202b+0,2989d8+50,207cca+50,000c41+100 */
                    background: #818285; /* Old browsers */
                    background: -moz-linear-gradient(-45deg,  #818285 0%, #f1f1f1 50%, #e1e1e1 50%, #818285 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(-45deg,  #818285 0%,#f1f1f1 50%,#e1e1e1 50%,#818285 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(135deg,  #818285 0%,#f1f1f1 50%,#e1e1e1 50%,#818285 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818285', endColorstr='#818285',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
                    .page-template-products .three_box_banner:nth-of-type(odd) .tbb_button:after{  background:var(--dark); -webkit-mask:url('img/icon-arrow.svg'); mask:url('img/icon-arrow.svg'); }
                .three_box_banner:hover .tbb_background{ transform:scale(1.2); }
                .three_box_banner:hover:before{ opacity:0.9; }
                .tbb_background{ position:absolute; width:100%; height:100%; z-index:1; display:block; top:0; left:0; background-size:cover !important; background-position:50% !important; background-repeat:no-repeat;  }
                .tbb_content{ position:relative; z-index:9; color:var(--white); }
                    .tbb_title{ font-size:30px; line-height:30px; font-weight:bold; margin-bottom:20px; }
                    .tbb_content *{ color:var(--white); }
                    .tbb_button{ font-size:14px; margin-top:30px;}
                        .tbb_button:after{ content:""; display:inline-block; width:14px; height:9px; background:url('img/icon-arrow.svg'); margin-left:10px; }
    .company_intro{margin-top:100px;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap: 65px;}
        .company_intro h1{ font-size:44px; line-height:45px; font-family: 'Nunito', sans-serif; font-weight:800; margin-bottom:30px; }
        .company_intro a{ display:block; width:248px; background:var(--gray); color:#FFF; text-align:center; text-transform:uppercase; line-height:54px; border-radius:30px; margin-top:30px; font-weight:bold;} 
        .ci_image{ background-repeat:no-repeat; background-size:cover !important; background-position:50% !important; font-size:14px; }
    
    .get_access_banner{margin: 100px 0 0;padding:63px;background:#F2F2F2;}
        .get_access_banner h2{ text-align:center; display:block; font-size:44px; line-height:45px; font-family: 'Nunito', sans-serif; font-weight:800; margin-bottom:80px; }
        .steps{ display:grid; grid-template-columns:repeat(3, 1fr); }
            .step_no{font-size:90px;line-height: 110px;font-family: 'Nunito', sans-serif;font-weight:800;display:inline-block;border: 11px solid #e7e7e7;border-radius:50%;width:146px;height:146px;text-align:center;position:relative;box-sizing: border-box;z-index: 1;}
                .step_no:before{content:"";display:block;width:100px;height: 100px;position: absolute;border: 11px solid #e7e7e7;border-radius:50%;top: 13px;left: 12px;box-sizing:border-box;z-index: -1;}
                .step_no:after{content:"";display:block;width: 52px;height: 52px;position: absolute;border: 11px solid #e7e7e7;border-radius:50%;top: 38px;left: 36px;box-sizing:border-box;z-index: -1;}
            .step_title{ position:relative; margin:-80px 0 0 120px; z-index:9;   }
                .step_title *{ font-size:30px; font-weight:bold; line-height:30px; }
                .step_intro{ margin-top:20px; }
                .step_intro *{ font-size:16px; font-weight:normal; line-height:20px;}
                a.get_access{ display:block; width:248px; margin:0 auto; background:var(--gray); color:#FFF; text-align:center; text-transform:uppercase; line-height:54px; border-radius:30px; margin-top:30px; font-weight:bold; }
    .orange_banner{padding: 65px 0 53px 0;margin: 10px 0 0;width: 100%;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d202b+0,2989d8+50,207cca+50,000c41+100 */
background: #1d202b; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #1d202b 0%, #2989d8 50%, #207cca 50%, #000c41 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #1d202b 0%,#2989d8 50%,#207cca 50%,#000c41 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #1d202b 0%,#2989d8 50%,#207cca 50%,#000c41 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d202b', endColorstr='#000c41',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


       }
        .ob_title *{ color:#FFF; text-align:center;  font-size:44px; line-height:45px; font-family: 'Nunito', sans-serif; font-weight:800; margin-bottom:20px; }
        .ob_title strong{ color:var(--orange); font-size:60px; position:relative; top:8px; }
        .ob_subtitle{ text-align:center; }
            .ob_subtitle *, .ob_subtitle a{ font-size:24px; font-family: 'Nunito', sans-serif; font-weight:800; color:var(--dark);  }
    .grey_banner{background: url("img/grey_banner_bg.jpg") no-repeat;padding:127px 210px;background-size: cover;background-position: 50%;}  
        .grey_banner *{ color:#FFF; }    
        .gb_grid{  display:grid; grid-template-columns:repeat(2, 1fr); }
        .gb_image{background-size:contain !important;background-repeat: no-repeat !important;background-position: left 50% !important;}
        .gb_content h1{font-size:44px;line-height:45px;font-family: 'Nunito', sans-serif;font-weight:800;margin-bottom: 45px;display:block;max-width: 490px;}
        .gb_content a{ display:block; width:248px; background:var(--gray); color:#FFF; text-align:center; text-transform:uppercase; line-height:54px; border-radius:30px; margin-top:30px; font-weight:bold;  }
    .newsletter_banner{background:url("img/newsletterbg.jpg");margin: 10px 0 -130px;padding:134px 0;}
        .newsletter_banner *{ color:#FFF; }
    .nb_title{ text-align:center; font-size:44px;line-height:45px;font-family: 'Nunito', sans-serif;font-weight:800;margin-bottom: 25px;display:block; color:var(--orange); }
    .nb_intro{ max-width:855px; margin:0 auto; text-align:center; }
        .nb_intro *{ font-size:24px; line-height:40px; font-weight:600; }
        .nb_intro strong{ font-size:40px; position:relative; top:7px;}
/*DEFAULT*/
    .sharing{ position:absolute; right:0; top:0; color:var(--lighter); }
        .sharing .facebook{width: 20px;height:20px;display:inline-block;-webkit-mask: url('img/facebook.svg');background:var(--blue);top: 4px;mask: url('img/icon_email.svg');mask-size:contain;mask-repeat:no-repeat;mask-position:50%;}
        .sharing .linkedin{width: 20px;height:20px;display:inline-block;-webkit-mask: url('img/icon_linkedin.svg');-webkit-mask-size:contain; top:4px; position:relative; background:var(--blue);top: 4px;mask: url('img/icon_email.svg');mask-size:contain;mask-repeat:no-repeat;mask-position:50%;}
        .sharing .email{width: 20px;height:20px;display:inline-block;-webkit-mask: url('img/icon_email.svg');-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50%;mask: url('img/icon_email.svg');mask-size:contain;mask-repeat:no-repeat;mask-position:50%;top:4px; position:relative; background:var(--blue);top: 4px;}
        
    .nav-up,.nav-up.site-header{
        height: 80px;
        top: -100px;
        position: fixed;
        width: 100%;
        animation-delay: 0.2s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-name: movedown;
        animation-timing-function: linear;
        animation-iteration-count: 1;
        }
        @keyframes movedown {
                          0% { 
                            top: -100px;
                            opacity:0;                          
                          } 

                          60% { 
                            top: 0px;
                            opacity:1;  
                          }          
                                 
                          
                          100% { 
                            top: 0px;
                            opacity:1;  
                          }
                    }
    .nav-down, .nav-down.site-header{height: 80px;top: 0;position: fixed;width: 100%;}
        
    .nav-up .logo, .nav-down .logo{height:60px;top: 34px;}
    .nav-up .register_button, .nav-down .register_button{ height:40px; line-height:40px;}
    .nav-up .navigation, .nav-down .navigation{ top:10px }
    .header_slider{height: 830px;padding-top: 0px; position: relative;}
        .header_slider .slides li:before{
                                    content:"";
                                    width:70%;
                                    height:100%;
                                    position:absolute;
                                    z-index:9;
                                    background: -moz-linear-gradient(left,  rgba(38,41,55,1) 0%, rgba(38,41,55,1) 1%, rgba(20,39,92,1) 54%, rgba(20,39,92,0) 100%);
background: -webkit-linear-gradient(left,  rgba(38,41,55,1) 0%,rgba(38,41,55,1) 1%,rgba(20,39,92,1) 54%,rgba(20,39,92,0) 100%);
background: linear-gradient(to right,  rgba(38,41,55,1) 0%,rgba(38,41,55,1) 1%,rgba(20,39,92,1) 54%,rgba(20,39,92,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262937', endColorstr='#0014275c',GradientType=1 );

 );
        }
        .header_slider .ninesixty{ height:100%; }
        .hs_image{height:830px;background-size: cover !important;background-position: right 50% !important;background-repeat: no-repeat !important;position:absolute;top:0;width: 65%;right: 0;}
        .flexslider .slides > li {position: relative;width: 100%;height: 830px;background: #ddd;}
           .carousel .slides{ max-height:185px; overflow-y:hidden; }
        
        .flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
            .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}

        .slider_title{position:absolute;top:50%;transform: translateY(-50%);left:0%; text-align: left; z-index:10; max-width:690px; margin:0 auto; }
            .slider_title h1{color:#FFF;font-family: 'Nunito', sans-serif; font-size:70px;line-height: 70px;text-shadow:0 0 10px rgba(0,0,0,0.5);font-weight: 800; text-transform:uppercase; }
            .slider_title h2{color:#FFF;font-size: 24px;text-transform: uppercase;line-height: 24px;font-weight: 600;text-shadow:0 0 30px rgba(0,0,0,0.7);padding-top: 15px;}
        .header_fade{ position:absolute; bottom:0; width:100%; z-index:99 }
            .header_fade img{ display:block; width:100%; height: auto;  }
        .headerbutton{background: var(--gray);margin: 50px 0 0 0;position: relative;display: inline-block;color: #FFF;padding: 19px 43px;border-radius: 34px;text-transform: uppercase;font-weight: 600;font-size: 15px;}
        .flex-control-paging li a{opacity:1;width: 14px;height: 14px;display:block;background: #f1f0f0;content:'';color:#FFF;font-size: 1px;}
        .flex-control-nav li {    margin: 0 0 8px 5px !important;    display: inline;    clear:both;    zoom: 1;    float: right;    margin-bottom: 5px;}
        .flex-control-nav {width: 1300px;position: relative;bottom: 30px;text-align: right;margin: 0 auto;z-index: 105;}
            .flex-control-paging li a.flex-active {   background: #ccc; }

    .top_banner{background:var(--lighter);color:var(--dark);border-bottom: 1px solid #403F41;height: 67px;}
        .top_banner .ninesixty{ height:100%; }
        .top_banner *, .top_banner a{ color:#FFF;  font-family: 'Nunito', sans-serif; font-size:14px;}
        .customer_service{ display:inline-block; width:50%; top:50%;transform:translateY(-50%); position:relative;}
            .cs_title{display:inline-block;color: var(--orange-dark);}
            .cs_phone{ display:inline-block;}
        .login_register{display:inline-block;width:50%;top:50%;transform:translateY(-50%);position:relative;text-align:right;float: right;}
           a.login{ color:#F26521;  }
    .site-header{background:var(--white);height:124px;border-bottom: 1px solid #403F41;position: relative;width:100%;z-index: 999;}
        .site-header .ninesixty{ height:100%; }
        .site-header a{color: var(--lighter);}
        .site-header .register_button, .site-header .register_button *{ color:var(--white); }
        .site-header .sub-menu a{ color:var(--white); }
    .logo{display: inline-block;width: 270px;height: 98px;background: url("img/logo-blue.svg");background-size:contain;background-repeat:no-repeat;background-position:50%;position:relative;top:50%;transform: translateY(-50%);}
    .navigation{display:inline-block;text-align:right;width: calc(100% - 275px);position: relative;top: -6px;/* transform: translateY(-50%); */}
    .register_button{width:163px;height:58px;background: var(--lighter);line-height:58px;float:right;display:block;top:50%;position:relative;transform:translateY(-50%);text-align:center;border-radius:28px;text-transform:uppercase;font-size:15px;font-family: 'Nunito', sans-serif;}
        .register_button:hover{ background:#f15522; }
    .overlay-close{ display:none; }
/*TEXT PAGE*/
.header_image{height:325px;width:100%;display:block;margin-top: 180px;background-size: cover !important;background-position: 50% !important;}
.centeraligned{ text-align:center; width:100%; display:block;  }
.map{width:100%;height: 800px;/* margin-bottom:85px; */}


    
    
/*MENU*/
    nav .grid_menu .sub-menu{ display:grid !important; grid-template-columns:repeat(3, 1fr); transform:translateX(-50%) scaleY(1)  !important;}
        .grid_menu .sub-menu li{width: 280px;display:block;transform: scaleY(1) !important;}
    nav a{ font-family: 'Nunito', sans-serif; font-weight:700; }
    nav ul{ list-style:none; }
        nav .menu li {display:inline-block;float: right;padding: 20px 0 20px 40px;}
        nav .menu .sub-menu li{display:block;float: unset;padding: 10px 40px;/* white-space: nowrap; */background: var(--dark);width: 280px;}
        nav .menu .sub-menu li a{font-family: inherit;font-weight:400;display:block;position: relative;padding-left: 20px;}
            nav .menu .sub-menu a:before{content:'\279C';padding-right:10px;font-size:12px;position: absolute;top: 1px;left: -2px;color: var(--light-blue);}
                nav .menu .sub-menu li:hover a:before, nav .menu .sub-menu li.current-menu-item a:before{ color:var(--orange); }
         nav .menu .sub-menu li:hover, nav .menu .sub-menu li.current-menu-item{background: #404246;}   
         nav .menu .sub-menu li:hover a, nav .menu .sub-menu li.current-menu-item a{color: var(--white);}
    nav .menu li{ position:relative; }
    nav .menu .sub-menu{display:block;position:absolute;background: var(--dark);text-align: left;left: 50%;transform: translateX(-50%) scaleY(-1);margin-left: 0;margin-top: 20px;padding: 0;height: 0 !important;overflow: hidden;}
        nav .menu .sub-menu li{transform:scaleY(-1);}
        nav.navigation .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{height: auto !important;padding: 20px 0;margin-left: 20px;}
           nav .menu .sub-menu .sub-menu{display:block;position:absolute;left: 100%;transform: translateX(10px);width: auto;top: -36px;margin-left:-10px;}
            nav .menu .sub-menu:hover{overflow: unset;}
                nav.navigation .menu li:hover .sub-menu .sub-menu{height: 0 !important;padding: 0;}
                nav .menu .sub-menu li:hover li a{ color:var(--dark);  }
                nav .menu .sub-menu li:hover li:hover a{ color:#f15522;  }
                nav .sub-menu li .sub-menu{overflow:auto;height: 0 !important;padding: 0;}
                nav.navigation .menu li:hover .sub-menu li:hover .sub-menu{overflow:auto;height: auto !important;padding: 20px 12px 0 0px;background: transparent;margin-bottom: 0px;}
    .menu_button{position:absolute;display:none;top: 50px;right:40px;height: 4px;margin-top:10px;margin-bottom:10px;width:50%;max-width:35px;z-index: 999999;cursor: pointer;background:var(--dark);}

/*FOOTER*/
    .footer{background:#262937;padding: 72px 0 64px;}
        .footer_navigation{display:grid;grid-template-columns: 1fr;}
        .footer ul{ list-style:none; margin:0}
            .footer_navigation .menu{ display:block;}
            .footer_navigation .menu a{ font-size:24px; font-weight:bold; margin-bottom:25px; display:block;}
            .footer_navigation .sub-menu a{ font-weight:normal; font-size:16px; margin-bottom:15px; }
            .footer_navigation .sub-menu a:before{content:'\279C';padding-right:15px;font-size:12px;position:relative;top:-2px;color: var(--light-blue);}
            .footer_navigation a:hover{color: var(--light-blue);}
        .footer a{ color:#FFF; }
        .footer .ninesixty{display:grid;grid-template-columns: 2fr 1fr 1fr;grid-gap: 40px;}
        .footer_logo{display:block;background:url('img/logo-inverse.svg') no-repeat;height: 85px;max-width: 270px;}
        .footer_map{display:block;height: 287px;width:100%;position:relative;margin-right: 40px;background: var(--gray);}
        
        .footer_contact, .footer_contact *{ color:#FFF; }
            .fc_title{font-size:24px; font-weight:bold; margin-bottom:25px; display:block;}
            .footer_phone{ display:block; margin-left:35px;  font-size:20px; font-weight:bold; margin-bottom:25px; position:relative;}
                .footer_phone:before{content:"";display:inline-block;width:24px;height:24px;mask:url("img/icon-phone.svg") no-repeat;-webkit-mask:url("img/icon-phone.svg") no-repeat; background:var(--light-blue);position:absolute;left:-35px;}
            .email_block{ display:block; margin-left:35px;  margin-bottom:25px; position:relative;}
                   .email_block:before{ content:""; display:inline-block; width:21px; height:24px; mask:url("img/icon_email.svg") no-repeat;-webkit-mask:url("img/icon_email.svg") no-repeat; background:var(--light-blue);position:absolute; left:-35px; top:5px; }
                   .eb_block{ margin-bottom:17px; }
                   .eb_block span, .address_block a, .footer .open_hours{ display:block; text-transform:uppercase; font-size:12px;}
                   .eb_block a{ font-size:18px; }
            .address_block{ display:block; margin-left:35px;  margin-bottom:25px; position:relative;}
                   .address_block:before{ content:""; display:inline-block; width:21px; height:24px; mask:url("img/icon-location.svg") no-repeat;-webkit-mask:url("img/icon-location.svg") no-repeat; background:var(--light-blue);position:absolute; left:-35px; top:5px; }
                   .address_block *, .footer .open_hours *{font-size:12px;/* font-weight:bold; */line-height:16px;}
            .footer .open_hours{display:block;margin-left:35px;margin-bottom:25px;position:relative;padding: 7px 0 0 0;}
                  .footer .open_hours:before{content:"";display:inline-block;width:21px;height:24px;mask: url("img/icon-open-hours.svg") no-repeat;-webkit-mask: url("img/icon-open-hours.svg") no-repeat;background:var(--light-blue);position:absolute;left:-35px;top:5px;transform: unset;}
                   
    .footerbanner{background: #1d202b;border-top:1px solid #403f41;height: 100px;}
        .footerbanner *, .footerbanner a{ color:#FFF; }
        .footerbanner .ninesixty{ height:100%; }
        .fb_left, .fb_right{ top:50%; position:relative; transform:translateY(-50%); }
        .fb_left{width: 20%;display:inline-block;}
            .fb_left *{ font-size:14px; }
            .fb_right *{ font-size:12px; }
        .fb_right{width: 20%;display:inline-block;text-align:right;float: right;}
            .facebook{ display:inline-block; width:23px; height:23px; background:url('img/facebook.svg'); position:relative; top:6px; margin-left:5px }
            .instagram{ display:inline-block; width:23px; height:23px; background:url('img/instagram.svg'); position:relative; top:6px; margin-left:5px }
            .twitter{ display:inline-block; width:23px; height:23px; background:url('img/instagram.svg'); position:relative; top:6px; margin-left:5px }

        .fb_middle{width: 47%;display:grid;grid-template-columns:1fr 1fr;text-align:right;float: right;height: 100%;grid-gap: 0;text-align: center;}
            .fb_middle img{display: inline-block;height: 40px;top:50%;transform: translateY(-50%);position:relative;width: auto;}
/*HOME*/



/*POSTS*/
    


/*RESPONSIVE*/
    
    @media only screen and (max-width:1920px){
        
    }

    @media only screen and (max-width: 1280px){
        .register_button, .header_slider .slides li:before{width: 100%; height: 50%;
                background: -moz-linear-gradient(bottom, rgba(38,41,55,1) 0%, rgba(38,41,55,1) 1%, rgba(20,39,92,1) 54%, rgba(20,39,92,0) 100%);
                background: -webkit-linear-gradient(bottom, rgba(38,41,55,1) 0%,rgba(38,41,55,1) 1%,rgba(20,39,92,1) 54%,rgba(20,39,92,0) 100%);
                background: linear-gradient(to bottom, rgba(38,41,55,1) 0%,rgba(38,41,55,1) 1%,rgba(20,39,92,1) 54%,rgba(20,39,92,0) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262937', endColorstr='#0014275c',GradientType=1 );
        }
        .hs_image, .flexslider .slides > li { width:100%; height:480px; }
            .header_slider{ height:620px; }
            .slider_title h1{font-size:40px;line-height: 40px; padding:0; }
            .slider_title {padding:0 20px;max-width: 500px;top: 0;transform: translateY(0px);height: 100%;}
        .site-header a{ margin-left:20px;}
        .company_intro {margin-top: 60px; padding:0 20px; grid-template-columns: repeat(1, 1fr); grid-gap:0; }
        .top_banner .ninesixty{ padding:0 20px; }
        .nav-up .logo, .nav-down .logo { top: 39px; }

        .navigation{ display:none; }
        .mobilenavigation{display: block;text-align:right;width: 400px;position: relative;top: -6px; }
            .menu-main-navigation-container{padding-bottom:100px;height: calc(100% - 100px);overflow-y: auto;overflow-x: hidden;position: relative;}
             .mobilenavigation .logo {display: block;width: 100%;height: 100px;max-height: unset;background: url(img/logo-inverse.svg);background-size: 85%;background-repeat: no-repeat;background-position: 50%;position: absolute;bottom: 0;padding: 0;left: 50%;transform: translateX(-50%);top: unset;z-index: 10;}
            
        .overlay-close{ display:block; }
         nav .menu li.current-menu-ancestor .sub-menu .sub-menu{ height:0 !important; margin:0 0px 0 20px;}
            nav .menu li.current-menu-ancestor .sub-menu li.openmenum .sub-menu, nav .menu li.current_page_ancestor .sub-menu li.current_page_ancestor .sub-menu{ height:auto !important; }
            
        .menu_button{ display:block;}
            .menu_button:before{content:"";display:block;position:absolute;width:100%;height:4px;background: var(--dark);top: -10px;left:0;z-index: 9;}
            .menu_button:after{content:"";display:block;position:absolute;width:100%;height:4px;background: var(--dark);bottom: -10px;left:0;z-index: 9;}
            .nav-up .menu_button, .nav-down .menu_button{ top:30px; }
        .openmenum img{ opacity:0; }        
        nav .menu {transform: rotate(180deg);top: 0;position: absolute;left: 0;padding-left: 30px;margin-right: 0;width: 100%;}
            nav .menu li{transform: rotate(-180deg);display: block;float: none;text-align: left;}
                nav .menu .sub-menu li, nav .menu .sub-menu li:hover{padding: 10px 10px;background: transparent;}
                nav .menu .sub-menu li.current-menu-item{ background:var(--lighter); }
        nav .menu_button img{ width:35px; position:absolute; top:0; left:0; }
        .overlay{position:fixed;width: 95%;padding: 59px 0px 0 0px;height:100%;overflow-y: hidden;overflow-x: hidden;top:0;transform: translateX(100%);right: -95%;background: var(--dark);z-index: 999991;box-sizing: border-box;}
        .overlay.openoverlay{transform: translateX(5%);right: 0;}
        .openmenum ul li{/* direction: rtl; */}
        .overlay .overlay-close{width: 51px;height: 43px;position:absolute;right: 55px;top: 12px;overflow:hidden;border:none;background:0 0;text-indent:200%;color:transparent;outline:0;z-index: 999991;cursor: pointer;}
        .overlay nav{text-align: left;position:relative;top: 172px;height:60%;}
            .overlay-close:before{ content:"";width:25px; height:2px; background:var(--white); display:Block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-0deg); transform-origin:center; }
            .overlay-close:after{ content:""; width:25px; height:2px; background:var(--white); display:Block; position:absolute; top:50%;  left:50%; transform:translate(-50%, -50%) rotate(0deg); transform-origin:center; }
            .overlay.openoverlay .overlay-close:before{ animation-delay:0.5s;animation-duration: 1s;animation-fill-mode: both;animation-name: closebtn1;animation-timing-function: linear;animation-iteration-count: 1; }
            .overlay.openoverlay .overlay-close:after{ animation-delay:0.5s;animation-duration: 1s;animation-fill-mode: both;animation-name: closebtn2;animation-timing-function: linear;animation-iteration-count: 1; }

            @keyframes closebtn1 {
                0%{ transform:rotate(0deg); transform-origin:center;}
                50%{ transform:rotate(-45deg); }
                100%{ transform:rotate(-45deg); }
            }
            @keyframes closebtn2 {
                0%{ transform:rotate(0deg); transform-origin:center;}
                50%{ transform:rotate(45deg); }
                100%{ transform:rotate(45deg); }
            }
        .menu-main-navigation-container{ display:block; width:100%; }   
        .mobilenavigation.overlay ul.menu .sub-menu{list-style:none;padding:0;margin:0 auto;display:block;height:100%;position:relative;left: 50%;top: 5px;max-width: 100%;display: flex;flex-direction: column-reverse;}
        .mobilenavigation.overlay ul li{display:block;height:20%;height:calc(100% / 5);margin: 0px 0;width:100%;position:relative;float: left;/* direction: ltr; */}
            li.current-menu-ancestor:after{ display:none;}
            
            .mobilenavigation.menu .sub-menu li{padding-left: 24px;}
            .mobilenavigation.menu .sub-menu li.current-menu-item{ background:rgba(255,255,255,0.1); }
            .mobilenavigation.overlay ul.menu .current-menu-item ul{height:auto !important;/* transform: rotate(180deg); */margin-bottom: 20px;}
             .mobilenavigation.overlay ul.menu ul, .mobilenavigation .menu .sub-menu .sub-menu{/* transform: rotate(180deg); */}
             .mobilenavigation.menu li:hover .sub-menu li:hover .sub-menu {transform: rotate(180deg);top: 4px;background: transparent;}

        .overlay ul li a{font-size: 18px;font-weight:300;display:block;color:var(--white);-webkit-transition:color .2s;transition:color .2s;text-decoration:none;margin: 0px 0;position:relative;}
            .overlay ul li.current-page-ancestor a{color: var(--white);}
        .overlay ul li a:focus,.overlay ul li a:hover{color:#f0f0f0}
        .overlay ul li:hover a, .overlay ul li.current_page_item a, .overlay ul li.openmenum a{color: var(--white);}
        /*subnav*/
            .mobilenavigation.overlay ul li.menu-item-has-children:after{content:"+";color:var(--white);position:absolute;right: 50px;top: 19px;z-index: -1;font-size: 22px;}
                .mobilenavigation.overlay ul ul li.menu-item-has-children:after{right: 27px;top: 13px;z-index: -1;font-size: 22px;}
            .mobilenavigation.overlay ul li.openmenum:after{content:"-";font-size: 30px;}
             .mobilenavigation.overlay ul ul{ margin-left:30px; height:0; overflow:hidden; display:none; }
                 .mobilenavigation.overlay ul li.openmenum ul, .overlay ul li.current-menu-ancestor ul, .mobilenavigation.overlay ul li.openmenum ul li.openmenum ul{display:block;height: auto !important;}
                     .mobilenavigation.overlay ul li.openmenum ul li ul{ height:0 !important; }
                     

             .mobilenavigation.overlay ul li:hover ul a, .overlay ul li.current_page_item ul a, .overlay ul li.openmenum ul a{ color:var(--white);  }
             .mobilenavigation.overlay ul li:hover ul li:hover a, .overlay ul ul li.current_page_item a, .mobilenavigation .menu .sub-menu li.current-menu-item a{color: var(--white);}
            .mobilenavigation.menu .sub-menu li:hover a, .mobilenavigation .menu .sub-menu li li.current_page_item a{ color:var(--orange)  }
        .container {-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;width: 100%;min-height: 100%;height: auto;z-index: 1; position: relative; overflow: hidden;   display: block; margin: 0;margin-top: 0;left: 0;}
        .container.overlay-openn {-webkit-transform: scale(0.8);transform: translateX(-95%);left: 0;}
        .mobilenavigation.overlay-contentscale {    visibility: hidden; -webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s;}
        .mobilenavigation.overlay-contentscale.openn {visibility: visible;-webkit-transform: translateX(0%);transform: translateX(0%);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;z-index: 9999999;text-align: left;}

        .step_title {margin: 0px 0 0 0px;  text-align:center }
        .step_no{margin: 0px auto 16px;left: 50%;transform: translateX(-50%);}
        .grey_banner {  padding:50px 20px; }
        .gb_grid {   grid-template-columns: repeat(1, 1fr); }
            .gb_image{min-height:400px;background-position: center 50% !important;margin-bottom: 20px;}
            .gb_content h1{text-align:center;display:block;margin-top: 40px;max-width: unset;}
        .newsletter_banner{ padding:50px 20px; }
        .footer_navigation{ display:none; }
        .footer .ninesixty {
            display: grid;
            grid-template-columns: 1fr  1fr;
        }
        .footerbanner{ padding:0 20px; }
        .footer_logo {display: block;left: 50%;background-position:50%;max-height: 225px;position: relative;transform: translateX(-50%);}
         .ruralco_logo{ background-position:top center; margin-top:50px; margin-bottom:50px; }

         /*Logo grid*/
        .logo_grid{ grid-template-columns:repeat(3, 1fr); grid-gap:40px; }
            .logo_item{height: 120px;}
            .logo_item a{height: 120px;}

    }


    @media only screen and (max-width:960px){
        .mobilemenu_button{ display: block; }
        body, html{max-width:100%; position:relative; }
        .desktoponly{ display:none !important;}     
        .ninesixty{ width:100%;}
        .page-id-64 ol{ columns:1; column-gap:60px; margin-left:30px;}

         .grid_gallery_wrapper{  grid-template-columns:repeat(2,1fr); }
        .three_box_banner_wrapper { grid-template-columns: repeat(2, 1fr); grid-gap: 0px;}
        .slider_title { padding: 0 20px; max-width: 500px; top: 50%; transform: translateY(-50%); height: auto;}
        
    }

    @media only screen and (max-width:767px){
      .mobileonly{ display:block; }
       body, html{ width:100%;}
      .ninesixty{ width:100%;}
      .slider_title h1 { font-size: 30px; line-height: 35px; }
          .headerbutton {   padding: 10px 33px;  font-size: 14px; }
      .three_box_banner_wrapper {  grid-template-columns: 1fr; }
       .get_access_banner{margin: 50px 0 0;padding:53px 20px;}
        .get_access_banner h2{ font-size:30px; line-height:35px; margin-bottom:40px; }
        .steps{ display:grid; grid-template-columns:1fr; }
        .step_intro {    margin: 20px 0 40px; }
      .ob_title * {  font-size: 30px;  line-height: 35px; margin-bottom: 20px; }
      .ob_title strong {font-size: 40px; top: 2px; }
           .ob_title strong, .nb_intro strong{ color:transparent !important; position:relative; display:inline-block; }
             .ob_title strong:before, .nb_intro strong:before{ content:""; display:inline-block; width:42px; height:37px; position:absolute; mask: url(img/heart.svg);-webkit-mask-box-image: url(img/heart.svg);background:var(--orange); top:-5px; left:-1px; mask-size: contain;}
              .nb_intro strong:before{ background-color:var(--white); }

        .grey_banner {  padding: 20px 20px; }
        .gb_content h1 {font-size:30px; line-height:35px;  margin-top:0px; }
        .gb_content a {font-size:14px; line-height: 44px;}
        .nb_title { font-size: 30px; line-height: 35px; }
        .nb_intro * { font-size: 20px; line-height: 28px; }
        .footer .ninesixty {    grid-template-columns: 1fr; }
        .footer_logo { min-height: 95px; margin-bottom:40px; }        
        .footer_contact{text-align: left;margin:0px;padding:0px; max-width:250px; margin:0 auto; }
        .fc_title{ text-align:center; }
            .footer_phone, .email_block, .address_block{ margin-left:60px; }
        .footer { padding: 62px 0 44px; }
        .footerbanner{/* transform:rotate(-180deg); */}
            .footerbanner .ninesixty .fb_left{transform: translateY(-50%);top: 50%;}
            .footerbanner .ninesixty .fb_middle{transform: rotate(180deg);display: none;}
        .fb_left, .fb_right { width:100%; text-align:center; padding-bottom:10px; top:0 }
        .fb_left, .fb_left *{ font-size:12px; }
        .top_banner .register{ display:none;}
        .content-area.home-page{top: 0;margin-bottom: 0;}
        .grid_gallery_wrapper{  grid-template-columns:repeat(1,1fr); }

        /*Logo grid*/
        .logo_grid{ grid-template-columns:repeat(2, 1fr); grid-gap:30px; }
            .logo_item{height: 90px;}
            .logo_item a{height: 90px;}
    }

    @media only screen and (max-width:414px){
        .cs_title{ display:none; }
        .logo{max-height:70px;background-position: left 50%;max-width: 200px;}
        .hs_image, .flexslider .slides > li {width:100%;height: 100%;}
            .header_slider{height:520px;margin-bottom: 20px;}
            .headerbutton {margin-top:20px;position: absolute;bottom: 54px;left: 50%;transform: translateX(-50%);width: 58%;text-align: center;}
            .slider_title{ margin-top:40px;}
        .site-header{ height:100px; }
        .menu_button {top: 36px; }
        .company_intro h1 {font-size: 30px; line-height: 35px; }
        .overlay {width: 95%;}
            .openn ul{padding-left: 0;max-width: 100%;}
            .nav-up .navigation, .nav-down .navigation{ top:0; }
    }

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