/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;max-width: 100%;}
    
    #cboxContent{background:#fff; overflow:hidden; padding:20px; border-radius:8px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;max-width: 100% !important;}
        #cboxTitle{position:absolute; bottom:10px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:14px; left:68px; color:#949494;}
        #cboxLoadingOverlay{background:url(http://www.safesmartaccess.com.au/skin/frontend/ssaau/default/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(http://www.safesmartaccess.com.au/skin/frontend/ssaau/default/images/preloader.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:14px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:10px; left:10px; background:url(http://www.safesmartaccess.com.au/skin/frontend/ssaau/default/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:10px; left:37px; background:url(http://www.safesmartaccess.com.au/skin/frontend/ssaau/default/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:10px; right:10px; background:url(http://www.safesmartaccess.com.au/skin/frontend/ssaau/default/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; -webkit-transform: translateZ(0);}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 50px; height: 50px; margin: -13px 0 0; display: block; background: url(http://www.safesmartaccess.com.au/skin/frontend/ssaau/default/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; background-color: #fff; border-radius: 3px; transition:opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;}
.flex-direction-nav li .flex-next {background-position: -50px 0; right: 1.5%;}
.flex-direction-nav li .flex-next:hover{ background-position: -50px -50px; background-color: #e52a14; }
.flex-direction-nav li .flex-prev {left: 1.5%;}
.flex-direction-nav li .flex-prev:hover{ background-position: 0 -50px; background-color: #e52a14; }
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 34px; right:1.5%; }
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 20px; height: 20px; display: block; background: url(http://www.safesmartaccess.com.au/skin/frontend/ssaau/default/images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; overflow: hidden;}
.flex-control-nav li a:hover {background-position: 0 -60px;}
.flex-control-nav li a.flex-active {background-position: 0 -30px; cursor: default;}

.sub-slides{ position: relative; margin-bottom: 20px; }
.sub-slides .flex-direction-nav li a{ width:30px; height: 30px; top:-40px; background-color: #f0faff; }
.sub-slides .flex-direction-nav li .flex-next {background-position: -60px -10px; right: 0px;}
.sub-slides .flex-direction-nav li .flex-next:hover{ background-position: -60px -60px; background-color: #e52a14; }
.sub-slides .flex-direction-nav li .flex-prev {background-position: -10px -10px; right: 35px; left: auto;}
.sub-slides .flex-direction-nav li .flex-prev:hover{ background-position: -10px -60px; background-color: #e52a14; }
.brandslider .slides > li{ height: 96px; padding:20px 10px; text-align: center;}
.brandslider .slides > li img{ max-height: 72px; margin:0 auto; vertical-align: middle; }
.productslider .slides > li { margin: 0 10px; }
.productslider{ background:#eee; padding: 15px 0 20px 0; }
.home-top {
  margin: 27px auto; 
  max-width: 980px; 
  clear: both; width: 100%; overflow: hidden;
}

.home-top .industries {
  float: right; display: inline-block; width: 312px;
}
.home-top .industries li {
   height: 105px;
}
.home-top .industries li + li {
  margin-top: 8px;
}

.home-top .media-showcase {
  float: left; display: inline-block; 
  background: gray;
  width: 644px; max-width: 100%;
}
.home-top .media-showcase .media-stage {
  height: 360px; 
  position: relative;
}

.home-top .media-showcase .social-share {
  top: 40px; 
  position: absolute; right: 0; 
  background: blue; overflow: show;
}

.home-top .media-showcase .social-share .social-link {
  height: 38px;
  display: block;
  position: relative;
  overflow: visible;
}
.home-top .media-showcase .social-share .social-link > img {
  width: 38px;
  height: 38px; 
  /*display: none;*/
}
.home-top .media-showcase .social-share .social-link:focus .share-button {
  height: 38px; 
  right: 39px;
  background: url(http://www.safesmartaccess.com.au/skin/frontend/ssaau/default/images/share-hover.png);
  position: absolute; 
  width: 57px;
  top: 0;
  display: block;
}

.home-top .media-showcase .social-share .social-link .underlaying-block {
  width: 38px;
  height: 19px;
  overflow: hidden;
  float: left;
  clear: both;
}
.home-top .media-showcase .social-share .social-link .IN-widget {
  width: 38px;
  height: 38px;
  position: absolute;
  overflow: hidden;
}

.video-tabs {
  height: 83px; 
  background: green; 
  position: relative;
}
.video-tabs .video-tab {
  padding: 10px 6px 10px 6px;
  background-color: #c91f00;
  display: inline-block;
  width: 25%;
}
.video-tabs .video-tab + .video-tab {
  border-left: #bd2600 solid 3px;
  padding: 10px 3px 10px 6px; 
}
.video-tabs .video-tab.selected {
  background-color: #9b1f00;
}
.video-tabs .video-tab .tab-title {
  margin-bottom: 8px;
  font-size: 15px; font-weight: bold; 
}
.video-tabs .video-tab .shortened {
  padding: 10px 3px 10px 6px; 
  display: none;
  background-color: #9b1f00;
  float: left; position: relative; font-size: 13px; 
  position: absolute; top: 0; left: 0; width: 100%;
  color: white; line-height: 1.2; height: 100%;
}
.video-tabs .video-tab .shortened .shortened-text {
  font-size: 15px; font-weight: bold; margin-bottom: 8px; line-height: 63px; text-align: center;
}
.video-tabs .video-tab.selected .shortened {
  display: inline-block;
}

.video-tabs .tab-pointer {
  border-bottom: #9b1f00 solid 14px;
  border-left: transparent solid 14px;
  border-right: transparent solid 14px;
  display: none;
}
.video-tabs .video-tab.selected .tab-pointer {
  display: block;
}

.media-description {
  padding: 15px 17px 21px;
  display: block;
}
.media-description .overlay-title {
  font-size: 22px; 
  font-weight: bold;
}
.video-playing + .media-description {
  display: none;
}
.cms-home h3.featured-products {
  padding: 33px 0;
  font-weight: bold;
  color: #2b586f;
  border-bottom: 0;
}
.cms-home .productslider {
  padding: 0;
}
.cms-home #product-slides.sub-slides {
  margin-bottom: 58px;
}
.cms-home #product-slides.sub-slides .flex-direction-nav {
  display: none;
}
.cms-home .productslider .slides > li {
  margin: 0;
  width: 252px;
  transition-property: left; transition-duration: 1s;  
  display: inline-block;
}
.cms-home .productslider .slides > li .item-wrapper {
  padding-right: 28px;
}
.cms-home .productslider .slides {
  height: 303px;
}
.cms-home .productslider .featured-image img {
  width: 100%;
}
.cms-home .productslider h3.product-name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 21px;
}
.cms-home .productslider h3.product-name a {
  color: #828282;
}
.cms-home .section-featured-products .col-main {
  margin: auto;
}

.cms-home .brand-roller {
  height: 140px;
}

.section-3 .section-icon {
  margin-left: 20px;
  min-width: 360px;
}
.cms-home .loader_block {
  display: none;
}
.cms-home .submitting .loader_block {
  display: block;
}

@media only screen and (max-width: 980px) and (min-width: 644px) {
  .home-top .media-showcase {
    float: none;
    display: block; 
    margin: auto;
    margin-bottom: 20px;
  }
  .home-top .industries {
    max-width: 700px;
    float: none;
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  
  .home-top .industries li,
  .home-top .industries li + li {
    margin: 5px;
    display: inline-block;
  }
}
@media only screen and (max-width: 644px) {
  .home-top {
    margin: 0; 
  }
  .home-top .media-showcase .media-stage {
    height: auto;
    padding-top: 56.25%;
  }
  .home-top .media-showcase .social-share {
    top: 0;
  }
  .home-top .media-showcase .social-share .social-link {
    height: 23px;
  }
  .home-top .media-showcase .social-share .social-link > img {
    width: 23px;
    height: 23px; 
  }
  .home-top .media-showcase .social-share .social-link:hover:after {
    height: 23px; 
  }

  .home-top .media-showcase .social-share .social-link .IN-widget {
    width: 23px;
    height: 23px;
  }
  .home-top .media-showcase .social-share .social-link .underlaying-block {
    width: 23px;
  }
  .home-top .media-showcase .social-share .social-link:focus .share-button {
    height: 23px; 
    right: 24px;
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
  }

  .media-description {
    padding: 8px 17px 15px;
  }
  .media-description .overlay-title {
    font-size: 18px; 
  }
  .media-description .overlay-text {
    display: none;
  }

  .video-tabs {
    height: 33px; 
  }
  .video-tabs .video-tab,
  .video-tabs .video-tab + .video-tab {
    width: 50%;
    padding: 0;
  }
  .video-tabs .video-tab .tab-title {
    margin-bottom: 0;
    text-align: center;
    line-height: 33px;
  }
  .video-tabs .video-tab .shortened {
    padding: 0;
  }
  .video-tabs .video-tab .shortened .shortened-text {
    line-height: 33px;
    margin: 0;
  }
  .video-tabs .video-tab .tab-desc {
    display: none;
  }
  .video-tabs .video-tab:nth-child(n+3) {
    display: none;
  }

  .home-top .industries {
    max-width: 100%;
    float: none;
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  
  .home-top .industries li,
  .home-top .industries li + li {
    margin: 0;
    display: inline-block;
    float: left;
    width: 50%;
    height: auto;
  }
  .home-top .industries li a {
    max-width: 100%;
    display: block;
    margin: auto;
  }
  .home-top .industries li a img {
    /*margin: auto;*/
  }
}
@media only screen and (max-width: 400px) {
  .home-top .industries li,
  .home-top .industries li img,
  .home-top .industries li + li {
    width: 100%;
  }
}

.section-1 .col-left {
  width: 335px;
  padding-right: 23px;
}
.cms-home .h1 {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 0;
}
.cms-home .h2 {
  line-height: 1;
  font-weight: bold;
  margin-bottom: 1.26em;
}
.cms-home .main-container.full-width {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
.cms-home .main-container.full-width .main {
  margin: 0;
}
.cms-home .std p:last-child {
  margin-bottom: 0;
}
.buttons-set.equal-buttons {
   display: flex; justify-content: space-between;
   padding-top: 18px;
}
.cms-home .buttons-set.equal-buttons button {
   margin-left: 0;
   width: 227px;
}
.home-video-form .buttons-set.equal-buttons button {
  background-color: #2b586f;
  font-size: 14px;
  padding: 7px 0;
}
.home-video-form .buttons-set.equal-buttons button:first-child {
  background-color: #b9270b;
}
.home-video-form .buttons-set.equal-buttons button:hover {
  background-color: #333;
}
.cms-home .buttons-set.equal-buttons:after {
  content: none;
}
.section-2-2 {
  display: flex;
}
.section-2-2 .home-video-form {
  min-width: 478px;
  clear: left; float: left; flex-grow: 0;
}

@media only screen and (max-width: 980px) {
  .extra-long-label {
    display: none;
  }

  .section-2-2 {
    flex-wrap: wrap;
  }
  .section-2-2 .home-video-form {
    min-width: 100%; 
  }

  .cms-home .productslider .slides > li {
    width: 165px;
  }
  .cms-home .productslider .slides > li .item-wrapper {
    padding-right: 30px;
  }
  .cms-home .productslider h3.product-name {
    font-size: 12px;
    margin-top: 12px;
  }
  .cms-home h3.featured-products {
    font-size: 19px;
  }
  .cms-home .section-featured-products .col-main {
    margin: 0 10px;
  }
  .cms-home h3.featured-products {
    padding: 20px 0;
  }
  .cms-home .productslider .slides {
      height: 180px;
  }
 
   .cms-home .brand-roller {
    height: 114px;
  }

 .section-3 .flex-section {
    flex-wrap: wrap;
  }
  .section-3 .flex-section .section-icon {
    margin: 20px auto 0;
    min-width: initial;
  }
}