::selection {
  background-color:#7bbfca;
  color: #fff;
}
::-moz-selection {
  background-color:#7bbfca;
  color: #fff;
}


a {
  color:#7bbfca;
}

.mission-statement {
  font-weight:600;
  font-size: 24px;
}

.nav-item-border {
  border-left: solid 1px;
  border-color: #7bbfca;
}

.tab-style-1 .nav > li > a:hover,
.m-btn-theme:hover,
.m-btn-t-theme,
.blog-item .blog-content h4 a:hover,
.theme-color {
  color:#7bbfca;
}

.Brainer > p:nth-child(0),
.Brainer > p:nth-child(3),
.Brainer > p:nth-child(5),
.Brainer > h1:first-letter {
  color:#7bbfca !important;
}


.header-nav.fixed-header .navbar-nav .nav-link.nav-link-btn,
.form-group .input-focus-effect,
.tab-style-1 .nav > li > a:after,
.m-btn-t-theme:hover,
.theme-after-bg:after,
.m-btn-theme,
.theme-bg {
  background:#7bbfca;
}

.m-btn-theme,
.m-btn-t-theme,
.border-theme,
.btn-theme {
  border-color:#7bbfca;
}

/*------------------------------------------------------------------*/ 
/*	Intro Carousel
/*------------------------------------------------------------------*/

.carousel-inner .carousel-item {
  min-height: calc(160px + 35vw); 
  background-position: center center; 
  background-repeat: no-repeat; 
  background-size: cover;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  transition: all 0.2s ease-out;
}

@media(max-width: 991px) {
  .carousel-inner .carousel-item {
    height: 100vh; 
    min-height: 600px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
  }
}


/*------------------------------------------------------------------*/ 
/*	Animation Caption in Carousel
/*------------------------------------------------------------------*/


.carousel-caption{
  bottom:17% !important;
  text-align: center;
}

/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@media(max-width: 991px) {
  .carousel-caption{
    bottom:18% !important;
    text-align: center;
  }
}



/*------------------------------------------------------------------*/ 
/*	Partners Ccarousel
/*------------------------------------------------------------------*/


.slick-slide {
  margin: 0px 50px;
}

.slick-slide img {
  width: 70%;
}

.slick-slider
{
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
}
.slick-track:before,
.slick-track:after
{
  display: table;

  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}


/*------------------------------------------------------------------*/ 
/*	Team Composition Pie
/*------------------------------------------------------------------*/

.chart-wrapper {
  z-index: 10;
  width: 100%;
  height: 120%;
  background-color: #f7f9fb;
  position: absolute;
  font-weight: 400;
}

path {
  z-index: 10;
  stroke: #f7f9fb;
  /* stroke-width: 5px; */
  cursor: pointer;
  transition: fill 250ms;
}
path:hover {
  z-index: 10;
  /* stroke-width: 10px; */
  fill: black;
}

text {
  font-weight: 400;
  font-size: 1.3em;
  text-transform: uppercase;
  letter-spacing: .5px;
}

polyline {
  z-index: 10;
  fill: none;
  stroke: black;
  stroke-width: 2px;
  stroke-dasharray: 5px;
}

/* .revealOnScroll{
  opacity:0;
}
.animated{
  animation-duration:1s;
  aniamtion-timing-function:linear;
  animation-fill-mode:forwards;
} */


/*------------------------------------------------------------------*/ 
/*	Timeline History View
/*------------------------------------------------------------------*/

.timeline {
  position: relative;
}
.timeline::before {
  content: '';
  background: #3B566E;
  width: 5px;
  height: 95%;
  position: absolute;
  left: 50%;  
  transform: translateX(-50%);
}

.timeline-item {
  width: 100%;
  margin-bottom: 70px;
}
.timeline-item:nth-child(even) .timeline-content {
  float: right;
  padding: 40px 30px 10px 30px;
}
.timeline-item:nth-child(even) .timeline-content .date {
  right: auto;
  left: 0;
}
.timeline-item:nth-child(even) .timeline-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  left: -15px;
  border-width: 10px 15px 10px 0;
  border-color: transparent #f5f5f5 transparent transparent;
}
.timeline-item::after {
  content: '';
  display: block;
  clear: both;
}

