@charset "UTF-8";
.np2-iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.np2-responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* CSS Document */

/* Responsive Template Styling by np2 Copyright 2014 All rights reserved */

/* SITE WIDE STYLES START_________________________________________ */
.blog-10 H1 {display: none;}
.np2-blog-archive {max-width: 1170px; margin-left: auto; margin-right: auto; margin-top: 55px; margin-bottom: 80px; padding: 25px;}
.np2-blog-archive h3 {font-weight: 300;
    margin: 0;
    color: #575757;
    font-size: 45px;
    margin-bottom: 20px;}
  .np2-blog-archive .card { margin-top: 40px; margin-bottom: 40px;}  
    .np2-blog-archive .card-body h2 a {font-weight: 300!important; color: #dd1a32!important;}
.np2-blog-archive .card .tag {color: rgba(70, 76, 79, 0.6); font-size: 14px; margin-top: 20px;}
  .np2-blog-archive .col-lg-4 {min-height: 150px;}
  .np2-blog-archive .background-image {background-size: cover;}
/* End Moment Changes */
.styled_hover:hover {
     color: #f00;  
    
}

/* End moment changes ended */

* { box-sizing: border-box; }

body {
    margin: 0px;
    background-color: #e9edf0;
    font-family: "proxima-nova", sans-serif;
    font-size: 18px;
}
p { margin: 0; }

hr {
    opacity: 0.1;
    margin: 50px 0;
}

hr.reduced-margin {
    margin: 25px 0;
}

a {
    color: #464C4F;
    font-weight: 600;
    text-decoration: none;
    -ms-transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    transition: .5s ease all;
}
a:hover { color: #DD1A32;}

.mitybilt-office a { color: #6BA539;}
.mitybilt-office a:hover { color: #6BA539;}

.search-form ::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6);
}
.search-form :-moz-placeholder { 
    color: rgba(255,255,255,0.6);
}
.search-form ::-moz-placeholder {     
    color: rgba(255,255,255,0.6);
}
.search-form :-ms-input-placeholder {
    color: rgba(255,255,255,0.6);
}

table.pure-table { width: 100%; }
#cartPopup h2 {
    font-size: 21px;
    color: #464C4F;
    text-transform: uppercase;
    letter-spacing: 6px;
}
#cartPopup {  padding: 30px;}
.pure-form-aligned .pure-control-group label { width: inherit; }
.pure-form-aligned .pure-control-group { margin-bottom: 12px;}
.pure-form .pure-input-1-2 { width: 100%;}
.pure-form-aligned .pure-control-group label { margin: 5px 0; font-size: 12px;}
.pure-form-aligned .pure-controls { margin: 5px 0 0;}

/*------------------------------------*\
    BOOTSTRAP
\*------------------------------------*/
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after {
  clear: both;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 769px) { .container { padding-right: 25px; padding-left: 25px;}}
@media (min-width: 769px) { .container { width: 750px; }}
@media (min-width: 992px) { .container { width: 970px; }}
@media (min-width: 1200px) { .container { width: 1170px; }}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row { margin-right: -15px; margin-left: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}


.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
/* pulls */
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
/* pushes */
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%;}
.col-xs-push-0 { left: auto;}
/* offsets*/
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%;}
.col-xs-offset-10 { margin-left: 83.33333333%;}
.col-xs-offset-9 { margin-left: 75%;}
.col-xs-offset-8 { margin-left: 66.66666667%;}
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%;}
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%;}
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0;}

@media (min-width: 769px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%;}
  .col-sm-11 { width: 91.66666667%;}
  .col-sm-10 { width: 83.33333333%;}
  .col-sm-9 { width: 75%;}
  .col-sm-8 { width: 66.66666667%;}
  .col-sm-7 { width: 58.33333333%;}
  .col-sm-6 { width: 50%;}
  .col-sm-5 { width: 41.66666667%;}
  .col-sm-4 { width: 33.33333333%;}
  .col-sm-3 { width: 25%;}
  .col-sm-2 { width: 16.66666667%;}
  .col-sm-1 { width: 8.33333333%;}
  /*pulls*/
  .col-sm-pull-12 { right: 100%;}
  .col-sm-pull-11 { right: 91.66666667%;}
  .col-sm-pull-10 { right: 83.33333333%;}
  .col-sm-pull-9 { right: 75%;}
  .col-sm-pull-8 { right: 66.66666667%;}
  .col-sm-pull-7 { right: 58.33333333%;}
  .col-sm-pull-6 { right: 50%;}
  .col-sm-pull-5 { right: 41.66666667%;}
  .col-sm-pull-4 { right: 33.33333333%;}
  .col-sm-pull-3 { right: 25%;}
  .col-sm-pull-2 { right: 16.66666667%;}
  .col-sm-pull-1 { right: 8.33333333%;}
  .col-sm-pull-0 { right: auto;}
  /*pushes*/
  .col-sm-push-12 { left: 100%;}
  .col-sm-push-11 { left: 91.66666667%;}
  .col-sm-push-10 { left: 83.33333333%;}
  .col-sm-push-9 { left: 75%;}
  .col-sm-push-8 { left: 66.66666667%;}
  .col-sm-push-7 { left: 58.33333333%;}
  .col-sm-push-6 { left: 50%;}
  .col-sm-push-5 { left: 41.66666667%;}
  .col-sm-push-4 { left: 33.33333333%;}
  .col-sm-push-3 { left: 25%;}
  .col-sm-push-2 { left: 16.66666667%;}
  .col-sm-push-1 { left: 8.33333333%;}
  .col-sm-push-0 { left: auto;}
  /*offsets*/
  .col-sm-offset-12 { margin-left: 100%;}
  .col-sm-offset-11 { margin-left: 91.66666667%;}
  .col-sm-offset-10 { margin-left: 83.33333333%;}
  .col-sm-offset-9 { margin-left: 75%;}
  .col-sm-offset-8 { margin-left: 66.66666667%;}
  .col-sm-offset-7 { margin-left: 58.33333333%;}
  .col-sm-offset-6 { margin-left: 50%;}
  .col-sm-offset-5 { margin-left: 41.66666667%;}
  .col-sm-offset-4 { margin-left: 33.33333333%;}
  .col-sm-offset-3 { margin-left: 25%;}
  .col-sm-offset-2 { margin-left: 16.66666667%;}
  .col-sm-offset-1 { margin-left: 8.33333333%;}
  .col-sm-offset-0 { margin-left: 0;}
}
@media (min-width: 993px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%;}
  .col-md-11 { width: 91.66666667%;}
  .col-md-10 { width: 83.33333333%;}
  .col-md-9 { width: 75%;}
  .col-md-8 { width: 66.66666667%;}
  .col-md-7 { width: 58.33333333%;}
  .col-md-6 { width: 50%;}
  .col-md-5 { width: 41.66666667%;}
  .col-md-4 { width: 33.33333333%;}
  .col-md-3 { width: 25%;}
  .col-md-2 { width: 16.66666667%;}
  .col-md-1 { width: 8.33333333%;}
  /*pulls*/
  .col-md-pull-12 { right: 100%;}
  .col-md-pull-11 { right: 91.66666667%;}
  .col-md-pull-10 { right: 83.33333333%;}
  .col-md-pull-9 { right: 75%;}
  .col-md-pull-8 { right: 66.66666667%;}
  .col-md-pull-7 { right: 58.33333333%;}
  .col-md-pull-6 {right: 50%;}
  .col-md-pull-5 { right: 41.66666667%;}
  .col-md-pull-4 { right: 33.33333333%;}
  .col-md-pull-3 { right: 25%;}
  .col-md-pull-2 { right: 16.66666667%;}
  .col-md-pull-1 { right: 8.33333333%;}
  .col-md-pull-0 { right: auto;}
  /*pushes*/
  .col-md-push-12 { left: 100%;}
  .col-md-push-11 { left: 91.66666667%;}
  .col-md-push-10 {left: 83.33333333%;}
  .col-md-push-9 { left: 75%;}
  .col-md-push-8 { left: 66.66666667%;}
  .col-md-push-7 { left: 58.33333333%;}
  .col-md-push-6 { left: 50%;}
  .col-md-push-5 {left: 41.66666667%;}
  .col-md-push-4 { left: 33.33333333%;}
  .col-md-push-3 { left: 25%;}
  .col-md-push-2 { left: 16.66666667%;}
  .col-md-push-1 { left: 8.33333333%;}
  .col-md-push-0 { left: auto;}
  /*offsets*/
  .col-md-offset-12 { margin-left: 100%;}
  .col-md-offset-11 { margin-left: 91.66666667%;}
  .col-md-offset-10 { margin-left: 83.33333333%;}
  .col-md-offset-9 { margin-left: 75%;}
  .col-md-offset-8 { margin-left: 66.66666667%;}
  .col-md-offset-7 { margin-left: 58.33333333%;}
  .col-md-offset-6 { margin-left: 50%;}
  .col-md-offset-5 { margin-left: 41.66666667%;}
  .col-md-offset-4 { margin-left: 33.33333333%;}
  .col-md-offset-3 { margin-left: 25%;}
  .col-md-offset-2 { margin-left: 16.66666667%;}
  .col-md-offset-1 { margin-left: 8.33333333%;}
  .col-md-offset-0 { margin-left: 0;}
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left;}
  .col-lg-12 { width: 100%;}
  .col-lg-11 { width: 91.66666667%;}
  .col-lg-10 { width: 83.33333333%;}
  .col-lg-9 {width: 75%;}
  .col-lg-8 { width: 66.66666667%;}
  .col-lg-7 { width: 58.33333333%;}
  .col-lg-6 { width: 50%;}
  .col-lg-5 { width: 41.66666667%;}
  .col-lg-4 { width: 33.33333333%;}
  .col-lg-3 { width: 25%;}
  .col-lg-2 { width: 16.66666667%;}
  .col-lg-1 { width: 8.33333333%;}
  /*pulls*/
  .col-lg-pull-12 { right: 100%;}
  .col-lg-pull-11 { right: 91.66666667%;}
  .col-lg-pull-10 { right: 83.33333333%;}
  .col-lg-pull-9 { right: 75%;}
  .col-lg-pull-8 { right: 66.66666667%;}
  .col-lg-pull-7 { right: 58.33333333%;}
  .col-lg-pull-6 { right: 50%;}
  .col-lg-pull-5 { right: 41.66666667%;}
  .col-lg-pull-4 { right: 33.33333333%;}
  .col-lg-pull-3 { right: 25%;}
  .col-lg-pull-2 { right: 16.66666667%;}
  .col-lg-pull-1 { right: 8.33333333%;}
  .col-lg-pull-0 { right: auto;}
  /*pushes*/
  .col-lg-push-12 { left: 100%;}
  .col-lg-push-11 { left: 91.66666667%;}
  .col-lg-push-10 { left: 83.33333333%;}
  .col-lg-push-9 { left: 75%;}
  .col-lg-push-8 { left: 66.66666667%;}
  .col-lg-push-7 { left: 58.33333333%;}
  .col-lg-push-6 { left: 50%;}
  .col-lg-push-5 { left: 41.66666667%;}
  .col-lg-push-4 { left: 33.33333333%;}
  .col-lg-push-3 { left: 25%;}
  .col-lg-push-2 { left: 16.66666667%;}
  .col-lg-push-1 { left: 8.33333333%;}
  .col-lg-push-0 { left: auto;}
  /*offsets*/
  .col-lg-offset-12 { margin-left: 100%;}
  .col-lg-offset-11 { margin-left: 91.66666667%;}
  .col-lg-offset-10 { margin-left: 83.33333333%;}
  .col-lg-offset-9 { margin-left: 75%;}
  .col-lg-offset-8 { margin-left: 66.66666667%;}
  .col-lg-offset-7 { margin-left: 58.33333333%;}
  .col-lg-offset-6 { margin-left: 50%;}
  .col-lg-offset-5 { margin-left: 41.66666667%;}
  .col-lg-offset-4 { margin-left: 33.33333333%;}
  .col-lg-offset-3 { margin-left: 25%;}
  .col-lg-offset-2 { margin-left: 16.66666667%;}
  .col-lg-offset-1 { margin-left: 8.33333333%;}
  .col-lg-offset-0 { margin-left: 0;}
}
.pull-right { float: right !important; }
.pull-left { float: left !important; }

