.animation-element {
     position: relative; }
  .animation-element.cf:before,
  .animation-element .cf:after {
    content: " ";
    display: table; }
  .animation-element .cf:after {
    clear: both; }
  .animation-element.bounce-up {
    opacity: 0;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    -moz-transform: translate3d(0px, 200px, 0px);
    -webkit-transform: translate3d(0px, 200px, 0px);
    -o-transform: translate(0px, 200px);
    -ms-transform: translate(0px, 200px);
    transform: translate3d(0px, 200, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
  .animation-element.bounce-up.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    }
    
    
    .Netgear-range {
        height: 180px!important;
        width: auto!important;
        padding-bottom: 20px!important;
    }
    .fade {
      opacity: 1;
    }
     
     
     
/*  Slick  */
h3.blue {
/*    background: #005bab!important;*/
    color: #fff!important;
    font-size: 16px!important;
/*    line-height: 100px!important;*/
    margin: 10px!important;
    padding: 2%!important;
    position: relative!important;
    text-align: center!important;
    border: 2px #efefef solid;
}
.slick-slide img {
    display: inline-block;
     }
    .slick-prev{
    position: absolute;
    display: inline-flex;
    top: 10%;
    z-index: 100;
    left: 0;  
    width: 30px;
    height: 70%;
    padding: 0;
    transform:rotate(180deg);
    background-color: transparent;
    background-position: center center;
    background-image: url("https://www.officeworks.com.au/web-ui-kit/current/images/sprites.svg#base--icons--chevron") !important;
    background-repeat: no-repeat;
    opacity: 0.4;
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    }
    
    .slick-next{
    position: absolute;
    display: inline-flex;
    top: 10%;
    z-index: 100;
    right: 0; 
    width: 30px;
    height: 70%;
    padding: 0;
    background-color: transparent;
    background-position: center center;
    background-image: url("https://www.officeworks.com.au/web-ui-kit/current/images/sprites.svg#base--icons--chevron") !important;
    background-repeat: no-repeat;
    opacity: 0.4;
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    }
     
    
    .ow-windows-desktop-bg{
        background-image: url(https://images.officeworks.com.au/api/2/img/https://www.officeworks.com.au/images/campaigns/windows/2019/Background3.jpg/optimise?auth=MjA5OTcwODkwMg__);
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        position: relative;
        background-position: center;
    }
     #breadcrumbs-main-mod + .container-fluid {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }
    
    .ow-windows{
        height: 35px;
    }
    .ow-microsoft{
        height: 35px;
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .ow-title{
        color: #fff!important;
        margin-top: 20px!important;
        font-size: calc(30px + (34 - 14) * ((100vw - 300px) / (1600 - 300)));
    }
    .ow-windows-img{
        width: 80%;
        margin: 0 auto!important;
    }
    .ow-video-img{
        background-image: url('https://images.officeworks.com.au/api/2/img/https://www.officeworks.com.au/images/campaigns/windows/2020/FeatureVideo_v4.jpg/optimise?auth=MjA5OTcwODkwMg__');
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        height: 330px;
        width: 100%;
    }
    .ow-play-video{
        width: 10%;
        height: auto;
        padding-top: 20px;
    }
    .ow-windows-video{
        position: absolute;
        left: 0;
        right: 0;
        top: 20%;
    }
    .ow-windows-video-title{
        color: #fff!important;
        font-size: calc(22px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
        padding-top: 20px;
        white-space: normal!important;
    }
    .text-left{
        text-align: left!important;
    }
    .ow-wht-btn{
        color: #005bab!important;
        background-color: #fff!important;
    }
    .ow-icons{
        width: 70px!important;
        margin-top: 20px;
    }
    .ow-office-icon{
        display: inline;
        padding-right: 5px;
    }
    .icon-img{
        width: 50px!important;
        height: auto;
    }
    .ow-btn-blue{
        border: 2px solid #005bab!important;
    }
/*
    .ow-faq{
        padding: 10px 40px 10px 0px!important;
    }
*/
    .ow-faq-title{
        font-weight: 600;
    }
    .border-none{
        border-bottom: none!important;
        border: 0!important;
    }
    .ow-accordion-menu ul{
        padding: 0 0 0 14px!important;
    }
    .ow-accordion-menu ul.pr-14{
        padding: 0 0 0 14px!important;
    }
    .ow-accordion-menu il.border-none{
        border-bottom: none!important;
    }
    .ow-md-img{
        padding-top: 20px;
    }
    .ow-wht{
        color: #fff!important;
    }
    .ow-pb-40{
        padding-bottom: 40px!important;
    }
    .ow-references{
        color: #999;
        line-height: 27px;
        font-size: 12px;
    }
    .ow-grey{
        color: #656565;
    }
    
    
 
 .ow-question span{
     max-width: 90%;
     display: block;
     cursor: pointer;
    }  
.ow-window-faq{
    border-bottom: 1px solid #c3c3c3;
    padding: 10px;
}
.ow-window-tile{
    padding: 20px!important;
}
.ow-office{
/*    padding-left: 15px;*/
    padding-bottom: 15px;
}
.ow-windows-tile{
    overflow: visible!important;
}
.ow-pc-title{
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
    text-align: center;
    margin-top: 10px;
}

  

/* accordion CSS 1  */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
    .panel-title > a:before {
        float: right !important;
        font-family: FontAwesome;
        content:"\f068";
        padding-right: 5px;
    }
    .panel-title > a.collapsed:before {
        float: right !important;
        content:"\f067";
        }
    .panel-title > a:hover, 
    .panel-title > a:active, 
    .panel-title > a:focus  {
        text-decoration:none;
    }
    
 /* accordion CSS  2 */   
   .bs-example{
        margin: 20px;
    }
    .accordion .fa{
        margin-right: 0.5rem;
    } 
    .ow-accordion-btn{
        padding-left: 0;
    }
    
/*  3  */
    
#accordion div {
  border: 0; 
  font-family: Arial;
}

.accordion-answer {
   border: 0; 
  background-color: #F8F8F8; 
  padding: 15px; 
  font-size: 14px; 
  font-family: Arial;
  border-radius: 5px;
}

    @media screen and (min-width: 668px){ 
        .ow-sm-windows{
            display: none;
        }
    }
    
    
   
    @media screen and (min-width: 1280px){
        .ow-lg-space{
            padding-left: 70px;
            padding-top: 25px;
        }
        .ow-title{
            font-size: calc(24px + (28 - 14) * ((100vw - 300px) / (1600 - 300)));
        }
    }
    
    
    @media screen and (max-width: 567px){ 
        .ow-video-img{
            width: 100%!important;
            background-image: url('https://images.officeworks.com.au/api/2/img/https://www.officeworks.com.au/images/campaigns/windows/2020/FeatureVideo_mobile_v3.jpg/optimise?auth=MjA5OTcwODkwMg__');
            background-repeat: no-repeat;
            background-position: center;
            position: relative;
            background-size: cover;
            height: 200px;
         }
        .has-flex-text{
            order: 2;
        }
        .has-flex-image{
            order: 1;
        }
        .ow-content-grid__row{
           display: flex;
           flex-flow: column; 
        }
        .ow-windows-mobile-bg{
            background-image: url(https://images.officeworks.com.au/api/2/img/https://www.officeworks.com.au/images/campaigns/windows/2019/hero_mobile2.jpg/optimise?auth=MjA5OTcwODkwMg__);
            background-repeat: no-repeat;
            background-repeat: no-repeat;
            background-position: center top;
            height: 290px;
        }
        .ow-windows-desktop-bg{
            display: none;
        }
        .ow-title-blue{
            color: #005bab!important;
            font-size: calc(24px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
            margin-top: 10%;
        }
        .ow-windows{
            margin-top: 20px;   
            height: 30px;
        }
        .ow-sm-windows{
            text-align: center;
        }
        .icon-img {
            width: 40px!important;
        }
        .sm-text-center{
            text-align: center!important;
        }
        .ow-windows-video-title{
            font-size: calc(25px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
/*            height: 30px;*/
        }
        .ow-play-video {
            width: 20%;
/*            padding-top: 20px;*/
        }
    }    

    @media screen and (max-width: 667px){
        .ow-windows-desktop-bg{
            background-image: url(https://images.officeworks.com.au/api/2/img/https://www.officeworks.com.au/images/campaigns/windows/2019/Background_tablet.jpg/optimise?auth=MjA5OTcwODkwMg__);
            background-repeat: no-repeat;
            background-repeat: no-repeat;
            position: relative;
            background-position: center top;
            height: 238px;
        }
    }


    @media screen and (max-width: 768px) and (min-width: 568px){
        .ow-windows-desktop-bg{
            background-position: center;
        }

        .ow-microsoft {
            height: 25px!important;
        }
        .ow-title{
            font-size: calc(24px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
            line-height: calc(30px + 6 * ((100vw - 320px) / 680));
        }
        .ow-windows{
            height: 28px!important;
        }
        .ow-video-img{
            height: 250px;
        }
        .sm-text-center{
            text-align: center!important;
        }
        .ow-windows-video-title {
            font-size: calc(25px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
            padding-top: 20px;
        }
        .ow-play-video{
            widows: 17%;
        }
    }
    
    @media screen and (max-width: 575px) and (min-width: 320px){
        .ow-windows-desktop-bg{
/*            height: 280px;*/
            background-position: center center;
        }
        .icon-img {
            width: 40px!important;
        }
        .sm-text-center{
            text-align: center!important;
        }
        .ow-sm-left{
            padding-top: 20px;
        }
    }
    @media screen and (min-width: 567px) {
        .ow-sm-windows{
          display: none;
        }
    }