.timeline-content {
  position: relative;
  width: 45%;
  padding: 10px 30px;
  border-radius: 4px;
  background: #f5f5f5;
  box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
}
.timeline-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  right: -15px;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #f5f5f5;
}

.timeline-img {
  width: 30px;
  height: 30px;
  background: #7bbfca;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-top: 25px;
  margin-left: -15px;
}

.timeline-card {
  padding: 0 !important;
}
.timeline-card p {
  padding: 10px 20px;
}
.timeline-card a {
  margin-left: 20px;
}

.timeline-item .timeline-coex-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("../../img/history/coex.jpg") center center no-repeat;
  background-size: cover;
}

.timeline-item .timeline-nj-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("../../img/history/NJ.jpg") center center no-repeat;
  background-size: cover;
}

.timeline-item .timeline-verizon-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("../../img/history/verizon.jpg") center center no-repeat;
  background-size: cover;
}

.timeline-img-header {
  height: 200px;
  position: relative;
  margin-bottom: 20px;
}
.timeline-img-header h2 {
  color: #FFFFFF;
  position: absolute;
  bottom: 5px;
  left: 20px;
}

blockquote {
  margin-top: 30px;
  color: #757575;
  border-left-color: #7bbfca;
  padding: 0 20px;
}

.date {
  background: #FF4081;
  display: inline-block;
  color: #FFFFFF;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  .timeline::before {
    left: 50px;
  }
  .timeline .timeline-img {
    left: 50px;
  }
  .timeline .timeline-content {
    max-width: 100%;
    width: auto;
    margin-left: 70px;
  }
  .timeline .timeline-item:nth-child(even) .timeline-content {
    float: none;
  }
  .timeline .timeline-item:nth-child(odd) .timeline-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #f5f5f5 transparent transparent;
  }

  .pin-usa { top: 39%; left: 20.5%; }
}

/*------------------------------------------------------------------*/ 
/*	World Map View
/*------------------------------------------------------------------*/

