@import"./../app/css/bootstrap.min.css";
@import"./../app/css/style.css";



@keyframes mymove {
  from {background-color: #00138e;}
  to {background-color: #0c5adb;}
}

		.topDiscountBar {
			width: 100%;
			/*background: #111219;*/
			background-color: #0c5adb;
			animation: mymove 3s infinite;
			padding: 10px;
			text-align: center;
			color: #fff;
			font: 400 18px/22px 'Open Sans', sans-serif;
			/*position:relative;*/
			position:relative;
    z-index: 14;
    margin-bottom: 0px;
		}
		
		.topDiscountBar div {
            margin-bottom: 0px;
            margin-top: 0px;
            font-size: inherit;
            line-height: 30px;
            color: #fff;
        }
		#coupontimeRem {
			font-weight: 900;
			margin: 0px 5px;
			color: #ffeb3b;
		}
		#couponCodeBx {
			/*background: #b5adad;*/
			/*color: #111219;*/
			padding: 5px 10px;
			
			    background: #ffffff;
                color: #0c5adb;
                padding: 5px 10px;
                border-radius: 50px;
		}
		.closeBtn {
			float: right;
			font-size: 22px;
			cursor: pointer;
			position: absolute;
			right: 100px;
			top: 10px;
		}
		@media only screen and (max-width: 1050px) {
            .closeBtn {
                float: none !important;
                font-size: 22px;
                cursor: pointer;
                position: relative !important;
                right: 0px;
                top: 5px;
            }
        }
        section.bg.clearfix {
            /*margin-top: 122px;*/
        }
          .customset_sidebar{margin-right: 55px !important; display: none;}
                        .customset_sidebar a{ 
                            
                            box-shadow: 0 3px 7px 0 rgb(0 0 0 / 20%);
                            border: 1px solid #fff;
                            padding-top: 11px;
                            width: 40px !important;
                            height: 40px;
                            border-radius: 50%;
                            position: absolute;
                            text-align: center;
                            top: 28px;}
                            
                            .customset_sidebar1 a{ box-shadow: 0 3px 7px 0 rgb(0 0 0 / 20%);
                            box-shadow: 0 3px 7px 0 rgb(0 0 0 / 20%);
                            border: 1px solid #fff;
                            padding-top: 11px;
                            width: 40px !important;
                            height: 40px;
                            border-radius: 50%;
                            position: absolute;
                            text-align: center;
                            top: 28px;
                            right: 100px;}
                            
                            .search-container{
                                display: none;
                                
                                position: relative;
                                top: 34px;
    
                                }
                                .input_feaild_form{
                                    
                                     width: 25%;
                                position: fixed;
                                /*left: 10%;*/
                                margin: auto;
                                right: 16%;
                                height: 50px;
                                border-radius: 50px;
                                padding: 20px;
                                background-color: rgba(12, 90, 219, .5);
                                color: #fff;
                                border: 2px solid #fff;
                                    
                                }
                                
                                .input_feaild::placeholder{
                                    
                                    color: #fff;
                                }
                            
                            .input_feaild{
                                
                                width: 100%;
                                position: absolute;
                                left: 3%;
                                top: -4px;
                                margin: auto;
                                text-align: left;
                                /* right: 10%; */
                                height: 50px;
                                /* border-radius: 50px; */
                                /* padding: 20px; */
                                background-color: transparent;
                                color: #fff;
                                border: 0px solid #fff;
                            }
                            
                            #searbtn{
                                position: absolute;
                                right: 20px;
                                top: 11px;
                                background-color: transparent;
                                /* left: inherit; */
                                /* margin: auto; */
                                /* right: 316%; */
                                border: 0px;
                                color: #fff;
                            }
                            
                            @media(max-width: 991px){
                              .customset_sidebar a{
                            top: 16px;} 
                            
                            .customset_sidebar1 a{
                            top: 16px;
                                right: 15px;
                            } 
                            
                            .input_feaild_form{
                                    
                                     width: 40%;
                                    
                                    right: 22%;
                                    
                                    
                                }
                                
                                
                                
                            }
                            
                            @media(max-width: 768px){
                                
                                 .input_feaild_form{
                                    
                                     width: 51%;
                                        right: 24%;
                                        
                                    
                                }
                                
                            }
                            
                             @media(max-width: 425px){
                                
                                 .input_feaild_form{
                                    
                                         width: 75%;
                                         right: 21%;
                                    
                                }
                                
                            }