@charset "utf-8";
/* CSS Document */
		 
		  body,h1,h1,h3,h4,h5,h6,button
		  {
			font-family: 'Montserrat', sans-serif;
			font-size:14px;
		  }
		 .tophead
		 {
		background-color:transparent;
		color:#fff;
		padding-top:8px;
		padding-bottom:3px;
		font-size:13px;
	    font-weight:300;
		position:absolute;
		z-index:999;
		width: 100%;
		
	}
	.isodetail h6
	 {
		font-size:15px;
		margin-top:20px;
		float: right;
		line-height:22px;
		color:#4c4c4c;
		font-weight:400;
	 }
 	.navbar-expand-lg .navbar-nav .nav-link 
	 {
		padding-right: 1.1rem;
		padding-left: 1.1rem;
		padding-top: 0.0rem;
		padding-bottom: 0.0rem;
		font-size:15px;
		line-height:30px;
		color:#bdd5f8;
		font-weight:400;
		letter-spacing: 0.2px;
		
	}
	 .navbar 
	 {
    	padding:0rem 0rem 0rem;
		float: right;
		margin-top: 50px;
	 }
	.navbar-expand-lg .navbar-nav .nav-item
	 {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-right: 3px;
	 }
	/* .navbar-expand-lg .navbar-nav  li:last-child {
	  background: #ffcd03;
	  color:#000;
	}
	 .navbar-expand-lg .navbar-nav  li:last-child a {
	  color:#000;
	}
	.navbar-expand-lg .navbar-nav  li:last-child:hover  {
	  background: #ffcd03;
	}
	.navbar-expand-lg .navbar-nav  li:last-child:hover .nav-link   {
	   color:#000;
	}	*/
	.navbar-light .navbar-nav .nav-link 
	 {
	 	color:#fff;
	 }
	.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover 
	 {
	 	color:#FFF;
	 }
	.navbar-light .navbar-nav .nav-item:focus,.navbar-light .navbar-nav .nav-item:hover 
	 {
	 	color:#FFF;
	 	background-color:#b2191b;
		box-shadow: 0 10px 10px rgba(0,0,0,.5);
	 }
	.navbar-light .navbar-nav .nav-item:focus .nav-link,.navbar-light .navbar-nav .nav-item:hover .nav-link {
	 	color:#FFF;
	}
	.navbar-light .navbar-nav .nav-link.disabled 
	{
	 	color:rgba(0,0,0,.3)
	}
	.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
	    color:#FFF;
	   background-color:#b2191b;
	}
	.navbar-light .navbar-nav .active
	{
		background-color:#b2191b;
		box-shadow: 0 10px 10px rgba(0,0,0,.5);
	}
	.navbar-light .navbar-toggler {
	 	color:rgba(255,255,255,1);
	 	border-color:rgba(255,255,255,1);
		margin-top: 15px;
	}
	.navbar-light .navbar-toggler-icon 
	{
	  	background-image: url(“data:image/svg+xml;charset=utf8,%3Csvg viewBox=’0 0 32 32' xmlns=’http://www.w3.org/2000/svg'%3E%3Cpath stroke=’rgba(255,102,203, 0.5)’ stroke-width=’2' stroke-linecap=’round’ stroke-miterlimit=’10' d=’M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E”);
	}
	.navbar-light .navbar-text {
	 	color:rgba(0,0,0,.5)
	}
   	.navbar-light.navbar-nav  > li:hover a
	{
		color: #cf0c0d  !important ;
		background-color: #fff;
	}
	.navbar-light.navbar-nav .dropdown-menu:hover dropdown-item
	{
		color:#fff ;
		background-color:#00913c;
	}	
	.dropdown-item
	{
		background-color: #f8c300;
		text-transform: uppercase;
		display: block;
		border-bottom: 1px solid #edba00;
		font-size:11px;
		padding: .45rem 1.5rem;
		color: #000;
		
	}
   .dropdown-item:focus, .dropdown-item:hover 
   {
	    color:#4c4c4c;
		text-decoration: none;
		background-color: #fff;
	}
	 .navbar-light.navbar-nav  .dropdown-menu > .active > a:focus, .navbar-light.navbar-nav  .dropdown-menu > .active > a:hover
	 {
		color:#cf0c0d !important;
		text-decoration: none;
		background-color: #fff;
	 }
	.navbar-light.navbar-nav li ul li a 
	{
		line-height: 20px !important;
		padding: 6px 20px 6px 20px !important;
	}
	
	.dropdown-menu
	{
		border: 0px solid #ccc;
		border: 0px solid rgba(0,0,0,.15);
	}
    .dropdown-menu {
		min-width: 200px;
		width: auto;
		border-radius: 2px;
		left: 0;
		top: 36px;
		right: auto;
		z-index:100;
		color: #fff !important;
		text-decoration: none;
		background-color: #f8c300;
		padding: .5rem 0 0;
	}
	.navbar-nav > li > .dropdown-menu 
	{
		margin-top: 7px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.dropdown-toggle::after 
	{
      	display:none;
	}
	.dropdown:hover .dropdown-menu
	 {
		display: block;
	 }
	.btn-default {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    width: 150px;
    font-size: 14px;
    margin-top: 0px;
    padding: 15px 8px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0px;
	}
	.btn-default:hover,.btn-default:focus 
	{
	color: #fff;
    background-color: transparent;
    border-color: transparent;
	cursor:pointer;
	
	}
   .btn1:hover
   {
		background-color: #6bb5b6;
   }
   .btn2:hover
   {
		background-color: #eb6623;
   }
   .btn3:hover
   {
		background-color: #fbcd21;
   }
	.carousel-control{top:50%;}
	.headsection .carousel-inner
	{
       background: #fff;
	}
	.headsection .carousel .carousel-inner .carousel-item {
	    -webkit-transition-property: opacity;
	    transition-property: opacity;
		width: 100%;
		height: auto;
		-webkit-transition: height .3s ease;
		transition: height .3s ease;
		-webkit-clip-path: ellipse(86% 60% at 50% 40%);
		clip-path: ellipse(70% 59% at 50% 40%);
		float: left;
		min-height: 1px;
		outline: none;
		transition: opacity .75s ease-in-out;
	}
	
  .carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 0.75s;
    transition-property: opacity;
  }

  .carousel-item.active,
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    opacity: 1;
  }

  .active.carousel-item-left,
  .active.carousel-item-right {
    opacity: 0;
  }

  .carousel-item-next,
  .carousel-item-prev,
  .carousel-item.active,
  .active.carousel-item-left,
  .active.carousel-item-prev {
    transform: translateX(0);
    @supports (transform-style: preserve-3d) {
      transform: translate3d(0, 0, 0);
    }
  }
}

	.carousel-fade .carousel-inner .carousel-item {
	  -webkit-transition-property:opacity;
	  transition-property:opacity;
	}
	.carousel-fade .carousel-inner .active.carousel-item-left, .carousel-fade .carousel-inner .active.carousel-item-right, .carousel-fade .carousel-inner .carousel-item {
	  opacity:0;
	}
	
	.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left, .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
	  opacity:1;
	}
	
	.carousel-fade .carousel-inner .active.carousel-item-left, .carousel-fade .carousel-inner .active.carousel-item-right, .carousel-fade .carousel-inner .carousel-item-next, .carousel-fade .carousel-inner .carousel-item-prev {
	  left:0;
	  -webkit-transform:translate3d(0,0,0);
	  transform:translate3d(0,0,0);
	}
		.arrowleft {
			width: 40px;
			height: 40px;
			border: 1px solid rgba(0,0,0,0.3);
			border-radius: 0%;
			padding-top: 0.5%;
			margin-left: 5%;
			background-color: rgba(0,0,0,0.3);
			font-size: 25px;
			position: absolute;
			padding-left: 0.6%;
			color: #fff;
		}
		.arrowright
		{
			    width: 40px;
				height: 40px;
				border: 1px solid rgba(0,0,0,0.3);
				border-radius: 0%;
				padding-top: 0.5%;
				margin-left: 90%;
				background-color: rgba(0,0,0,0.3);
				font-size: 25px;
				position: absolute;
				padding-left: 0.7%;
				color: #fff;
		}
		.arrowright:hover:after{
			color: #ffffff;
			-webkit-animation: nextArrow 0.3s forwards;
			-moz-animation: nextArrow 0.3s forwards;
			animation: nextArrow 0.3s forwards;
		}
		.arrowleft:hover:after{
			color: #ffffff;
			-webkit-animation: prevArrow 0.3s forwards;
			-moz-animation: prevArrow 0.3s forwards;
			animation: prevArrow 0.3s forwards;
		}
		.arrowright:hover,
		.arrowleft:hover{
			background:none /*rgba(0, 0, 0, 0) linear-gradient(to right, #0e419a 0%, #2b70be 100%) repeat scroll 0 0*/;
			-webkit-box-shadow: 0 0 0 0.25em rgba(255,255,255,0.6);
			-moz-box-shadow: 0 0 0 0.25em rgba(255,255,255,0.6);
			box-shadow: 0 0 0 0.25em rgba(255,255,255,0.6);
			color:#ffffff;
		}
		@-webkit-keyframes nextArrow {
			49% { -webkit-transform: translate(100%); }
			50% { opacity: 0; -webkit-transform: translate(-100%); }
			51% { opacity: 1; }
		}
		@-moz-keyframes nextArrow {
			49% { -moz-transform: translate(100%); }
			50% { opacity: 0; -moz-transform: translate(-100%); }
			51% { opacity: 1; }
		}
		@keyframes nextArrow {
			49% { transform: translate(100%); }
			50% { opacity: 0; transform: translate(-100%); }
			51% { opacity: 1; }
		}
		
		@-webkit-keyframes prevArrow {
			49% { -webkit-transform: translate(-100%); }
			50% { opacity: 0; -webkit-transform: translate(100%); }
			51% { opacity: 1; }
		}
		@-moz-keyframes prevArrow {
			49% { -moz-transform: translate(-100%); }
			50% { opacity: 0; -moz-transform: translate(100%); }
			51% { opacity: 1; }
		}
		@keyframes prevArrow {
			49% { transform: translate(-100%); }
			50% { opacity: 0; transform: translate(100%); }
			51% { opacity: 1; }
		}
	/*@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.headsection .carousel-inner .carousel-item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}*/
     .left-arc 
	 {
    border-radius: 100% 0/10% 100% 0 90%;
	box-shadow: 0 10px 10px rgba(0,0,0,.5);
	}
	.has-img-overlay .img-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
	}
	.about-image {
    padding-bottom: 60%;
    margin-right: 45px;
	}
	.has-img-overlay {
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
    .separator-top-red:before {
	 background-color: #b2191b;
	}
	
	.side-separator:before {
	 background-color:#072e67;
	}
	
	.separator-top:before {
	 display:block;
	 width:50px;
	 height:4px;
	 margin:0 auto 35px;
	}
	.separator-left:before {
	 margin-left:0;
	}
	.side-separator::before {
		content: '';
	}
	.side-separator {
	 position:relative;
	 padding:13px 0 20px 37px;
	}
	.side-separator:before 
	{
	 position:absolute;
	 left:0;
	 top:0;
	 width:4px;
	 height:50px;
	}
	
	.mission-left-text 
	{
	 margin-top:50px;
	 padding-bottom:16px;
	}
	.mission-left-text .h3,
	.mission-left-text h3 
	{
	 margin-bottom:26px !important;
	 font-size:36px !important;
	 
	}
	.mission-left-small-img {
	 margin-top:20px;
	}
	.mission-right-text {
	 margin-top:85px;
	}
	.mission-right-small-img {
	 margin-top:-106px;
	}
	.mission-right-large-img {
	 margin-top:22px;
	}
		
		
	.center-title-large 
	{
		font-size: 2.5em;
		text-align: center;
		font-weight: 900;
		position: relative;
		line-height: 2.3;
		margin-bottom: 1.5em;
		color: #072e67;
		text-transform: uppercase;
	}
	
	.center-title-large::before 
	{
		content: "";
		position: absolute;
		width: 60%;
		height: 1px;
		top: auto;
		left: 0;
		bottom: 0;
		right: 0;
		margin: 0 auto;
		background-color: #dfdfdf;
	}
	
	.center-title-large::after 
	{
		content: "";
		position: absolute;
		width: 10%;
		height: 2px;
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		background-color: #072e67;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	
	.center-title-large:hover::after 
	{
		width: 30%;
	}
	.management 
	{
	 position:relative;
	 background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#222c64),color-stop(50%,#182457),to(#081946));
	 background-image:linear-gradient(to right,#222c64 0,#182457 50%,#081946 100%);
	}
	.management:before {
	 display:block;
	 height:142px;
	 background-size:109% 105%;
	 margin-top:-2px;
	 background-image:url(../../images/section_separator_out-white.svg);
	 position:relative;
	 z-index:2
	}
	awards::after, .management::before, .video-img .video-button::after, .videos::before {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    content: '';
	}
	.separator-top::before, .side-separator::before {
    content: '';
	}
	management .separator-top::before {
    margin-bottom: 42px;
	}
	.separator-top::before {
		display: block;
		width: 50px;
		height: 4px;
		margin: 0 auto 35px;
			margin-bottom: 35px;
	}
	.separator-left::before {
    margin-left: 0;
	}
	.management-heading h2
	{
		    font-size: 40px;
			line-height: 24px;
			color: #ffffff;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 18px;
			text-align:center;

	}
	.management-heading h6
	{
		    font-size: 18px;
			line-height: 1.3;
			color: #ffffff;
			text-transform: uppercase;
			font-weight: 600;
			margin-bottom: 45px;
			text-align:center;

	}
	@media only screen and (max-width:1024px) {
	 .management:before {
	  background-size:182% 106%;
	  height:86px
	 }
	}
	@media only screen and (max-width:640px) {
	 .management:before {
	  height:38px
	 }
	}
	.management-inner {
	 position:relative;
	 z-index:2;
	 padding:45px 0 150px
	}
	.management .separator-top:before {
	 margin-bottom:42px
	}
	.management-heading {
	 color:#fff
	}
	.management-heading h2,
	.management-heading h6 {
	 color:inherit
	}
	.management-slider {
	 padding:0px 0 80px
	}
	.management-slider .slick-slide img {
      border-radius:50%;
      width:100px;
	  margin-bottom:10px;
	}
	.management-slider .management-item {
	  width: 255px;
	  margin: 0 37px;
	  box-shadow: 0 10px 10px rgba(0,0,0,.5);
	}
	.management-slider .slick-list {
	 padding-left:calc((100% - 1160px)/ 2)
	}
	.management-item {
	 background-color:#fff;
	 padding:55px 15px 45px;
	 position:relative
	}
	
	.management-item-title {
    color: #b2191b/*#28234d*/;
    line-height: 1.1;
    margin-bottom: 0;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
}
	.management-item   h6 small {
    letter-spacing: 1.4px;
    font-size: 16px;
    color: inherit;
	}
	.management-item-position {
	 color:inherit;
	 margin-bottom:0
	}
	.constellations-large {
	 width:117%
	}
	.constellations-black {
	 fill:#000
	}
	.constellations-white {
	 fill:#fff
	}
	.constellations-lower-opacity {
	 opacity:.04
	}
	.constellations-higher-opacity {
	 opacity:.09
	}
	
	.constellations-top {
		top: 0;
		bottom: auto;
	}
	.constellations-left {
    position: absolute;
    left: 0;
    top: 0;
	}
	.constellations-right {
    position: absolute;
    right: 0;
    bottom: 0;
	}
	.awards {
    padding: 70px 0 20px;
    margin-bottom: 0px;
    background-color: #fff;
	}
	.awards h2 {
    font-size: 40px;
    line-height: 24px;
    color:#072e67;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 18px;
    
	}
	.awards h6 {
    font-size: 18px;
    line-height: 1.3;
    color: # #2c2c2c;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 18px;
	}
	.awards  p {
    font-size: 16px;
    line-height: 30px;
    color: #535353;
    font-weight: 400;
    margin-bottom: 25px;
    
    letter-spacing: 0.2px;
    text-align: justify;
	}
	.awards .mission-left-text {
    margin-top: 30px;
    padding-bottom: 16px;
}
   .office-headtitle {
    font-weight: 900;
    left: 1em;
	font-size: 1.75rem !important;
	text-transform:capitalize !important;
	}

	.office-headtitle::before {
		margin-left: -1em;
		height: 1em;
		margin: auto;
		position: absolute;
		display: block;
		content: "";
		border-left: 2px solid #072e67;
	}
	
	.office-headtitle:hover::before {
		border-left: 4px solid #072e67;
	}
	.contactdet span {
    font-size : 1.5em;
    text-align:right;
	padding-top: 5px;
	color: #072e67;
	}
	
	.contactdet p {
		line-height : 2em;
		margin-bottom:0rem;
	}
	.contactdet p a {
		color: #072e67;
	}
	
	.contactdet h5
	{
		font-size:28px;
		color: #072e67;
	}
.overflowHidden {
    overflow:hidden;
}
.shape1 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}
.shape1 {
    width: 45%;
    height: 100%;
    opacity: 0.80;
    background: #0c2953;
    -webkit-clip-path: polygon(25% 0%, 100% 0, 100% 100%, 25% 100%, 0% 50%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 55% 96.5%, 0% 85.5%);
}
.inner {
    position: absolute;
    z-index: 101;
    color: #FFF;
    padding: 50px;
    top: 10px;
    left: 55px;
    width: 35%;
}
		.captionway 
		{
		   position: absolute;
		   background-image:url(../../images/sidebg_01.png);
		   background-repeat:no-repeat;
		   top:0;
		   left:0;
		   padding-top:80px;
		   padding-bottom:80px;
		   min-height:auto; 
		   width:auto;	
		   background-position:100% 100%;
		   padding-left: 7%;
		   padding-right: 7%;
		}
		.inner img.logo
		{
			margin-bottom:20px;
		}
		.inner h1 {
			font-size: 15px;
			font-weight: bold;
			color: #fff;
			line-height: 36px;
			
		}
		.inner p {
			font-size: 15px;
			line-height: 32px;
			font-weight: 300;
			color: #bfc7ca;
			margin-bottom: 0;
			
			margin-bottom: 15px;
			letter-spacing: 0.5px;
			word-spacing: 5px;
		}
		.inner p span {
			  color:#fff;
			  font-weight:300;			
		}
		.captionway h4
		{
		   text-align:center;
		   color:#fff;
		   margin-top:15px;
		}
		
		.companydetailsec 
		{
			position: relative;
			z-index: 1;
			padding: 50px 0 30px;
			background-size: 573px auto;
			background-color: #fff; 
			overflow: hidden;
			max-width: 100%;
		}
		.companydetailsec
		{
			background-position: 50% 50%;
			background-repeat: no-repeat;	
		}
		.companydetailsec h2 {
			font-size: 26px;
			line-height: 24px;
			color: #072e67;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.companydetailsec h5
		 {
			font-size: 13px;
			line-height: 40px;
			color: #000000;
			letter-spacing: 1.8px;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 10px;
		}
		
		.companydetailsec p
		{
			 font-size: 15px;
			 line-height: 30px;
			 color: #0b0b0b;
			 letter-spacing: .5px;
			 font-weight: normal;
			 margin-bottom: 0px;
		     
		}
		.compdeail 
		{
			position: absolute;
			z-index: 101;
			color: #FFF;
			padding: 10px 20px 0px 15px;
			top: 20px;
			left: 0px;
			width: 35%;
		}
		.compdeail .btn-default {
			color: #093069;
			background-color: transparent;
			border-color: transparent;
			width: 150px;
			font-size: 15px;
			margin-top: 5px;
			padding: 8px 8px;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 0px;
			}
			.compdeail .btn-default:hover,.compdeail .btn-default:focus 
			{
			color: #093069;
			background-color: transparent;
			border-color: transparent;
			cursor:pointer;
			
			}
	.companydetailsec .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 20px;
    border-bottom:0;
    border-right: 1px solid #ddd;
    padding-right: 15px;
}
.companydetailsec .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background: #ccc;
}

.companydetailsec .nav-tabs .nav-link.active {
    color: #495057;
    background-color:#007bff !important;
    border-color: transparent !important;
}
.companydetailsec .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0rem!important;
    border-top-right-radius: 0rem!important;
}
.companydetailsec .tab-content>.active {
    display: block;
    background: #007bff;
    min-height: 150px;
}
.companydetailsec .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 0px;
    border-bottom: 0;
    border-right: 0px solid transparent;
    padding-right: 0px;
}
		.detailbg
		{
			   background-image:url(../../images/detailbg.png);
		  	   background-repeat:no-repeat;
			   padding-top:40px;
			   padding-bottom:20px;
			   background-size: cover;
		}
		.detailbg h3
		{
		    font-size:40px;
			line-height:40px;
			color:#fff;
			letter-spacing:1.5px;
			text-transform:uppercase;
			font-weight:300;
			margin-bottom:5px;
			text-align:center;	
		}
		.detailbg h6
		{
			font-size: 14px;
			line-height: 40px;
			color: #fff;
			text-transform: uppercase;
			font-weight: 600;
			margin-bottom: 15px;
			text-align: center;
			letter-spacing: 0.5px;
		}
		.detailbg h4
		{
		    font-size:26px;
			line-height:40px;
			color:#fff;
			letter-spacing:0.8px;
			text-transform:uppercase;
			font-weight:600;
			margin-bottom:5px;
			margin-top:25px;
		
		}
		.detailbg p 
		{
			font-size: 15px;
			line-height: 30px;
			color: #fff;
			font-weight: normal;
			margin-bottom: 25px;
			
			letter-spacing: .5px;
		}
		.digitalbg
		{
			padding-top:30px; 
			padding-bottom:20px;
		}
		.digitalbg h3 {
			font-size: 24px;
			line-height: 40px;
			color: #000;
			letter-spacing: 0.3px;
			text-transform: uppercase;
			font-weight: 600;
			margin-bottom: 15px;
			margin-top: 0px;
		}
		.digitalbg p
		{
			font-size:15px;
			line-height:30px;
			color:#535353;
			font-weight:400;
			margin-bottom:25px;
		    
			letter-spacing: 0.2px;
		}
		.footerbg
		{
			background-image:url(../../images/bgfoot.png);	
			padding-top:50px;
			padding-bottom:10px;
			color:#fff;
			background-repeat:no-repeat;
			background-size:cover;
		}
		
		.footerbg h3
		{
			font-size:40px;
			line-height:40px;
			color:#fff;
			letter-spacing:0.5px;
			text-transform:uppercase;
			font-weight:800;
			margin-bottom:5px;
		}
		.footerbg h5
		{
			font-size:16px;
			line-height:30px;
			color:#fff;
			letter-spacing:0.5px;
			text-transform:uppercase;
			font-weight:600;
			margin-bottom:5px;
		}
		.footerbg h3 span
		{
			color:#bbefeb;
		}
		 
		.footerbg ul
		{
			margin-left:-40px;
		}
		.footerbg ul li
		{
			padding-top:0px;
			padding-bottom:0px;
		}
		.footerbg img
		{
			width:250px;
		}
		.footerbg ul li a {
			font-size: 12px;
			line-height: 26px;
			color:#bdd5f8;
			font-weight:400;
		    
			letter-spacing: 0.2px;
			 transition:all .3s ease-in-out;
			-webkit-transition:all .3s ease-in-out;
			-moz-transition:all .3s ease-in-out
		}
		.footerbg ul li a:hover
		{ 
			color:#bbefeb;
			text-decoration:none;
			padding:10px
		}
	
		.footerbg p
		{ 
			font-size:12px;
			line-height:25px;
			color:#bdd5f8;
			font-weight:400;
			margin-bottom:5px;
		    
			letter-spacing: 0.2px;
		}
		.footerbg .social
		{
			margin-top:40px;
		}
		.footerbg .social a .fa
		{
			font-size:32px;
			margin-top:15px;
			margin-right:15px;
			margin-left:5px;
			color: #fff;
		}
		.footerbg .social a .fa:hover
		{
			color: #fff;
		}
		.box1 
		{
			width: 23px;
			height: 23px;
			background-color:#edeff2;
			color:#000000;
			font-size:20px;
			text-align:center;
			padding-top:2px;
			margin-bottom:0px;
			margin-right:5px;
			vertical-align:middle;
			padding-left:2px;
		}
		.bottomfoot
		{
			background-color:#FFF;
			padding-top:10px;
			padding-bottom:10px;	
		}
		.bottomfoot p {
			font-size: 12px;
			line-height: 20px;
			color:#505050;
			font-weight:400;
			margin-bottom:0px;
		    
			letter-spacing: 0.2px;
			text-align:center;
		}
		.header-bottom {
			padding: 0 25px;
			background: transparent;
		
			margin-bottom: 5px;
			position: absolute;
			width: 100%;
			position: absolute;
			top: 230px;
		}
			
		.page-title-section .page-title {
			padding: 1em 0em 0.5em 0em;
		}
		
		.page-title-section .page-title h1 {
			font-weight: 900;
			font-size: 2.8em;
			margin-bottom: 0px;
			color: #fff;
			letter-spacing:1px;
			text-transform:uppercase;
			
		}
		
		ol.breadcrumb {
			background-color: rgba(0, 0, 0, 0);
			padding: 0em;
			margin-bottom: 0em;
		}
		
		.page-title-section .breadcrumb .breadcrumb-item {
			font-weight: 500;
			font-size: 1.2em;
			color: #fff;
			
		}
		
		.page-title-section .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
			font-family: 'FontAwesome';
			content: '\f178';
			color: #fff;
			/*    font-size: 0.7em;*/
		}
		
		.page-title-section .breadcrumb .breadcrumb-item a {
			text-decoration: none;
			color: inherit;
		}

		#page-content h3 {
			font-size: 38px;
			line-height: 24px;
			color: #000000;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 18px;
		}
		
		#page-content p {
			font-size: 14px;
			line-height: 30px;
			color: #535353;
			font-weight: 400;
			margin-bottom: 25px;
			
			letter-spacing: 0.2px;
			text-align:justify;
		}
		.servdetail h5 
		{
				font-size: 20px;
				font-weight: 500;
				color: #a2c3f3;
				text-transform: uppercase;
				letter-spacing: 1px;
				padding-bottom: .85714rem;
				margin: 25px 0;
				border-bottom: 1px solid #d0d3d4;
		}
		.servdetail	 p {
			font-size: 16px !important;
			line-height: 24px !important;
			color: #535353;
			font-weight: 400;
			margin-bottom: 25px;
			
			letter-spacing: 0.2px;
			text-align: justify;
			margin-top:20px;
		}
		.contact-form 
		{
			padding: 0px 0;
			margin-bottom:20px;
		}
		.contact-form input[type="text"] 
		{
			display: inline-block;
			background: none;
			border: 1px solid #A3A1A1;
			width: 31.9% !important;
			margin: 0 5px 20px 0;
			outline: none;
			font-size: 16px;
			color: #747577;
			font-weight: 500;
			padding: 10px 15px 10px 15px;
		
		}
		.contact-form input[type="email"] 
		{
			display: inline-block;
			background: none;
			border: 1px solid #A3A1A1;
			width: 31.9%;
			margin: 0 5px 20px 0px;
			outline: none;
			font-size: 16px;
			color: #747577;
			font-weight: 500;
			padding: 10px 15px 10px 15px;
			
		}
		.contact-form textarea 
		{	
			background: none;
			border: 1px solid #A3A1A1;
			width: 100%;
			display: block;
			height: 110px !important;
			outline: none;
			font-size: 16px;
			color: #747577;
			font-weight: 500;
			padding: 10px 15px 10px 15px;
		
		}
		.contact-form input[type="submit"]
		{
			background: #072e67 ;
			border: 1px solid #072e67 ;
			padding: 12px 0;
			width: 20%;
			margin-top: 35px;
			font-size: 16px;
			color: #fff;
			font-weight: 600;
			letter-spacing: 2px;
			outline: none;
			transition: .5s all;
			margin-bottom:20px;
		}
		.contact-form input[type="submit"]:hover{
			color:#072e67 ;
			background: none;
		}
		.address h4 
		{
			margin: 0 0 20px 0;
			color: #6bb5b6;
			font-size: 26px;
			font-weight: 600;
			letter-spacing: 0.5px;
			text-align:left;
		}
		.address p 
		{
			text-align: left;
			letter-spacing: 1px;
			font-size: 14.5px;
			line-height: 28px;
			color: #333;
			font-weight: 300;
			margin: 20px 0 20px;
		}
		.companyname {
			font-size: 28px;
			line-height: 40px;
			color: #000;
			letter-spacing: 0.5px;
			text-transform: uppercase;
			font-weight: 800;
			margin-bottom: 15px;
		}
		
		.address {
			margin-top: 2px;
		}
		.address p 
		{
			text-align: left;
			font-size: 16px;
			line-height: 26px;
			color:#191919;
			font-weight: 300;
			margin: 0px 0 6px;
			letter-spacing: 1px;
		}
		.address p span
		{
			font-size: 18px;
			line-height: 26px;
			color: #333;
			font-weight: 600;
		}
		.address a {
			color: #535353;
			margin: 0 0 .5em 0;
			text-align: left;
			font-size: 18px;
			letter-spacing: 1px;
			transition: .5s all;
		}
		.address a:hover {
			color:#6bb5b6;
			text-decoration:underline;	
		}
		.address .fa
		{
		   color:#6bb5b6;
		   margin-right:3px;	
		}	 
		 .form-control
		{
			padding:10px 15px;
			border-radius:0px;
			height:45px;
		}
		.form-control:focus 
		{
			border-color:#072e67 !important;
			outline: 0;
			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(7, 46, 103,.95);
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(7, 46, 103,.95);
		}
		.google-maps 
		{
        position: relative;
        padding-bottom: 30%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
		margin-top:15px;
		}
		.google-maps iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}
		/* Slider */
		.customer-logos
		{
			margin-top:50px;
			margin-bottom:20px;
			padding-top:10px;
		}
		.slick-slide {
			margin: 5px 10px;
		}
		.slick-slide img {
			width: 100%;
		}
		.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;
			width:174px; 
		}
		.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;
		}
			.slick-prev,
	.slick-next {
		font-size: 0;
		position: absolute;
		top: 0px;
		color: #fff;
		border: 0;
		background: none;
		z-index: 1;
		height:70px;
		width:45px;
		cursor:pointer;
	}
	
	.slick-prev {
		left: -30px;
		background: url(../../images/arrow.png) no-repeat -0px 0px;
		
	}
	
	.slick-next {
		right: -50px;
		text-align: right;
		background: url(../../images/arrowright.png) no-repeat -0px 0px;
	}
	.slick-prev:hover:after,
	.slick-next:hover:after
	 {
		color: #7e7e7e;
	}
	.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 2000; /* Stay on top */
    top: 0;
    left: 0;
  /*  background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	background-image:url(../../images/asder.jpg);
}
 
/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}
 
/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #000;
}
.sidenav .listlastchild
 {

    color: #FFF !important;
	background-color: #b2191b;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    padding-right: 20px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 20px;
    padding-left: 18px;
    margin-top: 15px;

}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
 
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
 
    overflow:hidden;
    width:100%;
}
body {
  overflow-x: hidden;
}
 
/* Add a black background color to the top navigation */
.topnav {
    background-color: transparent;
    overflow: hidden;
    position: absolute;
    z-index: 1000;
    right: 15px;
    top: 15px;
    border: 1px solid #f2f2f2;
}
 
