@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*
font-family: 'Raleway', sans-serif;
*/

:root {	
	--wd-main:#263238;
	--wd-main-rgb:38,50,56;
	
	--wd-light:#eceff1;
	
	--wd-gray:#607d8b;
	--wd-gray-rgba:96,125,139;
	
	--wd-red:#e91e63;
	--wd-red-rgb:233,30,99;
	--wd-blue:#2196f3;
	--wd-white:#ffffff;
	--wd-white-rgb:255,255,255;
	
	--wd-shadow:0 10px 50px rgba(0,0,0,0.1);
	--wd-shadow-dark:0 16px 35px rgba(0,0,0,0.15);
	--wd-border:1px solid #cfd8dc;
}

/*---------------------------------------------------------/
[01] COMMON STYLE
[02] BTN
[03] PRELOADER
[04] SCROLL UP
[05] FOOTER
[06] HEADER
[07] OFFCANVAS
[08] SLIDER
[09] ABOUT
[10] DISCIPLINE
[11] LECTURE
[12] LABS
[13] SELFWORK
[14] PRESENTATION
[15] BALLS
[16] COURSEWORK
[17] TECHNOLOGY
[18] TEACHERS
[19] FAQ
[20] PAGES
---------------------------------------------------------*/
/*--------------------------------------------------------/
[01] COMMON STYLE
---------------------------------------------------------*/

* {
	outline: none!important;
	transition: all 0.3s ease-out 0s;
}
*, *::after, *::before {
	box-sizing: border-box;
}
html {
	position: relative;
	min-height: 100%;
}
html,
body {
	-webkit-tap-highlight-color: transparent;	
	   -webkit-text-size-adjust: 100%;	
	width: 100%;	
	background:var(--wd-white);
	color: var(--wd-main);
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height:1.5;  
	overflow-x: hidden;
}

@media (min-width: 992px) {
	body {
		margin-bottom:370px;
	}
	footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 370px;
	}
}
img {
	max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	margin: 20px 0;
	line-height: 1.5;
}
h6 {
	text-align: center;
}
h1 {
	margin: 30px 0;
}
ul, ol {
	padding: 0;
	margin: 0;
	list-style: none;
}
a, 
a:hover, 
a:active,
a:focus{
	color: var(--wd-red);
	text-decoration: none;
}
a {
	color: var(--wd-blue);
}
*::-moz-selection {
	background: var(--wd-gray);
	color:var(--wd-white);
	text-shadow: none;
}
::-moz-selection {
	background: var(--wd-gray);
	color:var(--wd-white);
	text-shadow: none;
}
::selection {
	background: var(--wd-gray);
	color:var(--wd-white);
	text-shadow: none;
}
*::-moz-placeholder {
	color: var(--wd-gray);
	font-size: 1em;
	opacity: 1;
}
*::placeholder {
	color: var(--wd-gray);
	font-size: 1em;
	opacity: 1;
}

img {
	max-width: 100%;
}
section {
	padding: 50px 0;
}
@media only screen and (max-width: 991px) {
	section {
		padding: 20px 0;
	}	
}
@media (min-width: 1200px) {
	.container-narrow {
		max-width: 1024px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;	  
	}
}
.container-narrow {
	padding-bottom: 50px;
}
.container-narrow ul li {
	list-style: circle;
	margin: 10px 0 10px 30px;
}
.container-narrow ol li {
	list-style: decimal;
	margin: 10px 0 10px 30px;
}
.container-narrow a {
	color: var(--wd-blue);
}
.container-narrow a:hover, 
.container-narrow a:active,
.container-narrow a:focus{
	color: var(--wd-red);
}
main ul li {
	list-style: circle;
	margin: 10px 0 10px 30px;
}
main ol li {
	list-style: decimal;
	margin: 10px 0 10px 30px;
}
main a {
	color: var(--wd-blue);
}
main a:hover, 
main a:active,
main a:focus{
	color: var(--wd-red);
}
.heading h5{
	font-weight: 600;
	font-size: 0.8em;
	text-transform: uppercase;
	line-height: 25px;
	display: block;
	margin-bottom: 5px;
	color: var(--wd-gray);
	letter-spacing: 2px;
}
.heading h5 i {
	color: var(--wd-red);
	font-size: 3em;
	position: relative;
	top: 10px;
}
.heading h2 {
	display: block;
	margin-bottom: 25px;
}
.heading h2 span{
	font-style: italic;
	color: var(--wd-red);
}
.heading p {
	font-size: 1.1em;
}

/*--------------------------------------------------------/
[02] BTN
---------------------------------------------------------*/
.primary-btn {
	display: inline-block;
	padding: 13px 35px;
	border-radius: 3px;
	color:var(--wd-white);
	font-size: 1em;
	font-weight: 600;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.primary-btn:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:var(--wd-red);
	border-radius: 3px;
	z-index: -2;
}
.primary-btn:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color:var(--wd-main);
	transition: all 0.3s;
	border-radius: 3px;
	z-index: -1;
}
.primary-btn:hover,
.primary-btn:active,
.primary-btn:focus{
	color:var(--wd-white);
}
.primary-btn:hover:before {
	width: 100%;
}
.white-btn {
  display: inline-block;
  padding: 17px 51px;
  border-radius: 3px;
  color:var(--wd-main);
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.white-btn:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:var(--wd-white);
  border-radius: 3px;
  z-index: -2;
}
.white-btn:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color:var(--wd-red);
  transition: all 0.3s;
  border-radius: 3px;
  z-index: -1;
}
.white-btn:hover {
  color:var(--wd-white);
}
.white-btn:hover:before {
  width: 100%;
}
.transparent-btn {
  display: inline-block;
  padding: 13px 35px;
  color: #03041c;
  font-weight: 600;
  transition: all 0.5s;
  border: 2px solid var(--wd-gray);
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.transparent-btn:after, 
.transparent-btn:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
  border-radius: 3px;
}
.transparent-btn:after {
  background-color: transparent;
  z-index: -2;
}
.transparent-btn:before {
  background-color:var(--wd-red);
  z-index: -1;
  width: 0;
}
.transparent-btn:hover {
  border-color: transparent;
  color:var(--wd-white);
}
.transparent-btn:hover:before {
  width: 100%;
}
.btn-transparent {
	display: inline-block;
	padding: 13px 35px;
	color:var(--wd-main);
	font-weight: 600;
	transition: all 0.5s;
	border:var(--wd-border);
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.btn-transparent:after, 
.btn-transparent:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.4s;
	border-radius: 3px;
}
.btn-transparent:after {
	background-color: transparent;
	z-index: -2;
}
.btn-transparent:before {
	background-color:var(--wd-red);
	z-index: -1;
	width: 0;
}
.btn-transparent:hover {
	border-color: transparent;
	color:var(--wd-white);
}
.btn-transparent:hover:before {
	width: 100%;
}

