* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    background-color: #fff;
}

.snavbar {
    width: 250px;
    height: 100vh;
    position: fixed;
    top:0;
    left: 0;
    margin-left: -300px;
    background-color: #d42d03;
    transition: 0.4s;
    z-index: 1000;
}

.snav-link {
    font-size: 1.25em;
}

.snav-link:active,
.snav-link:focus,
.snav-link:hover {
    background-color: #ffffff26;
}

.dropdown-menu {
    background-color: #7952b3;
}

.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #ffffff26;
}

.my-container {
    transition: 0.4s;
}


/* for navbar */

.active-snav {
    margin-left: 0;
}


/* for main section */

.active-cont {
    margin-left: 250px;
}

#menu-btn {
    color: #fff;
}

#Close{
    color: rgb(230, 36, 10);
    padding: 5px 10px;
    background-color: rgb(252, 252, 252);    
    position:absolute;
    top: 10px;
    left: 5px;
    margin-bottom: 30px;
    
}

#menu-btn:focus {
    box-shadow: 0 0 0 0.25rem #b3abbe44;
}

#myInput {
    background-image: url('/css/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
  }
  
  #myUL {
    /* Remove default list styling */
    list-style-type: none;
    padding: 0;
    margin: 0;    
  }
  
  #myUL li a {
    border: 0px solid #ddd; /* Add a border to all links */
    margin-top: -1px; /* Prevent double borders */
    background-color: #f6f6f600; /* Grey background color */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove default text underline */
    font-size: 15px; /* Increase the font-size */
    color: rgb(255, 255, 255); /* Add a black text color */
    display: block; /* Make it into a block element to fill the whole list */
  }
  
  #myUL li a:hover:not(.header) {
    background-color: rgba(238, 238, 238, 0); /* Add a hover effect to all links, except for headers */
  }

