/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
 */
/*!
 * Megamenu
 */

.megamenu {
  border-radius: 0;
  margin-bottom: 0px;
}

.megamenu a:hover {
  text-decoration: none;
}

.action-display-mobilemenu {
  margin-left: 15px;
}

.action-display-login-mobile {
  padding: 6px 8px;
  margin-right: 0;
}

.action-display-login-mobile .fa {
  font-size: 18px;
  padding-top: 3px !important;
}


.megamenu .dropdown-menu {
  /*left: auto;*/
  min-width: 300px;
  /*width: 600px;*/
  /*max-width: 800px;*/
  max-height: 560px;
}

.megamenu .brands.dropdown-menu {
  overflow-y: auto;
  max-height: none;
}

.megamenu .dropdown-menu.left {
  right: 0;
  left: auto;
  left: auto;
}

.dropdown-large {
  position: static !important;
}

.dropdown-menu-large {
  margin-right: 16px;
  padding: 20px 0px;
  white-space: nowrap;
}

.dropdown-menu-large>li>ul {
  padding: 0;
  margin: 0;
}

.dropdown-menu-large>li>ul>li {
  list-style: none;
}

.dropdown-menu-large>li>ul>li>a {
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}

.dropdown-menu-large>li ul>li>a:hover,
.dropdown-menu-large>li ul>li>a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu-large .disabled>a,
.dropdown-menu-large .disabled>a:hover,
.dropdown-menu-large .disabled>a:focus {
  color: #999999;
}

.dropdown-menu-large .disabled>a:hover,
.dropdown-menu-large .disabled>a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

.dropdown-menu-large .dropdown-header,
.dropdown-menu-large .dropdown-header a {
  color: #333;
  font-size: 14px;
  font-weight: bold;
}

.dropdown-menu-large .dropdown-header {
  padding: 0;
}

.dropdown-menu-large .divider {
  background-color: none;
  height: 0;
  margin: 9px 0;
  overflow: hidden;
}

.megamenu .navbar-collapse {
  padding-left: 0;
}

.megamenu ul {
  list-style-type: none;
}

.megamenu ul li {
  list-style-type: none;
  padding: 7px 0px;
}

.megamenu .li-level-2 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.megamenu .li-level-2>a,
.megamenu .li-level-2>span {
  font-weight: bold;
  color: #333;
}

.megamenu .li-level-2>a {
  display: block
}

.megamenu .li-level-2>ul {
  padding-left: 0;
}

.megamenu .li-level-2>ul a {
  color: #333;
}

.megamenu .dropdown-menu>li>ul {
  padding-left: 0 !important;
}

.megamenu .dropdown-menu ul,
.megamenu .dropdown-menu li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.megamenu .li-level-2:hover a,
.megamenu .li-level-2:hover a:hover {
  color: #4e2d8d !important;
}

.megamenu .caret {
  display: none
}

.navbar-inverse ul.navbar-nav {
  display: flex;
  display: -webkit-flex;
  text-align: center;
}

.megamenu .li-level-3 {
  width: 300px;
}

.little-sticky-helper {
  display: none;
  height: 220px;
  float: left;
  width: 100%
}

.megamenu.sticky+.little-sticky-helper {
  display: block;
}

