#main {
	width: 1102px; max-width: calc(100% - 30px);
	position: relative; left: 50%; transform: translate(-50%,0);
	padding-top: 21px; border: px solid red;
}
	#header {
		height: 60px; position: relative;
	}
		#ligandLogo {
			position: absolute; left: calc((100% - 1102px) / 2); top: 21px;
		}
		@media only screen and (max-width: 1132px) {
			#ligandLogo {
				position: absolute; left: 15px; top: 21px;
			}
		}
		#comedLogo {
			width: 139px;
			position: absolute; top: 50%; right: 0; transform: translate(0, -50%);
			opacity: 0.3; cursor: pointer;
		}
			#comedLogo:hover {
				opacity: 1;
			}

	#block1 {
		position: relative;
		min-height: 663px;
		padding-top: 65px;
		margin-bottom: 120px;
	}
		#circleButtonsSwitch {
			position: relative;
			width: 430px; max-width: calc(100% - 562px); border: px solid red;
		}
			.tab {
				display: none;
			}
			#default {}
				#defaultTable {
					width: 100%; margin-bottom: 15px;
					position: relative; bottom: 60px;
					border-spacing: 0 60px;
				}
				#defaultTable tr {
					margin-bottom: 20px;
				}
				#defaultTable td:first-child {
					width: 55%;
					vertical-align: center; text-align: center;
					color: var(--orangeTwo); font-size: 60px; font-weight: 600; margin-right: 66px;
				}
					.counter {
						display: inline-block;
					}
				#defaultTable td:last-child {
					vertical-align: center; text-align: left;
					font-size: 24px;
				}
				
				#default .sendRequestButton {
					position: relative; box-sizing: border-box;
					width: 100%; height: 65px; border-radius: 8px; border: 2px solid var(--blueOne);
					background: var(--blueOne); color: white; font-size: 24px;
					cursor: pointer; user-select: none;
				}
					#default .sendRequestButton:active {
						background: white; color: var(--blueTwo);
					}
			.tab {}
				.tab .textOne {
					color: var(--orangeTwo); font-size: 40px; font-weight: 700;
					margin-bottom: 32px;
				}
				.tab li {
					margin-bottom: 20px;
				}
				.tab ul {
					margin-bottom: 53px; padding-left: 30px;
				}
				.tab .sendRequestButton {
					display: inline-block; position: relative; box-sizing: border-box;
					width: calc(50% - 10px); height: 65px; border-radius: 8px; border: 2px solid var(--blueOne);
					background: var(--blueOne); color: white; font-size: 18px; margin-right: 20px;
					cursor: pointer; user-select: none;
				}
					.tab .sendRequestButton:active {
						background: white; color: var(--blueTwo);
					}
				.tab .moreInfoButton {
					display: inline-block; position: relative; box-sizing: border-box;
					width: calc(50% - 10px); height: 65px; border-radius: 8px; border: 2px solid var(--blueOne);
					color: var(--blueOne); font-size: 18px;
					cursor: pointer; user-select: none;
				}
					.tab .moreInfoButton:active {
						background: var(--blueTwo); color: white;
					}

		#circleButtons {
			width: 562px; height: 562px;
			position: absolute; right: 0; top: 65px;
			user-select: none;
			margin-bottom: 200px;
		}
			#bigOrangeCircle {
				width: 100%; height: 100%; border-radius: 100%;
				position: absolute; top: 0; left: 0;
				background: radial-gradient(transparent 53%, var(--orangeOne) 53.5%);
			}
			#bigBlueCircle {
				width: 100%; height: 100%; border-radius: 100%;
				position: absolute; top: 0; left: 0;
				background: radial-gradient(transparent 53%, var(--blueOne) 53.5%);
				clip-path: polygon(0 0, 100% 0, 100% 13.67%, 50% 50%, 100% 86.33%, 100% 100%, 0 100%, 0 0);
			}
			#smallOrangeCircle {
				width: 194px; height: 194px; border-radius: 100%;
				position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
				background: var(--orangeOne); color: white; text-align: center;
				cursor: pointer;
			}
				#smallOrangeCircle > .textOne {
					margin-top: 53px;
					display: inline-block;
					font-size: 54px; font-weight: 600;
					margin-bottom: 3px;
				}
				#smallOrangeCircle > .textTwo {
					display: inline-block;
					font-size: 12px;
				}
			
			.buttonSection {
				width: 72%; height: 72%; border-radius: 100%;
				position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
				cursor: pointer;
			}
				.buttonContent {
					position: absolute;
					text-align: center;
				}
					.buttonImage {
						display: inline-block;
						width: 37px; height: 37px;
						background-repeat: no-repeat; background-size: contain; background-position: center;
						margin-bottom: 7px; border: px solid black;
					}
					.buttonContent > .textOne {
						font-size: 12px;
					}
					
			#buttonSection1 {
				clip-path: polygon(0 0, 13.67% 0, 50% 50%, 0 66.25%, 0 0);
			}
				#buttonSection1 > .buttonContent {
					top: 100px; left: 8px;
				}
					#buttonSection1 > .buttonContent > .buttonImage {
						background-image: url(../images/wheel/1Blue.png);
					}		
			#buttonSection2 {
				clip-path: polygon(13.67% 0, 50% 50%, 86.33% 0, 13.67% 0);
			}
				#buttonSection2 > .buttonContent {
					top: 10px; left: 50%; transform: translate(-50%,0);
				}
					#buttonSection2 > .buttonContent > .buttonImage {
						background-image: url(../images/wheel/2Blue.png);
					}
			#buttonSection3 {
				clip-path: polygon(100% 0, 86.33% 0, 50% 50%, 100% 66.25%, 100% 0);
			}
				#buttonSection3 > .buttonContent {
					top: 100px; right: 18px;
				}
					#buttonSection3 > .buttonContent > .buttonImage {
						background-image: url(../images/wheel/3Blue.png);
					}
			#buttonSection4 {
				clip-path: polygon(100% 100%, 100% 66.25%, 50% 50%, 50% 100%, 100% 100%);
			}
				#buttonSection4 > .buttonContent {
					bottom: 50px; right: 70px;
				}
					#buttonSection4 > .buttonContent > .buttonImage {
						background-image: url(../images/wheel/4Blue.png);
					}
			#buttonSection5 {
				clip-path: polygon(0 100%, 0 66.25%, 50% 50%, 50% 100%, 0 100%);
			}
				#buttonSection5 > .buttonContent {
					bottom: 45px; left: 70px;
				}
					#buttonSection5 > .buttonContent > .buttonImage {
						background-image: url(../images/wheel/5Blue.png);
					}
	
	
	#block2 {
	}
		#block2 > .textOne {
			text-align: center;
			color: var(--orangeTwo); font-size: 40px; font-weight: 700;
			margin-bottom: 41px;
		}
		.serviceButton {
			display: inline-block; position: relative; vertical-align: top;
			height: 54px; border-radius: 4px;
			background: rgb(248,248,248); 
			color: rgba(75,102,171,0.5); font-size: 14px; text-align: center; padding: 0 20px;
			margin-right: 10px; user-select: none; cursor: pointer;
		}
		.serviceButton:last-child {
			margin-right: 0;
		}
		@media only screen and (max-width: 1132px) {
			.serviceButton {
				width: calc(100%/6 - 100px/12);
				padding: 0;
			}
		}
		
		
		#allServicesTable {
			width: calc(100% + 70px);
			position: relative; left: 50%; transform: translate(-50%,0);
			border-spacing: 45px 35px;
			margin-bottom: 120px;
		}
			#allServicesTable td {
				width: 30%; position: relative; vertical-align: top;
				opacity: 0.3;
			}
			.image {
				display: inline-block; vertical-align: top;
				width: 75px; height: 75px;
				background-size: contain; background-repeat: no-repeat; background-position: top;
				margin-right: 25px;
				
				
			}
			.text {
				display: inline-block; vertical-align: top;
				width: calc(100% - 100px); height: 100%;
				
			}
				.text .textOne {
					color: var(--blueOne); font-size: 18px; font-weight: 700;
					margin-bottom: 8px;
				}
				.text .textTwo {
					color: var(--blueOne); font-size: 14px;
				}
		
	#footer {
		padding-bottom: 100px;
	}
		#footer .textOne {
			display: inline-block;
			font-size: 18px; margin-right: 100px;
			cursor: pointer;
		}
			#footer .textOne:hover {
				text-decoration: underline;
			}
		#searchBar {
			display: inline-block; vertical-align: top;
			width: 221px; height: 34px; border-radius: 4px; border: 1px solid var(--blueTwo);
			overflow: hidden; margin-right: 33px;
		}
			#searchBarInput {
				height: 100%; width: calc(100% - 33px); border: 0px solid black;
				font-size: 14px; padding-left: 15px;
			}
			#searchBarIcon {
				width: 18px; height: 18px;
				position: absolute; top: 50%; transform: translate(0,-50%); right: 15px;
				background: url(../images/searchIcon.png) no-repeat; background-size: contain; background-position: center;
			}
	
		#ukFlag {
			width: 38px; margin-right: 16px; vertical-align: top;
			cursor: pointer;
		}
		#russianFlag {
			width: 38px; vertical-align: top;
			cursor: pointer;
		}
		
		#footer .textTwo {
			margin-top: 46px;
			text-align: center; font-size: 16px;
		}
	

