@charset "utf-8";
/* CSS Document */

/* /\/\/\/\/\/\/\/\/\/\ COMMON PAGE ELEMENTS /\/\/\/\/\/\/\/\/\/\ */

body {
  font-family: 'Roboto', sans-serif;
  font-size:15px;
  background-color:#fff;
  color:#3a3a3a;
  letter-spacing: 1px;
}

h1 {
    font-family: "Work Sans",sans-serif;
    font-size: 36px;
    font-weight: 100;
    letter-spacing: 2px;
    margin: 30px auto;
    text-transform: uppercase;
}


h2 {font-size:36px; font-family:   "Work Sans", sans-serif; margin-bottom: 30px;}

h3 {
    color: #63ceff;
    font-family:  "Work Sans",sans-serif;
    font-size: 25px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

h4 {font-size:20px; font-family: 'Work Sans', sans-serif;}

h5 {font-size:18px; font-family: 'Work Sans', sans-serif;}

h6 {font-size:16px; color: #63ceff;}

p {}

img {}

.lightGrey {
  color: #c1c1c1;
}

.red {
  color: #e60030;
}

.pageTitle {
  background: #ebebeb; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
    margin: 0 auto 30px;
    padding: 30px 0;
    text-align: center;
}

a {
  color: #00afff;
  text-decoration: none;
}



/* /\/\/\/\/\/\/\/\/\/\ HEADER /\/\/\/\/\/\/\/\/\/\ */

.mainBgr {
  background-image: url("http://www.technologycentre.co.nz/uploads/images/images/header_bgr_new.jpg");
  background-image: no-repeat;
  background-color: #002646;
  background-size:100% 100%;
}

.topMain {
    background-color: transparent;
    min-height: auto;
    -webkit-box-shadow: -1px 7px 6px -6px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 7px 6px -6px rgba(0, 0, 0, 0.75);
  box-shadow: -1px 7px 6px -6px rgba(0, 0, 0, 0.75);
  z-index: 100;
  position: relative;
}

.headMain {
    padding: 15px 0;
    text-align: center;
}

.headMenu {
    background-color: #00567d;
    padding: 0;
    text-align: center;
}

.menuBlock {
    height: 50px;
    padding: 0;
    position: relative;
    text-align: center;
}

.navbar.navbar-home.navbar-inverse.navbar-static-top {
    background-color: transparent;
    border-bottom: medium none !important;
    color: #fff;
    display: inline-block;
    float: none;
    font-family:  "Work Sans",sans-serif;
    font-size: 15px;
    margin-bottom: 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent !important;
    color: #63ceff !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.dropdown-menu {
    background-color: #00567d;
    border: none;
    border-radius: 4px;
}

.dropdown-menu > li > a {
    color: #fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #63ceff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: transparent;
  color: #63ceff;
}

/* /\/\/\/\/\/\/\/\/\/\ SLIDER /\/\/\/\/\/\/\/\/\/\ */

.nivo-caption {
    background: transparent none repeat scroll 0 0;
    bottom: 40%;
    color: #000001;
    left: 800px;
    position: absolute;
}

.caption1 {
    font-size: 36px;
    font-weight: 300;
    font-family:   "Work Sans" ,sans-serif;
}

.caption2 > a {
    color: #00afff;
}

.caption3 {
    font-size: 28px;
    font-weight: 300;
    font-family: "Work Sans",sans-serif;
}
.nivo-directionNav a {
    color: #ccc;
    opacity: 0.7;
}



/* /\/\/\/\/\/\/\/\/\/\ HOME CONTENT /\/\/\/\/\/\/\/\/\/\ */


.homeContent {
    padding: 30px 0;
    text-align: center;
}

.container.threeProducts {
    margin: 30px auto 10px;
}

.container.fourProducts {
    margin: 0 auto 10px;
}

.container.fourProducts2 {
    margin: 0 auto 60px;
}

.firstRow {
    border: 1px solid;
    box-sizing: border-box;
    display: inline-block;
    float: none;
    margin: 0 10px 8px;
    padding: 10px;
    width: 30%;
}

.secondRow {
    border: 1px solid;
    box-sizing: border-box;
    display: inline-block;
    float: none;
    margin: 8px 9px 8px;
    padding: 10px;
    width: 22%;
}

.firstRow > img, .secondRow > img {
    height: auto;
    max-width: 100%;
}

.threeProducts .row, .fourProducts .row, .fourProducts2 .row   {
    text-align: center;
}

.productTitle {
    font-size: 22px;
    font-weight: 100;
    margin-top: 20px;
    font-family: "Work Sans",sans-serif;
}

.NewsSummaryLink {
    font-size: 18px;
    margin: 10px 0;
}

.NewsSummaryAuthor {
    margin-bottom: 10px;
}

.NewsSummaryPostdate {
    color: #ccc;
}

.readMore {
  color: #3a3a3a;
}

.readMore:hover, .readMore:focus {
  text-decoration: none;
}


/* /\/\/\/\/\/\/\/\/\/\ PAGE CONTENT /\/\/\/\/\/\/\/\/\/\ */

.blankContent li {
    margin: 0 0 10px;
}

.blankContent > ul {
    margin-bottom: 30px;
}

.map-container {
  width: 100%;
  margin: 50px 0 0;
}

.map-container iframe{
  width: 100%;
  display: block;
  pointer-events: none;
  position: relative; /* IE needs a position other than static */
}

.map-container iframe.clicked{
  pointer-events: auto;
}

.map-container iframe {
    height:300px;
    width:100%;
    border:0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}

.cms_form {
    margin: 20px 0;
}

.required {
    box-sizing: border-box;
    display: inline-block;
    margin: 0 5px 15px 0;
    position: relative;
    width: 48%;
}

.required > input {
    padding: 10px;
}

.required.messageText {
    width: 100%;
}

.messageText textarea {
    box-sizing: border-box;
    padding: 10px;
    width: 97%;
}

.cms_submit.fbsubmit {
    background: #00567d none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
}

.cms_submit.fbsubmit:hover {
    background: #63ceff none repeat scroll 0 0;
}

.required.fb_invalid {
    color: red;
    display: inline-flex;
    position: relative;
    width: 90%;
}

.required.fb_invalid > input {
    margin-right: 15px;
}

.fb_invalid textarea {
    margin-right: 15px;
}

.NewsSummary {
    margin: 0 0 30px;
    min-height: 300px;
    position: relative;
}

p code, .newsContent > code {
    background: transparent none repeat scroll 0 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.newsContainer > code {
    background: transparent none repeat scroll 0 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
}

.blankContent {
    margin-bottom: 40px;
}

.errorImg {
    margin-bottom: 30px;
    text-align: center;
}

.errorContent > p {
    font-size: 26px;
    font-weight: 100;
    text-align: center;
    font-family: "Work Sans",sans-serif;
}

.accessoryImg > img {
    max-width: 90%;
}

.col-md-12.col-sm-12.introImg {
    margin-bottom: 50px;
}

.introImg {
    width: 100%;
}


/* /\/\/\/\/\/\/\/\/\/\ FOOTER /\/\/\/\/\/\/\/\/\/\ */

footer {text-align:center;color:#fff;}

footer a {color:#fff;}

footer a:hover {color:#ccc;}

.mainFoot {
  background-image: url("http://technologycentre.co.nz/uploads/images/images/footer_bgr_new.jpg");
  background-image: no-repeat;
  background-color: #002646;
  background-size:100% 100%;
}

.mainFoot .container {
    padding: 20px 0 10px;
    text-align: left;
}

.footerLogo {
    text-align: left;
}

.footerLogo {
    margin: 0 auto 30px;
}

.row.footerBlack {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    padding: 10px 0;
}

.copyLine {
    margin: 30px auto 0;
}

.copyLine p {
    font-size: 13px;
}

.mailIcon {
    background-image: url("http://technologycentre.co.nz/uploads/images/images/mail-icon.png");
    display: inline-block;
    height: 31px;
    margin: 0 10px 0 0;
    position: relative;
    top: 6px;
    width: 27px;
}

.phoneIcon {
    background-image: url("http://technologycentre.co.nz/uploads/images/images/phone-icon.png");
    display: inline-block;
    height: 28px;
    margin: 0 10px 0 0;
    position: relative;
    top: 6px;
    width: 27px;
}

.quickLinks p {
    font-size: 17px;
    font-weight: 500;
    margin: 0 0 30px;
    text-transform: uppercase;
}

.newsTitle {
    font-size: 17px;
    font-weight: 500;
    margin: 0 0 30px;
}

.news-summary section {
    margin-bottom: 25px;
}

.contactRow p {
    margin: 0 0 30px;
}

.contactRow .lightGrey {
    line-height: 150%;
    margin-bottom: 20px;
}

.quickLinks ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.quickLinks li {
    font-weight: 300;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.mobileLogos > img {
    margin: 0 10px 0 0;
    width: 15%;
}

.introImg .col-md-6.col-sm-6.col-xs-6 > img {
    width: 100%;
}

.featureDescription {
    margin-bottom: 40px;
}

.featureRow {
    clear: both;
}

.featureRow > h3 {
    text-align: center;
}

.featureRow hr {
    clear: both;
    margin: 40px 0;
}

.featureSix {
    margin-bottom: 30px;
}

.featureFour {
    font-size: 14px;
    margin-bottom: 30px;
}

.featureDescription > a {
    bottom: 0;
    float: left;
    left: 0;
    width: 100%;
}


/* @@@@@@@@@@@ Media Queries @@@@@@@@@@@ */

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

  .mainBgr {background-size: 150% 100%;}
  
}

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

  .nivo-caption {bottom: 40%; left: 64%;}
  
}

@media screen and (max-width: 980px) {
  .menuBlock {
      width: 100%;
  }
}

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

  .mainBgr {background-position: center bottom; background-size: 200% 100%;}
  .mainFoot {background-position: center bottom;background-size: 200% 100%;}
  
}


@media screen and (max-width: 768px) {
  
    header {text-align: center;}

  .logo {margin: 5px; width: 260px; display: inline-block;}

  .hdr-sb { display: block; margin: 20px auto; text-align: center; width: 90%;}
 
  .sb-logo { display: block; float: none; margin: 0 auto;}

  .hdr-phone { display: inline-block; margin: 10px auto; text-align: center;}

  .hdr-phone .fa-phone { margin-left: 10px;}
    
  .comingSoon {padding: 30px;}

  .mainFoot .container {padding: 20px !important;}

  .caption1 {font-size: 30px;}

  .menuBlock {height: 43px;}

  .navbar.navbar-home.navbar-inverse.navbar-static-top {float: left; width: 100%;}

  .navbar-inverse .navbar-toggle { border-color: #fff; margin: 0 20px; padding: 5px 15px;}

  .headMenu {padding: 6px 0;}

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #001f41;}

  .navbar-toggle {float: left;}

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border: medium none transparent;}

  .navbar-collapse { box-shadow: 0 1px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.3);}

  .navbar-nav {background: #001f41 none repeat scroll 0 0;}

  .nav.navbar-nav {margin: 7px -15px 0; text-align: left;}

  .nav.navbar-nav > li {border-bottom: 1px dashed rgba(255,255,255,0.3); padding: 6px 0 0 22px;}

      .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
      background-color: transparent;
      color: #428bca;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }

}

@media screen and (max-width: 640px) {
  .firstRow, .secondRow {
      float: left;
      width: 45%;
  }
}

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

  .nivoSlider {display: none;}
  .mainBgr {background-position: center bottom; background-size: 300% 100%;}
  .mainFoot {background-position: center bottom;background-size: 300% 100%;}

}

@media screen and (max-width: 400px) {
  .firstRow, .secondRow {
      float: none;
      width: 90%;
  }
}
/* Stylesheet: default Modified On 2017-06-23 11:15:00 */