@import url('https://fonts.googleapis.com/css?family=Heebo:900');
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,300italic,400,500,700,900&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese);
@import url("fonts/SFPro/stylesheet.css");

*{margin:0}


html, body, #fullheight {
	min-height: 100% !important;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-appearance:none;
	-ms-overflow-style: none;
	font-family:'SF Pro Display', sans-serif;
	font-weight:500;
	-webkit-font-smoothing: subpixel-antialiased;
	scroll-behavior: smooth;
}

input, textarea, button, select {
	-webkit-appearance:none;
	border:none;
	outline:none;
}

.blur {
	-webkit-backdrop-filter:saturate(160%) blur(20px);
	backdrop-filter:saturate(160%) blur(20px);
}

.tag {
	color:grey;
	text-transform: uppercase;
	font-size: 16px;	
}

.spacer {
	flex: 1;
}

.grid_container_50_50 {
	display: grid;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	gap:20px
}

.grid_container_50_50_uv {
	display: grid;
	grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	gap:20px
}

.grid_container_40_60 {
	display: grid;
	grid-template-columns: calc(40% - 10px) calc(60% - 10px);
	gap:20px;
}

.grid_container_30_70 {
	display: grid;
	grid-template-columns: calc(30% - 10px) calc(70% - 10px);
	gap:20px;
}

.grid_container_70_30 {
	display: grid;
	grid-template-columns: calc(70% - 10px) calc(30% - 10px);
	gap:20px;
}

.grid_container_60_40 {
	display: grid;
	grid-template-columns: calc(60% - 10px) calc(40% - 10px);
	gap:20px;
}

.grid_container_33_33_33 {
	display: grid;
	grid-template-columns: calc(33% - 10px) calc(33% - 10px) calc(33% - 10px);
	gap:20px;
}

.grid_container_25_25_25_25 {
	display: grid;
	grid-template-columns: calc(25% - 3px) calc(25% - 3px) calc(25% - 2px) calc(25% - 2px);
	gap:20px;
}

.grid_item {
	font-size: 30px;
	text-align: center;
}
	
button {
	padding:0;
	font-weight:400;
}

.big_label {
	font-size:6rem;
	line-height:0.95em;
	font-weight: bold;
}

.medium_label {
	font-size:40px;
	line-height:0.95em;
	font-weight: bold;
}

img.icon {
	vertical-align:middle;
	height:20px;
}

a {
	text-decoration:none;
	color:inherit;
}

.text {
	font-size:14px;
}

.shadow {
	-webkit-box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
	-moz-box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
	box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
}

a {
	text-decoration:none !important;
}

.image-upload {
	padding:10px;
	background:#FFF;
	color:#000;
	border-radius:5px;
	display:inline-block;
	width:auto;
	font-size:12px;
	font-weight:500;
	transition:.25s;
	border:solid 0.5px #CCC;
	-webkit-box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
	-moz-box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
	box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
}

.image-upload > input {
    display: none;
}
 
::-webkit-scrollbar-track {
	background:none;
}
 
::-webkit-scrollbar-thumb {
	background: #EDEDED;
}

/* Index Navbar */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding:5px;
    overflow: hidden;
}

ul.topnav li {float: left;}

.navli {
	margin-top:10px;
	cursor:pointer;
}

ul.topnav li a {
    display: inline-block;
    color: #000;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 18px;
    font-weight:500;
    cursor:pointer;
}

ul.topnav li a:hover { color:#fff; }

ul.topnav li.icon {display: none;}

@media screen and (max-width:1046px) {
 	ul.topnav li:not(:first-child) {display: none;}
 	ul.topnav li:first-child {width: calc(100% - 120px) !important;}
  	ul.topnav li.icon {
    	float: right;
    	display: inline-block;
  	}
}

@media screen and (max-width:1046px) {
	ul.topnav.responsive {position: relative;}
	ul.topnav.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
		text-align:left;
		padding: 10px 10px;
	}

	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	ul.topnav.responsive li a {
		display: block;
		text-align: left;
		padding: 15px 10px;
	}

}


.login {
	padding:15px;
	background:#FFF;
	font-weight:400;
	border-radius:3px;
	font-size:16px;
	border:solid 1px #EDEDED;
	width:calc(100% - 32px);
	transition:.25s;
}

.lineClamp {
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}


.login:focus {
	border:solid 1px #BE0023;
}

select {
	width:100%;
}

.label {
	font-size:16px;
	margin-bottom:7px;
	font-weight:500;
}

.backButton {
	padding:10px;
	background:#F5F4F6;
	color:#000;
	border-radius:5px;
	font-size:14px;
	font-weight:500;
	transition:.25s;
}

.backButton > img {
	width:20px;
	margin-right:5px;
}

.actionBtn {
	padding:15px;
	background:#F2A93C;
	color:white;
	border-radius:5px;
	font-size:14px;
	font-weight:500;
	transition:.25s;
}