@media (max-width: 1199px) {
  .megamenu.navbar.navbar-inverse {
    position: relative
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .megamenu .dropdown-menu {
    min-width: 0;
    max-height: none;
  }

  .dropdown-menu-large {
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-menu-large>li {
    margin-bottom: 30px;
  }

  .dropdown-menu-large>li:last-child {
    margin-bottom: 0;
  }

  .dropdown-menu-large .dropdown-header {
    padding: 10px 0 !important;
  }

  .megamenu .navbar-collapse {
    background-color: #585858;
    height: 100%;
    cursor: default;
    transition: margin linear 0.2s;
  }

  .megamenu .navbar-nav {
    background-color: #585858;
    margin: 0;
  }

  .megamenu .li-level-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .megamenu .dropdown-menu {
    min-height: 0;
  }

  .megamenu .dropdown-menu>li ul {
    padding: 0;
  }

  .megamenu .dropdown-menu ul,
  .megamenu .dropdown-menu li {
    padding-top: 0;
    padding-bottom: 0;
  }

  .megamenu ul>li {
    padding-left: 0;
  }

  .megamenu .dropdown-menu.row>li {
    padding-right: 0 !important;
  }

  .megamenu .navbar-nav {
    padding-left: 0;
  }

  /* LEVEL1 */
  .megamenu .navbar-nav>.li-level-1 {
    background-color: #4e2d8d;
    border-bottom: 1px solid #381c6e;
  }

  /*.megamenu .navbar-nav>.li-level-1:nth-child(2) {
    border-top: 1px solid #fff;
  }*/
  /*.megamenu .navbar-nav>.li-level-1:first-child,*/
  .megamenu .navbar-nav>.li-level-1:last-child {
    border-bottom: none;
  }


  .megamenu .navbar-nav>.li-level-1>a {
    text-shadow: none;
    font-size: 15px;
    color: #ffffff;
  }

  .megamenu>.container .navbar-nav>.li-level-1>a:active,
  .megamenu>.container .navbar-nav>.li-level-1>a:focus {
    color: #ffffff;
  }

  .megamenu>.container .navbar-nav>.li-level-1.open>a,
  .megamenu>.container .navbar-nav>.li-level-1.open>a:active,
  .megamenu>.container .navbar-nav>.li-level-1.open>a:focus {
    background-color: inherit;
    color: #fff;
  }

  .megamenu .navbar-nav>.li-level-1>a>.caret {
    display: initial;
    border: none;
    vertical-align: initial;
  }

  .megamenu>.container .navbar-nav>.li-level-1>a>.caret:after {
    content: "\f067";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 0;
    font-style: initial;
    padding: 15px 15px;
    background: #442480;
    font-style: normal;
  }

  .megamenu>.container .navbar-nav>.li-level-1.open>a>.caret:after {
    content: "\f068";
  }

  .megamenu .navbar-nav>.li-level-1>.dropdown-menu {
    border-radius: 0;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset;
    padding: 0;
    overflow: hidden;
    min-width: 0;
    /* position: relative; */
    background-color: #202020;
    float: none;
    left: 0;
  }

  .li-level-1 .dropdown-menu:not(.another-level) {
    position: relative;
    top: 0px;
    right: 0;
    left: auto;
  }

  /* LEVEL2 */
  .megamenu .li-level-2 {
    position: static;
    width: 100% !important;
    padding-left: 0;
    border-bottom: 1px solid #3a3a3a;
    padding-right: 24px;
    background: #202020;
    font-size: 15px;
  }

  .megamenu .li-level-2:last-child {
    border-bottom: none;
  }

  .megamenu .li-level-2.parent .opener {
    position: absolute;
    right: 0;
    width: 42px;
    color: #fff;
    height: 51px;
    line-height: 51px;
    text-align: center;
    cursor: pointer;
    background-color: #0e0e0e;
  }

  .megamenu .li-level-2>ul {
    margin-right: 15px;
  }

  .megamenu .li-level-2.parent .opener:after {
    content: "\f067";
    font-family: 'FontAwesome';
    font-style: initial;
  }

  .megamenu .li-level-2.open.parent .opener:after {
    content: "\f068";
  }

  .megamenu>.container .navbar-nav>.li-level-1 .li-level-2>a,
  .megamenu>.container .navbar-nav>.li-level-1 .li-level-2>span {
    color: #fff;
    padding: 0 15px;
    line-height: 50px;
    height: auto;
    /*39px;*/
    display: flex;
  }

  .megamenu>.container .navbar-nav>.li-level-1 .li-level-2>span {
    display: none;
  }

  .megamenu .li-level-2.parent.open:hover {
    /*
        background: #dfdfdf !important;
        */
    color: #fff !important;
    padding: 0;
    margin: 0;
  }

  .megamenu .li-level-2.parent.open .opener {
    border-bottom: 1px solid #3a3a3a;
  }

  .megamenu .li-level-2.parent.open,
  .megamenu .li-level-2.parent.open:hover {
    background: #dfdfdf !important;
  }

  .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>a,
  .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>a>.opener,
  .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>span,
  .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>span>.opener {
    color: #4e2d8d;
    background-color: #cbcbcb;
  }

  .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>a,
  .megamenu>.container .navbar-nav>.li-level-1 .li-level-2.open>span {
    background-color: #eeeeee;
  }

  .megamenu .li-level-2>ul {
    background: none repeat scroll 0 0 #999999;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75) inset, 0 -2px 3px -1px rgba(0, 0, 0, 0.75) inset;
    display: none;
    padding-left: 0;
  }

  .megamenu .li-level-2.open>ul {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .megamenu .li-level-2 li:hover {
    background-color: #928787;
  }

  .megamenu>.container .navbar-nav .li-level-2.open>a,
  .megamenu>.container .navbar-nav .li-level-2.open>a:hover {
    background-color: #dfdfdf !important;
    color: #4e2d8d !important;
    border-bottom: 1px solid #3a3a3a;
  }

  .dropdown-menu.another-level,
  .li-level-2.parent:hover {
    max-height: none !important;
    background: #202020 !important;
    color: #fff !important;
  }

  .dropdown-menu.another-level,
  .li-level-2.parent a,
  .dropdown-menu.another-level,
  .li-level-2.parent:hover a {
    color: #fff !important;
  }

  /* LEVEL3/4 */
  .li-level-1 .dropdown-menu.another-level a {
    background: #dfdfdf !important;
    color: #393939;
    font-size: 15px;
    padding-left: 0;
    margin-left: 0;
  }

  .megamenu .li-level-3 {
    height: auto;
    width: auto;
  }

  .megamenu .li-level-4 {
    margin: 0px;
    height: auto;
  }

  .megamenu .li-level-3>a,
  .megamenu .li-level-4>a {
    display: block;
    color: #fff !important;
    line-height: 39px;
  }

  .megamenu .li-level-3>a {
    padding-left: 15px !important;
  }

  .megamenu .li-level-4>a {
    padding-left: 35px;
  }

  .megamenu .li-level-4>a:before {
    content: "";
  }

  .megamenu .navbar-collapse.dropdown-full-menu {

    padding-right: 0;

  }

  .megamenu .navbar-collapse.dropdown-full-menu {
    overflow-y: scroll !important;
    transition: 0.2s all;
    max-height: calc(100vh - 49px);
    width: 100vw;
    background-color: #4e2d8d;
    position: fixed;
    z-index: -1;
    top: 49px;
    left: 0;
  }


  .li-level-1 .dropdown-menu:not(.another-level) {
    position: relative !important;
    top: 0px !important;
    right: 0 !important;
    left: auto !important;
  }


  .navbar-header.container {
    background-color: #4e2d8d;
  }

  body.no-scroll-body {
    overflow-y: hidden;
  }

  .navbar-toggle.nav-cooldown {
    pointer-events: none;
  }

  .megamenu .dropdown-full-menu {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.49);
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.49);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.49);
  }

  .megamenu .li-level-1 {
    padding: 0
  }

  .navbar-inverse .navbar-nav>li.li-level-1>a {
    padding-top: 15px;
    padding-bottom: 15px
  }

  .navbar-inverse ul.navbar-nav {
    display: block;
    text-align: left
  }

  .megamenu ul,
  .megamenu li {
    column-count: 1 !important;
    -moz-column-count: 1 !important;
    -webkit-column-count: 1 !important;
  }
}