/*--------------------------------------------------------/
[03] PRELOADER
---------------------------------------------------------*/
.preloader {
	position: fixed;	
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;	
	width: 100%;
	height: 100%;
	background:var(--wd-white);	
	cursor: default;
	z-index: 9999999;
}
.preloader .animation-preloader {
	z-index: 1000;
}
.preloader .animation-preloader .spinner {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 200px;
	height: 200px;
	border: 3px solid var(--wd-light);
	border-radius: 50%;
	text-align: center;
}
.preloader .animation-preloader .spinner::before {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 200px;
	height: 200px;
	border-top: 3px solid var(--wd-red);
	border-radius: 50%;
	animation: loaderspin 1.8s infinite ease-in-out;
}
@media (max-width: 767px) {
	.preloader .animation-preloader .spinner {
		width: 7.5em;
		height: 7.5em;
		margin: 0 auto 1.5em auto;
	}
}
.preloader .animation-preloader .txt-loading {
	margin-top: 170px;
	font-size: 5em;
	font-weight: 700;
	line-height: 118px;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
			user-select: none;
}
@media (max-width: 767px) {
	.preloader .animation-preloader .txt-loading {
		font-size: 4em;
	}
}
@media (max-width: 575px) {
	.preloader .animation-preloader .txt-loading {
		font-size: 2em;
	}
}
.preloader .animation-preloader .txt-loading .letters-loading {
	color: var(--wd-gray);
	position: relative;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
	animation-delay: 0.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
	animation-delay: 0.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
	animation-delay: 0.6s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
	animation-delay: 0.8s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
	animation-delay: 1s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
	animation-delay: 1.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
	animation-delay: 1.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
	color:var(--wd-red);
	content: attr(data-text-preloader);
	left: 1px;
	opacity: 0;
	position: absolute;
	top: -11px;
	transform: rotateY(-90deg);
	animation: letters-loading 4s infinite;
}
.preloader p {
	font-size: 1.2em;
	font-weight: 600;
	text-transform: uppercase;
	color:var(--wd-gray);
}		
@-webkit-keyframes letters-loading {
	0%, 75%, 100% {
		opacity: 0;
		transform: rotateY(-90deg);
	}
	25%, 50% {
		opacity: 1;
		transform: rotateY(0deg);
	}
}
@keyframes letters-loading {
	0%, 75%, 100% {
		opacity: 0;
		transform: rotateY(-90deg);
	}
	25%, 50% {
		opacity: 1;
		transform: rotateY(0deg);
	}
}

/*--------------------------------------------------------/
[04] SCROLL UP
---------------------------------------------------------*/
.scroll-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	display: block;
	border-radius: 100%;
	box-shadow:var(--wd-shadow);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(0.75rem);
	transition: all 0.2s linear, margin-right 0s;
}
.scroll-top.progress-done {
	visibility: visible;
	transform: translateY(0);
}
.scroll-top-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color:var(--wd-red);
}
.scroll-top > svg path {
	fill: none;
}
.scroll-top > svg.progress-circle path {
	stroke:var(--wd-red);
	stroke-width: 4;
	box-sizing: border-box;
	transition: all 200ms linear;
}
@media (min-width: 1px) {
	.scroll-top.progress-done {
		opacity: 1;
	}
}

/*--------------------------------------------------------/
[05] FOOTER
---------------------------------------------------------*/
footer {
	background:url(../images/bg/footer-bg.jpg) center no-repeat;
	background-size: cover;
	padding: 50px 0;
	color: var(--wd-white);
}
footer a {
	color: var(--wd-light);
}
footer a:hover {
	color: var(--wd-blue);
}
.footer-logo img {
	margin-bottom: 30px;
}
.footer-button {
	display: flex;
	align-items: center;
	margin-top: 10px;
}
.footer-button i {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	background:var(--wd-red);
	border-radius: 8px;
	color:var(--wd-white);
	font-size: 2em;
	margin-right: 24px;
}
.footer-button .contact-number {
	color:var(--wd-light);
	font-size: 1.3em;
}
.footer-button .number {
	display: block;
	font-weight: 700;
	color:var(--wd-white);
	transition: 0.4s;
	font-size: 1.2em;
}
.footer-button .number:hover {
	color:var(--wd-red);
}
.footer-list {
	margin-top: 15px;
}
.footer-list li {
	margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
	.footer-list {
		margin-top: 30px;
	}	
	.footer-list li {
		display: inline-block;	
		margin-right: 20px;
	}
	.footer-list li::after {
		display: inline-block;
		margin-left: 20px;
		content: "|";
	}	
}
@media only screen and (max-width: 500px) {
	.footer-list li {
		display: block;	
		margin-right: 0px;
	}
	.footer-list li::after {
		display: none;
	}	
}
.copyright {
	text-align: center;
	padding-top: 30px;
	margin-top: 20px;
	border-top:1px dotted rgba(var(--wd-white-rgb),0.3);
}

/*--------------------------------------------------------/
[06] HEADER
---------------------------------------------------------*/
header {
  background:var(--wd-white);
  position: relative;
  width: 100%;
  z-index: 9;
  transition: 0.6s;
}
.top-line {
  position: relative;
  background:var(--wd-main);
  padding: 11px 0;
}	
.top-line::before {
  content: "";
  position: absolute;
  border-bottom: 50px solid var(--wd-red);
  border-left: 0 solid transparent;
  border-right: 45px solid transparent;
  height: 0;
  width: 29%;
  top: 0;
}
@media only screen and (max-width: 1199px) {
	.top-line::before {
		display: none;
	}
}
.top-line-block	{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top-line-info {
	position: relative;
	z-index: 3 !important;
	display: flex;
	justify-content: center;
	align-items: center;
}	
.top-line-block h5 {
	margin: 0;
	z-index: 5;
	font-size: 1em;
	color: var(--wd-white);
}

.top-line .info-list li {
	display: inline-block;
	margin-right: 25px;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.top-line .info-list li span{
		display:none;
	}
	.top-line .info-list li {
		margin-right: 0;
		position: relative;
	}	
}
.top-line .info-list li i {
	margin-right: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	background: var(--wd-red);
}
.top-line .info-list li a {
	font-weight: 500;
	font-size: 15px;
	color:var(--wd-white);
	transition: 0.4s;
	padding-left: 5px;
}
.top-line .info-list li a:hover {
	color:var(--wd-red);
}
.top-line .info-list li a:hover i{
	color:var(--wd-white);
}	
@media only screen and (max-width: 1199px) {
	.top-line-block	{
		justify-content: center;
	}	
	.top-line h5 {
		display: none;
	}
}
.top-line h5 a {
	font-weight: 500;
	font-size: 15px;
	color:var(--wd-white);
	transition: 0.4s;
	padding-left: 5px;
}
.top-line h5 a:hover {
	color:var(--wd-red);
}
.menu-line {
	position: relative;
	background:var(--wd-white);
}
.menu-line::before {
	content: "";
	position: absolute;
	border-top: 90px solid var(--wd-light);
	border-left: 0 solid transparent;
	border-right: 45px solid transparent;
	height: 0;
	width: 29%;
	top: 0;
}
@media only screen and (max-width: 1199px) {
	.menu-line::before {
		display: none;
	}
}	
header.sticky .menu-line {
	position: fixed;
	width: 100%;
	top: 0;
	box-shadow:var(--wd-shadow);
	animation: sticky 1s;
	z-index: 999;
}
@-webkit-keyframes sticky {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0%);
	}
}
@keyframes sticky {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0%);
	}
}	
@media only screen and (max-width: 991px) {
	header.sticky .menu-line {
		position: static;
	}	
}
.menu-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
}	
.menu-block .logo{
	z-index: 5;
}
.main-menu {
	display: flex;
}
@media only screen and (max-width: 991px) {
	.main-menu {
		display: none;
	}
	.menu-select .hamburger-icon {
		display: block !important;
	}	
}	
.main-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.main-menu li {
	display: inline-block;
	position: relative;
	margin-right: 30px;
}
@media only screen and (max-width: 1200px) {
	.main-menu li {
		margin-right: 20px;
	}	
}	
.main-menu li:last-child {
	margin-right: 0;
}
.main-menu li a {
	color: var(--wd-main);
	font-size: 1em;
	font-weight: 500;
	display: block;
	transition: 0.4s;
}
.main-menu > li > a {
	padding-top: 22px;
	padding-bottom: 22px;
}	
.main-menu li a:hover {
	color: var(--wd-red);
}	
.main-menu > li.current-menu-item .active {
	color: var(--wd-red);
}
.main-menu > li.current-menu-item .active::before {
	color: var(--wd-red);
}
.main-menu > li.menu-item-has-children > a::before {
	content: "\f107";
	font-family: 'Line Awesome Free';
	font-weight: 900;	
	color: var(--wd-main);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -20px;
	transition: 0.4s;
}
.main-menu > li.menu-item-has-children > a:hover::before {
	color: var(--wd-red);
}
.main-menu li .sub-menu-list {
	margin: 0;
	padding: 0;
	list-style: none;
	background: var(--wd-white);
	padding: 30px 20px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
	top: 130%;
	transition: 0.4s;
	width: 200px;
	box-shadow: var(--wd-shadow);
}
.main-menu li .sub-menu-list::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 3px;
	background: var(--wd-red);
	content: "";
	transition: 0.6s;
}
.main-menu li:hover .sub-menu-list {
	opacity: 1;
	visibility: visible;
	top: 100%;
}
.main-menu li:hover .sub-menu-list::before {
	width: 100%;
}	
.main-menu li .sub-menu-list li {
	display: block;
	padding-bottom: 15px;
	transition: 0.4s;
	position: relative;
}
.main-menu li .sub-menu-list li:last-child {
	padding-bottom: 0;
}
.main-menu li .sub-menu-list li a {
	color: var(--wd-main);
}
.main-menu li .sub-menu-list li a:hover {
	color: var(--wd-red);
}
.main-menu li .sub-menu-list li::before {
	content: "";
	width: 0;
	height: 2px;
	background: var(--wd-red);
	position: absolute;
	top: 13px;
	left: 0;
	transition: 0.4s;
}
.main-menu li .sub-menu-list li:hover {
	padding-left: 20px;
}
.main-menu li .sub-menu-list li:hover::before {
	width: 14px;
}
	