.popUpWindow {
	width: 720px; max-width: calc(100% - 30px);
	position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);
	background: white; color: black; text-align: center; padding: 43px; border: 1px solid black;
	font-family: inter; color: var(--blueTwo); 
	z-index: 3; display: none;
}
	.popUpWindow .lilCross {
		position: absolute; top: 35px; right: 44px;
		cursor: pointer;
	}
	
#leaveRequestWindow {}
	#leaveRequestWindowMain {}
		#leaveRequestWindowMain .textOne {
			font-size: 40px; font-weight: 700;
		}
		#leaveRequestWindowMain .textTwo {
			margin-top: 16px;
			color: rgb(126,130,133); font-size: 18px;
			margin-bottom: 30px;
		}
		
		.leaveRequestInput {
			width: 394px; height: 56px; border-radius: 4px; border: 1px solid rgb(156,156,156);
			padding-left: 16px;
			margin-bottom: 8px;
		}
		textarea.leaveRequestInput {
			padding-top: 19px; height: 74px;
		}
		
		#leaveRequestWindowMain .sendRequestButton {
			display: inline-block; position: relative; box-sizing: border-box;
			width: 394px; height: 65px; border-radius: 8px; border: 2px solid var(--blueOne);
			background: var(--blueOne); color: white; font-size: 16px;
			cursor: pointer; user-select: none;
		}
		#leaveRequestWindowMain .textThree {
			margin-top: 8px;
			display: inline-block; width: 394px;
			font-size: 14px; text-align: left;
	}
	#leaveRequestWindowThanks {
		display: none;
	}
		#leaveRequestWindowThanks .line {
			top: 50%; transform: translate(0,-50%);
		}
		#messageSentIcon {
			width: 300px;
		}
		#leaveRequestWindowThanks .textOne {
			font-size: 25px;
			margin-top: 40px;
		}