.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* -ms--ms-flex-direction: column; */
    flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    
}

.row.is-flex:before,
.row.is-flex:after { content: normal;}

/* 5 columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xxs-15 { width: 20%; float: left;}
@media (min-width: 500px) {
    .col-xs-15 { width: 20%; float: left;}
}
@media (min-width: 768px) {
    .col-sm-15 { width: 20%; float: left;}
}
@media (min-width: 992px) {
    .col-md-15 { width: 20%; float: left; }
}
@media (min-width: 1200px) {
    /*.col-lg-15 { width: 20%; float: left;}*/
}

.no-pad { padding: 0 !important; }

@media (max-width: 768px) { .hidden-xs { display: none !important; }}
@media (min-width: 769px) and (max-width: 992px) { .hidden-sm { display: none !important; }}
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; }}
@media (min-width: 1200px) {  .hidden-lg { display: none !important; } }

.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}

/*------------------------------------*\
\*------------------------------------*/

.eleven-hundred {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
.white-line {
    border-top: thin solid #FFFFFF;
    margin-bottom: 35px;
    margin-top: 29px;
}
/*
.home-page-image {
    -webkit-box-shadow: 0px 0px 22px #828282;
    box-shadow: 0px 0px 22px #828282;
    border: 10px solid #F7F7F7;
    margin-left: -10px;
    width: 100%;
    height: auto;
    background-position: center 0%;
}
*/
.clear { clear: both; }
.page-title {
    margin-bottom: 15px;
    margin-top: 0px;
    padding-bottom: 8px;
}
.page-title-centre {
    margin-bottom: 15px;
    margin-top: 0px;
    padding-bottom: 8px;
    text-align: center;
}

.isloggedin-0 .loggedin{ display:none !important;}
.isloggedin-0 .loggedout{ display:block !important;}
/* handle loged IN state */
.isloggedin-1 .loggedin{ display:block !important;}
.isloggedin-1 .loggedout{ display:none !important;}

/*------------------------------------*\
    Headings
\*------------------------------------*/

h1 {
    font-weight: 700;
    color: #575757;
    font-size: 40px;
}
h2 {
    font-weight: 700;
    color: #9a9fa3;
    font-size: 28px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
}
h3 {
    font-weight: 700;
    color: #ffffff;
    font-size: 40px;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
}
h4 {
    font-weight: 700;
    color: #575757;
    font-size: 30px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

h5 {
    margin: 20px 0 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}

h6 {
    font-weight: 700;
    color: #575757;
    font-size: 25px;
    margin-top: 6px;
    line-height: 1.2;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
}
.footer- h1 {
    font-weight: 700;
    color: #ffffff;
    font-size: 40px;
}

.image-scale {
    width: 100%;
    height: auto;
}
.padding {
    padding: 15px;
}
.dark {
    font-weight: 700;
    color: #575757;
}
#spacer {
    height: 208px;
}
.page-title-break {
    /*background-image: url(images/break-background.jpg);*/
    padding-top: 35px;
    padding-right: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-attachment: fixed;
    background-position: center top;
    color: #FFFFFF;
}
.page-title-break.warranty{ background-image: url('images/about003.jpg'); }
.page-title-break.eco{ background-image: url('images/white_pages/Environment.jpg'); }
.button, .mitybilt-office .button {
    background-color: #e9eaeb;
    color: #dd1a32;
    display: inline-block;
    font-size: 15px;
    letter-spacing: 3px;
    margin-top: 105px;
    padding: 20px 75px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 0px 54px 0 rgba(0,0,0,0.1);
}
.button:hover,  .mitybilt-office .button:hover {
    background-color: #f1f1f1;
}

.submitbtn {
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    background-color: #dd1a32;
    text-decoration: none;
    font-size: 20px;
    margin-top: 4px;
    margin-bottom: 25px;
    display: inline-block;
    -webkit-box-shadow: 3px 3px 6px 0px #242424;
    box-shadow: 3px 3px 6px 0px #242424;
    color: #FFFFFF!important;
    border-style: none;
    -webkit-transition: all 0, .5s ease;
    -moz-transition: all 0, .5s ease;
    -o-transition: all 0, .5s ease;
    -ms-transition: all 0, .5s ease;
    transition: all 0, .5s ease;
}
.submitbtn:hover {
    background-color: #ff485d;
}

.button2 {
    border: 0 none;
    border-top: 5px solid #DD1A32;
    background: none;
    text-decoration: none;
    font-size: 12px;
    padding: 10px 0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    cursor: pointer;
    margin-top: 25px;
    color: #DD1A32;
    -ms-flex-line-pack: start;
    align-self: flex-start;
    display: inline-block;
    -webkit-transition: margin .5s ease;
    -moz-transition: margin .5s ease;
    -o-transition: margin .5s ease;
    -ms-transition: margin .5s ease;
    transition: margin .5s ease;
}

.button2 * {
    cursor: pointer;
}

.mitybilt-office .button2 {
    border-color: #6BA539;
    color: #6BA539;
}

.button2 span { 
    margin-left: 10px; 
    -webkit-transition: margin .5s ease;
    -moz-transition: margin .5s ease;
    -o-transition: margin .5s ease;
    -ms-transition: margin .5s ease;
    transition: margin .5s ease;
}

.button2:hover {
    color: #C5172D;
    border-color: #C5172D;
}

.mitybilt-office .button2:hover {
    color: #598f29;   
    border-color: #598f29
}

.button2:hover span { margin-left: 30px;}

.caption-box {
    display: inline-block;
    -ms-flex-item-align: center;
    align-self: center;
    color: #464c4f;
    max-width: 305px;
    padding: 0 0 0 60px;
    z-index: 9;
    text-shadow: 0 0 30px rgb(250, 250, 250);
    max-width: 25%;
    position: absolute;
    background: rgba(255,255,255,0.8);
    padding: 30px;
    margin-left: 60px;
}
.caption-box.bg-grey { background: rgba(220,220,220,0.8); }
.caption-box h3 {
    color: #464c4f;    
    line-height: 1;
    margin-bottom: 20px;
    font-size: 55px;
    font-weight: 100;
}

.caption-box h3 span {
    color: #DD1A32;
    font-weight: 800;
    font-size: 19px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 9px;
}

.caption-box p {
    font-size: 18px;
    letter-spacing: 0.03em;
    line-height: 1.5;
}


.arrow {
    margin-bottom: -4px;
    margin-right: 0px;
}
.small-pic {
    margin-bottom: -6px;
}
img {
    border-style: none;
    max-width: 100%;
}
.box-w-line-top {
    padding-top: 45px;
    margin-top: opx;
}
.box-w-line-top img {
    width: 100%;
    height: auto;
}
.box-w-line {
    border-top: thin solid #BBBBBB;
    padding-top: 45px;
    margin-top: 45px;
}
.box-w-line img {
    width: 100%;
    height: auto;
}

@media screen and (max-width:1150px) {
.eleven-hundred {
    padding-left: 15px;
    padding-right: 15px;
}
.feature-product-background {
    width: 47.5%;
}
}


@media screen and (max-width:730px) {
.caption-box {
    width: auto;
}
.feature-product-background {
    width: 100%;
}
}
/* SITE WIDE STYLES END_________________________________________ */





/* TOP BANNER, LOGO AND NAVIGATION START_________________________________________ */

#banner {
    padding: 0;
    background-color: #464c4f;
    position: fixed;
    width: 100%;
    top: 0;
    opacity: 1;
    z-index: 99999;
/* 	box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); */
}