@media (min-width: 768px) {
  .navbar-nav>li {
    float: none;
  }
}

@media (min-width: 1200px) {
  .megamenu .navbar-nav>li {
    display: flex;
    align-items: center;
  }

  .megamenu .navbar-toggle {
    display: none;
  }

  #quick-order-container label.visible-lg {
    display: initial !important;
  }
}

@media (min-width: 1200px) {
  .megamenu .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .li-level-1:hover>.dropdown-menu,
  .li-level-2.parent:hover>.dropdown-menu {
    display: block;
  }
}

@media (min-width: 768px) and (max-width:1199px) {
  .megamenu .navbar-collapse.collapse:not(.in) {
    display: none !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: hidden !important;
  }

  .megamenu .navbar-collapse.collapse.in,
  .megamenu .navbar-collapse.collapsing {
    position: absolute;
    z-index: 999;
  }

  .search-xs.active {
    position: fixed;
    top: 58px;
    opacity: 1;
    border-top: 1px solid #444;
  }
}

@media (min-width: 200px) and (max-width:991px) {
  .search-xs.active {
    left: 0px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width:1199px) {
  .megamenu .navbar-toggle {
    display: block;
  }

  .megamenu .navbar-header {
    /* width:100%;*/
    float: none;
    position: relative;
  }

  .megamenu.navbar {
    z-index: 9999;
  }

  #quick-order-container>form {
    float: right;
  }

  #quick-order-container form>button[type="submit"] {
    padding-right: 0px;
    color: white;
  }

  .action-display-mobilemenu {
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    text-align: right;
    white-space: nowrap;
    position: absolute;
    right: 0;
    left: auto;
  }
}

