/* Vital Hawk Inventions Copyright CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat: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 						 { font-family: 'Montserrat', sans-serif; }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) { 

	.w-mobile-90  { width: 90%; }
	.start-25 {
    left: 0% !important; margin-top: 10px; top: 5% !important ; 
}
	.my-6 {
    margin-top: 1rem !important;
		margin-bottom: 1rem !important; }
	.site-links .p-3		{ padding: .5rem  !important }
	.site-links .bg-dark	{  margin-bottom: 0rem ; }
	.blue-bar-links .p-new   	{ padding-top: 0.3rem !important ; margin-top: .5rem;  }
	.blue-bar-links .container	{ padding: 0rem;  }
	.position-absolute-2		{ position: inherit !important }
	.mt-6						{ margin-top: 1rem; }
	.pt-30, .pt-20	{ padding-top: 1rem !important  }
	.display-none			{ display: none; }
	.my-8 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(46, 42, 43, .90)
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(0, 191, 255, .90)
}
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .9rem; font-weight: 600;
    padding-left: .9rem
  }
.navbar-dark .navbar-toggler {
  color: rgba(0, 191, 255, .55) ;
  border-color: rgba(0, 191, 255, .9); background: #00bfff;
}
b, strong {
  font-weight: bold
}
.site-links .p-new		{ padding-top: 1.5rem; }
.btn-outline-success {
  color: #FFFFFF; border-radius: 0; padding: .5rem 1.5rem ;  
  border-color: #FFFFFF
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #222222;
  border-color: #222222
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 .25rem rgba(42, 39, 40, .5)
}
.btn {
  border-radius: 0rem;
}
.btn-primary {
  color: #fff;
  background-color: #00bfff;
  border-color: #00bfff
}
.btn-primary:hover {
  color: #fff;
  background-color: #2a2728;
  border-color: #2a2728
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #00bfff;
  border-color: #00bfff;
	box-shadow: 0 0 0 .25rem rgba(0, 191, 255, .5) }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}
.my-6 {
    margin-top: 7rem;
    margin-bottom: 7rem;
}
.bg-project			{ background: url("img/bg-wall-blue.jpg"); }
.bg-offer			{ background: url("img/bg-offer.jpg"); }
.bg-contact			{ background: url("img/bg-contact-us.jpg") no-repeat; }
.bg-contact-2			{ background: url("img/design-1.jpg") no-repeat; }
.bg-contact-3			{ background: url("img/design-2.jpg") no-repeat; }
.nav-tabs {
  border-bottom: 1px solid #333333;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active 
{ color: #00bfff; border-bottom: 2px solid #00bfff; }
.nav-link {
  color: #333333;
}
.card-title { font-weight: 600;
}
.card-text:last-child { font-weight: 400; font-size: .9rem; 
}
.card {
  border-radius: 0rem
}
.pt-30	{ padding-top: 30rem }
.pt-20	{ padding-top: 15rem }
.circle-bullet {
    display: inline-block;
    width: 90px;
    height: 45px;
    margin: 6px;
    background-color: #ffffff;
  }
.list-group-item {
  color: #FFFFFF;
}
.list-group-item {
  padding: .5rem 0rem;
}
.footer-links a:hover { color: #00bfff !important; }
.btn-secondary {
  color: #222222; font-weight: 500; 
  background-color: #dfdfdf;
  border-color: #dfdfdf
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.bg-light-2		{ background: #f4f5f6; }
.badge-2 {display:inline-block;padding:.49em .98em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem; color: white; text-transform: uppercase; margin:.49em .26em; }
.badge-2 a    { color: #FFFFFF; text-decoration: none; }
.badge-2 a:hover    { color: #00bfff;}

a {
  color: #222222;
  text-decoration: none;
}
a:hover {
  color: #00bfff
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #00bfff;
  border-color: #00bfff
}
.page-link {
  position: relative;
  display: block;
  color: #00bfff;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #00bfff;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.border-primary {
  border-color: #00bfff !important
}
.arrow-link-1 li, .arrow-link-2 li, .arrow-link-3 li { line-height:30px; padding-left: 30px; } 
.arrow-link-1 li	{ background: url("img/arrow-1.png") no-repeat left center;  }
.arrow-link-2 li	{ background: url("img/arrow-2.png") no-repeat left center; }
.arrow-link-3 li	{ background: url("img/arrow-3.png") no-repeat left center;  }

.btn-outline-primary {
  color: #00bfff;
  border-color: #00bfff
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #00bfff;
  border-color: #00bfff
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}
.btn-link {
  font-weight: 400;
  color: #00bfff;
  text-decoration: underline
}
.btn-link:hover {
  color: #00bfff;
	text-decoration: none; 
}

.blue-bar-links a   { color: #ffffff; }
.blue-bar-links a:hover   { color: #ffffff; }
.blue-bar-links .p-3:hover   { background: #0da6da; }
.blue-bar-links .border-white-1:hover {
    border-color: #029fd4 !important;
}
.bg-dark  .border-white:hover {
    border-color: #FFFFFF !important;
}