/*// Classes*/
.show {
    /*display: block !important;*/
  }
  .hidden {
    /*display: none !important;*/
  }
  .invisible {
    /*visibility: hidden;*/
  }
  #ot-sdk-btn-floating .ot-floating-button__front {
      background-color: #f04923 !important;
  }
  
  html{
      /*font-size: 26px;*/
  }
  
  
  
  body{
      font-family: 'Open Sans', sans-serif;
      color: #000;	
      line-height: 1.5;
  }
  a{
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      color: unset;
      opacity: 1;
      text-decoration: none;
  }
  a:hover, a:focus{
      color: unset;
      color: inherit;
  }
  
  /*typografy*/
  p{
      /*font-size: 18px;*/
      /*line-height: 24px;*/
      font-size: 22px;
      line-height: 1.35em;
      font-weight: 100;
  }
  h2{
      /*font-size: 32px;*/
      font-size: 40px;
      font-weight: 400;
      line-height: 1.4;
  }
  h3{
      font-size: 37px;
      /*line-height: 50px;*/
      line-height: 1.35em;
      color: #f04923;
      font-weight: 700;
      /*text-transform: uppercase;*/
      margin-bottom: 30px;
  }
  h4{
      font-size: 23px;
      line-height: 30px;
      color: #f04923;
      letter-spacing: .1em;
      font-weight: 500;
      margin-bottom: 20px;
  }
  strong{
      font-weight: bold;
  }
  
  
  
  
  
  .bt-site{
      display: block;
      margin: 33px auto;
      max-width: 520px;
      padding: 9px 0; 
      vertical-align: middle;
      background: #EC4C2C;
      color: #fff;
      text-align: center;
  }
  .bt-site:hover, .bt-site:focus{
      color: #fff;
      opacity: 0.7;
  }
  
  
  
  header{
      -webkit-box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 16%);
      -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.16);
      box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 16%);
      transition: all 100ms ease-in-out;
      padding: 25px 0;
      background: #000;
  }
  header .logo{
      max-width: 100%;
      width: auto;
      max-height: 30px
  }
  
  
  header ul{
      list-style: none;
  }
  header ul li{
      padding: 0 10px;
      font-size: 14px;
  }
  header ul li a.nav-link{
      color: #fff!important;
  }
  header ul li a.nav-link:hover{
      color: #F04923!important;
  }
  header hr{
      display: block;
      width: 96%;
      background: #fff;
      margin: 15px auto;
      opacity: 1;
  
  }
  
  .navbar-toggler{
      border: none;
      background-color: #fff;
  }
  .navbar-toggler:focus{
      border: none;
      outline: none;
  }
  .navbar-toggler-icon{      
      background: rgba(255, 255, 255, 0);
      border: solid 1px #fff;
  }
  .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon{
	mask-image: url(https://assets.alliancelaundry.com/newmind/INTL/SpeedQueen-Stores-Ireland/assets/svg/nav.svg);
	-webkit-mask-image: url(https://assets.alliancelaundry.com/newmind/INTL/SpeedQueen-Stores-Ireland/assets/svg/nav.svg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
	 mask-image: url(https://assets.alliancelaundry.com/newmind/INTL/SpeedQueen-Stores-Ireland/assets/svg/close.svg);
	-webkit-mask-image: url(https://assets.alliancelaundry.com/newmind/INTL/SpeedQueen-Stores-Ireland/assets/svg/close.svg);
}
  
  
  .banner{
      background-image: url(https://assets.alliancelaundry.com/newmind/INTL/SpeedQueen-Stores-Ireland/assets/imgs/home/slider-home-2.jpeg);
      background-attachment: fixed;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; 
      min-height: 565px;
      height: 100%;
  }
  
  
  section{
      position: relative;
      padding: 66px 0;
  }	
  .overlay{
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: rgba(0,0,0,0.9);
      z-index: 0;
  }
  .container{
      position: relative;
      z-index: 1;
  }
  
  .section-1{}
  
  .dark{
      background: #000;
      padding: 33px;
      color: #fff;
      padding: 33px 0;
  }
  
  .dark h2 span {
      color: #F04923;
  }
  
  .section-2{}
  .section-2 ul{
      padding-left: 15px;
      line-height: 40px;
  }
  .section-2 ul li{
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 20px;
  }
  .section-2 .container{}
  .section-2 .container .row{
      margin: 50px 0;
  }
  .section-2 .container .row img{
      display: block;
      width: 100%;
      max-width: 360px;
      margin: 0 auto;
  }
  .section-3.discover{
      background-image: url('../imgs/home/discovery-banner.jpeg');
      /*background-attachment: fixed;*/
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; 
      /*min-height: 600px;*/
      height: auto;
      padding: 66px 0;
      color: #fff;
  }
  .section-3.discover p{
      font-size: 18px;
  }
  .section-3.discover .col-md-6{
      padding: 0 33px;
  }
  .section-4.what-can-you-wash{}
  .section-4.what-can-you-wash p{
      font-size: 18px;
  }
  .section-4.what-can-you-wash {}
  .section-4.what-can-you-wash  .row{
      margin: 15px 0;
  }
  .section-4.what-can-you-wash  .row .col-md-4{
      margin: 60px 0;
  }
  .section-4.what-can-you-wash  .row .col-md-4 img{
      width: 100%;
      object-fit: cover;
      max-height: 306px;
  }
  .section-4.what-can-you-wash  .row .col-md-4 .content-box{
      /*padding: 40px 20px;*/
      padding: 9% 25%;
      color: #fff;
      height: 100%;
      max-height: 260px;
  }
  .section-4.what-can-you-wash  .row .col-md-4 .content-box h4{
      font-weight: 600;
      color: #fff;
      letter-spacing: 0;
  }
  .section-4.what-can-you-wash  .row .col-md-4 .content-box p{
      font-size: 15px;
  }
  .section-4.what-can-you-wash  .row .col-md-4 .content-box.black{
      background: #000;
      color: #fff;
  }
  .section-4.what-can-you-wash  .row .col-md-4 .content-box.orange{
      background: #EC4C2C;
      color: #fff;
  }
  .section-4.what-can-you-wash  .row .col-md-4 .content-box.grey{
      background: #E8E8E8;
      color: #000;
  }
  .section-4.what-can-you-wash  .row .col-md-4 .content-box.grey h4{
      color: #000;
  }
  .section-5.choose-speed-queen{
      background-image: url('../imgs/home/why-should.jpeg');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; 
      height: auto;
      padding: 66px 0;
      color: #fff;
  }
  .section-5.choose-speed-queen .content{
      padding: 33px;
      margin: 15px 0;
  }
  .section-5.choose-speed-queen .content h4{
      font-weight: 600;
      font-size: 30px;
  }
  .section-6.live-a-unique{}
  .section-6.live-a-unique h3{
      font-size: 25px;
  }
  .section-6.live-a-unique p{
      font-size: 20px;
  }
  .section-6.live-a-unique .container .row{
      margin: 66px 0 0;
  }
  .section-6.live-a-unique .container .row .col-md-6{}
  
  .section-6.live-a-unique .w-100 .row .col-md-6 img{
      width: 100%;
      max-height: 390px;
      object-fit: cover;
  }
  .section-6.live-a-unique .w-100 .row .col-md-6 .content{
      width: 100%;
      height: 100%;
      min-height: 270px;
      max-height: 390px;
      background: #F04923;
      color: #fff;
  /*	display: grid;
      place-items: center;*/
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }
  .section-6.live-a-unique .w-100 .row .col-md-6 .content p{
      font-size: 23px;
      font-weight: 600;
  }
  
  footer{
      background: #F04923;
      color: #fff;
      padding: 33px 0;
      font-size: 14px;
  }
  footer p{
      font-size: 14px;
      line-height: 26px;
      margin-bottom: 0;
  }
  footer a{}
  footer a:hover{}
  
  .banner {
    background-attachment: unset;
}
footer {
    background:black;
}

        .titletext-center {
    text-align: center;
}

    @media (max-width: 575px) {
        
        .p1 {
    font-weight: 400;
    font-size: 18px;
}
        .text-center {
    font-weight: 400;
    font-size: 20px;
}
        .titletext-center {
    font-weight: 600;
    font-size: 30px;
    text-align: center;
}

        .title {
    font-weight: 600;
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
}


        .section-4.what-can-you-wash .row .col-md-4 .content-box{
    font-size: 20px;
    padding: 50px 25px;
}
        .section-4.what-can-you-wash  .row .col-md-4{
	margin: 1px 0;
}
    
}
        .section-4.what-can-you-wash .row .col-md-4 img {
    margin-top: 0px;
    width: 100%;
    object-fit: cover;
    max-height: 250px;
}
        .bt-site {
    font-size: 16px;
    text-align: center;
}
        .section-6.live-a-unique .w-100 .row .col-md-6 img{
    width: 100%;
    max-height: max-content;
    object-fit: fill;
    padding-left: 0px;
}
        .pe-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
        .ps-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
        .row>* {
    margin-top: 0px;
}
        .container1 {
    margin-bottom: 50px;
}
	
}