@font-face{
font-family: 'Eurostile';
src: url('/fonts/Eurostile.woff2') format('woff2'),url('/fonts/Eurostile.woff') format('woff');
font-weight: normal;
font-style: normal;
}

html, body{
font-family: "Open Sans",sans-serif; font-size:14px; 
}
body p, .text-justified{text-align: justify;}


.text-brand{font-family: Eurostile}

.dropdown-menu{background:#fcfcfc}


.dropdown-menu > li > a {
    padding: 4px 7px;
    border-top: 1px solid #ccc;
    display: block;
}

.dropdown-menu > li > a i, .mega-menu .menu > li > a i{
padding-left: 5px; z-index:99;
font-size: 1.2em;
width: 36px;
position: relative;
top: -5px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
color: #cdcdcd
}

.dropdown-menu > li > a i.fab, .dropdown-menu > li > a i.far, .dropdown-menu > li > a i.fas, .mega-menu .menu > li > a i.fab, .mega-menu .menu > li > a i.far, .mega-menu .menu > li > a i.fas{
width: 36px;
text-align: center
}

li.mega-menu .menu{
list-style: none;
padding: 0;
margin: 0;
box-shadow: none;
border: none;
min-width: 0;
background-color: transparent
}

.mega-menu .menu li{
position: relative
}

.mega-menu.dropdown{
position: static
}

.mega-menu > a{
position: relative
}

.mega-menu .dropdown-menu{
left: 0;
width: 100%;
padding: 20px 30px
}

.mega-menu .menu{
list-style: none;
padding: 0;
margin: 0;
box-shadow: none;
border: none;
min-width: 0;
background-color: transparent
}

.mega-menu .menu li{
position: relative
}

.mega-menu .menu > li > a{
padding: 5px 0; color:#000; border-top: 1px solid #ccc;
display: block;
-webkit-transition: none;
-o-transition: none;
transition: none;
text-align: left
}

.mega-menu img{margin-right:5px}

.nav-link {color: #fff}

h1, h2, h3, h4, h5, h6{
color: #060606;
font-weight: 300;
font-family: Eurostile, sans-serif;
}

footer h3 {
    margin-bottom: 35px;
    font-size: 22px !important;
    font-weight: 300;
    font-style: normal;
}

.footer-btm {
    margin-top: 30px;
    padding: 20px;
    background-color: #58585a;
    color: #fff;
    border-top: 2px solid #0f75bc;
}

.bg-grey{
background-color: #58585a
}

.bg-theme, #MainNav{
background-color: #77b800
}

.text-theme{
color: #77b800
}


.nav-tabs{border-bottom: none !important}
.nav-tabs .nav-link.active {background-color: #ececec}
@media (min-width: 1400px) {
.tab-content{border-right:1px solid #ececec !important}
}
#navtheme { position:relative;
    margin-top: -10px;
    margin-bottom: -8px;
    z-index: 100;
    height: 50px
}
#MainNav{margin-left:195px}
#logo {
    position: absolute;
    top: -6px;
    left: -10px;
    z-index: 100;
}
@media (max-width:991px) {
    .navbar-collapse {
        margin-top: 10px;
    }
}

header a{
text-decoration: none !important
}

img{
max-width: 100%;
height: auto;
border: 0
}

footer{
border-top: 2px solid #77b800;
background: #2a333e;
padding: 80px 0 0;
color: #fff;
}

footer h3{
color: #77b800 !important;
}

footer a{
color: #fff;
text-decoration: none !important
}

footer img{
margin: 5px;
}

.small-gallery img{
width: 100% !important;
height: auto
}

footer a:has(+ img){
border: 2px solid transparent;
}

footer a:hover:has(+ img){
border-color: #0F75BC;
}

#content a{text-decoration:none}

a.imagelinkyoutube{
position: relative;
display: inline-block
}

a.imagelinkyoutube:before{
position: absolute;
top: 50%;
left: 50%;
margin-left: -17px;
margin-top: -17px;
content: url('/img/play.png')
}

.center-heading{
text-align: center;
margin-bottom: 40px;
}

.underlined:after{
clear: both;
content: "";
display: block;
width: 50%;
height: 15px;
border-bottom: 2px solid #77b800;
margin: auto;
}

.dividerSection{
width: 100%;
height: 2px;
background: #0f75bc;
margin: 35px 0;
}

#home-parallax{
background: url("/img/NZ-showcase.webp") top center no-repeat fixed;
display: block;
height: 100%;
width: 100%;
background-size: cover;
position: relative;
overflow: hidden;
padding-top: 50px;
padding-bottom: 50px;
}


