@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed: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');




/* Body */

:root {
	--bsBlue: #0066b3;
    --bsRed: #dc3545;
    --bsOrange: #e28000;
    --bsYellow: #ffc107;
    --bsGreen: #198754;
    --bsTeal: #06718D;
    --bsBlack: #000000;
    --bsGrey: #f2f8fb;
    --bsGrey2: #f0f0f0;
}

.bg-blue {
	background: var(--bsBlue);
}

.bg-orange {
	background: var(--bsOrange);
}

.bg-Teal {
	background: var(--bsTeal);
}

.bg-Yellow {
	background: var(--bsYellow);
}

.bg-Black {
	background: var(--bsBlack);
}

.bg-Grey {
	background: var(--bsGrey);
}

.bg-Grey2 {
	background: var(--bsGrey2);
}


 html {
     -moz-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     -o-text-size-adjust: 100%;
     text-size-adjust: 100%;
     outline: none;
	 overflow-x: hidden;
}
 body {
     margin: 0;
     overflow: hidden;
     font-family: 'Barlow Condensed', sans-serif;
     width: 100%;
     outline: none;
     background: #fff;
}
 a, a:link, a:visited {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-in-out;
    outline: none; 
	text-decoration: none;
}
 a:hover {
    -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
	text-decoration: none;
	color: #000;
}



btn:focus, a:focus {
	outline: none;
}
.navbar-toggler:focus{
	 outline: none !important;
	 box-shadow: none;
}


/*---------------------------------------------Bamburger menu----------------------------------------*/
 #nav-icon0 {
     width: 30px;
     height: 35px;
     border: none;
     background: transparent;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
	 margin-top: 10px;
}
 #nav-icon0 span {
     display: block;
     position: absolute;
     height: 2px;
     width: 50%;
     background: var(--bsBlue);
     opacity: 1;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
}
 #nav-icon0 span:nth-child(even) {
     left: 50%;
     border-radius: 0 9px 9px 0;
}
 #nav-icon0 span:nth-child(odd) {
     left: 0px;
     border-radius: 9px 0 0 9px;
}
 #nav-icon0 span:nth-child(1), #nav-icon0 span:nth-child(2) {
     top: 0px;
}
 #nav-icon0 span:nth-child(3), #nav-icon0 span:nth-child(4) {
     top: 10px;
}
 #nav-icon0 span:nth-child(5), #nav-icon0 span:nth-child(6) {
     top: 20px;
}
 #nav-icon0.open span:nth-child(1), #nav-icon0.open span:nth-child(6) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     background: var(--bsBlue);
}
 #nav-icon0.open span:nth-child(2), #nav-icon0.open span:nth-child(5) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     background: var(--bsBlue);
}
 #nav-icon0.open span:nth-child(1) {
     left: 0px;
     top: 9px;
}
 #nav-icon0.open span:nth-child(2) {
     left: calc(50% - 5px);
     top: 9px;
}
 #nav-icon0.open span:nth-child(3) {
     left: -50%;
     opacity: 0;
}
 #nav-icon0.open span:nth-child(4) {
     left: 100%;
     opacity: 0;
}
 #nav-icon0.open span:nth-child(5) {
     left: 0px;
     top: 19px;
}
 #nav-icon0.open span:nth-child(6) {
     left: calc(50% - 5px);
     top: 19px;
}
/*---------------------------------------------Nav Bar----------------------------------------*/

 .navbar-nav a {
     color: #fff;
     font-family: 'Barlow Condensed', sans-serif;
	 font-weight: 400;
	 font-size: 1.5rem;
}
 .dropdown-menu {
     border-radius: 0px;
     border: 0px;
}
 .dropdown-menu ul {
     list-style-type: none;
}
 .dropdown-menu li {
     color: #202944;
     background: #ee7a00;
	 border: solid #f00 1px;
	 width: 100%;
}

 .dropdown-menu li a {
     color: #fff;
	 border-bottom: solid #fff 1px;
	 padding: 10px 20px;
}
 .nav-item {
     list-style-type: none;
}



/*----------------------------------Menu Key Elements------------------------------*/
 .theHamburger {
     display: ;
     position: relative;
}

.navBg {
	background: rgba(255, 255, 255, 0.95);
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	z-index: 2;
}

 .navbar-collapse {
     position: relative;
}


.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
   font-weight: 500;
   border-bottom: solid var(--bsBlue) 2px;
}


/*-----------------------------------------content area----------------------------------------*/
.logoYL {
	height: auto;
	width: 15vw;
}

/*-------------------------------------------------------Carousel--------------------------------------------------*/
.carousel-caption {
	left: 0px;
	bottom: 40%;
	text-align: left;
	background: rgba(0,0,0, 0.5);
	padding: 20px 60px 20px 40px;
	right: auto;
	outline: solid rgba(0,0,0,0.2) 4px;
}
.carousel-caption h1{
	font-size: 3rem;
}
.carousel-caption p{
	margin-bottom: 0px;
}
.carousel-caption h1, .carousel-caption p{
	text-shadow: 0px 0px 7px #000000;
}

.carousel-indicators {
	bottom: 10vw;
}

