/* Add here all your CSS customizations */

/*.text-hm-xl {
	font-size: 10vw;
} */

@media screen and (min-width: 601px) {
  h1 .text-hm-xl
  {
    font:80px;
  }
}
@media screen and (max-width: 600px) {
  h1 .text-hm-xl
  {
    font:30px;
  }
}
.bg-image {
  background-color: #111; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}
.bg-image-map {
  background-image: url("../img/bg-map01.png"); /* The image used */
}
.container-1200 {
	max-width: 1200px !important;
}

/* Concept Position */
.concept-pos-2 {
	position: relative;
	bottom: -300px;
	right: 20px;
	z-index: 20;
	/*bottom: 13%;
	right: -120px;*/
}
/*Colors*/
.bg-darkteal {
	background-color: #003d4b !important;/*006278*/
}
.text-darkteal {
	color: #006278 !important;
}
.bg-darkblue {
	background-color: #071750 !important;
}
.text-darkblue {
	color: #071750 !important;
}

.bg-teal01 {
	background-color: #00c6b0 !important;
}
.text-teal01 {
	color: #00c6b0 !important;
}
.bg-green01 {
	background-color: #4fa046 !important;
}
.text-green01 {
	color: #4fa046 !important;
}
.bg-green02 {
	background-color: #00b14f !important; /*J #83bf41 */
}
.text-green02 {
	color: #00b14f !important; 
}
.bg-green03 {
	background-color: #c2e36c !important;
}
.text-green03 {
	color: #c2e36c !important;
}
.bg-light-6 {
	background-color: #e2e6ee !important;/* #eef0f1 #eaeff2*/
}
/*  Gradients */
.bg-gradient-blue01 {
  background-color: #1c2f56;
  background-image:  -moz-linear-gradient(top, #1c2f56 0%, #2c9afe 100%);
  background-image:  -webkit-linear-gradient(top, #1c2f56 0%, #2c9afe 100%);
  background-image:  linear-gradient(to bottom, #1c2f56 0%, #2c9afe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c2f56', endColorstr='#2c9afe', GradientType=0);
}
.bg-gradient-purpleteal01 {
	/*background: #505050;
	background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);*/
  background-color: #12dfac;
  background-image:  -moz-linear-gradient(top, #9f2fff 0%, #12dfac 100%);
  background-image:  -webkit-linear-gradient(top, #9f2fff 0%, #12dfac 100%);
  background-image:  linear-gradient(to bottom, #9f2fff 0%, #12dfac 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f2fff', endColorstr='#12dfac', GradientType=0);
}
.bg-gradient-purpleteal02 {
	/*background: #505050;
	background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);*/
  background-color: #006278;
	  background-image:  -moz-linear-gradient(45deg, #9f2fff 0%, #006278 50%, #12dfac 100%);
	  background-image:  -webkit-linear-gradient(45deg, #9f2fff 0%, #006278 50%, #12dfac 100%);
	  background-image:  linear-gradient(45deg, #9f2fff 0%, #006278 50%, #12dfac 100%);
}
.left-nav li a:hover {
  background-color: #f1f1f1;
  color: #071750 !important;
}
.left-nav > .nav-item > .nav-link  {
  	padding: 15px;
	font-size: 14px;
  	color: #111 !important;
}
.left-nav > .nav-item > .nav-link.active {
  	background-color: #071750;
  	color: #FFF !important;
	font-weight: 600;
}
 