.nav-tabs .nav-link{
border-color: rgba(222, 226, 230, 0.23);
color:#666;
}


.social-1{
margin: 0;
padding: 0
}

.social-1 li{
padding: 0
}

.social-1 a i{
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
font-size: 32px;
border-radius: 3px;
transition: all .2s ease-in
}

.social-1 a i:hover{
opacity: .8
}

.social-1 a i.fa-facebook{
background-color: #3b5998
}

.social-1 a i.fa-twitter{
background-color: #0084b4
}

.social-1 a i.fa-google-plus{
background-color: #c63d2d
}

.social-1 a i.fa-pinterest{
background-color: #cb2027
}

.social-1 a i.fa-linkedin{
background-color: #1180b8
}

.social-1 a i.fa-youtube{
background-color: #c63d2d
}

.breadcrumb-wrap{
background-color: #f6f6f6;
border-top: 1px solid #d2d3d4;
border-bottom: 1px solid #d2d3d4
}
.breadcrumb{
padding-top:10px
}

.quoted{
background: #2a333e;
border-radius: 10px;
padding: 20px 30px;
margin-top: 30px;
margin-bottom: 30px
}

.spacer0{
width: 100%;
height: 0px;
}

.spacer5{
width: 100%;
height: 5px;
}

.spacer10{
width: 100%;
height: 10px;
}

.spacer15{
width: 100%;
height: 15px;
}

.spacer20{
width: 100%;
height: 20px;
}

.spacer25{
width: 100%;
height: 25px;
}

.spacer30{
width: 100%;
height: 30px;
}

.spacer35{
width: 100%;
height: 35px;
}

.spacer40{
width: 100%;
height: 40px;
}

.spacer45{
width: 100%;
height: 45px;
}

.spacer50{
width: 100%;
height: 50px;
}

.spacer55{
width: 100%;
height: 55px;
}

.spacer60{
width: 100%;
height: 60px;
}

.spacer65{
width: 100%;
height: 65px;
}

.spacer70{
width: 100%;
height: 70px;
}

.spacer75{
width: 100%;
height: 75px;
}

.spacer80{
width: 100%;
height: 80px;
}

.spacer85{
width: 100%;
height: 85px;
}

.spacer90{
width: 100%;
height: 90px;
}

.spacer95{
width: 100%;
height: 95px;
}

.spacer100{
width: 100%;
height: 100px;
}




.quoted blockquote{position: relative;border: none !important;margin: -15px 0 0 0;text-align: justify}
.quoted .lead:first-letter{margin-left: 25px}
.quoted span{color: #77b800 !important;top: 0px;margin-top: -60px;margin-left: -20px;left: 0px;position: absolute;font-family: Eurostile,sans-serif;font-size: 120px}
.quoted span.after{left: 100%;top: 190px;margin-left: -30px;}


.img-circle{border-radius: 50%;}


.columns{-webkit-column-width: 200px;-webkit-column-count: 4;-webkit-column-gap: 20px;-moz-column-width: 200px;-moz-column-count: 4;-moz-column-gap: 20px;
column-width: 200px;column-count: 4;column-gap: 20px;list-style-position: inside;text-align: left;list-style-image: url(/css/i/bullet.png)}
.bullet{list-style-image: url(/css/i/bullet.png)}
#content li{margin-bottom: 1em;}

.portfolio-cube .cbp-l-caption-buttonLeft, .portfolio-cube .cbp-l-caption-buttonRight{background-color: #0f75bc}
.portfolio-cube .cbp-l-caption-buttonLeft:hover, .portfolio-cube .cbp-l-caption-buttonRight:hover{background-color: #0f75bc}
.cube-masonry .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active{color: #fff;background-color: #0f75bc;border-color: #0f75bc;cursor: default}
.cube-masonry .cbp-l-filters-alignRight .cbp-filter-counter{background: #0f75bc}
.cube-masonry .cbp-l-filters-alignRight .cbp-filter-counter:before{border-top-color: #0f75bc}

.fade-card {
    background-color: transparent;
    perspective: 1000px;
}

.fade-card a {
    color: #000 !important
}

.fade-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.fade-card:hover .fade-card-back {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

.fade-card:hover .fade-card-front {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

.fade-card-front, .fade-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fade-card-front {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

.fade-card-back {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}
.height-450 {
    height: 450px !important;
}

.height-450 .fade-card-front img {
    height: 325px !important;
    width: auto !important
}

.height-450 .fade-card-back img {
    height: 300px !important;
    width: auto !important
}