.sub-menu {
    background: #dd1a32;
    color: #fff;
    font-size: 13px;
    width: 100%;
    border-bottom: 2px solid #fff;
}

.office-sub-menu {
    background: #6BA539;
}

.sub-menu ul { 
    display: inline-block;
    margin: 0;
    padding: 0;
}
.sub-menu li {
    list-style: none; 
    display: inline-block;
    vertical-align: top;
}

.sub-menu li a { 
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 15px 10px;
    vertical-align: top;
    text-transform: uppercase;
}

/*
.sub-menu li:first-child a,
.sub-menu li:nth-child(2) a {
    text-transform: none;
    letter-spacing: 0;
    padding: 15px 15px 14px;
    color: #22282a;
    font-size: 14px;
}
*/

.sub-menu li a.selected { background: rgba(255,255,255,0.2); }

.sub-menu li:first-child a:hover,
.sub-menu li:nth-child(2) a:hover { color: #22282a;}

.sub-menu #cart-box a.account-btn {
    font-size: 14px;
    letter-spacing: 0;
    float: left;
    color: #fff;
    padding: 16px 20px;
    line-height: 1;
    text-transform: capitalize;
}

.mitybilt-office .sub-menu a:hover { color: #fff; }

#cart-box {
    background: rgba(0, 0, 0, 0.15);
    color: #ffffff;
    /* display: inline-block; */
    float: right;
}

.shop-cart td img {
    display: block;
    width: auto;
    height: auto;
    max-height: 150px;
    max-width: 150px;
}
.hello, .cart-summary {
    padding: 17px 0 16px;
    /* display: inline-block; */
    letter-spacing: 0;
    line-height: 1;
    float: left;
    
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

.cart-summary {  padding-right: 20px;
    position: relative;
    z-index: 20;
}
span.logout {
    display: inline-block;
}
span.logout form {
    margin-bottom: 0px;
}
.logout a {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 17px 20px 16px;
}


#cartModal a {
    color: #fff;
    margin-left: 10px;
}


#logo {
    float: left;
    padding: 50px 0 60px;
    max-width: 206px;
    
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.search-wrap { display: inline-block; position: relative;}
/*
#nav div.icon-search {
    background: #464C4F;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    padding: 16px;
    position: relative;
    z-index: 15;
    vertical-align: middle;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear;
}
*/
#nav div.icon-search {
    background: #464C4F;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    padding: 15px;
    position: relative;
    z-index: 15;
    vertical-align: middle;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear;
    width: 48px;
    height: 48px;
}

#nav div.icon-search:hover,
#nav div.icon-search.active { background: #7C8183;}

input.searchbox {
    background: #7C8183;
    float: right;
    opacity: 0;
    width: 0;
    color: #fff;
    margin-left: -27px;
    border-radius: 50px;
    border: 0 none;
    font-size: 14px;
    padding: 16px 16px 16px 30px;
    -webkit-transition: width .5s linear, opacity .5s linear, visibility .5s linear;
    -moz-transition: width .5s linear, opacity .5s linear, visibility .5s linear;
    transition: width .5s linear, opacity .5s linear, visibility .5s linear;
}

.search-form { 
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    width: 0;
    right: 0;
    top: 0;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear;
}
.search-form.form-active { width: 240px;}
.search-form.form-active input.searchbox {
    width: 650px; 
    opacity: 1;
}

#nav {
    text-align: right;
    display: inline-block;
    padding: 60px 0 0;
    margin: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    
}
#nav li { list-style: none; display: inline-block;}
#nav a {
    color: #9a9fa3;
    display: inline-block;
    font-weight: 400;
    letter-spacing: 0.03em;
    padding: 10px;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 18px;
}
#nav a:hover { color: #fff; }
#nav a.fade-out {
    opacity: 0.3;   
}

#nav a span {
    background: rgba(154, 159, 163, 0.3) none repeat scroll 0 0;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin-left: 5px;
    padding: 10px;
    vertical-align: middle;
    margin-top: -10px;
    margin-bottom: -10px;
}

.textfield {
    background-color: #e3e3e3;
    border: 0;
    color: #999da0;
    width: 90%;
    font-family: "proxima-nova", sans-serif;
    font-size: 17px;
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
    margin-bottom: 12px;
}

#secondary-menu {
    background: #52595c;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    min-width: 160px;
    opacity: 0;
    max-width: 190px;
    padding: 12px 0;
    position: absolute;
    transform: translateY(5px);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    visibility: hidden;
    z-index: 15;
}

li.has-children:hover #secondary-menu {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transform: translateY(0);
    transition-delay: 0s, 0s, 0.3s;
}

#secondary-menu li {
    display: block;
    text-align: left;
}
#nav #secondary-menu a {
    color: #9a9fa3;
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 7px 20px;
    text-transform: uppercase;
}
#nav #secondary-menu a:hover { color: #fff; }

@media screen and (max-width:992px) {
#nav { display: none;}

#search {
    margin-top: 47px;
}
#banner {
    position: static;
}
#spacer {
    height: 0px;
}
}

/* MOBILE NAVIGATION START_________________________________________ */

#mobile-button {
    display: none;
    float: right;
    margin: 57px 0 0;
    padding: 15px;
    cursor: pointer;
}

#mobile-button > span {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 5px 0;
    width: 23px;
    -moz-transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -ms-transition: .5s ease all;
    transition: .5s ease all;
}

#mobile-button:hover span {
    background: #9A9FA3;
}

#mobile-nav {
    display: none;
    border-top: 2px solid rgba(250, 250, 250, 0.1);
    float: left;
    padding: 40px 0 50px;
    position: relative;
    width: 100%;
    margin-top: 0;
}

#mobile-nav a {
    font-size: 14px;
    letter-spacing: 2px;
    padding: 8px 0;
    text-transform: uppercase;
    color: #9A9FA3;
    text-decoration: none;
    display: block;
}

#mobile-nav li { list-style: none; }

#mobile-nav li ul { 
    display: block;
    position: relative;
    visibility: visible;
    opacity: 1; 
    transform: translateY(0);
    background: none;
    box-shadow: none;
    padding: 0 0 10px 15px;
}
#mobile-nav li ul a { 
    text-transform: capitalize;
    letter-spacing: 0;
    padding: 5px 0;
    font-size: 15px;
}

#mobile-nav a:hover,
#mobile-nav a:active { color: #fff;}