.menu-select {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.hamburger-icon {
	margin-right: 20px;
}	
.hamburger-icon a {
	cursor: pointer;
	display: block;
	transition: 0.4s;
}
.hamburger-icon a span {
	height: 2px;
	width: 25px;
	display: block;
	background:var(--wd-main);
	cursor: pointer;
	list-style: none;
	margin: 6px 0;
	transition: 0.4s;
	margin-left: auto;
}
.hamburger-icon a span.dot3 {
	width: 20px;
}
.hamburger-icon a span.dot2 {
	width: 15px;
}
.hamburger-icon a:hover span {
	background: var(--wd-red);
}
.hamburger-icon a:hover .dot2,
.hamburger-icon a:hover .dot3 {
	width: 25px;
}	

@media only screen and (max-width: 450px) {
	.menu-block .header-btn{
		display: none;
	}
}

/*--------------------------------------------------------/
[07] OFFCANVAS
---------------------------------------------------------*/
.overlay-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in;
}
.offcanvas-area {
	position: fixed;
	top: 0;
	right: -450px;
	bottom: 0;
	width: 400px;	
	background: var(--wd-white);
	padding: 30px;
	z-index: 9999;
	opacity: 0;
	visibility: visible;
	transition: 0.4s;
}
@media only screen and (max-width: 450px) {
	.offcanvas-area {
		width: 300px;
	}
}
.canvas_expanded .offcanvas-area {
	right: 0;
}
.canvas_expanded .offcanvas-area,
.canvas_expanded .overlay-bg {
	opacity: 1;
	visibility: visible;
}	
.offcanvas-area .offcanvas-header {
	padding-bottom: 35px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.offcanvas-area .offcanvas-icon svg {
	transition: 0.4s;
}
.offcanvas-area .offcanvas-icon svg:hover {
	fill: var(--wd-red);
}
.aside-list	{
	margin: 20px 0;
}
.aside-list	li{
	display: flex;
	align-items: center;
	margin: 5px 0;
}
.aside-list	li i{
	font-size: 1.2em;
	flex-shrink: 0;
	margin-right: 10px;
}	
.aside-social li {
	display: inline-block;
}
.aside-social li i {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background:  var(--wd-red);
	color: var(--wd-white);	
	font-size: 1.5em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.aside-social li:hover i {
	background: var(--wd-main);
}
.mobile-navbar-menu .nav-menu li {
	position: relative;
}
.mobile-navbar-menu .nav-menu li a {
	border-bottom:var(--wd-border);
	display: block;
	color:var(--wd-main);
	padding: 10px 0;
	line-height: 30px;
	transition: 0.4s;
	width: 100%;	
}
.mobile-navbar-menu .nav-menu li a:hover {
	color: var(--wd-red);
}
.mobile-navbar-menu .nav-menu li li a {
	padding-left: 25px;
}
.mobile-navbar-menu .nav-menu li li li a {
	padding-left: 50px;
}
.mobile-navbar-menu span.submenu-button {
	position: absolute;
	z-index: 99;
	right: 0;
	top: 5px;
	display: block;
	height: 40px;
	width: 40px;
	cursor: pointer;
}
.mobile-navbar-menu span.submenu-button:before,
.mobile-navbar-menu span.submenu-button:after {
	position: absolute;
	content: "";
	top: 24px;
	right: 12px;
	width: 12px;	
	height: 1px;
	display: block;
	background: var(--wd-main);
	z-index: 2;
}
.mobile-navbar-menu span.submenu-button:before {
	width: 1px;
	height: 12px;
	right: 17px;
	top: 18px;
}
.mobile-navbar-menu span.submenu-button em {
	display: block;
	position: absolute;
	right: 0;
	border-radius: 4px;
	top: 50%;
	transform: translateY(-50%);
}
.mobile-navbar-menu .hash-has-sub span.submenu-button {
	width: 100%;
	cursor: pointer;
	top: 0;
	height: 50px;
}
.mobile-navbar-menu .submenu-button.submenu-opened:before {
	display: none;
}
.mobile-navbar-menu ul ul li,
.mobile-navbar-menu li:hover > ul > li {
	height: auto;
}
#mobile-navbar-menu .nav-menu .sub-menu,
#mobile-navbar-menu .nav-menu .sub-menu-list {
	display: none;
}
@media only screen and (min-width: 992px) {
	.offcanvas-area .canvas-button,
	.offcanvas-area .mobile-navbar-menu {
		display: none;
	}
}
@media only screen and (max-width: 991px) {
	.offcanvas-area .contact-map,
	.offcanvas-area .offcanvas-list-info {
		display: none;
	}
}

/*--------------------------------------------------------/
[08] SLIDER
---------------------------------------------------------*/
.slider-section {
	position: relative;
	background: url(../images/bg/intro-bg.jpg) no-repeat center;
	background-size: cover;
}
.slider-section .container {
	padding: 120px 0;
}
@media only screen and (max-width: 991px) {
	.slider-section .container {
		padding: 60px 0;
	}
}
.slider-section .slider-subtitle {
	color: var(--wd-white);
	font-weight: 700;
}
.slider-section .swiper-slide {
	position: relative;
}

.slider-section .swiper-slide.swiper-slide-active .slider-content::before {
	transform: translateX(0px);
	visibility: visible;
	opacity: 1;
}
.slider-section .slider-content {
	max-width: 800px;
	position: relative;
	padding: 35px 0 32px 40px;
	z-index: 3 !important;
	color: var(--wd-white);
}
.slider-section .slider-content::before {
	content: "";
	position: absolute;
	width: 142px;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--wd-red);
}	
.slider-section h2 {
	font-size: 3em;
	font-weight: 800;
	line-height: 1.3;
}
.slider-section h4 {
	font-size: 0.9em;
	font-weight: 900;
	text-transform: uppercase;
}	
.slider-section .slider-content p {
	/*color: var(--wd-white);*/
	font-weight: 400;
	font-size: 1.1em;
}	
.slider-section .swiper-slide p,
.slider-section .swiper-slide h2,
.slider-section .swiper-slide h4,
.slider-section .swiper-slide .slider-btn-area,
.slider-section .swiper-slide .slider-content::before {
	opacity: 0;
	visibility: hidden;
	transition-delay: 1000ms;
	transition: transform 2000ms ease, opacity 2000ms ease;
}
.slider-section .swiper-slide h4,
.slider-section .swiper-slide h2 {
	transform: translateY(-125px);
	color: var(--wd-white);
}
.slider-section .swiper-slide p,
.slider-section .swiper-slide .slider-btn-area {
	transform: translateY(125px);
}
.slider-section .swiper-slide .slider-content::before {
	transform: translateX(-125px);
}
.slider-section .swiper-slide.swiper-slide-active p,
.slider-section .swiper-slide.swiper-slide-active h2,
.slider-section .swiper-slide.swiper-slide-active .slider-btn-area,
.slider-section .swiper-slide.swiper-slide-active h4 {
	visibility: visible;
	opacity: 1;
	transform: translateY(0) translateX(0);
}	
.slider-section .slider-content .slider-btn {
	margin-right: 20px;
}
.slider-section .video-area a{
	margin-left: 20px;
	display: flex;
	align-items: center;
	position: relative;
	top: -1px;
	color: var(--wd-white);
}
.slider-section .video-area img {
	margin-right: 10px;
}
.slider-section .video-area a:hover {
	font-weight: 800;
}	
.slider-section .swiper-pagination {
	width: auto;
	left: 80px;
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 1520px) {
	.slider-section .swiper-pagination {
		left: 24px;
	}
}
@media only screen and (max-width: 1199px) {
	.slider-section .swiper-pagination {
		left: 8px;
	}
}	
.swiper-pagination-bullet-active {
	background: var(--wd-white);
	border-color: var(--wd-white);
}	
.swiper-pagination-bullet {
	border: 2px solid var(--wd-white);
	background: transparent;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.4s;
}	
.slider-section .swiper-pagination .swiper-pagination-bullet {
	display: block;
	margin: 0 0 12px;
}
.slider-section .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-bottom: 0;
}
.slider-section .swiper-button-next,
.slider-section .swiper-button-prev {
	opacity: 1;
	visibility: visible;
	bottom: 3px;
	top: auto;
	transition: 0.6s;
}	
.swiper-button-next:after,
.swiper-button-prev:after {
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	font-size: 15px;
	background: var(--wd-white);
	box-shadow: var(--wd-shadow);
	min-width: 50px;
	color:var(--gray);
	height: 50px;
	line-height: 52px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	transition: 0.4s;
}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
	background: var(--wd-red);
	color: var(--wd-white);
}
.slider-section .swiper-button-next::after,
.slider-section .swiper-button-prev::after {
	border-radius: 0;
	font-family: 'Line Awesome Free';
  	font-weight: 900;
}
.slider-section .swiper-button-next {
	right: 12px;
}
.slider-section .swiper-button-next::after {
	content: "\f061"; 
}
.slider-section .swiper-button-prev {
	right: 62px;
	left: auto;
}
.slider-section .swiper-button-prev::after {
	content: "\f060"; 
}
.slider-btn-area {
	position: relative;
	display: flex;
	align-items: center;
}	
.slider-section .white-btn {
	padding: 14px 25px;
}
.slider-section .white-btn::before {
	background:var(--wd-main);
}
.slider-section .transparent-btn {
	padding: 11.5px 25px;
	color:var(--wd-white);
}
.slider-section .transparent-btn::before {
	background: var(--wd-white);
	border-radius: 0;
}
.slider-section .transparent-btn:hover {
	border-color:var(--wd-white);
	color: var(--wd-main);
}

