@font-face {
    font-family: 'Square721 BdEx BT';
    src: url('fonts/square721-bdex-bt-bold.woff');
    font-weight: bold;
}


.topFeatureContainerSudd {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
    opacity: 0.93 !important;
}
.carousel-caption h3 {
    color: #000000;
  }

.carousel-caption {
    background: none;
    color: #000000;
  }

.idx-carousel-overlay-img {
    margin-left: -77px;
    width: 100%;
    height: 266px;
    margin-bottom: -4%;
	object-fit: contain;
}
.idx-carousel-caption-txt {
box-shadow: none;
font-size: 119%;
font-family: 'Square721 BdEx BT';
color: #000000;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: transparent;
letter-spacing: 3px;
text-transform: uppercase;
width: 90%;
margin-left: 12%;
padding-top: 9%;
line-height: 23px;
}
@media(max-width:319px){
    .idx-carousel-overlay-img {
        margin-left: -17px;
        max-width: 100%;
        max-height: 60px;
        margin-bottom: -50%;
		object-fit: contain;
		
    }
    .idx-carousel-caption-txt {
        box-shadow: none;
	font: 800 0.5em/1.1;
       font-size: 45%;
        font-family: 'Square721 BdEx BT';
        color: #000000;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: transparent;
        letter-spacing: 2px;
        text-transform: uppercase;
        width: 90%;
        margin-left: 14%;
        padding-top: 4%;
    }
    
    

}
@media(min-width:320px) and (max-width:419px) {
    .idx-carousel-overlay-img {
        margin-left: -1px;
        width: 100%;
        height: 100%;
        margin-bottom: -60%;
		object-fit: contain;
    }
    .idx-carousel-caption-txt {
        box-shadow: none;
		font: 800 0.5em/1.1;
		font-size: 8px;
		font-family: 'Square721 BdEx BT';
		color: #000000;
		-webkit-text-stroke-width: 0px;
		-webkit-text-stroke-color: transparent;
		letter-spacing: 1px;
		text-transform: uppercase;
		width: 331px;
		margin-left: 60px;
		padding-top: -1%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-top: -37px;
		line-height: 11px;
		text-align: center;
    }
    .carousel-indicators {
        position: absolute;
        bottom: -8px;
        left: 52%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
	.banner_desktop
{
	display:none;
}
/*.home-container{*/
/*    padding-right: 15px;*/
/*    padding-left: 70px;*/
/*    margin-right: auto;*/
/*    margin-left: auto;*/
/*}*/

.suddenshipping-main .first{
    padding-left: 28px;
  }

}

@media (min-width: 412px) and (max-width: 414px) {
    .suddenshipping-main .first{
        padding-left: 54px;
      }

}

@media(min-width:360px) and (max-width:730px) {
    .home-container{
        padding-right: 15px;
        padding-left: 45px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media(min-width:420px) and (max-width:511px) {
    .idx-carousel-overlay-img {
        margin-left: -4px;
        width: 100%;
        height: 100%;
        margin-bottom: -44%;
		object-fit: contain;
    }
    .idx-carousel-caption-txt {
        box-shadow: none;
		font: 800 0.5em/1.1;
		font-size: 9px;
		font-family: 'Square721 BdEx BT';
		color: #000000;
		-webkit-text-stroke-width: 0px;
		-webkit-text-stroke-color: transparent;
		letter-spacing: 1px;
		text-transform: uppercase;
		width: 345px;
		margin-left: 75px;
        padding-top: 107px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-top: -98px;
		line-height: 17px;
    }

    .carousel-indicators {
        position: absolute;
        bottom: -2px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;

    /* .idx-carousel-caption-txt {
        box-shadow: none;
        font-size: 15px;
        font-family: 'Square721 BdEx BT';
        color: #000000;
        -webkit-text-stroke-width: 1.2px;
         -webkit-text-stroke-color: #fff; 
        letter-spacing: 2px;
        width: 482px;
        left: 15%;
        margin-left: -14px;
        height: 197px;
        margin-top: -2px;
        padding-top: 107px;
        text-transform: uppercase;
    } */
    }


	.banner_desktop
{
	display:none;
}

/*.home-container{*/
/*    padding-right: 15px;*/
/*    padding-left: 68px;*/
/*    margin-right: auto;*/
/*    margin-left: auto;*/
/*}*/

.suddenshipping-main .first{
        padding-left: 55px;
     }

}

@media(min-width:512px) and (max-width:630px) {
    .idx-carousel-overlay-img {
        margin-left: -5px;
        width: 50%;
        height: 100%;
        margin-bottom: -28%;
		object-fit: contain;
    }
    .idx-carousel-caption-txt {
       box-shadow: none;
	   font: 800 0.5em/1.1;
	   font-size: 12px;
	   font-family: 'Square721 BdEx BT';
	   color: #000000;
	   -webkit-text-stroke-width: 0px;
	   -webkit-text-stroke-color: transparent;
	   letter-spacing: 2px;
	   text-transform: uppercase;
	   width: 436px;
	   margin-left: 94px;
	   padding-top: 2%;
	   position: absolute;
	   top: 50%;
	   left: 50%;
	   transform: translate(-50%, -50%);
	   margin-top: -30px;
	   line-height: 16px;
	}
	.banner_desktop
	{
	  display:none;
	}
	
	   .suddenshipping-main .first{
        padding-left: 118px;

      }

}
@media(min-width:631px) and (max-width:767px) {
    .idx-carousel-overlay-img {
        margin-left: -5px;
        width: 100%;
		height: 345px;
        margin-bottom: -7%;
		object-fit: contain;
    }
    .idx-carousel-caption-txt {
        box-shadow: none;
		font-size: 13px;
		font-family: 'Square721 BdEx BT';
		color: #000000;
		-webkit-text-stroke-width: 0px;
		-webkit-text-stroke-color: transparent;
		letter-spacing: 2px;
		text-transform: uppercase;
		width: 460px;
		margin-left: 125px;
		padding-top: 8%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-top: -67px;
	}
	.banner_desktop
	{
	  display:none;
	}

}


@media(min-width:768px) and (max-width:991px) {
    .idx-carousel-overlay-img {
        margin-left: -69px;
        width: 100%;
        height: 134px;
        /*margin-bottom: -1%;*/
		object-fit: contain;
    }
    .idx-carousel-caption-txt {
        box-shadow: none;
		font-size: 107%;
		font-family: 'Square721 BdEx BT';
		color: #000000;
		-webkit-text-stroke-width: 0px;
		-webkit-text-stroke-color: transparent;
		letter-spacing: 2px;
		text-transform: uppercase;
		width: 126%;
		margin-left: -24%;
		padding-top: 7%;
    }
	.banner_mobile
	{
	  display:none !important;
	}

}
@media(min-width:992px) and (max-width:1199px) {
    .idx-carousel-overlay-img {
        margin-left: -140px;
        width: 100%;
        height: 200px;
        margin-bottom: -5px;
		object-fit: contain;
    }
    .idx-carousel-caption-txt {
        box-shadow: none;
		font-size: 120%;
		font-family: 'Square721 BdEx BT';
		color: #000000;
		-webkit-text-stroke-width: 0px;
		-webkit-text-stroke-color: transparent;
		letter-spacing: 3px;
		text-transform: uppercase;
		width: 98%;
		/*padding-top: 11%;*/
		margin-left: -3%;
		line-height: 24px;
    }
	.banner_mobile
	{
	  display:none !important;
	}
}
@media(min-width:1200px) and (max-width:1800px){
    .idx-carousel-overlay-img {
    margin-left: -100px;
        width: 100%;
        /*height: 50%;*/
        margin-bottom: -2%;
		object-fit: contain;
    }
    .idx-carousel-caption-txt {
        box-shadow: none;
        font: 800 2.2em/1.1;
        font-size: 22px;
        font-family: 'Square721 BdEx BT';
        color: #000000;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: transparent;
        letter-spacing: 2px;
        text-transform: uppercase;
        width: 90%;
        padding-top:107px;
        margin-left: 1%;
    }
	.banner_mobile
	{
	  display:none !important;
	}
}@media(min-width:1801px){
    .idx-carousel-overlay-img {
        margin-left: -100px;
        width: 50%;
        /*height: 50%;*/
        margin-bottom: 4%;
		object-fit: contain;
		
    }
    .idx-carousel-caption-txt {
        box-shadow: none;
        font: 800 2.2em/1.1;
        font-size: 21px;
        font-family: 'Square721 BdEx BT';
        color: #000000;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: transparent;
        letter-spacing: 2px;
        text-transform: uppercase;
        width: 90%;
        /*padding-top:107px;*/
        margin-left: 1%;
    }
	.banner_mobile
	{
	  display:none !important;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	 .idx-carousel-overlay-img {
      
        margin-bottom: 4%;
		/*height:300px;*/
		width:auto !important;
    }
}



/* product lead time table css  starts*/
.suddenshipping_table tbody tr:nth-child(odd) {
    background-color: #336B9A;
  } 
.suddenshipping_table tr {
    background-color: #00477F;
  }
  .idx-footer,
  .idx-footer .container,
  .idx-footer .container .row {
      background: #000;
      color: #929292;
      border: none;
  }
/* product lead time table css ends */

/* Showing Manitou & Skid-pro button style in product lead time  */
.btn-show-style{
    color: #fff;
    background: #00467F;
    /* margin-left: 10px; */
    font-family: 'Square721 BdEx BT Bold';
    margin: 10px 0px 0px 10px;

}

.btn-show-style:hover {
    color: #00467F;
    background: #fff;
    margin: 10px 0px 0px 10px; 
    /* margin-left: 10px; */
    font-family: 'Square721 BdEx BT Bold';
}
/* Showing Manitou & Skid-pro button style in product lead time  */
.custom-dropdown {
    position: relative;
}

.custom-dropdown-menu {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 9999;
}

.custom-dropdown-menu.show {
    display: block;
}

.suggestion-item {
    padding: 10px 12px;
    cursor: pointer;
}

.suggestion-item:hover {
    background: #ffd43d;
}


#feedbackpopupsuddenshipModal{
    z-index:999999!important;
}

.feedback-popup{
    background:#0b0c0c;
    border-radius:20px;
    color:#f4d63c;
    padding:20px;
    border:none;
    box-shadow:0 10px 30px rgba(0,0,0,.5);
}

.popup-close{
    position:absolute;
    right:12px;
    top:0px;
    font-size:24px;
    background:none;
    border:none;
    color:#f4d63c;
    opacity:1;
}

.popup-logo{
    width:160px;
    margin-bottom:12px;
}

.popup-message{
    font-size:15px;
    line-height:1.0;
}

.popup-count{
    color:#fff;
    font-size:14px;
    margin-bottom:0px;
    font-weight: normal;
}

.popup-btn{
    background:#ecc712;
    color:#000;
    border:none;
    border-radius:25px;
    padding:6px 25px;
    font-weight:600;
    margin-top:12px;
}

#feedbackpopupsuddenshipModal .modal-body{
    padding: 5px;
}

#feedbackpopupsuddenshipModal .modal-dialog {
    min-height: 75vh;
    display: grid;
    align-items: center;
}