#mobile-nav .col-sm-12 { margin-top: 30px;}
#mobile-nav .icon-search {
    background: #7c8183 none repeat scroll 0 0;
    border-radius: 50px 0 0 50px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
}
#mobile-nav input.searchbox {
    margin: 0;
    opacity: 1;
    padding: 16px;
    visibility: visible;
    width: 100%;
    border-radius: 0 50px 50px 0;
}
#mobile-nav .search-form { width: calc(100% - 47px); }


/* MOBILE NAVIGATION END_________________________________________ */


/* INTERIOR PAGE START_________________________________________ */
.interior-page {
    padding-top: 100px;
    padding-bottom: 100px;    
    font-size: 16px;
    color: rgba(70, 76, 79, 0.9);
}

.interior-page h1 {
    line-height: 1;
    font-size: 45px;
    margin-bottom: 25px;
    font-weight: 300;
}

.interior-page h1 span {
    background: rgba(70, 76, 79, 0.3);
    border-radius: 50%;
    display: inline-block;
    height: 7px;
    margin: 0 10px;
    vertical-align: middle;
    width: 7px;
}

.interior-page h2 {
    color: #dd1a32;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 5px;
    line-height: 1.2;
    margin: 20px 0 10px;
    text-transform: uppercase;
}
.mitybilt-office .interior-page h2 { color: #6BA539; }
.login-page .interior-page h2 { color: #9A9FA3; }

.interior-page h3 {
    color: #dd1a32;
    font-size: 20px;
    margin: 0 0 40px;
}

.interior-page h3 span {
    font-size: 14px;
    letter-spacing: 3px;
    margin-right: 7px;
    text-transform: uppercase;
}

.interior-page p {
    margin: 10px 0;
    line-height: 1.4;
}

.interior-page div.description {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.interior-page ul {
    margin: 10px 0 20px;
    padding: 0 0 0 15px;
}

h1.catalog-title {
    font-weight: 300;
    margin: 0;
    color: #575757;
    font-size: 50px;
    margin-bottom: 20px;
}

.z {
    border: 0 none;
    background: none;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 1px;
    font-weight: 700;
    color: #9a9fa3;
    font-size: 13px;
    padding: 10px 0;
    font-family: 'proxima-nova', sans-serif;
    display: inline-block;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
}
.z:hover {
    color: #DD1A32;
}

.z span {
    padding: 10px 12px;
    border-radius: 50px;
    margin-left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.z:hover span { 
    background: #fff;
    margin-left: 15px;
}

.back-btn {
    cursor: pointer;
    color: rgba(70, 76, 79, 0.5);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-left: -10px;
}

.back-btn span {
    border-radius: 50px;
    display: inline-block;
    font-size: 12px;
    padding: 10px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.back-btn:hover { color: rgb(221,26,50); margin-left: 0;}
.back-btn:hover span {
    color: rgb(221,26,50);
    margin-right: 10px;
    background: #fff none repeat scroll 0 0;
}

p.small {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    line-height: 1.3;
}

 .ergo-dynamic h5 {
    letter-spacing: 1px;
    margin: 10px 0 0;
    text-transform: uppercase;
}

.ergo-dynamic h4 {
    margin: 0 0 20px 0;
}

.ergo-dynamic h3 {
    color: rgb(102, 152, 50);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}
.ergo-dynamic hr {
    border-color: rgba(70,76,79,0.1);
    border-style: solid none none;
    border-width: 2px 0 0;
    margin: 30px 0;
    width: 100%;
}

.bg-white .row.is-flex {
    border-color: rgba(70,76,79,0.1);
    border-style: none none solid;
    border-width: 0 0 2px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}
.bg-white img { margin: 0 auto; }

.bg-white .row.is-flex:last-child { border: 0 none; }
.bg-white {
    background-color: rgba(255, 255, 255, 1);
    padding: 70px 0;
}
.bg-white div { -ms-flex-pack: center;
    justify-content: center; }

.bg-green {
    background-color: #669832;
    padding: 70px 0;
}
.bg-green { background-color: #669832;}
.bg-green h3 {color: #FED517; }
.bg-green p {color: white; }

.bg-gray { 
    background: rgb(154,159,163);
    padding: 70px 0; }
.bg-gray h3 { color: #fff; }
.bg-gray p { color: rgba(255,255,255,0.7); }

.chart-image {
    background: #fff;
    padding: 40px 50px 40px 40px;
    margin: 20px 0;
}

.brochure {
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    position: relative;
    max-width: 152px;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
    white-space: normal;
    margin-bottom: 15px;
    -ms-transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    transition: .5s ease all;
}
.brochure:hover {
    transform: scale(1.04);
}
.brochure:last-child { margin-right: 0;}
.brochure img {display:block;}
.brochure span {
    background: rgba(70, 76, 79, 0.07) none repeat scroll 0 0;
    color: rgba(70, 76, 79, 0.6);
    display: block;
    line-height: 1.2;
    padding: 10px;
}

.resources .brochure { width: 175px; max-width: inherit; }
.resources .brochure p {
    background: rgba(70, 76, 79, 0.07) none repeat scroll 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0; 
}
.resources .brochure span { background: none; }
.resources .brochure span.icon { 
    background: #DD1A32;
    color: #fff;
    font-size: 20px;
    padding: 12px;
    -ms-flex-item-align: center;
    align-self: center;
}
.mitybilt-office .resources .brochure span.icon { background: #6BA539; }

.resources .brochure span:nth-child(2) {
    text-align: left;
    padding: 10px;
    line-height: 1.1;    
    width: calc(100% - 41px);
    -ms-flex-item-align: center;
    align-self: center;
}



/* INTERIOR PAGE END_________________________________________ */

/* MIDBACKGROUNDS START_________________________________________ */

.mid-background-dark {
    background-color: #ededed;
    padding-top: 15px;
    padding-bottom: 15px;
}
.mid-background-light-spacer {
    background-color: #ffffff;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-bottom: 0px;
}
.mid-background-light {
    background-color: #ffffff;
    padding-top: 15px;
    margin-bottom: 0px;
}
.padding-y-130 {
    padding: 130px 0;
}
.footer {
    background-color: #464c4f;
    color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: 0% top;
    
    border-top: 2px solid #fff;
}

/*.footer .col-lg-3 {
    padding-top: 125px;
    padding-bottom: 125px;
}*/

/*
#map::before {
    content: "";
    width: 300px;
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(70,76,79,1) 5%, rgba(70,76,79,0) 40%);
    background: -webkit-gradient(left top, right top, color-stop(5%, rgba(70,76,79,1)), color-stop(40%, rgba(70,76,79,0)));
    background: -webkit-linear-gradient(left, rgba(70,76,79,1) 5%, rgba(70,76,79,0) 40%);
    background: -o-linear-gradient(left, rgba(70,76,79,1) 5%, rgba(70,76,79,0) 40%);
    background: -ms-linear-gradient(left, rgba(70,76,79,1) 5%, rgba(70,76,79,0) 40%);
    background: linear-gradient(to right, rgba(70,76,79,1) 5%, rgba(70,76,79,0) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
*/

.gmnoprint {
    z-index: 999;
}

#map {
    width: 100%;
    height: 588px;
}

.footer h1 {
    font-weight: 100;
    color: #fff;
}

.footer p {
    font-size: 20px;
    font-weight: 100;
    line-height: 1.4;
    padding: 10px 0;
}

.footer span {
    color: #a9acad;   
    padding-right: 10px;
    font-weight: 500;
}

.footer a {
    color: #a9acad;
    font-weight: 500;
}

.footer a:hover {
    color: #fff;
}

.mid-background-main-image {
    height: 565px;
}

.mid-background-main-image .col-lg-9 {	
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mid-background-main-image .fadebg::after {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    
    content: "";
    display: block;
    height: 565px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.mid-background-main-image .container-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
}

#catalogue { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/catalogue-banner.jpg); }
#canada150 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/canada150-banner.jpg); }

#mid-background-main-image0 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/pogo.jpg);}
#mid-background-main-image1 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/home-image-2.jpg);}
#mid-background-main-image4 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/home-image-004.jpg); }
#mid-background-main-image5 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/home005.jpg); }
#mid-background-main-image10 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/home-image-6.jpg); }
#mid-background-main-image13 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/home-image-4.jpg);}
#mid-background-main-image7 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/office1.jpg);}
#mid-background-main-image8 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/office2.jpg);}
#mid-background-main-image9 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/office3.jpg);}
#mid-background-main-image15 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/home-makerspace.jpg);}
#mid-background-main-image18 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/holiday-2018.jpg);}
#mid-background-main-image16 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/instok.jpg);}
#mid-background-main-image19 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/herobanner_edspaces_2000x600.jpg);}
#mid-background-main-image17 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/oecm.jpg);}
#mid-background-main-image22 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/lab.png);}
#mid-background-main-image23 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/2019catalogue.jpg);}
#mid-background-main-image24 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/jvbanner.jpg);}
#mid-background-main-image21 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/hushacoustics.jpg);}
#mid-background-main-image25 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/stembanner.jpg);}
#mid-background-main-image2 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/holidayhours.jpg);}
#mid-background-main-image3 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/made-in-canada-homepage.jpg);}
#mid-background-main-image50 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/covid_screen.png);}
#mid-background-main-image31 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/sanitower-homepage1.jpg);}
#mid-background-main-image99 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/edspaces_banner.png);}
#mid-background-main-image14 { background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/kansas-tradeshow.jpg); 
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

#mid-background-main-image14 img {
    display: block;
    width: 400px;
    z-index: 9;
    position: relative;
    margin: auto 0;
    padding-top: 20px;
}



.mid-background-home {
    background-color: #dadcde;
    padding-top: 130px;
    font-size: 26px;
    color: #9a9fa3;
    overflow: hidden;
    background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/mid-home-bg-1.png), url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/mid-home-bg-2.png);
    background-position: center left, center right;
    background-repeat: no-repeat;
}
.mid-background-home h1 {
    font-weight: 400;
    font-size: 48px;
    margin: 0;
}
.mid-background-home h1 span {
    color: #d81931;
    display: block;
    font-weight: 600;
}
.mid-background-home p {
    color: #64696c;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.04em;
    line-height: 1.4;
    padding: 12px 0 0;
}
.mid-background-home img {
    margin-right: 5px;
    transform: rotate(-15deg);
    vertical-align: -2px;
}

.featured-products {
    background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/fabric2.png), url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/feat-products-bg.jpg);
    background-color: #DC1A32;
    background-repeat: repeat, no-repeat;
    background-position: left top, center center;
    background-size: auto, cover;
    padding: 140px 0;
}

.featured-products a:not(.view-all) {
    height: 350px;
}

.mitybilt-office .featured-products {
    background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/fabric-office.png), url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/feat-products-bg-office.jpg);
    background-color: #6BA539;
    
}

.featured-products .col-lg-4 {
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8px;
}

.featured-products h1 {
    color: #fff;
    font-weight: 300;
    font-size: 47px;
    padding: 0 80px;
    position: relative;
    line-height: 1;
    margin-top: -10px;
}

.featured-products h1::before {
    background: #fff;
    content: '';
    display: block;
    height: 4px;
    width: 50px;
    position: absolute;
    left: 80px;
    bottom: -25px;
}

.featured-products h1::after {
    background: rgba(250,250,250,0.3);
    content: '';
    display: block;
    height: 4px;
    width: 133px;
    position: absolute;
    left: 135px;
    bottom: -25px;   
}

.feat-product-item {
    background: #fff;
    padding: 35px 35px 50px;
    text-align: center;
    margin: 8px 0;
    -moz-transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -ms-transition: .5s ease all;
    transition: .5s ease all;
    position: relative;
    display: block;
    color: #464C4F;
}

.mitybilt-office .feat-product-item { color: #464C4F; }

.feat-product-item:hover {
    transform: scale(1.04);
    box-shadow: 0 10px 60px rgba(0,0,0,0.3);
    z-index: 15;
}

.feat-product-item-text {
    position: relative;
    margin-top: 35px;
}

.feat-product-item-text p {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

a.feat-product-item:hover .feat-product-item-text p {
    left: 5px;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    text-align: left;
}

.feat-product-item-text span {
    color: #DD1A32;
    font-size: 14px;
    padding: 1px 0;
    position: absolute;
    right: -3px;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.mitybilt-office .feat-product-item-text span { color: #6BA539;   }

a.feat-product-item:hover .feat-product-item-text span {
    width: auto;
    opacity: 1;
    visibility: visible;
}

/*
.feat-product-item p {
    position: absolute;
    color: #8b9397;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    -moz-transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -ms-transition: .5s ease all;
    transition: .5s ease all;
    transform: translateX(-50%);
    left: 50%; 
    width: 100%;
}

.feat-product-item:hover p {
    color: #464c4f;
    transform: translateX(0%);
    left: 0%;
}

.feat-product-item-text span,
.feat-product-item-text span::before {
    color: #464c4f;
    opacity: 0;
    width: 0;
    visibility: hidden;
}

.feat-product-item:hover .feat-product-item-text span,
.feat-product-item:hover .feat-product-item-text span::before {
    opacity: 1;
    visibility: visible;
}
*/

.view-all {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    margin: 0 auto;
    text-transform: uppercase;
    width: 160px;
    position: relative;
    line-height: 1.4;
    display: block;
}

.mitybilt-office .view-all,
.mitybilt-office .view-all:hover { color: #fff; }

.view-all span {
    background: #fff none repeat scroll 0 0;
    border-radius: 50px;
    color: #464c4f;
    padding: 15px 14px;
    position: absolute;
    right: 0;
    top: -3px;
    line-height: 1;
    text-transform: uppercase;
    -moz-transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -ms-transition: .5s ease all;
    transition: .5s ease all;
}


.view-all:hover span {
    transform: scale(1.05);
    color: #DD1A32;
    box-shadow: 0 0 30px rgba(0,0,0,0.4);
}

.mitybilt-office .view-all:hover span { color: #6BA539; }



.quick-links {
    background: #5c6266;
    color: #fff;
}

.quick-links a {
    border-bottom: 10px solid #5c6266;
    border-top: 10px solid #5c6266;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* -ms--ms-flex-direction: column; */
    flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 3px;
    padding: 65px 35px;
    text-align: center;
    text-transform: uppercase;
}

.mitybilt-office .quick-links a {color: #fff; }

.quick-links a span {
    padding-left: 57px;
    text-align: left;
    place-self: center;
    
    
    margin: 0 auto;
}

.quick-links div.col-lg-4:first-child a span {
    width: 180px;
}
.quick-links div.col-lg-4:nth-child(2) a span {
    width: 220px;
}
.quick-links div.col-lg-4:nth-child(3) a span {
    width: 183px;
}


.quick-links a span::before {
    color: #a9acad;
    display: block;
    font-size: 40px;
    margin-left: -55px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.quick-links a:hover {
    background: #555b5f;
    border-top: 10px solid #464c4f;
    border-bottom: 10px solid #464c4f;
}


.mid-background-light-product {
    background-color: #ffffff;
    padding-top: 0px;
    height: 100px;
    position: fixed;
    width: 100%;
}
.product-space-odyssey{height:100px;}
@media screen and (max-width:1100px) {
.footer- {
    min-height: 0px;
}
}
/* MIDBACKGROUNDS END_________________________________________ */

/* ONE COLUMN START_________________________________________ */

/* .one-column {
} */
.one-column-top {
    margin-top: -100px;
}
.one-column-centre {
    text-align: center;
}
/* ONE COLUMN END_________________________________________ */





/* TWO COLUMN START_________________________________________ */



.two-column-left {
    float: left;
    width: 48.8%;
    border: thin solid #B8B8B8;
}
.two-column-right {
    float: right;
    width: 48.8%;
    border: thin solid #B8B8B8;
}

@media screen and (max-width:600px) {
.two-column-left {
    float: none;
    width: 100%;
}
.two-column-right {
    margin-top: 15px;
    float: none;
    width: 100%;
}
}
/* TWO COLUMN END_________________________________________ */



/* THREE COLUMN START_________________________________________ */



.three-column-left-box {
    width: 66%;
    float: left;
}
.three-column-left {
    border: thin solid #B8B8B8;
    float: left;
    width: 48%;
}
.three-column-middle {
    border: thin solid #B8B8B8;
    float: right;
    width: 48%;
}
.three-column-right {
    border: thin solid #B8B8B8;
    float: right;
    width: 31.8182%;
}

@media screen and (max-width:700px) {
.three-column-left-box {
    float: none;
    width: 100%;
}
.three-column-left {
    float: none;
    width: 100%;
}
.three-column-middle {
    float: none;
    width: 100%;
    margin-top: 15px;
}
.three-column-right {
    float: none;
    width: 100%;
    margin-top: 15px;
}
}
/* THREE COLUMN END_________________________________________ */





/* FOUR COLUMN START_________________________________________ */

.four-column-left {
    float: left;
    width: 48.8%;
}
.four-column-right {
    float: right;
    width: 48.8%;
}
.four-column-left-one {
    border: thin solid #B8B8B8;
    float: left;
    width: 47.2%;
}
.four-column-left-two {
    border: thin solid #B8B8B8;
    float: right;
    width: 47.2%;
}
.four-column-right-one {
    border: thin solid #B8B8B8;
    float: left;
    width: 47.2%;
}
.four-column-right-two {
    border: thin solid #B8B8B8;
    float: right;
    width: 47.2%;
}

@media screen and (max-width:750px) {
.four-column-left {
    float: none;
    width: 100%;
}
.four-column-right {
    float: none;
    width: 100%;
}
.four-column-left-one {
    float: none;
    width: 100%;
}
.four-column-left-two {
    float: none;
    width: 100%;
    margin-top: 15px;
}
.four-column-right-one {
    float: none;
    width: 100%;
    margin-top: 15px;
}
.four-column-right-two {
    float: none;
    width: 100%;
    margin-top: 15px;
}
}
/* FOUR COLUMN END_________________________________________ */



/* TWO THIRDS START_________________________________________ */



.two-thirds-left {
    width: 65%;
    float: left;
    margin-bottom: 25px;
}
.two-thirds-right {
    width: 65%;
    float: right;
    margin-bottom: 25px;
}
.two-thirds-store-right {
    width: 75%;
    float: right;
    margin-bottom: 25px;
}
.one-third-right {
    width: 30%;
    float: right;
}
.one-third-left {
    width: 30%;
    float: left;
}
.one-third-nav-left {
    width: 24%;
    float: left;
}

@media screen and (max-width:750px) {
.two-thirds-left {
    width: 100%;
    float: none;
}
.two-thirds-right {
    width: 100%;
    float: none;
}
.two-thirds-store-right {
    width: 100%;
    float: none;
}
.one-third-right {
    width: 100%;
    float: none;
}
.one-third-left {
    width: 100%;
    float: none;
}
.one-third-nav-left {
    width: 100%;
    float: none;
}

}

/* INSPIRATION GALLERY_________________________________________ */
 .interior-page ul.cbp-rfgrid {
    margin: 35px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
    width: 100%;
}
.cbp-rfgrid li {
    margin-bottom: 25px;
}
.cbp-rfgrid li a,
.cbp-rfgrid li a img {
    display: block;
    width: 100%;
    cursor: pointer;
}
.cbp-rfgrid a:hover {
    transform: scale(1.04);
    box-shadow: 0 5px 30px rgba(0,0,0,0.1);
    position: relative;
    z-index: 10;
}
.cbp-rfgrid a:hover h3 { color: #DD1A32;}

.cbp-rfgrid li a img { max-width: 100%; }
.cbp-rfgrid h3 {
    -ms-flex-align: center;
    align-items: center;
    background: #fff none repeat scroll 0 0;
    color: #464c4f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 20px;
    font-weight: 400;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    height: 145px;
    padding: 30px 0;
    text-align: center;
    -moz-transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -ms-transition: .5s ease all;
    transition: .5s ease all;
}
.cbp-rfgrid h3 span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 7px 0 0;
    opacity: 0.4;
    text-transform: uppercase;
}



/* CART________________________________ */

#steps {
    width: calc(100% - 450px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 65px 0 0 50px;
    float: left;
    height: 193px;
}

#steps .step{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%; 
    color: #acb1b4; 
    position: relative;
}
#steps .step.active{ color: white; }
#steps .step.active .number { background: #fff; }
#steps .number{ 
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    background: #acb1b4;
    color: #464C4F;
    padding: 7px 11px;
    border-radius: 30px;
    line-height: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: 600;
}
#steps .step-details{ 
    max-width: 100px; 
    display: inline-block; 
    padding: 0 0 0 10px;  
    font-size: 14px; 
    line-height: 1.3;
}
#steps .active .arrow-up{
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #E9EDF0;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.continue-shopping span {
    border-radius: 40px;
    background: #fff;
    font-size: 14px;
    padding: 12px;
    line-height: 1;
    display: inline-block;
    margin-right: 10px;
}

.shop-cart {
    background: #fff;
    padding: 15px 30px;
    margin-bottom: 30px;
    overflow: auto;
    display: block;
}


.shop-cart tr th { border-bottom: 1px solid rgba(153, 159, 163, 0.2);}
.shop-cart h5 {
    padding-bottom: 10px;
    margin-bottom: 0;
    text-align: left;
}

.productitemcell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    line-height: 1.4;
    -ms-flex-align: center;
    align-items: center;
}
.productitemcell img { height: 55px; }
.productitemcell input {
    margin: auto 0;
    font-size: 15px;
    padding: 10px;
    border: 0;
    -ms-flex: 1 0 auto;
    flex: 1;
    max-width: 60px;
}

.shippingCountryDiv { 
    margin-right: 15px;
    width: calc(50% - 15px);
    display: inline-block;
}

.shippingStateDiv {
    display: inline-block;
    width: 50%;   
}


.shippingCountryDiv span, .shippingStateDiv span {
    display: block;
    font-size: 14px;
    margin: 0 0 10px;
    opacity: 0.6;
}

.shop-checkout input { margin-bottom: 10px }
.shop-checkout fieldset { 
    padding: 25px;
    border:1px solid #ddd;
    margin-bottom: 10px;
}
.shop-checkout select {
    width: 100%;
    margin-bottom: 10px;
}

/* PRODUCT MENU_________________________________________ */

.products-menu { padding-top: 10px; padding-bottom: 60px; }
.products-menu a {
    color: rgba(70, 76, 79, 0.6);
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.products-menu a:hover { color: #DD1A32;}
.mitybilt-office .products-menu a:hover { color: #6BA539; }

.product-item { 
    margin-bottom: 30px; 
    position: relative;
    padding-left: 15px;
}
.anchor { 
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    z-index: -1;
    top: -265px;
    left: 0;
    visibility: hidden;
}

.anchor2 {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    z-index: -1;
    top: -300px;
    left: 0;
    visibility: hidden;
}

.product-item:nth-child(2n) .product-item-main { padding-left: 0;}
.product-item:nth-child(2n) .product-item-main + .col-lg-6 { margin: -8px -16px -8px 0px; }


.product-item:nth-child(2n+1) .product-item-main { padding-left: 0;}
.product-item:nth-child(2n+1) .product-item-main + .col-lg-6 { margin: -5px 0 -5px -10px; }

ul.productList.productSmall {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
}
ul.productList.productSmall li {
    -ms-flex: 0 0 31%;
    flex:  0 0 31%;
    text-align: center;
    margin-bottom: 15px;
    margin-right: 15px;
}

.shop-product-small {
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .shop-product-small { height: 268px; }
    .shop-product-small .image { height: 200px}
}



ul.simpleTabsNavigation {    
    background: none;
    padding: 0 !important;
    margin: 0 0 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
ul.simpleTabsNavigation li {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    list-style: none;
}
.details li {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex-grow: 1;
    border-right: 1px solid #e9edf0;
    display: inline-block;
    font-size: 16px;
    padding: 8px 22px;
}

.unslider li div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: rgba(162, 165, 167, 0.2) none repeat scroll 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    -ms-flex-pack: center;
    justify-content: center;
}
.unslider ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-item h4 {
    letter-spacing: 2px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
}
.product-item a {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    /* -ms--ms-flex-direction: column; */
    flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 25px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
}

.product-item a:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    z-index: 15;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .product-item-main {height: 286px;}
}
@media (max-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .product-item-main {height: 550px; padding-right: 0;}
    .product-item-main + .col-lg-6 { margin: 10px 0 0; }
}

.product-item-main img {
    -ms-flex-item-align: center;
    align-self: center;
}

.sub-product { padding: 5px;}
.sub-product a {   
    background: #f7f8f9;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sub-product {height: 74px;}
    .product-item .row.is-flex {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
    }
    
    .products-used .sub-product { height: 286px;}
    .products-used .sub-product a { -ms-flex-direction: column; flex-direction: column;}
    .products-used .sub-product .image { height: 226px; }
}


.sub-product a:hover {
    background: #fff;
    transform: scale(1.05);
}

.sub-product div:last-child {
    color: #575757;
    display: inline-block;
    font-size: 17px;
    font-weight: 800;
    width: calc(100% - 60px);
    padding: 32px 5px;
    position: relative;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.sub-product a:hover div:last-child {
    background: #DD1A32;
}

.mitybilt-office .sub-product a:hover div:last-child{
    background: #6BA539;
}

.sub-product div:last-child p {
    margin: 0;
    position: absolute;
    left: 50%;
    font-size: 15px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    top: 50%;
    white-space: nowrap;
}

.sub-product a:hover div:last-child p {
    left: 18px;
    color: #fff;
    -webkit-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
    text-align: left;
}

.sub-product div:last-child span {
    color: #fff;
    font-size: 16px;
    opacity: 0;
    padding: 1px 0;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.sub-product a:hover div:last-child span {
    width: auto;
    opacity: 1;
    visibility: visible;
}

.sub-product .image {
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
/*     height: 100%; */
    padding: 12px 10px;
}

.sub-product img {
    display: block;
    margin: 0 auto;
    max-width: 50px;
/*     height: 40px; */
}
#educational-btn {
    background-color: #ed1c24;
}
#commercial-btn {
    background-color: #ed1c24;
}
/* TWO COLUMN START_________________________________________ */



.two-column-left {
    float: left;
    width: 48.8%;
    border: thin solid #DADADA;
    -webkit-box-shadow: inset 0px 0px 77px 0px #ffffff;
    box-shadow: inset 0px 0px 77px 0px #E8E8E8;
    margin-bottom: 25px;
}
.two-column-right {
    float: right;
    width: 48.8%;
    border: thin solid #DADADA;
    -webkit-box-shadow: inset 0px 0px 77px 0px #E8E8E8;
    box-shadow: inset 0px 0px 77px 0px #E8E8E8;
    margin-bottom: 25px;
}
.two-column-left-nb {
    float: left;
    width: 48.8%;
    text-align: center;
}
.two-column-right-nb {
    float: right;
    width: 48.8%;
}

@media screen and (max-width:1100px) {
.two-column-left-nb {
    float: none;
    width: 100%;
}
.two-column-right-nb {
    float: none;
    width: 100%;
}
}

@media screen and (max-width:600px) {
.two-column-left {
    float: none;
    width: 100%;
}
.two-column-right {
    margin-top: 15px;
    float: none;
    width: 100%;
}
}
/* TWO COLUMN END_________________________________________ */

.horizontal-nav a {
    padding-bottom: 11px;
    padding-top: 11px;
    display: inline-block;
    text-decoration: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-weight: 700;
    width: 100%;
    border-bottom: thin solid #C7C7C7!important;
}
.horizontal-nav a:link {
    color: #000000;
}
.horizontal-nav a:hover {
    color: #ED1C23!important;
}
.horizontal-nav a:active {
    color: #000000;
}
.horizontal-nav a:visited {
    color: #000000;
}
.special-padding {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
}

@media screen and (max-width:1100px) {
.special-padding {
    margin: 15px;
}
}
.h-nav-background {
    border: thin solid #DADADA;
    -webkit-box-shadow: inset 0px 0px 77px 0px #E8E8E8;
    box-shadow: inset 0px 0px 77px 0px #E8E8E8;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}
:focus {
    outline: 0;
}
.blog-image {
    float: right;
  max-width: 250px;
    margin-left: 25px;
}

/* TEAM STYLES_________________________________________ */

.team-member { margin-bottom: 30px; /*max-width: 20%;*/}

@media only screen and (min-width: 1200px) {
  .team-member { margin-bottom: 30px; max-width: 20%;}
}

@media only screen and (max-width: 600px) {
  .team-member {
    min-width: fit-content;
  }
}

.team-description {     
    background: #fff;
    display: flex;
    flex-direction: column;
    /*height: -webkit-fill-available;*/
    justify-content: flex-end;
} 
.team-description h2 { 
    font-size: 16px;
    padding: 30px 25px 0 25px;
    margin: 0 0 5px;
    letter-spacing: 2.5px;
}
.team-description h3 {
    color: #464C4F;
    padding: 0 25px 30px 25px;
    font-size: 14px;    
    margin-bottom: 0;
}

.interior-page .team-description ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.team-description li {list-style: none; display: inline-block; -ms-flex: 1 0 auto; flex: 1 0 auto;}
.team-description li a {
    text-align: center;
    color: #fff;
    background: #CACFD3;
    padding: 12px 0;
    display: block;
    font-size: 20px;
}
.team-description li a:hover { background: #DD1A32; }

.mitybilt-office .team-description li a:hover { background: #6BA539; color: #fff; }


/* NEW ABOUT STYLES_________________________________________ */

.about-section .row { margin: 0; }
.about-section h1 { 
    color: #fff;
    font-weight: 700;
    letter-spacing: 5px;
    font-size: 23px;
    display: inline-block;
    margin: 0 0 15px;
}
.about-text {
    padding: 60px 80px;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.about-text p {
    letter-spacing: 0.02em;
    margin: 7px 0;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 1.5;
}

.parallax { 
    background-position: center center;
    background-size: cover;
    padding: 200px 0;
    color: #fff;
    min-height: 495px;
}

.about-bhag,
.about-bhag ul
{
  color: white;
}

.about-zero .parallax { background-image: url(https://uploads.prod01.oregon.platform-os.com/instances/1913/assets/images/about/conekt.jpg?updated=1754939372494); }
.about-one .parallax {background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/about001.jpg); }
.about-two .parallax {background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/about002.jpg);}
.about-three .parallax{background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/about003.jpg);}
.about-four .parallax {background-image: url(https://uploads.staging.oregon.platform-os.com/instances/4864/assets/images/about004.jpg); }
.about-bhag .parallax { background-image: url(https://uploads.prod01.oregon.platform-os.com/instances/1913/assets/images/bhag.jpg?updated=1744209402924); }
.extra-padding ul {
    margin-left: 0;
    padding-left: 25px!important;
}
.extra-padding ul {
    list-style: square;
    color: red;
    line-height: 30px;
}
.extra-padding ul li span {
    color: #000000;
}
.c-padding{padding: 15px;}


.loggedinsmall {font-size: 12px;}

/* THREE COLUMN LAYOUT */
.nthree-column-left-cont {
    float: left;
    width: 66%;
}
.nthree-column-left {
    float: left;
    min-height: 50px;
    width: 48.2%;
}
.nthree-column-middle {
    float: right;
    min-height: 50px;
    width: 48.2%;
}
.nthree-column-right {
    float: right;
    min-height: 50px;
    width: 31.8%;
}

@media screen and (max-width:630px) {
/*when logout button wraps- allow margin*/
span.logout {
    margin-left: 15px;
}
.nthree-column-left-cont {
    width: 100%;
}
.nthree-column-right {
    width: 100%;
    margin-top: 25px;
}
.nthree-column-middle {
    width: 100%;
    margin-top: 25px;
}
.nthree-column-left {
    width: 100%;
}
}
.container-three img {width: 100%; border: thin solid #DADADA!important;	-webkit-transition: all 0, .5s ease;
    -moz-transition: all 0, .5s ease;
    -o-transition: all 0, .5s ease;
    -ms-transition: all 0, .5s ease;
    transition: all 0, .5s ease;
}
.container-three img:hover {
    -webkit-filter: opacity(0.6);
    filter: opacity(0.6);
}
.container-three {margin:22px;
}



/* -------------------------------------------- */
/*      HEADER SHRINK               */
/* -------------------------------------------- */

.shrink #logo { padding: 24px 0 25px; max-width: 170px;}
.shrink #nav { padding-top: 24px; }

.shrink .sub-menu li a { padding: 10px; }
.shrink .sub-menu li:first-child a, 
.shrink .sub-menu li:nth-child(2) a { padding: 10px 15px; }

.shrink .sub-menu #cart-box a.account-btn { padding: 11px 20px; }
.shrink .hello, .shrink .cart-summary { padding-top: 12px; padding-bottom: 0; }
.shrink .logout a { padding: 12px 20px; }

.shrink #dealer span { visibility: hidden; opacity: 0; position: absolute;}
.shrink #dealer div { padding-top: 0; }
.shrink #dealer { height: 95px; }

.shrink #steps { padding-top: 20px; height: 95px;}
.shrink #steps .active .arrow-up { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e9edf0;}


#return-to-top {
    z-index: 10;
    position: fixed;
    bottom: 150px;
    right: 23px;
    color: #fff;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    padding: 17px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}
#return-to-top:hover { background: #DD1A32;}
.mitybilt-office #return-to-top:hover { background: #6BA539;}

/* -------------------------------------------- */
/*      RESPONSIVE STYLING               */
/* -------------------------------------------- */

@media (max-width: 1200px) {
    
    #nav { padding: 68px 0 }
    #nav a { padding: 10px; font-size: 16px;}
    #spacer { height: 234px; }
    
    h1.catalog-title { font-size: 34px; margin-bottom: 5px;}
    
    .search-form.form-active { width: 150px;}
    .search-form.form-active input.searchbox { width: 600px; }
    input.searchbox { padding-left: 25px; }
    
    .bx-wrapper .bx-viewport,
    .mid-background-main-image { height: 510px !important;}
    .mid-background-main-image .container-fluid { padding: 0; }
    
    .interior-page { padding-top: 100px;} /* should be 40px after banner gone */
    .products-menu { padding: 0 0 30px; }
    
    .mid-background-home h1 { font-size: 40px; }
    .mid-background-home p { font-size: 20px; padding-top: 8px;}
    .mid-background-home { padding-top: 90px; background-size: 760px auto; background-position: -100px center, 575px center;}
    .button { margin-top: 65px; padding: 20px 50px;}
    
    .featured-products h1 { padding: 0 55px 0 0; }
    .featured-products h1::before { left: 0; }
    .featured-products h1::after { left: 55px; }
    
    .about-text { padding-left: 60px; padding-right: 60px;}
    
    #dealer { width: 120px; }
    #dealer span { font-size: 11px; }
    
    #logo { padding: 65px 0 75px; }
    #logo img { max-width: 180px; height: auto;}
    /* span.logout { display: none;} */
    
    .inspirationgallery .interior-page h1 { font-size: 35px; margin-bottom: 15px; line-height: 1.2;}
    
    .product-item h4 { font-size: 18px; letter-spacing: 1px; }
}
@media (max-width: 992px) {
    
    #spacer { height: 0; }
    
    #mobile-button { display: inline-block;}   
    
    .caption-box { padding-left: 0; max-width: inherit;margin-bottom: auto; text-align: center; padding: 35px 15px 0;}
    .caption-box h3 { font-size: 35px; font-weight: 300;margin: 10px 0;}
    
    .button { display: block; margin-top: 55px; padding: 16px 50px;}
    .button2 { -ms-flex-item-align: center;
    align-self: center; margin-top: 15px;}
    
    .bx-wrapper .bx-pager { transform: rotate(0deg) translateX(-50%); bottom: 25px; left: 50%; right: inherit; top: inherit;}
    
    .mid-background-main-image .col-lg-9 { height: 600px; align-self: flex-end;}
    .mid-background-main-image .col-lg-9::after {
        background: rgba(255,255,255,1);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%);
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        height: 600px;
    }
    
    #logo { padding: 55px 0 65px; }
    
    .sub-menu .container { padding: 0;}
    .sub-menu a[href="tel:866.282.7243"] { padding-left: 15px}
    
    .mid-background-home { padding-top: 70px; background-image: none;}
    .mid-background-home h1 { margin: 0 0 5px; }
    .mid-background-home h1 span { display: inline-block; }
    
    .featured-products { padding: 100px 0; }
    
    .quick-links a { font-size: 15px; padding: 45px 25px;}
    .quick-links a span { padding-left: 45px;}
    .quick-links a span::before { font-size: 30px; margin-left: -43px;}
    .quick-links div.col-lg-4:nth-child(3) a span { width: 160px;}
    .quick-links div.col-lg-4:nth-child(2) a span { width: 190px;}
    .quick-links div.col-lg-4:first-child a span { width: 155px;}
    
    #map { height: 509px;}
    .footer .col-lg-3 { padding-bottom: 95px; padding-top: 75px;}
    
    .product-item { margin-top: 15px; margin-bottom: 15px; padding-left: 15px; padding-right: 15px;}
    .product-item:nth-child(2n+1) .product-item-main + .col-lg-6 { margin: -5px 0;}
    .sub-product { padding: 5px 0;}
    
    .about-text { padding: 50px;}
    
    #dealer { display: none !important; }
    
    .products-used .sub-product a { min-height: inherit; }
    .inspirationgallery .interior-page h1 { font-size: 28px; margin-bottom: 8px; font-weight: 400; }
    
    .chart-image { padding: 10px 20px 20px 20px; }
    
    .interior-page p.description {margin-top: 0;}
    
    #steps { width: calc(100% - 180px); }
    #steps .number { display: none; }
    #steps .active .arrow-up { left: 25px; }
    
    #mid-background-main-image14 img { width: 300px; margin: -30px auto 0;}
   

}
@media (max-width: 768px) {
    .interior-page h1 { font-size: 35px; font-weight: 300;}
    
    .product-item a:hover, 
    .sub-product a:hover { transform: scale(1); }
    
    .mid-background-home h1 { font-size: 35px; }
    .mid-background-home p { font-size: 16px; font-weight: 400;}
    .mid-background-home { padding-top: 60px; }
    
    .button { display: block; font-size: 13px; font-weight: 800; margin-top: 45px; padding: 16px 25px;}
    
    .featured-products { padding: 75px 0; }
    .featured-products h1 { font-size: 32px; padding: 0; margin: 0 0 20px;}
    .featured-products h1::after, .featured-products h1::before { height: 0; }
    
    .feat-product-item { padding: 25px 20px 45px; }
    .feat-product-item:hover { transform: scale(1);}
    .view-all { margin: 35px auto 0;}
    
    .footer h1 { font-size: 30px; margin-bottom: 10px;}
    .footer p { font-size: 16px; font-weight: unset; letter-spacing: 0.03em;}
    .footer .col-lg-3 { padding-bottom: 30px; padding-top: 50px;}
    #map { height: 300px;}
    
    .product-item h4 { font-size: 20px;}
    .product-item a { padding: 30px; }

    .sub-product a { flex-direction: row; padding: 0; min-height: inherit;}
    .sub-product div:last-child { align-self: left; display: inline-block; margin: 0; padding: 42px 10px;width: calc(100% - 80px); height: 100%; }
    .sub-product div:last-child p { left: 15px; -webkit-transform: translateX(0%);transform: translateX(0%);text-align: left;}
    .sub-product a:hover div:last-child { background: #fff;}
    .sub-product a:hover div:last-child p { left: 15px; color: #575757; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .sub-product div:last-child p, .sub-product div:last-child span {top: 50%; transform: translateY(-50%); color: #575757; opacity: 1; visibility: visible;}
    .sub-product div.image { padding: 20px;}
    .sub-product div.image img { height: 45px; }
    
    .product-item a:hover, .sub-product a:hover { transform: scale(1); box-shadow: none; }
    .product-item:nth-child(2n+1) .product-item-main + .col-lg-6 { margin: 10px 0 0;}
    .product-item:nth-child(2n+1) .product-item-main { padding-right: 0; }
    
    .about-text { padding: 30px;}
    .parallax { min-height: 240px; }
    
    #mobile-nav { margin: 0;}
    #cart-box { width: 100%; background: none;}
    .caption-box { padding-left: 35px; padding-right: 35px; }
    
    /*.team-description { max-width: 275px; }*/
    
    ul.productList.productSmall { justify-content: space-between; }
    ul.productList.productSmall li { -ms-flex: 0 0 49%; flex: 0 0 49%; margin-right: 0; }
    
    div.simpleTabsContent ul { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0;} 
    .unslider h6 { line-height: 1.1;font-size: 20px;}
    
    .interior-page .details ul { display: block;}
    .details li { display: block; border-right: 0; border-bottom: 1px solid #e9edf0;}
    
    #steps { width: 100%; padding: 0; height: 100px;}
    #steps .step-details { padding: 0 10px 0 0;}
    #steps .active .arrow-up { left: 15px; }
    
    
    .shippingCountryDiv { width: 100%; }
    .shippingStateDiv { width: 100%; }
    
}
@media (max-width: 550px) {
    .product-title {display: block; }
    .build-btn { float: left; }   
    .unslider ul li { display: block; }
    .unslider li div { padding-left: 25px; padding-top: 25px; padding-bottom: 20px;}
    div.simpleTabsContent .unslider div img { max-height: none; }
    
    a.btn-download.productSubmitInput { display: block; float: left; }
    
    .brochure:nth-child(2n) { margin-right: 0;}
    .brochure { max-width: calc(50% - 8px);}
}
@media (max-width: 500px) {
    
    .sub-menu #cart-box a.account-btn { padding-left: 15px; padding-right: 15px;}
    .logout a { padding: 17px 16px 16px 0; background: none; }
    
    .sub-product div:last-child { width: calc(100% - 60px); }
    .sub-product div.image { padding: 15px 10px; }
    .sub-product div.image img { height: 30px; }
    .sub-product div:last-child { padding: 30px 5px; }
    .sub-product div:last-child span { right: 16px; }
    
    ul.productList.productSmall li { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    
    ul.simpleTabsNavigation { display: block;}
    ul.simpleTabsNavigation li a { border-bottom: 0; background: rgba(70, 76, 79, 0.1); padding: 15px 20px;}
    ul.simpleTabsNavigation li a.current { border-bottom: 0; background: rgb(221, 26, 50); color: #fff;}
}


/*Additions for Siteglide Migration 2021 */

.sr-only {
    height: 1px;
    position: absolute;
    width: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none;
}

/* Account */ 

.account-inline {
    display: inline;

}
.order-history {
    width: 100%;
}

.order-history table {
    width: 100%;
    border-collapse: collapse; 
}

.order-history table tbody tr:nth-of-type(2n-1) {
    background-color: white;
}

.order-history table th,.order-history table td{
    width: 25%;
    padding: 10px;
}



.order-history table th {
    text-align: left;
}
.grey-box a{
    background: #5c6266;
    padding: 35px;
    color: #fff;
    margin: 0 55px 0 0px;
        border-top: 10px solid #5c6266;
    border-bottom: 10px solid #5c6266;
}
.grey-box a span {
    font-size: 40px;
    margin: 1px 20px 0px 0;
    float: left;
}
.grey-box a:hover{
    background: #555b5f;
    border-top: 10px solid #464c4f;
    border-bottom: 10px solid #464c4f;}