/* Desktop Styles */
@media only screen and (min-width: 1024px) {
body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background: #E9E9E9;
	font-size: 16px;
	}

.header	img{
  	width: 90px;
  	height: 90px;
  	border-radius: 50px;
	background: #ecf0f3;
  	box-shadow: 0px 0px 2px #5f5f5f,
  				0px 0px 0px 5px #ecf0f3,
  				8px 8px 15px #a7aaaf,
  				-8px -8px 15px #ffffff;
}

	
h1 {
	float: right;
	margin-top: 0.25em;
	margin-right: 2%;
	color: white;
}
	
.headline {
	color: #ff3600;
	font-size: 2em;	
	text-align: center;
	font-weight: 1000;
	}
	
h2 {
	font-size: 1em;
	margin-bottom: 0.5em;
	margin-top: 2em;
	font-weight: bolder;
	text-decoration: underline #FF3600;
	text-decoration-thickness: 5px;
}

form {
	padding: 0em 2em 2em 2em;
	border-radius: 18px;
	background: #F0F0F0;
	margin-top: -3em;
	text-align: center;
}
body > div.Container > form > div.score > select{
	
  	background-color: #FFE8E8;
}
.score {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 15em;
}    .score select {
        font-family: 'Arial';
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 1em;
        outline: 0;
        border: 0px solid #000000;
	border-radius: 1EM;
	background: #e9e9e9;
	box-shadow: inset 1px 1px 5px #c7c7c7,
            	inset -5px -5px 10px #f9f9f9;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
        .score select::-ms-expand {
            display: none;
        }
        .score select:hover,
        .score select:focus {
            color: #000000;
            background: #cccccc;
        }
        .score select:disabled {
            opacity: 0;
            pointer-events: none;
        }
.score_arrow {
    position: absolute;
    top: 16px;
    right: 25px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #7b7b7b transparent transparent transparent;
}
.score select:hover ~ .score_arrow,
.score select:focus ~ .score_arrow {
    border-top-color: #000000;
}
.score select:disabled ~ .score_arrow {
    border-top-color: #cccccc;
}

.Ldrop {	
  	position: absolute;
  	right: 0px;
  	padding: 1em;
	border: 0;
	border-radius: 18px 18px 0px 18px;
	background: #e9e9e9;
	box-shadow: inset 5px 5px 10px #c7c7c7,
            	inset -5px -5px 10px #f9f9f9;
	font-weight: bold;
	width: 5em;
	height: calc(4em - 5px);
	}	
	section.Cont2.CC00 > div > label {
		font-size: 12px;
		padding-bottom: 5em;
	}
	
	input[type=submit] {		
	background: #ff3600;
	color: white;
	width: 10em;
	height: 3em;
	border-radius: 2em;
	box-shadow:  2px 2px 6px #bebebe,
             	-2px -2px 6px #ffffff;
  	border-style: none;
	}
	
	div.CC00 > label {
	border: 1px solid #ccc;
    padding: 6px 12px;
    cursor: pointer;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 8em;
	border-radius: 14px;
	background: #F0F0F0;
	box-shadow:  2px 2px 6px #bebebe,
             	-2px -2px 6px #ffffff;
  	border-style: none;
	}
	
	div.CC00 > label:hover {
		background-color: #FF3600;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
		color: black;
	}
	
	.upload {
		text-align: center;
		display: block;
	}	
	
	section.upload > div{
		margin-left: auto;
		margin-right: auto;
	}
	
	#upload {		
		margin-left: auto;
		margin-right: auto;
		height: 4em;
		width: 16em;
	}
	
	/*
input[type="file"] {
    display: none;
}	
	
	*/
label.custom-file-upload::before {
	display: none;
	}	
	label.custom-file-uploa{
		padding: 0;
		margin: 0 auto;
	}
label{
		margin: .25em;				
	}
	
input {
  	box-sizing: border-box;
	resize: none;
  	height: 2em;
	width: 15em;
	margin: 1em;
	font-size: 16px;
	font-weight: bold;
	border-radius: 18px;
	background: #e9e9e9;
	box-shadow: inset 2px 2px 4px #cacaca,
            	inset -2px -2px 4px #f1f1f1;
	border: none;
	padding: 1em;
}
	
	
input[type=text] {
	width: 15em;
  	height: 2em;	
	}
	
