*{
		font-family: 'Roboto', sans-serif;
		}
		.nav_box div,
		.text-wrap {
    border-radius: 0.75rem;
    display: block;
    text-align: center;
		    font-size: 12px;

	
		}
		
		body{padding-bottom: 15px;}
.text-wrap {
    padding: 8px 0;
    border-radius: 0.75rem;
    display: block;
    text-align: center;
/*     width: 300px; */
    background-color: rgb(51, 144, 236);
    color: #fff;
    font-size: 14px;

    margin: 7px 0;
    }
    
  .img_box{
/*      width: 300px; */
    height: 250px;
  }


.img_box img{  object-fit: contain;
    width: 100%;
    height: 100%;
        }  
  
  .nav_box div{
	color: rgb(255, 255, 255);
    background-color: rgb(13, 110, 253);
    padding: 5px 18px;    
    
  }
  .nav_box div a{
	  color: #fff; text-decoration: none;
  }  
  .nav_box div.prew:hover,
  .nav_box div.next:hover {
	 background: #0042a4;} 
	   .nav_box{
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    margin-top: 15px;
    
    

    }
    
/*
    .container{
	    width: 300px;
	    margin: auto;
    }
  
*/  
    .gray:hover,
    .gray{
	    background: #c8c8c8 !important;
	    color: #646262 !important;
    }
    
    
.prew button{
	border: 0;
	background: none;	
}



.ui-loader{display: none;}




/* @media screen and (max-width:450px){ */
.click{
    position: fixed;
    height: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0);
    right: 0;
    top: 0;
    bottom: 0;
    }
    
    .click div{
	    height: 100%;
    }
    
/*     } */


.header { background: #3390ec; color: #fff; padding: 10px; border-radius: 0 0 0.75rem 0.75rem; }
.header .row { display: flex; align-items: center; }
.header .logo { font-size: 19px; }
.header button.toggleShow { background: none; border: none; width: 30px; height: 30px; float: right; }
.text-wrap.switch-one { cursor: pointer; }