@media only screen and (max-width: 1440px) {
	.slider-section h2 {
		font-size: 3em;
	}	
}
@media only screen and (max-width: 1199px) {
	.slider-section .slider-content {
		max-width: 445px;
	}
}
@media only screen and (max-width: 991px) {
	.slider-section .slider-content::before {
		left: 20px;
	}
}	
@media only screen and (max-width: 767px) {
	.slider-section .slider-content::before {
		display: none !important;
	}
	.slider-section h2 {
		font-size: 2.5em;
	}	
}	
@media only screen and (max-width: 575px) {
	.slider-section .swiper-pagination,
	.swiper-button-next,
	.swiper-button-prev {
		display: none;
	}
}	
@media only screen and (max-width: 480px) {
	.slider-btn-area {
		display: block !important;
	}		
	.slider-section .slider-content p {
		font-size: 1em;
	}
	.slider-section .slider-content {
		padding: 35px 0 32px 20px;
	}	
	.slider-section h2 {
		font-size: 1.5em;
	}	
	.slider-section .white-btn {
		padding: 14px 18px;
	}
	.slider-section .transparent-btn {
		padding: 11.5px 18px;
	}
}

/*--------------------------------------------------------/
[09] ABOUT
---------------------------------------------------------*/
.about-area {
	padding: 100px 0;
	background: var(--wd-light);
}	
@media only screen and (max-width: 991px) {
	.about-area {
		padding: 30px 0;
		background: var(--wd-light);
	}		
}
.about-group {
	position: relative;
}
.about-group .about-group-above {
	position: absolute;
	bottom: -45px;
	right: -35px;
}
@media only screen and (max-width: 992px) {
	.about-group {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
	.about-group .about-group-above {
		right: 0;
	}
}
.about-group .about-text {
	background: var(--wd-white);
	box-shadow:var(--wd-shadow);
	position: absolute;
	top: -20px;
	right: 0;
	padding: 32px 35px 10px;
}
.about-group .about-text::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: var(--wd-red);
}
.about-group .about-text .icon {
	margin-bottom: 20px;
}	
.about-group .about-text .icon i {
	background:var(--wd-light);
	color: var(--wd-red);
	width: 100px;
	height: 100px;
	line-height: 100px;
	display: inline-block;
	text-align: center;
	font-size: 3em;
}
.about-group .about-text .counter-number .count {
	font-weight: 700;
	font-size: 30px;
	color: var(--wd-gray);
}
.about-area .about-content {
	padding-left: 125px;
}
@media only screen and (max-width: 1199px) {
	.about-area .about-content {
		padding-left: 50px;
	}
}	
@media only screen and (max-width: 991px) {
	.about-area .about-content {
		padding-left: 0;
	}
}	
.about-content .block-quote {
	background:var(--wd-white);
	border:var(--wd-border);
	box-shadow: var(--wd-shadow);
	border-radius: 10px;
	padding: 15px 15px 10px;
	margin-bottom: 30px;
	position: relative;
	display: flex;
	align-items: center;
}
.about-content .block-quote .block-quote-text p {
	position: relative;
	z-index: 3 !important;
}	
.about-content .block-quote .block-quote-image {
	margin-right: 20px;
	flex-shrink: 0;
}	
.about-content .block-quote .block-quote-image img {
	width: 130px;
}
.about-content .block-quote .block-quote-shape {
	position: absolute;
	right: 25px;
	top: 34px;
}