input[type=email] {
	width: 15em;
  	height: 2em;
	}
	
input[type=number] {
	width: 15em;
  	height: 2em;
	}
body > div.Container > form > section.Cont3 label {
	width: 15em;
	text-align: center;
	}

	.DropDown {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	body > div.Container > form > div.DropDown > table {
		
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	#divProd {
		width: auto;
	}
	
	#ddProduct {
  	box-sizing: border-box;
	resize: none;
  	height: 2em;
	width: 18em;
	margin: 1em;
	font-size: 16px;
	font-weight: bold;
	border-radius: 18px;
	background: #e9e9e9;
	box-shadow: inset 2px 2px 4px #cacaca,
            	inset -2px -2px 4px #f1f1f1;
	border: none;
		padding-left: 1em;
	}
	
	#ddProduct option {
		      font-family: 'Arial';
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 1em;
        outline: 0;
        border: 0px solid #000000;
        border-radius: 0px;
        background: #e6e6e6;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
		font-size: 2em;
	}
	
	
	.ModelList {		
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: wrap;
  max-height: 26em;
	}
	
	.ModelList div {
  height: auto;
  width: 33.3333%;
}
	
.required
{
    display: none;
}
	
input[required] {
  	background-color: #FFE8E8;
}
	
.header {
	background-color: #FF3600;
	height: 3em;
	border-bottom: 5px solid #FF3600;
	border-radius: 50px 18px 0px 0px;
	background: #e9e9e9;
}

.Container {
  	position: absolute;
  	left: 50%;
  	transform: translate(-50%);
	z-index: 100;
	border-radius: 50px 18px 0px 0px;
background: #F0F0F0;
box-shadow:  5px 5px 10px #c7c7c7,
             -5px -5px 10px #f9f9f9;
}
.CC0 {
	text-align: center;
}
.CC00 {
	text-align: center;
	display:table;
}
.Cont1 {
    height: 16em;
	text-align: center;
}
.CC1 {
    width: 48%;
    height: 17em;
    float: left;
}
.CC2 {
    width: 48%;
    height: 17em;
    float: right;
}

.Cont2 {
	height: 7em;
	margin-left: auto;
	margin-right: auto;
	}
	
.CC3 {
	width: 48%;
	float: left;
	height: auto;
}
.CC4 {
	width: 50%;
	float: right;
	height: auto;
}
.CC5 {
	width: 33%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
.Cont3 {
	height: 16em;
	}
.Cont4 {
	height: 5em;
	}
	body > div.Container > form label {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	body > div.Container > form > div.CC5 > label {
		width: 3em;
	}
	#divProd > div label {
		width: 15em;
	}
.notes {
  height: 5em;
	width: 50%;
  padding: 12px 20px;
  resize: none;
	border-radius: 18px;
	background: #e9e9e9;
	box-shadow: inset 5px 5px 10px #c7c7c7,
            inset -5px -5px 10px #f9f9f9;
	border: 0;
	margin-top: 5px;	
} 
}
.disclamer {
	font-size: .5em;
	text-align: center;
}

a{
	text-decoration: none;
}

.lang{
	right: 1em;
	padding: 1em 1ex 1ex 1ex;
	background-color: #ff3600;
	color: white;
	border-radius: 0ex 0 1em 1em;
	border: none;
	font-weight: bold;
}

.lang:disabled {
	background-color: gray;
	right: 5em;
	z-index: -1;
}


#addLiveOthers{
  display:none;
}

body > div:nth-child(3) {
	visibility: hidden;
}

body > div:nth-child(2){
	visibility: hidden;
	
}

.score {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 12em;
}    .score select {
        font-family: 'Arial';
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 10px 30px;
        outline: 0;
        border: 0px solid #000000;
        border-radius: 25px;
        background: #e6e6e6;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
        .score select::-ms-expand {
            display: none;
        }
        .score select:hover,
        .score select:focus {
            color: #000000;
            background: #cccccc;
        }
        .score select:disabled {
            opacity: 0;
            pointer-events: none;
        }
.score_arrow {
    position: absolute;
    top: 16px;
    right: 25px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #7b7b7b transparent transparent transparent;
}
.score select:hover ~ .score_arrow,
.score select:focus ~ .score_arrow {
    border-top-color: #000000;
}
.score select:disabled ~ .score_arrow {
    border-top-color: #cccccc;
}