#policiesWindow {}
	#securityIcon {
		width: 250px;
		margin-bottom: 40px;
	}
	.pdfIcon {
		display: inline-block;
		width: 40px;
		position: relative; top: 13px; margin-right: 7px;
	}
	#policiesWindow .line {
		margin-top: 5px;
	}





#aboutUsWindow {
	width: 1000px; max-width: calc(100% - 30px);
	position: sticky; top: 20px;
	background: white; color: black; text-align: center; padding: 43px; border: 1px solid black;
	font-family: inter; color: var(--blueTwo); margin-bottom: 20px;
	z-index: 3; display: none;
}
	#aboutUsWindow .lilCross {
		position: absolute; top: 35px; right: 44px;
		cursor: pointer;
	}
	#aboutUsWindow .textOne {
		color: var(--orangeTwo); font-size: 40px; font-weight: 700;
		margin-bottom: 40px;
	}
	#ligandCycle {
		width: 320px;
	}
	#aboutUsWindow .textTwo {
		display: inline-block; vertical-align: top;
		width: calc(100% - 400px); padding: 30px; margin-left: 4%;
		position: relative; transform: translate(0,50%);
		border: 1px solid grey; font-style: italic;
	}
	#aboutUsWindow .textThree {
		margin-top: 30px;
		font-size: 18px;
		text-align: left;
	}

#contactsWindow {
	width: 900px; padding: 30px;
}
	
	#contactsWindow .textOne {
		color: var(--orangeTwo); font-size: 40px; font-weight: 700;
		margin-bottom: 40px;
	}
	#contactsWindow .textTwo {
		font-size: 18px; 
	}
	#contactsWindow .textThree {
		display: inline-block; color: var(--orangeTwo);
	}
	#map {
		margin-top: 10px;
		border: none;
		width: 100%; height: 300px;
		margin-bottom: 30px;
	}
	
	#contactsWindow .textFour {
		font-size: 18px; margin-bottom: 30px;
	}
	#phoneIcon {
		height: 40px; margin-right: 15px;
		position: relative; top: 15px;
	}
	#mailIcon {
		width: 40px; margin-right: 15px;
		position: relative; top: 10px;
	}
	#contactsWindow .textFour:last-child {
		margin: 0;
	}
	.textFive, .textSix {
		cursor: pointer;
	}

#blurryBlanket {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(36,42,56,0.68); backdrop-filter: blur(20px); display: none;
	z-index: 2;
}