.carousel-indicators  .button {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.carousel-indicators [data-bs-target] {
	height: 6px;
	width: 40px;
	border: solid rgba(0,0,0, 0.6) 3px;
	border-radius: 50px;
}
/*--------------------------------------------------------------------------------------------------*/



.awardTiles {
	-webkit-box-shadow: 0px -1px 0px 5px rgba(0,0,0,0.11); 
	box-shadow: 0px -1px 0px 5px rgba(0,0,0,0.11);
	border-radius: 2px;
}

.footer .fa-facebook-f {
	border: solid #fff 2px;
	border-radius: 3px;
	font-size: 2rem;
	padding: 10px 5px 5px 20px;
	color: #fff;
}

.footer .fa-linkedin-in {
	border: solid #fff 2px;
	border-radius: 3px;
	font-size: 2rem;
	padding: 10px 5px 5px 12px;
	color: #fff;
}

.footer a, .footer h6 {
	color: #fff;
	font-size: 1.1rem;
}

p {
	font-size: 1.25rem;
}

.contentBullets ul {
	padding-left: 1.2rem;
}

.contentBullets ul li {
	font-size: 1.25rem;
	color: #666;
	padding-left: 0px;
}

.contentBullets h2 {
	min-height: 80px;
}

.contentBullets hr {
	width: 80%;
}



.labelNumber1 {
	font-size: 2rem;
	color: var(--bsBlue);
	font-weight: 600;
	text-align: center;
}



.labelNumber2 {
	font-size: 2rem;
	color: var(--bsOrange);
	font-weight: 600;
	text-align: center;
}



.labelNumber3 {
	font-size: 2rem;
	color: var(--bsTeal);
	font-weight: 600;
	text-align: center;
}



.labelNumber4 {
	font-size: 2rem;
	color: var(--bsYellow);
	font-weight: 600;
	text-align: center;
}

.bg-img {
	min-height: 75vh;
}

.bg-img-1 {
	background-image: url('../images/arrow-white.svg'), url('../images/page-immigration.jpg');
	background-position: center 100.1%, center center;
	background-size: 100% auto,  100% auto;
	background-repeat: no-repeat, no-repeat;
	padding: 0px;
}

.bg-img-2 {
	background-image: url('../images/arrow-white.svg'), url('../images/page-familylaw.jpg');
	background-position: center 100.1%, center center;
	background-size: 100% auto,  100% auto;
	background-repeat: no-repeat, no-repeat;
	padding: 0px;
}

.bg-img-3 {
	background-image: url('../images/arrow-white.svg'), url('../images/page-criminaldefense.jpg');
	background-position: center 100.1%, center center;
	background-size: 100% auto,  100% auto;
	background-repeat: no-repeat, no-repeat;
	padding: 0px;
}

.bg-img-4 {
	background-image: url('../images/arrow-white.svg'), url('../images/page-business.jpg');
	background-position: center 100.1%, center center;
	background-size: 100% auto,  100% auto;
	background-repeat: no-repeat, no-repeat;
	padding: 0px;
}

.bg-img-5 {
	background-image: url('../images/arrow-white.svg'), url('../images/page-about.jpg');
	background-position: center 100.1%, center center;
	background-size: 100% auto,  100% auto;
	background-repeat: no-repeat, no-repeat;
	padding: 0px;
}

.bg-img-6 {
	background-image: url('../images/arrow-white.svg'), url('../images/page-contact.jpg');
	background-position: center 100.1%, center center;
	background-size: 100% auto,  100% auto;
	background-repeat: no-repeat, no-repeat;
	padding: 0px;
}

.btn-primary {
	background-color: var(--bsBlue);
	border-color: none;
	font-size: 1.5rem;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #0066b3;
    background-color: #fff;
    border-color: #0066b3; /*set the color you want here*/
}



@media (max-width: 768px) {

	.contentBullets h2 {
		min-height: 30px;
	}

	.bg-img-1 {
		background-image: url('../images/arrow-white.svg'), url('../images/page-immigration.jpg');
		background-position: bottom center, center center;
		background-size: 100% auto,  auto 100%;
		background-repeat: no-repeat, no-repeat;
		padding: 0px;
	}

	.bg-img-2 {
		background-image: url('../images/arrow-white.svg'), url('../images/page-familylaw.jpg');
		background-position: bottom center, 30% center;
		background-size: 100% auto,  auto 100%;
		background-repeat: no-repeat, no-repeat;
		padding: 0px;
	}

	.bg-img-3 {
		background-image: url('../images/arrow-white.svg'), url('../images/page-criminaldefense.jpg');
		background-position: bottom center, top center;
		background-size: 100% auto,  auto 100%;
		background-repeat: no-repeat, no-repeat;
		padding: 0px;
	}

	.bg-img-4 {
		background-image: url('../images/arrow-white.svg'), url('../images/page-business.jpg');
		background-position: bottom center, top center;
		background-size: 100% auto,  auto 100%;
		background-repeat: no-repeat, no-repeat;
		padding: 0px;
	}

	.bg-img-5 {
		background-image: url('../images/arrow-white.svg'), url('../images/page-about.jpg');
		background-position: bottom center, 40% center;
		background-size: 100% auto,  auto 100%;
		background-repeat: no-repeat, no-repeat;
		padding: 0px;
	}

	.bg-img-6 {
		background-image: url('../images/arrow-white.svg'), url('../images/page-contact.jpg');
		background-position: bottom center, contact top;
		background-size: 100% auto,  auto 100%;
		background-repeat: no-repeat, no-repeat;
		padding: 0px;
	}
	
	.logoYL {
		height: auto;
		width: 40vw;
	}
	.carousel-caption {
		left: 0px;
		right: auto;
		bottom: 20%;
		text-align: left;
		background: rgba(0,0,0, 0.5);
		padding: 8px 60px 5px 40px;
	}
	.carousel-caption h1{
		font-size: 1.25rem;
	}
	.carousel-caption p{
		margin: 0px;
		font-size: 1rem;
	}

	.carousel-indicators {
		bottom: 2vw;
	}
}