/*--------------------------------------------------------------------------------*/
/*---------------------------------------General----------------------------------*/
/*--------------------------------------------------------------------------------*/

* 
{	
    margin: 0;
    padding: 0;
    box-sizing: border-box;	
}

/*--------------------------------------------------------------------------------*/
/*---------------------------------Body and Segments------------------------------*/
/*--------------------------------------------------------------------------------*/

body 
{	

	font-family: 'Poppins', sans-serif;
	background: radial-gradient(#fff,#ffd6d6);
	zoom:75%;	
	
}

div .order_screen 
{
	
	color: #555;
	border: 1px solid #ff523b;
	padding: 10px;
	margin: 10px;		
	display: inline-block;
	align-content; center;
    
}	
	
nav 
{	
    flex: 1;
    text-align: right;	
}

nav ul 
{	
    display: inline-block;
    list-style-type: none;
}

nav ul li 
{	
    display: inline-block;
    margin-right: 20px;
}

/*----------------------------------------------------------------------------------*/
/*-------------------------------------Headings-------------------------------------*/
/*----------------------------------------------------------------------------------*/

h1 .order_screen {

	color: #555;
	border: 1px solid #ff523b;
	text-align: left;
	padding: 5px;
	background: #ff523b;
	font-weight: normal;
}

h4
{
    color: #555;
    font-weight: normal;
}


/*----------------------------------------------------------------------------------*/
/*--------------------------------Paragraph Content---------------------------------*/
/*----------------------------------------------------------------------------------*/

a 
{	
    text-decoration: none;
    color: #555;
}

p 
{
	
    color: #555;
	
}

small
{
    color: #555;
}

indicator 
{
    width: 100px;
    border: none;
    background: #ff523b;
    height: 3px;
    margin-top: 8px;
    transform: translateX(100px);
    transition: transform 1s; 
}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------Form--------------------------------*/
/*--------------------------------------------------------------------------------*/

form {
    
		border: 1px solid #ff523b;
        color:#555;
        
    }

form .product_filter_form
{ 
	display: block; 
}

/*form input
{
    width: 100%;
    height: 30px;
    margin: 10px 0;
    padding: 0 10px;
    border: 1px solid #ccc;
}*/

form input:focus
{
    outline: none;
}

form .btn
{
    width: 100%;
    border: none;
    cursor: pointer;
    margin: 10px 5px;
}

form .btn:focus
{
    outline: none;
}

form a
{
    font-size: 12px;
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------------Form Elements------------------------------*/
/*--------------------------------------------------------------------------------*/

select
{
    border: 1px solid #ff523b;
    padding: 5px;
}

select:focus
{
    outline: none;
}

input:focus
{
    outline: none;
}

button {
	
    width: 100%;
    border: none;
    cursor: pointer;
    margin: 10px 5px; 
   
}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------Table------------------------------*/
/*--------------------------------------------------------------------------------*/

table 
{
    width: 100%;
    border-collapse: collapse;
}

th 
{
    text-align: left;
    padding: 5px;
    color: #fff;
    background: #ff523b;
    font-weight: normal;
}

td 
{
    padding: 10px 5px;
}

td input
{
    width: 40px;
    height: 30px;
    padding: 5px;
}

td a
{
    color: #ff523b;
    font-size: 12px;
}

td img
{
    width: 80px;
    height: 80px;
    margin-right: 10px; 
}

td video
{
    width: 80px;
    height: 80px;
    margin-right: 10px; 
}

td:last-child
{
    text-align: right;
}

th:last-child
{
    text-align: right;
}


/*--------------------------------------------------------------------------------*/
/*--------------------------------------------End---------------------------------*/
/*--------------------------------------------------------------------------------*/




