/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 4px 8px 6px;
    text-decoration: none;
    font-size: 15px;
}
 
/* Change the color of links on hover */
.topnav a:hover {
    background-color: transparent;
    color: black;
}
 
/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}
 .detail-nav__icon {
    margin-right: 10px;
    font-size: 36px;
    margin-top: -5px;
}
/* Style the tab */
		.tab {
			float: left;
			border: 1px solid none;
			background-color: transparent;
			width: 34%;
			height: 300px;
			margin-top: 350px;
		}
		
		/* Style the buttons inside the tab */
		.tab button {
			display: block;
			background-color: inherit;
			color: #000;
			padding: 23px 16px;
			width: 100%;
			border: none;
				border-bottom-color: currentcolor;
				border-bottom-style: none;
				border-bottom-width: medium;
			outline: none;
			text-align: left;
			cursor: pointer;
			transition: 0.3s;
			font-size: 15px;
			border-bottom: 1px solid #dfdfdf;
			text-transform: uppercase;
			font-weight:bold;
			letter-spacing:0.5px;
		}
		
		/* Change background color of buttons on hover */
		.tab button:hover 
		{
		  background-color: #b2191b;
		  color:#fff;
		}
		
		/* Create an active/current "tab button" class */
		.tab button.active {
			
				background-color: #b2191b;
				color: #fff;
				box-shadow: 0 10px 10px rgba(0,0,0,.5);
				-webkit-transition: opacity .3s linear;
				-moz-transition: opacity .3s linear;
				border-bottom: 0px solid #dfdfdf;
				z-index: 8;
				position: relative;
			
			}
		
		/* Style the tab content */
		.tabcontent {
		  float: left;
		  padding: 0px 0px;
		  border: 10px solid #b2191b;
		  width: auto;
	 	  height: auto;
		  border-radius: 10px; 
		 
		}
	 /*	.tabcontent .detailcon {
			position: absolute;
			z-index: 6000;
			color: #FFF;
			padding: 5px;
			left: 0px;
			width: 100%;
			bottom:0;
			
		}*/
		.tabcontent .detailcon {
			
			background-color: #b2191b;
			color:#fff;
			padding: 15px 5px;	
			}
	    .tabcontent .detailcon h3 {
			    font-size: 24px;
				line-height: 40px;
				color: #fff;
				letter-spacing: 0.8px;
				text-transform: uppercase;
				font-weight: bold;
				margin-bottom: 5px;
				
			}	
		.tabcontent .detailcon p {
				font-size: 15px;
				line-height: 20px;
				color: #fff;
				letter-spacing: 0.2px;
				font-weight: bold;
				margin-bottom: 0px;
				
			}
		