@media (min-width: 481px) {

  .megamenu.navbar .navbar-header button.hidden-md.hidden-sm,
  .megamenu.navbar .navbar-header a.hidden-md.hidden-sm {
    /* display:none!important;*/
  }


}

@media (min-width: 481px) and (max-width:1199px) {
  #quick-order-container>form {
    float: right;
  }
}

@media (max-width: 1199px) {

  .quick-order-container label,
  .quick-order-text,
  .quick-order-container form>button[type="submit"] {
    color: white;
  }

  .megamenu .navbar-toggle {
    border: none;
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media (max-width: 767px) {

  .megamenu .navbar-collapse.dropdown-full-menu {
    overflow-y: scroll !important;
    transition: 0.2s all;
    max-height: calc(100vh);
    width: 100vw;
    background-color: #4e2d8d;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    padding-top: 50px;
  }

  .quick-order-container.active {
    top: 58px;
    opacity: 1;
    border-top: 1px solid #444;
    right: 0px;
    width: 100%;
  }

  .quick-order-container {
    position: absolute;
    top: -35px;
    opacity: 0;
    padding: 5px;
    z-index: 100;
    background: #333;
    margin-top: 0 !important;
    transition: top linear 0.2s;
    z-index: 0;
  }

  .quick_order_mobile {
    width: 100%;
    position: absolute;
    left: 0;
  }

  .megamenu .navbar-header .navbar-toggle .fa-shopping-basket {}

  .megamenu .navbar-header a.navbar-toggle {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 7px;
  }

  .megamenu .navbar-header .action-display-mobilemenu {
    margin-left: 5px
  }

  .megamenu .navbar-header .navbar-toggle {
    margin-right: 7px
  }

  .action-display-mobilemenu {
    position: relative;
    float: left;
  }
}

@media (max-width: 550px) {
  .megamenu .navbar-toggle {
    margin-right: 10px;
    padding-right: 8px;
  }

  .megamenu .navbar-header.container {
    padding: 0px;
  }

  .text-mobile-hide {
    display: none;
  }

  .action-display-login-mobile {
    padding: 6px 6px 6px 5px !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 350px) {
  .text-mobile-hide2 {
    display: none;
  }

  .action-display-login-mobile {
    padding: 6px 10px !important;
    margin-right: 7px !important;
  }
}

ul.another-level {
  position: absolute;
  left: 100% !important;
  /*width: 100%!important;*/
  top: 0px;
  border-radius: 0px;
  min-height: 100%;
  margin-top: 0px;
  border: 0px;
  height: 365px;
  overflow-x: hidden;
}

.li-level-1:hover,
.li-level-1>a:hover {
  background: #202020;
}

.li-level-1>.dropdown-menu:not(.another-level) {
  background: #202020;
}


.li-level-1:last-child>.dropdown-menu:not(.another-level),
.li-level-1:nth-last-child(2)>.dropdown-menu:not(.another-level),
.li-level-1:nth-last-child(3)>.dropdown-menu:not(.another-level),
.li-level-1:nth-last-child(4)>.dropdown-menu:not(.another-level),
.li-level-1:nth-last-child(5)>.dropdown-menu:not(.another-level),
.li-level-1:nth-last-child(6)>.dropdown-menu:not(.another-level) {
  position: absolute;
}

.li-level-1:nth-last-child(2) .another-level,
.li-level-1:nth-last-child(3) .another-level,
.li-level-1:nth-last-child(4) .another-level,
.li-level-1:nth-last-child(5) .another-level,
.li-level-1:nth-last-child(6) .another-level {
  position: absolute;
  left: -300px !important;
}

.li-level-1:nth-last-child(2) .another-level.left-three-columns,
.li-level-1:nth-last-child(3) .another-level.left-three-columns,
.li-level-1:nth-last-child(4) .another-level.left-three-columns,
.li-level-1:nth-last-child(5) .another-level.left-three-columns,
.li-level-1:nth-last-child(6) .another-level.left-three-columns {
  left: -928px !important;
}

.li-level-1:nth-last-child(2) .another-level.left-two-columns,
.li-level-1:nth-last-child(3) .another-level.left-two-columns,
.li-level-1:nth-last-child(4) .another-level.left-two-columns,
.li-level-1:nth-last-child(5) .another-level.left-two-columns,
.li-level-1:nth-last-child(6) .another-level.left-two-columns {
  left: -614px !important;
}


.li-level-1:nth-child(9) {
  position: inherit !important;
}

.li-level-1:nth-child(9) .dropdown-menu {
  width: 100%;
  max-width: 1170px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
}

left-three-columns .li-level-1:last-child .dropdown-menu {
  max-height: 500px;
  overflow-y: auto;
}

.li-level-1>.dropdown-menu:not(.another-level) a {
  color: white;
  padding: 0 20px;
}

.li-level-1 .dropdown-menu.another-level a {
  color: #393939 !important;
  background-color: transparent;
  box-shadow: none;
  border: none;
  background-image: none;
  white-space: normal;
}

.dropdown-menu.another-level,
.li-level-2.parent:hover {
  background: #dfdfdf;
  border-radius: 0;
  box-shadow: none;
  /*max-height: 500px;*/
  height: auto;
}

@media (max-width: 1199px) {
  .li-level-1 .dropdown-menu.another-level a:before {
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 5px
  }

  .li-level-1:last-child>.dropdown-menu:not(.another-level),
  .li-level-1:nth-last-child(2)>.dropdown-menu:not(.another-level),
  .li-level-1:nth-last-child(3)>.dropdown-menu:not(.another-level),
  .li-level-1:nth-last-child(4)>.dropdown-menu:not(.another-level),
  .li-level-1:nth-last-child(5)>.dropdown-menu:not(.another-level),
  .li-level-1:nth-last-child(6)>.dropdown-menu:not(.another-level) {
    /* position: relative; */
    width: 100%;
  }

  ul.another-level {
    height: auto;
  }

  .li-level-1:nth-last-child(2) .another-level,
  .li-level-1:nth-last-child(3) .another-level,
  .li-level-1:nth-last-child(4) .another-level,
  .li-level-1:nth-last-child(5) .another-level,
  .li-level-1:nth-last-child(6) .another-level {
    position: static;
  }

  body.offcanvas .megamenu .navbar-header button.action-display-mobilemenu i.fa-bars::before {
    content: "\f00d"
  }
}

@media only screen and (min-height : 400px) {
  .dropdown-menu.another-level {
    overflow-y: auto;
  }
}

.another-level.dropdown-menu .li-level-3:hover a {
  color: #4f2d8c !important;
}

.li-level-1 .dropdown-menu {
  padding-top: 0px;
  border: 0px;
  padding-bottom: 0px;
  border-radius: 0px;
}

.another-level.dropdown-menu .li-level-3:hover a {
  text-decoration: underline;
}

.li-level-2>.fa.fa-angle-right {
  padding-right: 15px;
  line-height: 20px;
  color: #4f2d8c !important;
  position: absolute;
  right: 0;
}

#view-product-spec .fa.fa-angle-right {
  line-height: 20px;
}

#view-product-spec {
  color: #4e2d8d;
}

/* Fixes to make the mobile menu full width in tablet / small desktop */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  nav .dropdown-full-menu {
    left: 0;
    width: 100%
  }

  nav .nav.navbar-nav {
    width: 100%;
  }

  nav .dropdown-full-menu li {
    width: 100%;
  }

  .megamenu .dropdown-menu {
    min-width: 0;
    width: auto;
    max-width: none;
  }

  nav ul.another-level {
    position: static;
    padding: 0 !important;
    margin: 0 !important;
  }

  .megamenu .li-level-2.parent.open {
    padding: 0;
  }

  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 20px;
  }

  .navbar-nav .open .dropdown-menu>li>a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }

}
/* ==========================================================================
 Fluid Carousel Styles
 ========================================================================== */