/*--------------------------------------------------------/
[10] DISCIPLINE
---------------------------------------------------------*/
.discipline-area {
	background: url(../images/bg/discipline-bg.jpg) center center no-repeat;
	background-size: cover;
}
.discipline-area .heading {
	text-align: center;
	color:var(--wd-white);
	margin-bottom: 65px;
}
.discipline-box {
	position: relative;
	cursor: pointer;
	text-align: center;
	margin-bottom: 30px;
}
.discipline-box .icon {
	position: relative;
	margin-bottom: 55px;
	transition: 0.6s;
	top: 0;
	width: 100px;
	margin: 0 auto 55px;
	background: var(--wd-red);
	border-radius: 3px;
}
.discipline-box .icon .icon-img {
	display: inline-block;
	color: var(--wd-white);
	width: 100px;
	height: 100px;
	display: flex;
	align-content: center;
	justify-content: center;
}
.discipline-box .icon .icon-img img{
	width: 60px;
}	
.discipline-box .icon .triangle-down {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 30px solid var(--wd-red);
}
.discipline-box .discipline-text {
	background:rgba(var(--wd-main-rgb),0.8);
	padding: 40px 35px 20px;
	transition: 0.4s;
	color: var(--wd-light);
}
.discipline-box .discipline-text h4 {
	display: block;
	margin-bottom: 15px;
}
.discipline-box .shape-image {
	position: absolute;
	top: 0;
	right: -60px;
}
@media only screen and (max-width: 991px) {
	.discipline-box .shape-image {
		right: 0;
	}
}	
@media only screen and (max-width: 767px) {
	.discipline-box .shape-image {
		display: none !important;
	}		
}	
.discipline-box:hover .icon {
	top: 7px;
}
.discipline-box:hover .discipline-text {
	background:rgba(var(--wd-white-rgb),0.8);
	color: var(--wd-gray);
}

/*--------------------------------------------------------/
[11] LECTURE
---------------------------------------------------------*/
.lecture-area {
	background: url(../images/bg/service-bg-two.jpg) center center no-repeat;
	background-size: cover;
}	
.lecture-area .heading {
	text-align: center;
}
.lecture-slider {
	margin-left: -25px;
	margin-right: -25px;
	padding: 0 24px;
}	
.lecture-slider .swiper-wrapper {
	padding-bottom: 38px;
}				
.lecture-slider .swiper-pagination {
	top: auto;
	bottom: 10px;
	max-width: 370px;
	margin: 0 auto;
	border: 2px solid var(--wd-red);
	background: transparent;
	height: 12px;
	border-radius: 10px;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: none;
}
.lecture-slider .swiper-pagination .swiper-pagination-progressbar-fill {
	background: var(--wd-red);
	position: absolute;
	left: 4px;
	top: 1px;
	width: 350px;
	height: 6px;
	transform: scale(0);
	transform-origin: left top;
	border-radius: 28px;
	box-shadow: none;
}
.lecture-slider .swiper-pagination .swiper-pagination-progressbar-fill::after {
	content: "";
	position: absolute;
	right: -17px;
	top: -8px;
	width: 20px;
	min-width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--wd-red);
}
@media only screen and (max-width: 480px) {
	.lecture-slider .swiper-pagination {
		max-width: 270px;
	}
	.lecture-slider .swiper-pagination .swiper-pagination-progressbar-fill {
		width: 250px;
	}				
}			
.lecture-slider:hover .swiper-button-prev {
	left: 15px;
}
.lecture-slider:hover .swiper-button-next {
	right: 15px;
}	
.lecture-box {
	background: var(--wd-white);
	border: var(--wd-border);
	padding: 10px;
	transition: 0.6s;
	cursor: pointer;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
.lecture-box .lecture-number {
	background:var(--wd-light);
	color: var(--wd-gray);
	width: 80px;
	height: 80px;
	display: inline-block;
	line-height: 80px;
	text-align: center;
	border-radius: 50%;
	font-size: 2em;
	transition: 0.4s;
}
.lecture-box:hover .lecture-number {
	background:var(--wd-red);
	color:var(--wd-white);
}
.lecture-box h4 {
	color:var(--wd-main);
	transition: 0.4s;
	margin: 5px 0;
	display: block;
}
.lecture-box:hover h4 {
	color: var(--wd-red);
}
.lecture-box .lecture-picture {
	position: relative;
}
.lecture-box .lecture-picture .btn-block {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.lecture-box .white-btn {
	display: inline-block;
	padding: 2px 30px;
	color:var(--wd-red);
	font-size: 2em;
	font-weight: 600;
	transition: all 0.3s;
	background: var(--wd-white);
	border-radius: 0px 23px 23px 0px;
	position: relative;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}
.lecture-box .white-btn i {
	font-size: 1em;
	position: relative;
	top: 1px;
}
.lecture-box .white-btn:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border-radius: 0px 23px 23px 0px;
	z-index: -2;
}
.lecture-box .white-btn:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color:var(--wd-white);
	transition: all 0.3s;
	border-radius: 0px 23px 23px 0px;
	z-index: -1;
}
.lecture-box:hover .white-btn {
	opacity: 1;
	visibility: visible;
}
.lecture-box:hover .white-btn:before {
	background:var(--wd-red);
}
.lecture-box:hover .white-btn i {
	color:var(--wd-white);
}
.lecture-box:hover .white-btn:before {
	width: 100%;
}