.svg-icon { width: 30px; height: 40px;}
.svg-icon path, .svg-icon polygon, .svg-icon rect { fill: #7bbfca; stroke: #0a4698;}
.svg-icon circle { stroke: #7bbfca; fill: #7bbfca; stroke-width: 1;}

.dogras-world-map { position: relative;}
.dogras-world-map img { max-width: 100%;}
.map-location { position: absolute; margin-left: -12px; color: #323232;}
.map-location .dogras-location-bubble { position: absolute; top: -45px; left: 50%; width: 120px; margin-left: -65px; padding: 5px; background: rgba(255,255,255,1); border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,.15);}
.map-location .dogras-location-bubble.active { animation: a 1s cubic-bezier(.58,.1,.58,.7) infinite alternate; backface-visibility: hidden;}
@keyframes a{0%,5%{transform:translate3d(0,2px,0) scale(1)}to{box-shadow:0 0 1px rgba(0,0,0,.2),0 5px 6px rgba(0,0,0,.2);transform:translate3d(0,-3px,0) scale(1)}}
.map-location .dogras-location-bubble:before { content: ""; position: absolute; top: 100%; right: auto; bottom: auto; left: 50%; width: 0; height: 0; border-style: solid; margin-left: -8px; border-width: 8px 8px 0; border-color: rgba(255,255,255,1) transparent;} 
.map-location .dogras-location-bubble:after { margin-left: -6px; border-width: 6px 6px 0; border-color: #fff transparent;}
.map-location .dogras-location-bubble.active { background: rgba(255,255,255,1);}
.map-location .dogras-location-bubble.active svg path { fill: #7bbfca ; stroke: #1569a5;}
.map-location .dogras-location-name { font-size: 14px; font-weight: 600;}
.map-location .dogras-location-desc { font-size: 10px; font-weight: 300;}

.pin-usa { top: 23.5%; left: 21%; }
.pin-canada { top: 114px; left: 347px;}
.pin-japan { top: 157px; left: 1064px;}

@media screen and (max-width: 991px) {
  .pin-usa { top: 20%; left: 20.5%; }
  .mission-statement {
    font-weight:600;
    font-size: 16px;
  }
}


@media screen and (max-width: 740px) {
  .pin-usa { top: 9%; left: 21%; }
}

/*------------------------------------------------------------------*/ 
/*	GLAX STYLE INTRODUCE
/*------------------------------------------------------------------*/

.glax_tm_introduce_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	background-color: #081225;
	padding: 50px 70px 50px 80px;
}
.glax_tm_introduce_wrap .inner_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.glax_tm_introduce_wrap .inner_wrap .main_info_wrap{
	width: 100%;
	max-width: calc(100% - 240px);
	height: auto;
	float: left;
	padding-right: 15%;
}
.glax_tm_introduce_wrap .inner_wrap .main_info_wrap .top_title{
	color: #fff;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 300;
    text-transform: capitalize;
	font-family: "Rubik";
}
.glax_tm_introduce_wrap .inner_wrap .main_info_wrap .title{
	margin: 0px 0px 37px 0px;
    font-size: 36px;
    letter-spacing: 0px;
    font-weight: 500;
	color: #fff;
	position: relative;
	line-height: 1;
}
.glax_tm_introduce_wrap .inner_wrap .main_info_wrap .title:before{
	position: absolute;
	content: "";
	width: 100px;
	height: 2px;
	background-color: #45a2df;
	left: 0px;
	bottom: -16px;
}
.glax_tm_introduce_wrap .inner_wrap .main_info_wrap .text{
	line-height: 1.7;
	color: #ccc;
	margin-bottom: 50px;
}
.glax_tm_introduce_wrap .experience_box{
	width: 240px;
	height: 240px;
	border: 10px solid #ad3110;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 13px 20px 10px 18px;
}
.glax_tm_introduce_wrap .experience_box .top p{
	margin: 0px;
    padding: 0px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 300;
    margin-bottom: 10px;
    color: #fff;
    line-height: 1.2;
  	font-family: inherit;
}
.glax_tm_introduce_wrap .experience_box .bottom{
	display: flex;
	align-items: center;
}
.glax_tm_introduce_wrap .experience_box .bottom .number span{
	font-family: inherit;
	font-size: 72px;
	color: #fff;
	letter-spacing: -0.25px;
	line-height: 1;
	font-weight: 400;
}
.glax_tm_introduce_wrap .experience_box .bottom .definition{
	font-family: inherit;
	font-size: 10px;
	color: #ad3110;
	text-transform: uppercase;
	padding-left: 4px;
	font-weight: 500;
}
.glax_tm_introduce_wrap .play_video{
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background-color: #ad3110;
	bottom: -20px;
	left: 80px;
	z-index: 3;
}
.glax_tm_introduce_wrap .play_video:before{
	position: absolute;
	content: "";
	border: 10px solid transparent;
	border-left-color: #fff;
	border-left-width: 20px;
	border-right-width: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin-left: 13px;
}
.glax_tm_introduce_wrap .play_video a{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.qqq{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
	padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.qqq .shape_top .first{
	position: absolute;
	border-bottom: 36px solid rgba(8,18,37,0.2);
	border-left: 500px solid transparent;
	top: 4px;
	right: 75px;
}
.qqq .shape_top .second{
	position: absolute;
	border-bottom: 36px solid rgba(8,18,37,0.2);
	border-right: 15px solid transparent;
	top: 4px;
	right: 60px;
}
.qqq .shape_bottom .first{
	position: absolute;
	border-top: 36px solid rgba(8,18,37,0.2);
	border-right: 500px solid transparent;
	bottom: 4px;
	left: 75px;
}
.qqq .shape_bottom .second{
	position: absolute;
	border-top: 36px solid rgba(8,18,37,0.2);
	border-left: 15px solid transparent;
	bottom: 4px;
	left: 60px;
}
.glax_tm_section.introduce{
	position: relative;
	margin-top: -180px;
	z-index: 11;
	margin-bottom: 120px;
}

@media(max-width: 991px) {
  .glax_tm_introduce_wrap .inner_wrap {
    display:block
  }
  .glax_tm_introduce_wrap .inner_wrap .main_info_wrap{
    max-width: calc(100%);
  }
}