/* Carousel base class */
.carousel {
    height: 450px;
    /*margin-bottom: 15px;*/
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    height: 450px;
    background-color: #777;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
}
   
    .carousel-inner {
    height: 550px;
}

.carousel-inner .item {
    overflow: hidden;
    max-width: 100%;
}

.carousel-inner .item img {
    width: 100%;
    max-height: none;
}

#myCarousel .carousel-indicators-outer{
    left: 50%;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 15;
    bottom:20px;
}

#myCarousel .indicator-arrows, #myCarousel .indicator-arrows:active, #myCarousel .indicator-arrows:hover, #myCarousel .indicator-arrows:focus {
    display:inline-block;
    color:#fff;
    font-size:16px;
    padding:0 2px;
    outline:none;
}

#myCarousel .carousel-indicators {
    position:relative;
    display:inline-block;
    padding:0;
    margin:0;
    left:auto;
    bottom:-1px;
    width:auto;
}

#myCarousel .item .carousel-text-outer {
    left: 0;
    position: absolute;
    top: 10%;
    width: 100%;
}

#myCarousel .item .carousel-caption {
    position:relative;
    bottom:auto;
    left:auto;
    right:auto;
    text-align:left;
    padding:0;
    margin:0;
    text-shadow:none;
    width:28%;
}