.icon {
 display:inline-block
}
.icon svg {
 vertical-align:middle;
 width:100%;
 height:100%;
 fill:currentColor
}
.icon--svg {
 display:inline-block;
 width:1em;
 height:1em;
 min-width:1em;
 min-height:1em;
 fill:currentColor;
 float: left;
 vertical-align: middle;
}
.icon--icon-play {
 fill:none;
 stroke:currentColor
}
.icon--brand {
 width:17px;
 height:18px;
 background-image:url(../img/db-icon.png);
 background-repeat:no-repeat;
 background-size:cover
}
.icon--arrow-down,
.icon--arrow-up {
 margin-left:5px
}
.icon--arrow-down svg,
.icon--arrow-up svg {
 width:20px;
 height:20px;
 vertical-align:middle
}
.icon--phone-left {
 width:1.25rem;
 height:1.25rem
}
.icon--phone-left.icon--svg {
 width:1em;
 height:1em
}
.icon--pin {
 width:.9375rem;
 height:1.25rem
}
.icon--pin.icon--svg {
 width:1em;
 height:1em
}
.icon--arrow-right svg {
 width:10px;
 height:10px;
 vertical-align:top;
 margin-top:8px
}
.icon--flag-bordered {
 border-radius:3px;
 border:1px solid #e7e7e7
}
.icon--flag {
 height:.733em;
 min-height:.733em;
 vertical-align:-.1em
}
.icon--air {
 height:.6764em
}
.icon--mail {
 height:.73359em
}
.icon--ocean {
 height:.82828em
}
.icon--land {
 height:.65344em
}
.icon--contract-log {
 height:.77591em
}
.icon--special-prod {
 width:.94012em
}
.icon--pin.icon--svg {
 width:.75585em
}
.icon--ocean {
    height: .82828em;
}
.detail-nav__header span {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: .625rem;
    width: auto;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
 
a svg{
  transition:all .5s ease;
 
  &:hover{
    #transform:rotate(180deg);
  }
}
 
#ico{
  display: none;
}
 
