/* HEADER */
.header {
background-color:#f2f2f2;
padding:20px 20px;

}
/*.navbar {box-shadow: 0px 2px 10px #8888883d;height: 100px;background: #fff;}*/
.navbar {box-shadow: 0px 2px 10px #8888883d;background: #fff;}
.nav-link {color:#5c0f8b !important;font-size: 14px;font-weight: 400;}
.nav-link:hover {color:#9d9fa2 !important;}
.navbar-toggler {border: 1px solid #5c0f8b;}
.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(93, 41, 131)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dropdown-item {color:#5c0f8b !important;font-size: 14px;font-weight: 400;}
.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #5c0f8b;
}
.btn.focus, .btn:focus {
    outline: 0;
  box-shadow: 0 0 0 .1rem rgba(92, 15, 139, 0.52);
}
.navbar-collapse {background: #fff;}
.navMargin {margin-top: 105px;}

#accordion .card-link {
  color: #212529;
}
#accordion .card-body {
    background-color: #fff;
}
/* TYPOGRAPHPY */
body {
  font-family: 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;

}
b, strong {
    font-weight: 800;
}
h1 {
  font-family: 'Arial', sans-serif;
  font-size: 68px;

font-weight: 700;
}
h2 {
  font-family: 'Arial', sans-serif;
  font-size: 68px;

font-weight: 700;
}
h3 { font-family: 'Arial', sans-serif; font-weight: 600;}
/* CUSTOM BOTTON HOVER */
/* underline thing */
#t100:hover + .t100b::before {
 content: '';
 position: absolute;
 left: 50%;
 bottom: -3px;
 width: 50%;
 height: 2px;
 background-color: #5c0f8b;
 transform-origin: center;
 transform: translate(-50%, 0) scaleX(0);
 transition: transform 0.5s ease-in-out;
}
#t100:hover + .t100b::before {
   transform: translate(-50%, 0) scaleX(1);
 }

.t100b {
 position: relative;
}

.t100b::before {
 content: '';
 position: absolute;
 left: 50%;
 bottom: -3px;
 width: 50%;
 height: 2px;
 background-color: #5c0f8b;
 transform-origin: center;
 transform: translate(-50%, 0) scaleX(0);
 transition: transform 0.3s ease-in-out;
}

.t100b:hover::before {
 transform: translate(-50%, 0) scaleX(1);
}



.basicBox, .swiggleBox, .checkBox {
  width: 110px;
  height: 110px;
  margin:  auto;
  color: #4274D3;
  font-family: 'Arial', sans-serif;
  font-size: 1.15rem;
  line-height: 65px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  cursor: pointer;
  border-radius: 50px;
}

svg {
  position: absolute;
  top: 0;
  left: 0;


}
svg rect, svg path, svg polyline {
  fill: none;
  stroke: #fff;
  stroke-width: 6;

}

.basicBox:hover svg rect, .swiggleBox:hover svg path, .checkBox:hover svg polyline {
  stroke: #5c0f8b;

}

/* Basic Box */
svg rect {
  stroke-dasharray: 400, 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
.basicBox:hover svg rect {
  stroke-width: 5;
  stroke-dasharray: 150, 245;
  stroke-dashoffset: 190;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
/* PULSE */
.pulseBox:hover {
  background: #5c0f8b;
	border-radius: 50%;
  height: 110px;
	width: 110px;
	margin: auto;
  transform: scale(1);
	animation: pulse 2s infinite;
  box-shadow: 0 0 0 0 rgba(92, 15, 139, 1);
}
@keyframes pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(92, 15, 139, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(92, 15, 139, 0);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(92, 15, 139, 0);
	}
}
/* GENERAL EDITS */
.list-group-item-danger {
    color: #212529;
background-color:#fcfcfc;
}
.mapBlock {width: 100%; height:750px;}
/* BUTTONS */
.btn-white {
  background:#fff;
  border-radius: 35px;
  padding: 12px 20px 15px 20px;
  font-size:18px;
  color:#5c0f8b;
  transition: 0.5s
}

.btn-natis {
  background:#9f9aa2;
  border-radius: 35px;
  font-size:18px;
  color:#fff;
  transition: 0.5s;
  margin: 10px;
  margin-right: 20px !important;
  margin-left: 20px !important;

}

.btn-natis:hover, .btn-white:hover, .btn-greySm:hover  {background: #5c0f8b;border:1px solid #fff;color:#fff; transition: 0.5s}

.btn-grey {
  background:#747679;
  border-radius: 35px;
  padding: 12px 20px 15px 20px;
  font-size:18px;
  color:#fff;
  transition: 0.5s
}
.btn-grey:hover, .btn-white:hover, .btn-greySm:hover  {background: #5c0f8b;border:1px solid #fff;color:#fff; transition: 0.5s}
.btn-greySm {
  background:#9f9aa2;
  border-radius: 35px;
  padding: 10px 20px 13px 20px;
  font-size:14px;
  color:#fff;
  transition: 0.5s
}
/* CARDS */
 .directorCards p {font-size: 16px;}
.directorCards .card-body {
    background-color: #fff;
    padding:1rem;
}
.directorCards {padding:40px 20px;
border: 1px solid rgba(0,0,0,0.15);
box-shadow: 0 0.125em 0.275em 0 rgba(0,0,0,0.125);}
.directorCardsUl .nav-link {
  border-radius:0px;
    color: #000 !important;
    padding:15px;
}
.directorCardsUl .nav-link.active {border-top: 3px solid #5c0f8b;}
.directorCardsUl {border-bottom: 0px solid #dee2e6;}

.card-header {border-bottom: 1px solid #5c0f8b;}

.vTabs .nav-link {background:#bebcbd;}
.vTabs .nav-link:hover {border-left:none;border-right:none;border-bottom:none;}
 .vTabs .nav-link.active {border-bottom:1px solid #bebcbd;
box-shadow: 0 0px 5px 3px rgba(0,0,0,0.15);

  position: relative;}

  /* COLORS */
  .badge-secondary {background-color: #747679;}
/* CUSTOM  CSS*/
.socialBlock:hover {
  filter: sepia(100%) hue-rotate(205deg) saturate(50%);
  -webkit-filter: sepia(100%) hue-rotate(205deg) saturate(50%);
  transition: 0.1s;
}
.socialIcons .social-icon {color:#5c0f8b;}
.py-Blocks {padding-top:150px;padding-bottom:150px;}
.floatMiddle {position: absolute;left: 35%;
top: 30%;}
.purpleBlock { background-color: rgba(92, 15, 139, 0.8); }
.purpleBlock2 { background-color: #7c3fa2; }
.h100m {height:100%;}
.pageBlocks {
  background:#5c0f8b;
  padding: 40px;min-height: 445px;}
  .pageBlocks2 {
    background:#5c0f8b;
    padding: 40px;min-height: 350px !important;}
/* SLIDER */
#partnerSlide img {max-height: 120px;}
#partnerSlide .card-body {background-color: #fff;}
#partnerSlide .card {border:none;}
#partnerSlide .carousel-indicators {margin-bottom:-50px;}
#partnerSlide .carousel-indicators li {background-color: #5c0f8b;}
.carouselTextBlock {position: absolute;}
.carouselTextBlock2 {position: absolute;}
.carousel-indicators li {height: 10px;width: 10px;
border-top:none;border-bottom:none;
border-radius:10px;margin-top:3px;margin-right: 5px;
margin-left: 5px;}
.carousel-indicators .active {height: 15px;width: 15px;margin-top:0px;}
#homeTestimonials .carousel-item {min-height: 200px;}
.homeIcons {color: inherit;}
.homeIcons:hover {text-decoration: none;color: inherit;}
/* FOOTER */
.footer {
background-color:#5f6265;
padding:20px 0px;

}
.sub-footer {
background-color:#939393;


}
.footer {color:#fff;}
.footer p {color:#fff;
						font-size: 16px;

						}
            .footer a {color:#fff;}

.footer h5 {

    margin-bottom: 22px;
    color:#fff;
    text-transform: uppercase;
}


.footer span {color:#fff;}
.footer ul { list-style:none; padding-left: 5px;}

.w-copyright {

    font-size: 12px;
    line-height: 20px;
}
.social-icon {color: #ffffff;font-size: 30px;padding:5px 20px;}
.social-icon:hover {color:#5c0f8b;text-decoration: none;}
@media only screen and (max-width: 1460px) {
h1, h2 {  font-size: 42px;}

}
@media only screen and (max-width: 1200px) {
h1, h2 {  font-size: 36px;}

}
@media only screen and (max-width: 991px) {
.btn-grey, .btn-white, .btn-greySm {font-size: 12px; padding:2px 10px; }
.navbar-collapse {background: #fff;padding: 0px 20px;border: 1px solid #5c0f8b;}
body {

  font-size: 14px;
}
h4 {font-size: 18px;}
h3 {font-size: 18px;}
h1, h2 {  font-size: 24px;}
/*.navbar {height: 80px;}*/
.fixed-top {
    position: absolute !important;
}
.navbar-brand {width:140px;}
.navMargin {margin-top: 105px;}
svg {
  height: 54px;
    width: 54px;
    top: 9px;
}
.basicBox, .swiggleBox, .checkBox, .pulseBox {
  width: 50px;
  height: 60px;margin:auto;}
  .pulseBox:hover {width: 50px;
  height: 60px;animation: none;background: none;}
  .purpleBlock img {max-width: 60px;}
  .pageBlocks img {max-width: 120px;}
  .pageBlocks {min-height: 445px;}
}
@media only screen and (max-width: 767px) {
  .mapBlock {width: 100%; height:350px;}
  .floatMiddle {position: relative;left: auto;top: auto;}
     .carouselTextBlock {position: relative;}
    h1, h2 {  font-size: 14px;}
    .social-icon {

    font-size: 26px;
    padding: 5px 10px;
}
.purpleBlock { background-color: rgb(92, 15, 139); }
.h100m {height:auto;}
svg {
  display: none;
}
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 680px;
    margin: 1.75rem auto;
}
}

/* Employer Logos */
.basicBoxEL {
  height: 120px;
  margin:  auto;
  color: #4274D3;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.15rem;
  line-height: 65px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  border-radius: 20px;
}

.img-fluidEL {
  height: 100%;
}

@media only screen and (max-width: 1200px) {
.basicBoxEL {
  height: 160px;
  margin:  auto;
  color: #4274D3;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.15rem;
  line-height: 65px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  border-radius: 20px;
}

.img-fluidEL {
  height: 50%;
}
}

@media only screen and (max-width: 991px) {
.basicBoxEL {
  height: 160px;
  margin:  auto;
  color: #4274D3;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.15rem;
  line-height: 65px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  border-radius: 20px;
}

.col-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}

@media only screen and (max-width: 576px) {
.basicBoxEL {
  height: 160px;
  margin:  auto;
  color: #4274D3;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.15rem;
  line-height: 65px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  border-radius: 20px;
}

.col-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}

.card-body {
		background-color:#EAE4E0;
}

.mat-label {
    margin-top: 2.5rem;
	display: inline-block;
    margin-bottom: .5rem;
	font-weight: bold;
}

.mat-input {
	border:none;
	border-radius:10px;
	margin:10px 5px;
	padding:10px;
	background-color:#929292;
	color:#fff;
	width:100%;
}

.mat-input-select {
	border:none;
	border-radius:10px;
	margin:10px 5px;
	padding:10px;
	background-color:#929292;
	color:#fff;
	width:100%;
}

::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #fff;
}

::placeholder {
  color: #fff;
}