.button1 {
	padding:10px;
	background:#FFF;
	color:#000;
	border-radius:12px;
	font-size:12px;
	font-weight:500;
	transition:.25s;
	border:solid 0.5px #CCC;
	-webkit-box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
	-moz-box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
	box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
}

.bigbutton {
	padding:15px;
	background:#FFF;
	color:#000;
	border-radius:12px;
	font-size:14px;
	font-weight:700;
	transition:.25s;
	-webkit-box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
	-moz-box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
	box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
	margin-bottom:10px;
}

.blurbutton {
	padding:15px;
	color:#FFF;
	border-radius:8px;
	font-size:12px;
	font-weight:600;
	-webkit-backdrop-filter:saturate(160%) blur(20px);
	backdrop-filter:saturate(160%) blur(20px);
	-webkit-box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
	-moz-box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
	box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
}

.contentInsets {
	max-width:calc(1480px - 10%);
	margin:0 auto;
	padding:0 5% 0 5%;
}

.tileshadow {
	-webkit-box-shadow: 0 12px 40px 6px rgba(0, 0, 0, 0.025);
    box-shadow:0 12px 40px 6px rgba(0, 0, 0, 0.025)
}

.secondaryButton {
	padding:15px;
	border:solid 2px #BE0023;
	color:#BE0023;
	border-radius:5px;
	background:none;
	font-size:14px;
	font-weight:600;
	transition:.25s;
}

.bigbutton:hover {
	transform:scale(1.03);
}

.actionBtn:hover {
	transform:scale(1.03);
}

.secondaryButton:hover {
	transform:scale(1.025);
}

.button1:hover {
	transform:scale(1.025);
}

.success {
	width:calc(100% - 40px);
	margin-top:20px;
	border-radius:6px;
	padding:10px 20px 10px 20px;
	height:auto;
	background:deepskyblue;
	color:white;
}

.error {
	width:calc(100% - 40px);
	margin-top:20px;
	border-radius:6px;
	padding:10px 20px 10px 20px;
	height:auto;
	background:red;
	color:white;
}

.load_more {
	padding:10px;
	font-size:16px;
	background:#333;
	color:#FFF;
	border-radius:3px;
}


th {
	background:#FFF;
	padding:10px;
	text-align:left;
	font-size:14px;
}

table {
	background:#ECEFF2;
}

td {
	padding:10px;
	font-size:14px;
	color:#000;
}

tr:nth-of-type(odd) {
    background:#FFF;
}

.hod {
	display:none !important;
}

fieldset {
	border:solid 0.5px #EDEDED;
	border-radius:6px;
	background:#F1F4F6;
	font-size:15px;
	padding:10px;
	font-weight:400;
}

legend {
	font-weight:bold;
	text-transform:uppercase;
	background:#000;
	padding:5px;
	color:#FFF;
	border-radius:3px;
	font-size:12px;
}


.sectionTitle {
	font-size:80px;
}

@media screen and (max-width:780px) {

	.big_label, .medium_label {
		font-size:40px;
		font-weight: bold;
	}

	.grid_container_50_50 {
		display: grid;
		grid-template-columns: 100%;
		padding: 0;
	}
	
	.grid_container_40_60 {
		display: grid;
		grid-template-columns: 100%;
		padding: 0;
	}
	
	.grid_container_30_70 {
		display: grid;
		grid-template-columns: 100%;
		padding: 0;
	}

	.grid_container_70_30 {
		display: grid;
		grid-template-columns: 100%;
		padding: 0;
	}
	
	.grid_container_60_40 {
		display: grid;
		grid-template-columns: 100%;
		padding: 0;
	}
	
	.grid_container_33_33_33 {
		display: grid;
		grid-template-columns: 100%;
		padding: 0;
	}
	
	.grid_container_25_25_25_25 {
		display: grid;
		grid-template-columns: 25% 25% 25% 25%;
		padding: 0;
		gap:0;
	}

	.grid_container {
		display: grid;
		grid-template-columns: 100%;
		padding: 0;
	}

	.grid_item {
		padding: 0 0 20px 0;
		font-size: 30px;
		text-align: center;
	}

	#loginForm, #registerForm, #recoverForm {
		width:100% !important;
	}
	
	.hom {
		display:none !important;
	}

	.hod {
		display:block !important;
	}

	.fwom {
		width:calc(100%) !important;
		margin-left:0 !important;
		padding:0 !important;
	}

	.fwomwp {
		width:calc(100%) !important;
		margin-left:0 !important;
	}
	
	.fullWidthOnMobile {
		width:100% !important;
		max-width:none !important;
		padding:0 !important;
	}
	
	.sectionTitle {
		font-size:30px !important;
	}
	
	.tilewrapper {
		height:auto !important;
	}
	
	.tileimage, .tiletext {
		width:calc(100% - 40px) !important;
		padding:20px !important;
		margin-bottom:10px !important;
	}
	
	.tileimage > img {
		width:100% !important;
	}
	
	.aom {
		text-align:center !important;
	}
	
	
}