.menu{
  background: #000;
  display: none;
  padding: 5px;
  width: 320px;
  @include border-radius(5px);
 
  #transition: all 0.5s ease;
 
  a{
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px 2px;
    margin: 3px 0;
    text-decoration: none;
    background: #444;
 
    &:nth-child(1){
      margin-top: 0;
      @include border-radius(3px 3px 0 0 );
    }
    &:nth-child(5){
      margin-bottom: 0;
      @include border-radius(0 0 3px 3px);
    }
 
    &:hover{
      background: #555;
    }
  }
}

		.servicestxt {
			font-size: 20px;
			font-weight: 400;
			color: #454545;
			line-height: 34px;
			margin: 0 0 25px 0;
		}
			.servicestxt h1 {
				font-weight: 700;
				margin-top: 20px;
				font-size: 36px;
				line-height: 50px;
			}
			.servicestxt h1 span {
				text-decoration: underline;
			}
			ul.servicestxt 
			{
				margin-left:-40px;
			}
		.servicestext li {
			line-height: 1.2;
			position: relative;
			display: block;
			padding: 0 0 15px 32px;
			margin: 0;
			color: #414141;
			font-size: 15px;
		}
		.servicestext li::before {
			text-align: center;
			top: 2px;
			font-size: 90%;
			display: block;
			position: absolute;
			left: 0;
			width: 30px;
			content: '\f00c';
			font-family: FontAwesome;
			color: #87afe8;
		}
		.titlehead {
			font-size: 24px;
			font-weight: 600;
			color: #a2c3f3;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			margin: 15px 0;
		}
		.formreg label
		{
			font-size:16px;
			font-weight:500;
		}
		.required {
			color: #ff0000;
		}
		.scroll-to-top {
		background: #b2191b none repeat scroll 0 0;
		border-radius: 50%;
		bottom: 99px;
		box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
		color: #fff;
		display: none;
		font-size: 24px;
		height: 50px;
		line-height: 46px;
		overflow: hidden;
		position: fixed;
		right: 29px;
		text-align: center;
		text-decoration: none;
		width: 50px;
		z-index: 20;
	}
	[class*="fa-"]::before {
		font-weight: 400;
		font-family: "FontAwesome";
	}
	.fa-angle-up::before {
		content: "\f106";
	}
	.scroll-to-top:hover,.scroll-to-top:focus
	{
		background-color:#b2191b;
		text-decoration:none;
		color:#fff;
	}
	.pagebanner img
	{
		width:100%;
		height:auto;
	}
	
		@media (min-width: 320px) and (max-width: 567px) and (orientation : Portrait) 
		{
		.pull-right 
		{
		  float: none;
		}
	
		.shape1 {
    		width: 50%;
		}
		.inner img.logo {
			margin-bottom: 10px;
			width: 130px;
		}
		.compdeail {
			width: auto;
		}
		.companydetailsec 
		{
    		padding: 20px 0 30px;
		}
		.companydetailsec h2 {
   			 font-size: 24px;
		}
		.companydetailsec h5 {
			font-size: 11.5px;
			line-height: 26px;
			letter-spacing: 0.7px;
			font-weight: 600;
			}
			.tab {
				width: 100%;
			}
			.tab button {
				padding: 21px 16px;
				letter-spacing: 0.3px;
				font-size: 14px;
			}
			.detail-nav__icon {
			
				margin-top: -10px;
			}
			.tabcontent .detailcon h3 {
    			font-size: 22px;
			}
			
		.inner {
		
			position: absolute;
			z-index: 101;
			color: #FFF;
			padding: 12px;
			top: 30px;
			left: 0px;
			width: auto;
		
		}
		
		.home-markets h2 
		{
			font-size: 22px;
			line-height: 24px;
			letter-spacing: 1px;
			margin-bottom: 5px;
			text-align:center;
		}

		.home-markets h5 {
			font-size: 12px;
			line-height: 30px;
			letter-spacing: 1px;
			margin-bottom: 0px;
			text-align:center
		}
		.home-markets p {
			
			line-height: 30px;
			letter-spacing: 0px;
			text-align: center;
		}
		.home-markets ul li p {
			font-size: 13.5px;
			line-height: 20px;
			color: #4a4a4a;
			font-weight: 500;
			margin-bottom: 0px;
			
			text-align: left;
			margin-top: 5px;
		}
		.home-markets ul li {
			list-style: url(../../images/blackarrow1.png);
			font-size: 22px;
		}
		.detailbg h3 
		{
    	  font-size: 32px;
		}
		
		.detailbg p 
		{
			text-align: center;
		}
		.detailbg h4 {
			font-size: 28px;
			margin-bottom: 5px;
			margin-top: 10px;
			text-align:center;
		}
		.digitalbg h3 
		{
			text-align: center;
			margin-top: 0px;
		}
		.digitalbg p
		{
			text-align: center;
		}
		.footerbg h3 {
			font-size: 28px;
			text-align: center;
		}
		.footerbg p
		 {
    	  font-size: 12px;
		  text-align:center;
		}
		.footerbg ul li a {
   		 font-size: 12px;
		}
		
		.footerbg h5 {
  		  font-size: 18px;
		  text-align: center;
		  margin-top: 15px;
		}
		.footerbg ul {
		
			margin-bottom: 0px;
		}
		.footerbg ul li {
			
			text-align: center;
		}
		.bottomfoot p {
			font-size: 10px;
			text-align: center;
		}
		.slick-slide img {
		
			display: block;
			width: 150px;
		
		}
		.slick-next {
		 right: -35px;
		}
		.slick-prev {
   			 left: -12px;
		}
		.pagebanner img {
			height: 200px;
		}
		.contact-form input[type="text"] {
			width: 100% !important;
		}
		.contact-form input[type="email"] {
			width: 100% !important;
		}
			.companyname {
			font-size: 20px;
			margin-bottom: 5px;
			text-align: center;
		}
		.contact-form input[type="submit"] {
		
			width: 60%;	
		}
		#page-content p {
			
			text-align: center;
		}
		#page-content h3 {
   			 font-size: 25px;
			 text-align:left;
			 margin-left:10px;
			 margin-bottom:30px;
		}
		.servdetail h5 {
   		 text-align:center;
		}
		.management-slider .management-item {
			width: 215px;
			margin: 0 8px;
			box-shadow: 0 10px 10px rgba(0,0,0,.5);
		}
		.side-separator {
			position: relative;
			padding: 13px 0 20px 0px;
				padding-bottom: 20px;
		}
		.about-image {
			padding-bottom: 60%;
			margin-right: 0px;
			margin-bottom: 15px;
		}
		.mission-left-text {
    		margin-top: 10px;
		}
		.mission-left-text h3 {
			margin-bottom: 40px !important;	
			margin-left: 20px;
		}
		.center-title-large {
   			 font-size: 2em;
		}
		.management-heading h2 {
   			 font-size: 26px;
		}
		.management-heading h6 {
   			 font-size: 13px;
		}
		.logo
		{
			width:225px;
		}
		}
		@media screen and (min-device-width: 320px) and (max-device-width: 576px) and (orientation : landscape)
		{
			
		.pull-right 
		{
		  float: none;
		}
		
		
		.shape1 {
    		width: 50%;
		}
		.inner img.logo {
			margin-bottom: 10px;
			width: 240px;
		}
		.pagebanner img {
			height: 200px;
		}
		.compdeail {
			width: auto;
		}
			.tab {
			width: 100%;
			}
			.tab button {
				padding: 21px 16px;
				letter-spacing: 0.3px;
				font-size: 14px;
			}
			.detail-nav__icon {
			
				margin-top: -10px;
			}
			.tabcontent .detailcon h3 {
    			font-size: 22px;
			}
		.inner {
		
			position: absolute;
			z-index: 101;
			color: #FFF;
			padding: 12px;
			top: 40px;
			left: 0px;
			width: auto;
		
		}
		
		.home-markets h2 {
			font-size: 24px;
			line-height: 24px;
			letter-spacing: 1px;
			margin-bottom: 5px;
			text-align: center;
		}		


		.home-markets h5 {
			font-size: 12px;
			line-height: 30px;
			letter-spacing: 1px;
			margin-bottom: 0px;
			text-align: center;
		}
		.home-markets p {
			
			line-height: 30px;
			letter-spacing: 0px;
			text-align: center;
		}
		.home-markets ul li p {
			font-size: 13.5px;
			line-height: 20px;
			color: #4a4a4a;
			font-weight: 500;
			margin-bottom: 0px;
			
			text-align: left;
			margin-top: 5px;
		}
		.home-markets ul li {
			list-style: url(../../images/blackarrow1.png);
			font-size: 22px;
		}
		.detailbg h3 
		{
    	  font-size: 32px;
		}
		
		.detailbg p 
		{
			text-align: center;
		}
		.detailbg h4 {
			font-size: 28px;
			margin-bottom: 5px;
			margin-top: 10px;
			text-align:center;
		}
		.digitalbg h3 
		{
			text-align: center;
			margin-top: 0px;
		}
		.digitalbg p
		{
			text-align: center;
		}
		.footerbg h3 {
			font-size: 28px;
			text-align: center;
		}
		.footerbg p
		 {
    	  font-size: 14px;
		  text-align:center;
		}
		.footerbg h5 {
  		  font-size: 18px;
		  text-align: center;
		  margin-top: 15px;
		}
		.footerbg ul {
		
			margin-bottom: 0px;
		}
		.footerbg ul li {
			
			text-align: center;
		}
		.bottomfoot p {
			font-size: 13px;
			text-align: center;
		}
		.slick-slide img {
		
			display: block;
			width: 150px;
		}
		.slick-next {
		 right: -35px;
		}
		.slick-prev {
   			 left: -12px;
		}
		.contact-form input[type="text"] {
			width: 100% !important;
		}
		.contact-form input[type="email"] {
			width: 100% !important;
		}
		.companyname {
			font-size: 24px;
			margin-bottom: 10px;
			text-align:center
		}	
		.contact-form input[type="submit"] {
		
			width: 60%;	
		}
		#page-content p {
			
			text-align: center;
		}
		#page-content h3 {
   			 font-size: 25px;
			 text-align:left;
			 margin-left:10px;
			 margin-bottom:30px;
		}
		.servdetail h5 {
   		 text-align:center;
		}
		.logo
		{
			width:275px;
		}
		}
		@media screen and (min-device-width: 567px) and (max-device-width: 767px) and (orientation : Portrait)
		{
			
		}
		@media screen and (min-device-width: 567px) and (max-device-width: 767px) and (orientation : Landscape)
		{
			.pull-right 
		{
		  float: none;
		}
		
		
		.shape1 {
    		width: 50%;
		}
		.inner img.logo {
			margin-bottom: 10px;
			width: 240px;
		}
		.pagebanner img {
			height: 200px;
		}
		.compdeail {
			width: auto;
		}
			.tab {
			width: 100%;
			}
			.tab button {
				padding: 21px 16px;
				letter-spacing: 0.3px;
				font-size: 14px;
			}
			.detail-nav__icon {
			
				margin-top: -10px;
			}
			.tabcontent .detailcon h3 {
    			font-size: 22px;
			}
		.inner {
		
			position: absolute;
			z-index: 101;
			color: #FFF;
			padding: 12px;
			top: 40px;
			left: 0px;
			width: auto;
		
		}
		
		.home-markets h2 {
			font-size: 24px;
			line-height: 24px;
			letter-spacing: 1px;
			margin-bottom: 5px;
			text-align: center;
		}		


		.home-markets h5 {
			font-size: 12px;
			line-height: 30px;
			letter-spacing: 1px;
			margin-bottom: 0px;
			text-align: center;
		}
		.home-markets p {
			
			line-height: 30px;
			letter-spacing: 0px;
			text-align: center;
		}
		.home-markets ul li p {
			font-size: 13.5px;
			line-height: 20px;
			color: #4a4a4a;
			font-weight: 500;
			margin-bottom: 0px;
			
			text-align: left;
			margin-top: 5px;
		}
		.home-markets ul li {
			list-style: url(../../images/blackarrow1.png);
			font-size: 22px;
		}
		.detailbg h3 
		{
    	  font-size: 32px;
		}
		
		.detailbg p 
		{
			text-align: center;
		}
		.detailbg h4 {
			font-size: 28px;
			margin-bottom: 5px;
			margin-top: 10px;
			text-align:center;
		}
		.digitalbg h3 
		{
			text-align: center;
			margin-top: 0px;
		}
		.digitalbg p
		{
			text-align: center;
		}
		.footerbg h3 {
			font-size: 28px;
			text-align: center;
		}
		.footerbg p
		 {
    	  font-size: 14px;
		  text-align:center;
		}
		.footerbg h5 {
  		  font-size: 18px;
		  text-align: center;
		  margin-top: 15px;
		}
		.footerbg ul {
		
			margin-bottom: 0px;
		}
		.footerbg ul li {
			
			text-align: center;
		}
		.bottomfoot p {
			font-size: 13px;
			text-align: center;
		}
		.slick-slide img {
		
			display: block;
			width: 150px;
		}
		.slick-next {
		 right: -35px;
		}
		.slick-prev {
   			 left: -12px;
		}
		.contact-form input[type="text"] {
			width: 100% !important;
		}
		.contact-form input[type="email"] {
			width: 100% !important;
		}
		.companyname {
			font-size: 24px;
			margin-bottom: 10px;
			text-align:center
		}	
		.contact-form input[type="submit"] {
		
			width: 60%;	
		}
		#page-content p {
			
			text-align: center;
		}
		#page-content h3 {
   			 font-size: 25px;
		  	 text-align:left;
			 margin-left:10px;
			 margin-bottom:30px;
		}
		.servdetail h5 {
   		 text-align:center;
		}
		.logo
		{
			width:275px;
		}
		}		
		@media (min-width: 768px) and (max-width: 1024px) and (orientation : Landscape)  
		{
		.navbar-expand-lg .navbar-nav .nav-item 
		{
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
		.captionway 
		{
			top: 115px;
		}
		.feturesubbg 
		{
		 padding-bottom: 10px;
		}
		.feturesubbg p 
		{
			text-align: justify;
			font-size: 13px;
			letter-spacing: 0.7px;
			line-height: 22px;
		}
		.tab {
		
			float: left;
			border: 1px solid none;
			background-color: transparent;
			width: 34%;
			height: 302px;
			margin-top: 250px;
		
		}
		.compdeail {
			top: 0px;
		}
		.companydetailsec h2 {
			font-size: 22px;
		}
		.companydetailsec h5 {
			font-size: 10px;
			line-height: 14px;
			color: #000000;
			letter-spacing: 1px;
		}
		.companydetailsec p {
			font-size: 11px;
			line-height: 25px;
		}
		.compdeail .btn-default {
			padding: 8px 8px;
			font-size: 12px;
			margin-top: 0px;
		}
		.tabcontent {
			
			width: 66%;
		}
		.tab button {			
			padding: 20px 16px;
		}
		.navbar-expand-lg .navbar-nav .nav-link {
		
			padding-right: 0.3rem;
			padding-left: 0.3rem;
			font-size: 13px;
			font-weight: 600;
			letter-spacing: 0.2px;
		}
		.shape1 {
			width: 45%;
		}
		.inner img.logo {
		
			margin-bottom: 20px;
			width: 200px;
		
		}
		.logo {
			width: 200px;
		}

		.inner {
		position: absolute;
		z-index: 101;
		color: #FFF;
		padding: 24px;
		top: 0px;
		left: 25px;
		width: 35%;
		}
		.inner p {
			font-size: 12px;
			line-height: 17px;
			font-weight: 400;
			color: #bfc7ca;
			margin-bottom: 0;
			margin-bottom: 15px;
			letter-spacing: 0.2px;
			word-spacing: 1px;
			}
			.inner h1 {
		
			font-size: 12px;
			font-weight: bold;
			color: #fff;
			line-height: 10px;
			}
			.header-bottom 
			{
			 top: 160px;
			}
			.mission-left-text
			 {
			margin-top: 20px;
			padding-bottom: 16px;
			}
		}
		@media (min-width: 768px) and (max-width: 1024px) and (orientation : Portrait) 
		{
		.pull-right 
		{
			float: none;
		}
		
			
			.tab {
		
			float: left;
			border: 1px solid none;
			background-color: transparent;
			width: 34%;
			height: 302px;
			margin-top: 250px;
		}
		.compdeail {
			top: 0px;
		}
		.companydetailsec h2 {
			font-size: 16px;
			margin-bottom: 5px;
		}
		.companydetailsec h5 {
			font-size: 8px;
			line-height: 14px;
			color: #000000;
			letter-spacing: 1px;
			margin-bottom: 5px;
		}
		.companydetailsec p {
			font-size: 9px;
			line-height: 20px;
		}
		.compdeail .btn-default {
			padding: 8px 8px;
		}
		.tabcontent {
			
			width: 66%;
		}
		.detail-nav__icon {
		
			margin-right: 5px;
			font-size: 30px;
			margin-top: -5px;
		
		}
		.tab button {
		
			font-size: 11px;
			padding: 18px 16px;
		}
		.shape1 {
			width: 52%;
		}
		.inner img.logo {
		
			margin-bottom: 20px;
			width: 150px;
		
		}
		.inner {
		position: absolute;
		z-index: 101;
		color: #FFF;
		padding: 24px;
		top: 0px;
		left: 5px;
		width: 40%;
		}
		.inner p {
    font-size: 10px;
    line-height: 17px;
    font-weight: 400;
    color: #bfc7ca;
    margin-bottom: 0;
    margin-bottom: 15px;
    letter-spacing: 0.2px;
    word-spacing: 1px;
	}
	.inner h1 {

    font-size: 10px;
    font-weight: bold;
    color: #fff;
    line-height: 10px;
	}
		}
		@media (min-width: 980px) and (max-width: 1280px) and (orientation : Portrait) 
		{
		.compdeail {
			width: auto;
		}
			.tab {
			width: 100%;
			}
			.tab button {
				padding: 21px 16px;
				letter-spacing: 0.3px;
				font-size: 14px;
			}
			.detail-nav__icon {
			
				margin-top: -10px;
			}
			.tabcontent .detailcon h3 {
    			font-size: 22px;
			}
		}
		@media (min-width: 980px) and (min-width: 1280px) and (orientation : Landscape) 
		{
		.navbar-expand-lg .navbar-nav .nav-link {
			padding-right: 0.5rem;
			padding-left: 0.5rem;
			font-size: 15px;
			font-weight: 600;
			letter-spacing: 0.2px;
		}
		.inner h1 {
			font-size: 15px;
			font-weight: bold;
			color: #fff;
			line-height: 36px;
		
		}
		.inner p {
		
			font-size: 15px;
			line-height: 26px;
			font-weight: 300;
		
		}
		.inner {
		
			padding: 50px;
			top: 10px;
			left: 25 px;
			width: 35%;
		
		}
		.shape1 {

  		  width: 45%;
	
		}
		.inner img.logo {
		margin-bottom: 20px;
		width: 230px;
		}
		.tabcontent {
		 
		  width: 66%;
		}
		.companydetailsec h5 {

   			 font-size: 12px;
			 line-height: 25px;
		}
		.companydetailsec p {
			font-size: 13px;
			line-height: 26px;
		}
		.tab {
		
			margin-top: 285px;
		}
		.compdeail {
			 top: 5px;
		}
		.tab button {
		padding: 20px 16px;
		}
		}
		@media  (min-width: 1480px)
		{
			.companydetailsec p {
			font-size: 14px;
			line-height: 35px;
		}
		.inner img.logo {
			margin-bottom: 20px;
			width: auto;
		}
		.tab button {
		padding: 23px 16px;
		}
		}