#myCarousel .item .carousel-caption h1{
    font-family:"Lato Light", sans-serif;
    color:#fff;
    font-size:60px;
}

#myCarousel .item .carousel-caption-text {
    font-family:"Lato";
    font-size:18px;
    margin-bottom: 0;
    margin-top: 20px;
}

#myCarousel .item a.btn {
    margin-top:20px;
    padding-left:15px;
    padding-right:15px;
}

.carousel-control .fa {
    background-color:#000;
    width: 50px;
    height: 50px;
    font-size: 25px;
    left: 0;
    right: auto;
    position: absolute;
    top: 50%;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    margin-top: -25px;
}

.carousel-control .fa.fa-angle-right {
    right:0;
    left:auto;
}

/* Media Query - Smartphone */
@media (max-width: 767px) {
                
    /*.carousel { height: 250px; margin-bottom: 15px; }
    .carousel-inner { height: 250px; }*/ 
    .carousel-inner .item img {
        max-height: none;
        width: auto!important;
    }
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        height: auto;
        line-height: 1;
        /* Image scaling */ 
        max-width:800px; 
        max-height:400px; 
    }
            
    /* Banner Caption */
    #myCarousel .item .carousel-text-outer{top: 0;}
    #myCarousel .item .carousel-caption {width:50%}
    #myCarousel .item .carousel-caption h1{font-size:30px;}
    .carousel-caption-text {display: none; }
}
   
        
/* Media Query - Tablet+ */
@media (min-width: 768px) and (max-width: 991px) {
    
    /*.carousel { height: 300px; margin-bottom: 15px; }
    .carousel-inner { height: 300px; }*/
            
    /* Banner Caption */
    #myCarousel .item .carousel-text-outer{top: 3%;}
    #myCarousel .item .carousel-caption {width:33%}
    #myCarousel .item .carousel-caption h1{font-size:30px;}
    #myCarousel .item .carousel-caption-text{font-size:16px;}
            
}
            
    /* Media Query - Desktop + */
@media (min-width: 992px) and (max-width: 1199px) {

    /*.carousel { height: 350px; margin-bottom: 15px; }
    .carousel-inner { height: 350px; }*/
            
    /* Banner Caption */
    #myCarousel .item .carousel-caption {width:33%}
    #myCarousel .item .carousel-caption h1{font-size:35px;}
}
             
@media (max-width: 400px) {
    #myCarousel .item .carousel-caption {width:80%}
    #myCarousel .item a.btn {
        padding-left:10px;
        padding-right:10px;
    }
}



/* ==========================================================================
 Image Carousel Styles
 ========================================================================== */

/* Overwrite carousel fluid */
.carousel,
.carousel-inner,
.carousel .item {
    height: auto;
    max-width: 100%;
}

.carousel-inner > .item img,
 .carousel-inner > .item > a > img {
   max-width: 100%;
   max-height: 100%;
}

.carousel-inner > .item img {
    position: relative;
}
                
.imagelarge,
.imagemedium,
.imagesmall,
.imageextrasmall {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: none !important;
}

/* Additional rules for the largest image, so that it can scale properly */
@media only screen and (min-width: 2001px) {
    .imagelarge {
        display: block !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 2000px) {
    .imagelarge {
        display: block !important;
    }

    .carousel-inner .item {
        height: 450px;
    }

    .carousel-inner > .item img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        height: 100%;
        width: auto;
        max-width: none !important;
    }
}

@media only screen and (min-width: 751px) and (max-width: 1199px) {
    .imagemedium {
        display: block !important;
    }
}

@media only screen and (min-width: 451px) and (max-width: 750px) {
    .imagesmall {
        display: block !important;
    }
}

@media only screen and (max-width: 450px) {
    .imageextrasmall {
        display: block !important;
    }
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    height: unset !important;
}