@font-face{
	font-family: 'shell-typeface';
	font-display: swap;
	src: url('GE SS Text Medium.otf') format('opentype');
}
*{
	font-family: "shell-typeface", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 22px;
	/*user-select: none;*/
	transition: 0.25s;
	
	user-select: none; /* Non-standard syntax for most browsers */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
}
body, html{
	margin: 0;
	padding: 0;
	background-color: #fff;
}
video{
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
div.body{
	max-width: 1280px;
	margin: auto;
	margin-top:0;
	margin-bottom:0;
}
div.body2{
	width: 100%;
	height: 550px;
	max-width: 1230px;
}
div.body2 > img{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	object-fit: cover;
	object-position: 50% 20%;
}
#muteButton{
	cursor: pointer;
	z-index: 1;
	position: absolute;
	right: 14px;
	bottom: 20px;
	border: 0;
	background: unset;
	color: #fff;
	text-shadow: 0px 0px 10px #000,  0px 0px 10px #000;
	transition: 0.25s;
	text-align: left;
	min-width: 40px;
}
#muteButton:hover{
	scale: 1.25;
}

div.flex1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.flex1 > div{
	width: 30%;
	min-height: 25px;
	background: unset;
	margin-bottom: 20px;
}
div.flex1 > div, div.flex1 > div span, div.flex1 > div input{
	font-size: 16px;
	vertical-align: -webkit-baseline-middle;
}
div.flex1 > div input{
	float: right;
	border: 1px solid #808080;
	border-radius: 7px;
	padding: 4px;
	padding-left: 8px;
	width: 50%;
}

ul.flex2{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.flex2 li{
	width: 18%;
	vertical-align: -webkit-baseline-middle;
	margin-bottom: 10px;
	cursor: pointer;
	padding: 1%;
	padding-top: 6px;
	padding-bottom: 4px;
	border-radius: 7px;
}
ul.flex2 li:hover{
	background: rgba(255,255,255, 0.5);
	box-shadow: 0px 0px 7px rgba(0,0,0, 0.25);
}
ul.flex2 li, ul.flex2 li i{
	font-size: 16px;
}
ul.flex2 li i{
	color: #DD0016;
	margin-right: 7px;
}

button.register{
	background: #DD0016;
	border: none;
	border: 1px solid #DD0016;
	color: #fff;
	font-size: 18px;
	border-radius: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 8px;
	cursor: pointer;
	margin-top: 10px;
}
button.register:hover{
	border: 1px solid #000;
	box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
	scale: 1.05;
}
button.register i{
	font-size: 18px;
	margin-right: 7px;
}

i.terms{
	font-size: 16px;
	margin-right: 7px;
	cursor: pointer;
	color: #DD0016;
}
div.terms{
	max-width: calc(60% - 40px);
	margin: auto;
	font-size: 18px;
	color: #636362;
	padding: 14px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
	border-radius: 7px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	background: rgba(255,255,255, 0.5);
	box-shadow: 0px 0px 7px rgba(0,0,0, 0.25);
	
}
div.terms:hover{
	background: rgba(255,255,255, 0.5);
	box-shadow: 0px 0px 7px rgba(0,0,0, 0.25);
}

ul.sectors{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 15px;
	margin-right: 15px;
}
ul.sectors li{
	width: 25%;
	vertical-align: -webkit-baseline-middle;
	cursor: pointer;
	margin-top: 6px;
	margin-bottom: 20px;
}
ul.sectors li > div{
	border: 1px solid #808080;
	border-radius: 15px;
	margin: 10px;
}
ul.sectors li a{
	color: #000;
	text-decoration: none;
	font-size: 18px;
	text-transform: capitalize;
}
ul.sectors li a div{
	color: #000;
	text-decoration: none;
	font-size: 18px;
	text-transform: capitalize;
	padding-left: 10px;
	padding-top: 5px;
}
ul.sectors li span{
	font-size: 14px;
	text-align: right;
	display: block;
	padding: 10px;
	padding-top: 0px;
}
ul.sectors li span i{
	font-size: 14px;
}
ul.sectors li img{
	width: 100%;
	border-radius: 15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
ul.sectors li:hover{
	scale: 1.05;
}


div.social{
	text-align: right;
	margin-bottom: 62px;
	margin-top: 40px;
}
div.social div{
	margin-left: 25px;
	margin-right: 25px;
}
div.social div > *{
	display: inline-block;
	margin-left: 20px;
}
div.social img{
	height: 60px;
}
div.social a:hover img{
	scale: 1.1;
}

.compprof{
	/*display: none !important;*/
	vertical-align: top;
	margin-top: 15px;
	text-decoration: none;
}
.compprof span{
	color: #494949;
	font-size: 15px;
	letter-spacing: 0.5px;
	vertical-align: text-top;
}
.compprof:hover{
	scale: 1.1;
}




div.error, div.error2, div.error3, div.error4, div.errorelse{
	display: none;
	text-align: center;
	color: #DD0016;
}

input{
	font-family: sans-serif;
	font-size: 17px;
}


div.header{
	/*background: rgba(255,255,255, 0.9);*/
	background: none;
	position: fixed;
	width: 100%;
	z-index: 2;
	/*box-shadow: 0px 0px 7px rgba(0,0,0, 0.25);*/
	transition: 0.25s;
}
div.header.white{
	background: rgba(0,0,0, 0.7);
}
div.footer{
	width: 100%;
	max-width: 1280px;
	margin: auto;
	background: #F7CA07;
	height: 55px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

table.tableform td{
	padding-bottom: 20px;
}
table.tableform input{
	width: calc(100% - 20px);
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #bbb;
}
table.tableform div.btns{
	text-align: center;
}
table.tableform div.btns div{
	display: inline-block;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
	border: 1px solid #bbb;
	cursor: pointer;
	min-width: 130px;
	position: relative;
	margin-left:10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
table.tableform div.btns2 div{
	min-width: 90px;
}
table.tableform div.btns div i{
	position: absolute;
	left: 7px;
	top: 22px;
}
div.btnsC{
	cursor: pointer;
}
span.brdr{
	display: inline-block;
	width: calc(100% - 20px);
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #bbb;
}


@media (max-width: 1100px) {
	div.flex1 > div{
		width: 47%;
	}
	ul.flex2 li{
		width: 23%;
	}
	ul.sectors li{
		width: 33%;
	}
}
@media (max-width: 900px) {
	ul.flex2 li{
		width: 31%;
	}
	ul.sectors li{
		width: 50%;
	}
@media (max-width: 739px) {
	div.flex1 > div{
		width: 100%;
	}
	ul.flex2 li{
		width: 48%;
	}
	ul.sectors li{
		width: 50%;
	}
}
@media (max-width: 539px) {
	ul.flex2 li{
		width: 100%;
	}
}