/*--------------------------------------------------------/
[12] LABS
---------------------------------------------------------*/
.labs-area .heading {
	text-align: center;
}
.lab-box {
	padding: 20px;
	border: var(--wd-border);
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
.lab-box:hover {
	box-shadow: var(--wd-shadow);
	background:var(--wd-light);
	border-color:var(--wd-white);
}

.lab-box .lab-box-image {
	flex: 0 0 auto;
	margin-bottom: -45px;
}
.lab-box .lab-box-image img{
	max-width: 300px;
}			
.lab-box .lab-box-text {
	position: relative;
	padding-left: 74px;
	margin-bottom: -55px;
}
.lab-box .lab-box-icon {
	position: absolute;
	left: -50px;
	top: 37px;
}
.lab-box .lab-box-icon i {
	width: 100px;
	height: 100px;
	line-height: 85px;
	border-radius: 50%;
	background:var(--wd-red);
	border: 10px solid var(--wd-white);
	color: var(--wd-white);
	font-size: 35px;
	text-align: center;
	display: block;
}
.lab-box .btn-transparent {
	background:var(--wd-white);
}
.lab-box:hover .btn-transparent {
	color:var(--wd-white);
}
.lab-box:hover .btn-transparent::before {
	width: 100%;
}	
@media only screen and (max-width: 1199px) {
	.lab-box .btn-transparent {
		padding: 13px 25px;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.lab-box .lab-box-icon i {
		width: 80px;
		height: 80px;
		line-height: 60px;
		font-size: 25px;
	}
	.lab-box .lab-box-text {
		padding-left: 40px;
		padding-top: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.lab-box {
		flex-wrap: wrap;
		margin-bottom: 20px;
	}	
	.lab-box .lab-box-text {
		position: relative;
		padding: 0px;
		margin: 0px;
	}	
	.lab-box .lab-box-icon {
		position: absolute;
		left:auto;
		right: 0;
		top: -50px;
	}	
	.lab-box .lab-box-image {
		margin-bottom: 20px;
	}	
}

@media only screen and (max-width: 575px) {
	.lab-box .lab-box-icon {
		display: none;
	}
}	
@media only screen and (max-width: 400px) {
	.lab-box .lab-box-image {
		display: none;
	}	
}

/*--------------------------------------------------------/
[13] SELFWORK
---------------------------------------------------------*/
.selfwork-area {
	background: url(../images/bg/selfwork-bg.jpg) fixed;
	background-size: cover;
	position: relative;
	color: var(--wd-white);
	padding: 50px 0 100px;
}
.selfwork-area .heading h5 {
	color: var(--wd-white);
}
.selfwork-area .selfwork-shape {
	position: absolute;
	right: 20px;
	top: 20px;
}		
@media only screen and (max-width: 1650px) {
	.selfwork-area .selfwork-shape {
		right: 15px;
		top: 10px;
	}
}	
.js-list li {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.js-list li span{
	background: var(--wd-red);
	width: 50px;
	height: 50px;
	border-radius:100%;
	margin-right: 10px;
	color: var(--wd-white);
	font-size: 1.3em;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all ease-in-out .3s;
}
.js-list li:hover span{
	background:var(--wd-blue);
}	
.js-list li b{
	font-size: 1.1em;
	font-weight: 600;
	transition: all ease-in-out .3s;
}	
.js-list li a{
	color: var(--wd-white);
}	
.js-list li:hover b{
	padding-left: 5px;
}
@media (max-width: 991px) {
	.selfwork-img {
		display: none;
	}
}		
@media (max-width: 575px) {
	.js-list li b {
		font-size: 1em;
	}
	.js-list li span{
		width: 40px;
		height: 40px;
		font-size: 1.5em;
	}
}	

/*--------------------------------------------------------/
[14] PRESENTATION
---------------------------------------------------------*/
.presentation-area {
	position: relative;
	padding-top:250px;
	margin-top: -175px;
	padding-bottom: 100px;
}
.presentation-area .presentation-big-image img {
	position: relative;
	z-index: 3;
}
.presentation-area .presentation-shape {
	position: absolute;
	right:0px;
	top: -20px;
}
@media(max-width:1199px){
	.presentation-area .presentation-shape {
		display: none;
	}	
}
@media(max-width:991px){
	.presentation-area .presentation-big-image {
		margin-top: 50px;
	}	
}
.presentation-box {
	position: relative;
	z-index: 4;	
}
.presentation-area .accordion-block {
	position: relative;
}
.presentation-accordion .accordion-item {
	border: none;
	margin-bottom: 20px;
	padding: 8px 0;
	background:var(--wd-white);
	box-shadow:var(--wd-shadow);
}
.presentation-accordion .accordion-item .accordion-header {
	position: relative;
	margin-top: 0;
}
.presentation-accordion .accordion-item .accordion-header .accordion-button {
	font-size:18px;
	background:var(--wd-white);
	padding: 18px 25px;
	color:var(--wd-main);
	font-weight: 600;
	position: relative;
}
.presentation-accordion .accordion-item .accordion-header .accordion-button:before {
	position: absolute;
	top: 25px;
	right: 25px;
	font-family: 'Line Awesome Free';
	font-weight: 900;
	content: "\f107";
	color: var(--wd-main);
	font-size: 14px;
	transition: 0.4s;
}
.presentation-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	color: var(--wd-main);
	box-shadow: none;
}
.presentation-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):before {
	transform: rotate(-180deg);
}
.presentation-accordion .accordion-item .accordion-header .accordion-button:focus {
	box-shadow: none;
}
.presentation-accordion .accordion-item .accordion-header .accordion-button:after {
	display: none;
}
.presentation-accordion .accordion-item .accordion-body {
	padding: 15px 25px 25px;
}
.presentation-list {
	margin:0;
}
.presentation-list li {
	margin:0;
	border-bottom: 1px dashed var(--wd-gray);
	padding: 8px;
	font-size: 0.9em;
}
.presentation-list li:hover{
	padding-left: 13px;
}

/*---------------------------------------------------------/
[15] BALLS
----------------------------------------------------------*/
.balls-section{
	position:relative;
	padding:30px 0px;
}
.balls-section .heading{
	text-align: center;
}	
.balls-section .balls-tabs .balls-box{
	transform:rotateY(90deg);
}
.balls-section .balls-tabs .tabs-content .tab.active-tab .balls-box{
	transform:rotateY(0deg);
}
.balls-tabs{
	position:relative;
	z-index:2;
}
.balls-tabs .tabs-content .tab{
	position:relative;
	display:none;
}
.balls-tabs .tabs-content .tab.active-tab{
	display:block;	
}
.balls-tabs .buttons-outer{
	text-align:center;
	margin-bottom: 20px;
}
.balls-tabs .tab-buttons{
	position:relative;
	overflow:hidden;
	text-align:center;
	border-radius:5px;
	margin-top:30px;
	display:inline-block;
	background: var(--wd-white);
	box-shadow:var(--wd-shadow);
}
.balls-tabs .tab-buttons .tab-btn{
	position:relative;
	color:var(--wd-main);
	font-size:1.1em;
	font-weight:400;
	float:left;
	cursor:pointer;
	padding:16px 30px;
	border-radius:5px;
	background-color: var(--wd-white);
	transition:all 300ms ease;
}
.balls-tabs .tab-buttons .tab-btn:hover,
.balls-tabs .tab-buttons .tab-btn.active-btn{
	color:#fff;
	background: var(--wd-blue);
}
@media(max-width:575px){
	.balls-tabs .tab-buttons .tab-btn{
		width: 100%;
		float:none;
		margin-bottom: 5px;
	}	
}
.balls-box{
	position:relative;
	margin-bottom:30px;
	transition:all 900ms ease;
}
.balls-box .inner {
    border: 1px solid #fff;
	box-shadow: 0 0 40px rgba(0,0,0,0.2);
	border-radius: 4px;
	background: #fff;
    padding: 20px;
    margin-bottom: 30px;
}
.balls-box .inner-list li{
	list-style:none;
	margin:7px;
}
.balls-box .inner-list li{
	list-style:none;
	margin:7px;
}
.balls-box .inner-list hr {
	width:60%;
	border-top: 1px solid rgba(0, 0, 0, 0.1);	
}
.balls-box .inner-box {
	padding:10px;
}
.balls-box .inner-box span{
	display:inline-block;
	text-align:center;
	font-style:normal;
	font-size:1.6em;
	line-height:1.8em;
	background:var(--wd-light);
	width:50px;
	height:50px;
	margin-right:10px;
	border-radius:100%;
}
.balls-box .inner-box span.test{
	background:var(--wd-red);
	color: var(--wd-white);
}
.balls-box .inner-box h4{
	margin:15px;
}
.balls-box .inner-bullet {
	text-align:center;
}
.balls-box .inner-bullet li {
	list-style:none;
	display:inline-block;
	vertical-align:middle;
	margin:10px;
}
.balls-box .inner-bullet strong{
	display:inline-block;
	background:var(--wd-light);
	width:30px;
	height:30px;
	margin-right:5px;
	border-radius:100%;
}
.balls-box .inner-bullet strong.test{
	background:var(--wd-red);
}
.balls-box .inner-box span.pres{
	background:var(--wd-gray);
	color: #fff;
}
.balls-box .inner-bullet strong.pres{
	background:var(--wd-gray);
}	

/*--------------------------------------------------------/
[16] COURSEWORK
---------------------------------------------------------*/
.coursework-area {
	background: url(../images/bg/coursework-bg.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	padding: 100px 0 200px;
	color: var(--wd-white);	
}
@media only screen and (max-width: 991px) {
	.coursework-area {
		padding: 50px 0;
	}
}
@media only screen and (max-width: 575px) {
	.coursework-area .course-img{
		display: none;
	}
}

.coursework-area .heading h5{
	color:var(--wd-white);
}
.coursework-content {
	margin-bottom: 50px;
}
.coursework-list li {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.coursework-list li span{
	background: var(--wd-blue);
	width: 40px;
	height: 40px;
	border-radius: 4px;
	margin-right: 10px;
	color: var(--wd-white);
	font-size: 1.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all ease-in-out .3s;
}
.coursework-list li:hover span{
	background:var(--wd-blue);
}	
.coursework-list li b{
	font-size: 1.1em;
	font-weight: 400;
	transition: all ease-in-out .3s;
}	
.coursework-list li:hover b{
	padding-left: 5px;
}
@media (max-width: 991px) {
	.coursework-img {
		display: none;
	}
}		
@media (max-width: 575px) {
	.coursework-list li b {
		font-size: 1em;
	}
	.coursework-list li span{
		width: 40px;
		height: 40px;
		font-size: 1.5em;
	}
}

/*--------------------------------------------------------/
[17] TECHNOLOGY
---------------------------------------------------------*/
.technology-area {
	position: relative;
	margin-top: -110px;
	background: none;
	background:var(--wd-light);
	z-index: 3;
	max-width: 1620px;
	border-radius: 0px 10px 10px 0px;
}
.technology-area .container {
	margin-right: 0;
	margin-left: auto;
}
.technology-area .technology-logo {
	padding:  0;
}
@media only screen and (max-width: 1650px) {
	.technology-area {
		max-width: 1400px;
	}
}
@media only screen and (max-width: 1440px) {
	.technology-area {
		max-width: 1300px;
	}	
}
@media only screen and (max-width: 1366px) {
	.technology-area {
		border-radius: 0;
	}
	.technology-area .container {
		margin-right: auto;
		margin-left: auto;
	}	
}
@media only screen and (max-width: 991px) {
	.technology-area {
		margin-top: 0;
	}	
}

/*--------------------------------------------------------/
[18] TEACHERS
---------------------------------------------------------*/
.teacher-area {
	background: url(../images/bg/teacher-bg.jpg) center center no-repeat;
	background-size: cover;
}
.teacher-area .heading {
	text-align: center;
}	
.teacher-slider {
	margin-left: -25px;
	margin-right: -25px;
	padding: 0 24px;
}
.teacher-slider:hover .swiper-button-prev {
	left: 15px;
}
.teacher-slider:hover .swiper-button-next {
	right: 15px;
}	
.teacher-area.sc-blog-slider .swiper-button-next,
.teacher-area.sc-blog-slider .swiper-button-prev {
	top: 30%;
}
.teacher-box {
	background:var(--wd-white);
	padding: 10px;
	text-align: center;
}
.teacher-box .teacher-image {
	overflow: hidden;
	margin-bottom: 40px;
}
.teacher-box .item-img {
	position: relative;
	margin-bottom: 10px;
}
.teacher-box .item-img img {
	transform: scale(1);
	transition: 0.8s;
}
.teacher-box:hover .item-img img {
	transform: scale(1.1);
}
.teacher-box .teacher-social {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 80px;
	margin: 0;
	padding: 0;
}
.teacher-box .teacher-social .social-item {
	position: relative;
}
.teacher-box:hover .teacher-social .social-item .social-dropdown {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
.teacher-box .teacher-social .social-item .social-hover-icon i {
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background:var(--wd-white);
	box-shadow:var(--wd-shadow);
	color:var(--wd-red);
	font-size: 1.6em;
	border: none;
	border-radius: 100%;
}
.teacher-box:hover .teacher-social .social-item .social-hover-icon i {
	background-color:var(--wd-blue);
	color: var(--wd-white);
}
.teacher-box .teacher-social .social-item .social-dropdown {
	position: absolute;
	bottom: 40px;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: 0 0 0;
	transform-origin: bottom center;
	transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
}
.teacher-box .teacher-social .social-item .social-dropdown .social-item {
	display: block;
	margin-bottom: 4px;
	position: relative;
	top: -10px;
}
.teacher-box .teacher-social .social-item .social-dropdown .social-item .social-link i {
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background:var(--wd-white);
	box-shadow:var(--wd-shadow);
	color:var(--wd-gray);
	font-size:1.6em;
	border: none;
	border-radius: 100%;
}
.teacher-box .teacher-social .social-item .social-dropdown .social-item .social-link i:hover{
	background:var(--wd-red);
	color:var(--wd-white);
}

/*--------------------------------------------------------/
[19] FAQ
---------------------------------------------------------*/
.faq-accordion .accordion-item {
	border: none;
	margin-bottom: 20px;
	padding: 8px 25px;
	background:rgba(var(--wd-main-rgb),0.05);
	border-radius: 2px;
	box-shadow: none;
}
.faq-accordion .accordion-item .accordion-header {
	margin-top: 0;
}			
.faq-accordion .accordion-item .accordion-header .accordion-button {
	background: transparent;
	font-size: 18px;
	padding: 18px 0;
	color:var(--wd-main);
	font-weight: 600;
	position: relative;
	border-bottom: 1px solid transparent;
}
.faq-accordion .accordion-item .accordion-header .accordion-button:before {
	position: absolute;
	top: 18px;
	right: 25px;
	font-family: 'Line Awesome Free';
	font-weight: 900;	
	content: "\f103";
	transition: 0.4s;
}
.faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	box-shadow: none;
	border-bottom:var(--wd-border);
	color:var(--wd-red);
}
.faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):before {
	content: "\f102";
}
.faq-accordion .accordion-item .accordion-header .accordion-button:focus {
	box-shadow: none;
}
.faq-accordion .accordion-item .accordion-header .accordion-button:after {
	display: none;
}
.faq-accordion .accordion-item .accordion-body {
	padding: 15px 0 25px;
}
@media only screen and (max-width: 767px) {	
	.faq-accordion .accordion-item .accordion-header .accordion-button:before {
		right: 0;
	}
	.faq-accordion .accordion-item .accordion-header .accordion-button {
		font-size: 16px;
	}	
	.faq-accordion .accordion-item .accordion-header .accordion-button:before {
		right: 0;
	}
	.faq-accordion .accordion-item .accordion-header .accordion-button {
		font-size: 16px;
	}	
}
@media only screen and (max-width: 480px) {	
	.faq-accordion .accordion-item .accordion-header .accordion-button {
		font-size: 17px;
	}
	.faq-accordion .accordion-item .accordion-header .accordion-button:before {
		right: -10px;
	}	
}	
.faq-list {
	margin:0;
}
.faq-list li {
	margin:0;
	border-bottom: 1px dashed var(--wd-gray);
	padding: 8px;
	font-size: 0.9em;
}
.faq-list li:hover{
	padding-left: 13px;
}
.faq-list li span{
	display: inline-flex;
	align-items: center;
    justify-content: center;	
	background: var(--wd-blue);
	width:30px;
	height:30px;
	margin-right:10px;
	border-radius:100%;
	font-size: 1.3em;
	color:var(--wd-white);
}
.faq-list li:hover span{
	transform: rotate(360deg);
}
@media(max-width:991px){
	.faq-img {
		margin-top: 50px;
	}	
}
@media(max-width:575px){
	.faq-img {
		display: none;
	}	
}

/*--------------------------------------------------------/
[20] PAGES
---------------------------------------------------------*/
.breadcrumb-block {
	background: url(../images/bg/breadcrumb-bg.jpg) center no-repeat fixed;
	background-size: cover;
	padding: 30px 0;
	color: var(--wd-white);	
}
.breadcrumb-block p {
	font-weight: 600;
	font-size: 0.8em;
	text-transform: uppercase;
	background: rgba(var(--wd-white-rgb), 0.1);
	display: inline-block;
	padding: 10px 15px;
	border-left: 2px solid var(--wd-red);
}	
.breadcrumb-block p span{
	font-size: 1.2em;
	background:var(--wd-red);
	display: inline-block;
	border-radius: 100%;
	color: var(--wd-white);
	width: 25px;
	height: 25px;
	text-align: center;
	margin-right: 10px;
}
.breadcrumb-block h1 {
	margin: 0;
	font-size: 2.5em;
}
.work-block {
	margin-top: 50px;
	padding-bottom: 50px;
}
article {
	padding-top: 2rem !important;
}
aside {
	padding-left: 2rem !important;
}	
aside h5 {
	font-weight: 600;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 25px;
	display: block;
	margin: 0 0 20px;
	color: var(--wd-gray);
	letter-spacing: 1px;
}	
aside h5 i {
	color: var(--wd-red);
	font-size: 3em;
	position: relative;
	top: 10px;
}	

.work-tags li {
	display: inline-block;
	margin: 0 10px 10px 0;
	list-style: none;
}
.work-tags li a {
	display: block;
	background:var(--wd-light);
	color:var(--wd-main);
	padding: 10px;
}
.work-tags li a:hover {
	background:var(--wd-blue);
	color:var(--wd-white);
}
.resource-list li {
	border-bottom: 1px solid var(--wd-light);
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 0.9em;
	list-style: none;
}
.resource-list li a {
	color:var(--wd-gray);
	display: block;
}
.resource-list li:hover {
	border-color: var(--wd-gray);
}
.resource-list li:hover a {
	color: var(--wd-red);
}
.image-list {
	padding: 0px;
	margin: 20px auto;
	list-style: none;
	text-align: center;
}
.image-list li {
	width:250px;
	display: inline-block;
	margin: 10px;
	padding: 0px;
	vertical-align:top;
	list-style-type: none;
}
.image-list figure{
	position: relative;
    overflow: hidden;
    margin: 0;
	padding:10px;
	transition: all 1s ease;
}
.image-list figure:hover{
	box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 
				0 3px 20px 0px rgba(0, 0, 0, 0.12), 
				0 8px 10px -5px rgba(0, 0, 0, 0.2);	
}
.image-list figure img{
	max-width:230px;
	max-height:230px;
}
.image-list figcaption {
	padding: 10px;
	font-size: 1.2em;
} 
.box-code {
	background:var(--wd-light);
	padding:10px 20px;
	margin:20px 0;
	line-height: 1;
}
ul.column3,
ul.column2,
ul.column1 {
	margin:10px 0 20px;
}
ul.column3{
 -webkit-columns: 3; 
	-moz-columns: 3; 
		 columns: 3;
		 
-webkit-column-gap: 2em;
   -moz-column-gap: 2em;
		column-gap: 2em;	 
}
ul.column2{
 -webkit-columns: 2; 
	-moz-columns: 2; 
		 columns: 2;
		 
-webkit-column-gap: 2em;
   -moz-column-gap: 2em;
		column-gap: 2em;	 
}
ul.column3,
ul.column2 {
	margin:10px 0 20px;
}
@media (max-width:991px) {
	ul.column3,
	ul.column2 {
	 -webkit-columns: 1; 
		-moz-columns: 1; 
			 columns: 1;
	}
}

.masonry1 {
	-webkit-column-count: 2;
	-moz-column-count:2;
	column-count: 2;
	-webkit-column-gap: 1.5em;
	-moz-column-gap: 1.5em;
	column-gap: 1.5em;
	margin: 0;
	padding: 0;
	font-size: .85em;
	display: block;
}
.masonry1 .item {
	display: inline-block;
	background: var(--wd-white);
	padding: 10px 10px 0;
	margin: 0 0 1.5em;
	width: 100%;
	transition:1s ease all;
	box-sizing: border-box;
	border: 1px dotted rgba(0,0,0,0.4);
	border-radius: 10px;
}
.masonry1 .item p{
	font-size: 1.1em;
	line-height: 1.5;
}

.masonry1 .item .box-code {
	font-size: 0.75em;
	line-height: 1.2;
}
@media only screen and (max-width: 767px) {
	.masonry1 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}
.video-block .ratio {
	margin: 10px;
}
.video-block h5 {
	text-align: center;
	margin: 0 0 25px;
}
@media only screen and (min-width: 992px) {
	.ratio-box  {
		width: 60%;
		margin: auto;
	}
}

/* Journals*/
.result-block .nav-pills .nav-link {
	border: 0;
	border-radius: 0;
	background-color: var(--wd-light);
	color: var(--wd-main);
	margin-bottom: 10px;
	width: auto;
}
.result-block .nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
	color: #fff;
	background-color: var(--wd-gray);
}
.result-title .nav-link span:after{
	display: inline-block;
	margin-left: 10px;	
	font-family: 'Line Awesome Free';
	font-weight: 900;
	content: "\f107";
}	
@media (min-width:1200px){
	.result-block{
		display: flex;
		width: 100%;
		justify-content: space-between;
	}	
	.result-title {
		flex-shrink: 0;
		/*width: 20%;*/
		display: block;
	}
	.result-title .nav-link{
		/*width: 100%;
		text-align: right;*/
	}
	.result-title .nav-link span:after{
		display: inline-block;
		content: "\f105";
		margin-left: 10px;
		font-family: 'Line Awesome Free';
		font-weight: 900;
	}	
	.result-table {
		width:100%;
		min-height: 100vh;
		border: 1px solid #ccc;
		overflow: auto;
		scrollbar-width: thin;
	}
}			
.result-table::-webkit-scrollbar{
	width: 7px;
	background:var(--wd-light);
}
.result-table::-webkit-scrollbar-thumb{
	width: 7px;
	background: var(--wd-gray);
}
		
.result-table iframe{
	width: 100%!important;
	min-height: 100vh;
}
.result-table h6 {
	font-size: 0.85em;
	text-align: right;
	margin:10px 20px;
	font-weight: 400;
}

/* JAVASCRIPT */
.example {
	width: 100%; 
	min-height: 300px; 
	border: 1px solid var(--wd-light); 
	box-shadow: var(--wd-shadow-dark);
}