@charset "utf-8";
/* CSS Document */
body {margin:0 auto; padding:0; font-family: 'Poppins', sans-serif; -moz-user-select:none; -webkit-user-select:none;}
a, a:hover, a:focus{outline:none;} 
::-moz-selection {background: #ffc82a;color: #000; }
::-webkit-selection {background: #ffc82a;color: #000; }
a, a:hover {-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;text-decoration:none;}

a, a:visited {
	color: #0087cc;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover, a:focus {
	color: #ff7b29;
}

.navbar {
	position:fixed; margin:0;
	padding:0 0 0 0;
	z-index:999;
	width:100%;
	border-bottom:1px solid #f0f0f0;
}

.main-nav {
	background:#fff !important;
}

.main-nav a{
	color:#CCC;
}

.navbar ul li{	
	padding:0 5px 0 5px!important;
}

.navbar ul li a {
	color:#000 !important;
	padding:19px 0 0 0;
	margin-bottom: 10px;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:0.6px;
	font-weight:500;
}

.navbar ul li a:hover{
	color:#ed1c24!important;
}

.navbar-nav {padding:0 0 0 50px!important;}

.logo {color:#FC0 !important;}
.logo img {width:100%; margin:0; padding:0;}

.navbar-toggler {
	color:#CCC !important;
}

.hvr-underline-from-center {
  	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: perspective(1px) translateZ(0);
  	transform: perspective(1px) translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	position: relative;
  	overflow: hidden;
}
.hvr-underline-from-center:before {
  	content: "";
  	position: absolute;
  	z-index: -1;
  	left: 51%;
  	right: 51%;
  	bottom: 0;
  	background: #ed1c24;
  	height: 3px;
  	-webkit-transition-property: left, right;
  	transition-property: left, right;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-timing-function: ease-out;
  	transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, 
.hvr-underline-from-center:focus:before, 
.hvr-underline-from-center:active:before {
  	left: 0;
  	right: 0;
}

.call {margin:-6px 0 0 0; padding:0; font-weight:200; font-size:18px; letter-spacing:0.8px;}
.fa-mobile-alt {font-size:18px; color:#ee713a;}

a.fb {color:#999; font-size:18px; margin-right:12px;}
a.fb:hover {color:#06C; font-size:18px; margin-right:12px;}
a.tweeter {color:#999;font-size:18px; margin-right:12px;}
a.tweeter:hover {color:#09C;font-size:18px;}
a.instagram {color:#999;font-size:18px;}
a.instagram:hover {color:#906;font-size:18px;}

.banner-section {
	margin:0 auto;
	padding:100px 0;
	height:auto;
	background:url(../images/bg-main.jpg) no-repeat center #0F253B;
	text-align:center;
}
.banner-section h1{
	font-size:22px;
	color:#fcff0b;
	margin:0 auto;
	padding:25px 0 0 0;
	font-weight:300;
}
.banner-section h2{
	font-size:40px;
	color:#fff;
	margin:0 auto;
	padding:20px 100px;
	font-weight:400;
}

.banner-tab-section {
	width: 72%;
	margin: 0 150px;
	height: auto;
}

.banner-tab-section-col{
	width: 30%;
	height: auto;
	margin: 20px 5px 0 0;
	padding: 25px;
	border: 1px solid #426da3;
	float: left;
	text-align: center;
}

.banner-tab-section-col h3{
	font-size:60px;
	color:#fcff0b;
	margin:0 auto;
	padding:0 0;
	font-weight:400;
}

.banner-tab-section-col h4{
	font-size:24px;
	color:#fff;
	margin:0 auto;
	padding:0 0;
	font-weight:400;
}

.ht-navbar {
	height:55px;
}

.social {
	font-size:16px;
	color:#C00;
	padding-top: 10px;
}

a.fb {color:#000; font-size:18px; margin-right:8px;}
a.fb:hover {color:#004DB4; font-size:18px; margin-right:8px;}
a.tweeter {color:#000;font-size:18px; margin-right:8px;}
a.tweeter:hover {color:#0A85B1;font-size:18px;}
a.whatsapp {color:#000;font-size:18px; margin-right:8px;}
a.whatsapp:hover {color:#049810;font-size:18px;}
a.instagram {color:#000;font-size:18px;  margin-right:8px;}
a.instagram:hover {color:#A20E78;font-size:18px;}

.welcome-section {
	margin: 0 auto;
	padding: 100px 0;
	height: auto;
}

.welcome-section-left{
	margin: 0;
	padding: 0;
}

.welcome-section-left h1{
	font-size: 56px;
	color: #1399dc;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 60px;
}

.welcome-section-left h2{
	font-size: 36px;
	color: #ff7b3d;
	text-align: left;
	margin: 0;
	padding: 0;
	font-weight: 400;
	text-transform: uppercase;
}


.welcome-section-left p{
	font-size:15px;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0 35px 0 0;
	line-height: 26px;
	font-weight: 400;
}

.line-title-left-50 {
	margin: 20px 0;
	padding: 0;
	height: 1px;
	background: #2970BB;
	width: 15%;
}

.welcome-section-right{
	margin: 0;
	padding: 0;
}

.welcome-section-right img{
	border-radius: 0 75px 0 75px;
	width: 95%;
	margin: 15px auto;
}

.benefits-section {
	margin: 0 auto;
	padding: 100px 0;
	height: auto;
	background: #477695;
	text-align: center;
}

.benefits-section h1{
	font-size: 30px;
	color: #fff;
	margin: 0 auto;
	padding: 0;
	font-weight: 400;
}

.line-title-center-white {
	margin: 20px auto;
	padding: 0;
	height: 1px;
	background: #fff;
	width: 10%;
}

.benefits-section-col {
	margin: 35px auto 0 auto;
} 

.benefits-section-col h2 {
	margin: 15px auto 0 auto;
	padding: 0 15px;
	font-size: 20px;
	color: #ffff00;
	font-weight: 300;
} 

.benefits-section-col p {
	margin: 0 auto;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	letter-spacing: 0.5px;
	font-weight: 300;
} 

.workculture-section {
	margin: 0 auto;
	padding: 0 0;
	height: auto;
	background:url(../images/bg-workculture.jpg) center no-repeat #28292a;
}

.workculture-section-left{
	margin: 0;
	padding: 0;
}

.workculture-section-right{
	margin: 0;
	padding: 120px 0;
}

.workculture-section-right h1 {
	margin: 0;
	padding: 0;
	font-size:30px;
	color: #fff;
	font-weight: 300;
} 

.workculture-section-right p {
	margin: 0 0 40px 0;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	letter-spacing: 0.5px;
	font-weight: 300;
	padding: 0 0 0 0;
} 

.line-title-left-white {
	width: 10%;
	height: 1px;
	background: #fff;
	margin: 20px 0;
}

.workculture-section-right a{
	margin: 0;
	padding: 15px 25px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background: #fff;
	letter-spacing: 0.5px;
	font-weight: 300;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;	
} 

.workculture-section-right a:hover{
	background: #0095da;
	color: #fff;
}

.spectrumservices-section {
	margin: 0 auto;
	padding:100px 0;
	height: auto;
	background:#fff;
}

.spectrumservices-section h1{
	font-size: 30px;
	color: #f57005;
	margin: 0 auto;
	padding: 0;
	font-weight: 400;
	text-align: center;
}

.line-title-center-blue {
	margin: 20px auto;
	padding: 0;
	height: 1px;
	background: #0095da;
	width: 10%;
}

.spectrumservices-section-left{
	margin: 0;
	padding: 0;
	text-align: right;
}

.spectrumservices-section-right{
	margin: 0;
	padding: 40px 0;
}

.spectrumservices-section-right ul{
	margin: 0 0 0 80px;
	padding: 0;
}

.spectrumservices-section-right ul li{
	margin: 0;
	padding:10px 0;
	list-style: disc;
	font-size: 16px;
	color: #000;
	border-bottom: 1px solid #d9eef9;
}

.segments-section {
	margin: 0 auto;
	padding:100px 120px 80px 120px;
	height: auto;
	background:#ebf7fd;
	text-align: center;
}

.segments-section h1{
	font-size: 30px;
	color: #000;
	margin: 0 auto;
	padding: 0;
	font-weight: 400;
}

.segments-section-col {
	width: 16%;
	margin:25px 0;
	padding: 10px 0;
	float: left;
	font-size: 14px;
	color: #000;
	border: 1px solid #ebf7fd;
} 

.segments-section-col h2{
	font-size: 16px;
	color: #000;
	margin: 0 auto;
	padding: 10px 0;
	font-weight: 400;
}

.segments-section-col:hover {
	background: #fff;
	border: 1px solid #c5e0ed;
	-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
}

.footer-section {
	margin: 0 auto;
	padding: 75px 0;
	text-align: center;
	background: #082431;
}

.footer-section h1{
	font-size: 20px;
	color: #fff;
	line-height: 24px;
	margin: 10px 0 0 0;
	padding: 0 250px;
	font-weight: normal;
}

.footer-section p{
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin: 10px 0 0 0;
	padding: 0 100px;
	font-weight: normal;
}

.footer-section p span{
	color: #0095da;
}

.footer-section a.sitelink{
	color: #fff;
}

.footer-section a.sitelink:hover{
	color: #0095da;
}

.line-footer {
	width:100%;
	height:1px;
	background:#0e3141;
	margin:30px auto 20px auto;
}

.footer-section ul {
	margin: 0 auto 5px auto;
	padding: 0;
}

.footer-section ul li{
	margin: 0;
	padding:0;
	display: inline-block;
	list-style: none;
}

.footer-section ul li a{
	margin: 0;
	padding:5px 10px;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
}

.footer-section ul li a:hover{
	color: #0095da;
}

.footer-section .copytxt{
	font-size: 12px;
	color: #7398ad;
	line-height: 24px;
	margin: 0 0;
	padding: 0 0;
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;
}

.footer-section .copytxt a {color: #7398ad;}
.footer-section .copytxt a:hover {color: #0095da;}

.banner-section-inner {
	background:url(../images/bg-inner-banner.jpg) repeat-x #2ca4df;
	height: auto;
	text-align: center;
}

.banner-section-inner h1{
	font-size: 36px;
	color: #fff;
	line-height: 24px;
	margin: 0 0;
	padding:80px 0 70px 0;
	font-weight: 500;
	text-transform: uppercase;
}

.body-section-inner {
	padding:75px 0;
	margin: 0 auto;
}

.connect-section {
	margin: 0 auto;
	padding: 75px 0;
	text-align: center;
}

.connect-section h1{
	font-size: 26px;
	color: #024a94;
	margin:0px 0 0 0;
	text-align:center;
	line-height:26px;
	padding:0;
	font-weight: 600;
	text-transform: uppercase;
}

.connect-section h2{
	font-size: 18px;
	color: #000;
	margin:0;
	text-align:center;
	line-height:30px;
	padding:0 75px 35px 75px;
	font-weight: 400;
}

.connect-section-main{
	margin: 0 100px;
}

.connect-section-main-col{
	margin: 0 10px 0 0;
	padding: 30px;
	float: left;
	width: 32%;
	height: auto;
	background: #e9e9e9;
}

.connect-section-main-col h3{
	font-size: 20px;
	color: #0095da;
	margin:0;
	text-align:center;
	line-height:30px;
	padding:15px 0 10px 0;
	font-weight: 600;
}

.connect-section-main-col p{
	font-size: 14px;
	color: #000;
	margin:0;
	text-align:center;
	line-height:20px;
	padding:0 0;
	font-weight: 400;
}

.spectrumservices-section-2 {
	margin: 0 auto;
	padding:100px 0;
	height: auto;
	background:#ebf7fd;
}

.spectrumservices-section-2 h1{
	font-size: 30px;
	color: #f57005;
	margin: 0 auto;
	padding: 0;
	font-weight: 400;
	text-align: center;
}

.spectrumservices-section-2-col {
	width: 31%;
	height: auto;
	margin:15px 25px 15px 0;
	padding: 0;
	float: left;
	border: 1px solid #c5e0ed;
	border-radius: 25px;
}

.spectrumservices-section-2-col:hover{
	background: #fff;
	-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
}

.spectrumservices-section-2-col h1{
	font-size: 22px;
	color: #fff;
	margin: 0;
	padding: 15px 25px;
	font-weight: 400;
	text-align: left;
	background: #1779a9;
	border-radius: 25px 25px 0 0;
}

.spectrumservices-section-2-col ul {
	margin: 25px 10px 25px 35px;
	padding: 0;
}

.spectrumservices-section-2-col ul li {
	margin: 0;
	padding: 2px 0;
	font-size: 14px;
	color: #333;
	list-style: disc;
}

.aboutus-section {
	margin: 0 auto;
	padding: 75px 0 0 0;
}

.aboutus-section p{
	font-size: 18px;
	margin: 0 auto;
	padding: 0;
	line-height: 32px;
	font-weight: 400;
	color: #08467A;
}
	
.visionmission-section {
	margin: 75px auto;
}

.visionmission-section-left{
	width: 50%;
	float: left;
	margin: 0;
	padding: 50px;
	text-align: center;
	background: #ddf3f5;
}

.visionmission-section-left h2{
	font-size: 24px;
	font-weight: 400;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.visionmission-section-left p{
	font-size: 16px;
	font-weight: 400;
	margin: 0 auto;
	padding: 0 50px;
	color: #000;
	text-align: center;
	line-height: 26px;
}

.visionmission-section-right{
	width: 50%;
	float: left;
	margin: 0;
	padding: 50px;
	text-align: center;
	background: #c3ebef;
}

.visionmission-section-right h2{
	font-size: 24px;
	font-weight: 400;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.visionmission-section-right p{
	font-size: 16px;
	font-weight: 400;
	margin: 0 auto;
	padding: 0;
	color: #000;
	text-align: center;
	line-height: 26px;
}

.bg-clr-blue01 {background: #ddf3f5;}
.bg-clr-blue02 {background: #c3ebef;}

.services-section-inner {
	margin: 0 0 50px 0;
	padding:0 0 50px 0;
	border-bottom: 1px solid #dcedf5;
}

.services-section-inner-left {
	margin: 0;
	padding: 5px 0 0 0;
}

.services-section-inner-left img{
	border-radius: 0 25px 0 25px;
}

.services-section-inner-right {
	margin: 0;
	padding: 0 0 0 35px;
}

.services-section-inner-right h2{
	font-size: 24px;
	font-weight: 400;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color: #0095da;
}

.services-section-inner-right p{
	font-size: 15px;
	font-weight: 400;
	margin: 0 auto;
	padding: 0;
	color: #000;
	text-align: left;
	line-height: 22px;
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.navbar {
		position:fixed; margin:0;
		padding:10px 10px;
		z-index:999;
		width:100%;
	}
	
	.navbar-nav {padding:0 0 0 5px!important;}
	
	.navbar-brand {width:76%;}
	
	.main-nav {
		background:#fff !important;
	}
	
	.main-nav a{
		color:#CCC;
	}
	
	.navbar ul li{	
		padding:0 0!important;
		border-bottom:1px solid #CCC;
	}
	
	.navbar ul li a {
		color:#000 !important;
		padding:5px 0;
		text-transform:none;
		font-size:13px;
		letter-spacing:0.6px;
		font-weight:400;
	}
	
	.navbar ul li a:hover{
		color:#000!important;
		background:#d3ecf7;
		padding:5px 10px;
	}
	
	.logo {color:#FC0 !important;}
	
	.navbar-toggler {
		color:#CCC !important;
	}
	
	.logo img {width:80%; margin:0; padding:0;}
	
	.social {
		font-size:16px;
		color:#C00;
	}
	
	a.fb {color:#999; font-size:18px; margin-right:12px;}
	a.fb:hover {color:#06C; font-size:18px; margin-right:12px;}
	a.tweeter {color:#999;font-size:18px; margin-right:12px;}
	a.tweeter:hover {color:#09C;font-size:18px;}
	a.linkedin {color:#999;font-size:18px;}
	a.linkedin:hover {color:#036;font-size:18px;}
	
	.ht-navbar {
		height:85px;
	}
	
	.call {margin:10px 20px;}
	
	.banner-section {
		margin:0 auto;
		padding:50px 0;
		height:auto;
		background:url(../images/bg-main.jpg) no-repeat center #0F253B;
		text-align:center;
	}
	.banner-section h1{
		font-size:16px;
		color:#fcff0b;
		margin:0 auto;
		padding:15px 24px;
		font-weight:300;
	}
	.banner-section h2{
		font-size:24px;
		color:#fff;
		margin:0 auto;
		padding:10px 10px;
		font-weight:400;
	}

	.banner-tab-section {
		width: 95%;
		margin: 0 10px;
		height: auto;
	}

	.banner-tab-section-col{
		width: 30%;
		height: auto;
		margin: 0 5px 0 0;
		padding:15px;
		border: 1px solid #426da3;
		float: left;
		text-align: center;
	}

	.banner-tab-section-col h3{
		font-size:22px;
		color:#fcff0b;
		margin:0 auto;
		padding:0 0;
		font-weight:400;
	}

	.banner-tab-section-col h4{
		font-size:14px;
		color:#fff;
		margin:0 auto;
		padding:0 0;
		font-weight:400;
	}

	.ht-navbar {
		height:55px;
	}

	.social {
		font-size:16px;
		color:#C00;
		padding-top: 10px;
		padding-left: 10px;
	}

	a.fb {color:#000; font-size:18px; margin-right:8px;}
	a.fb:hover {color:#004DB4; font-size:18px; margin-right:8px;}
	a.tweeter {color:#000;font-size:18px; margin-right:8px;}
	a.tweeter:hover {color:#0A85B1;font-size:18px;}
	a.whatsapp {color:#000;font-size:18px; margin-right:8px;}
	a.whatsapp:hover {color:#049810;font-size:18px;}
	a.instagram {color:#000;font-size:18px;  margin-right:8px;}
	a.instagram:hover {color:#A20E78;font-size:18px;}

	.welcome-section {
		margin: 0 auto;
		padding: 40px 10px;
		height: auto;
	}

	.welcome-section-left{
		margin: 0;
		padding: 0;
	}

	.welcome-section-left h1{
		font-size: 36px;
		color: #1399dc;
		text-align: left;
		margin: 0 0 0 0;
		padding: 0;
		font-weight: 500;
		text-transform: uppercase;
		line-height: 40px;
	}

	.welcome-section-left h2{
		font-size: 24px;
		color: #ff7b3d;
		text-align: left;
		margin: 0;
		padding: 0;
		font-weight: 400;
		text-transform: uppercase;
	}


	.welcome-section-left p{
		font-size:13px;
		color: #333;
		text-align: left;
		margin: 0;
		padding: 0 0 0 0;
		line-height: 22px;
		font-weight: 400;
	}

	.line-title-left-50 {
		margin: 20px 0;
		padding: 0;
		height: 1px;
		background: #2970BB;
		width: 15%;
	}

	.welcome-section-right{
		margin: 0;
		padding: 0;
	}

	.welcome-section-right img{
		border-radius: 0 25px 0 25px;
		width: 95%;
		margin: 15px auto;
	}

	.benefits-section {
		margin: 0 auto;
		padding: 50px 0;
		height: auto;
		background: #477695;
		text-align: center;
	}

	.benefits-section h1{
		font-size: 20px;
		color: #fff;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
	}

	.line-title-center-white {
		margin:10px auto;
		padding: 0;
		height: 1px;
		background: #fff;
		width: 10%;
	}

	.benefits-section-col {
		margin: 25px auto 0 auto;
	} 

	.benefits-section-col h2 {
		margin: 15px auto 0 auto;
		padding: 0 15px;
		font-size:16px;
		color: #ffff00;
		font-weight: 300;
	} 

	.benefits-section-col p {
		margin: 0 auto;
		font-size: 13px;
		line-height: 18px;
		color: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
	} 

	.workculture-section {
		margin: 0 auto;
		padding: 0 0;
		height: auto;
		background:#28292a;
	}

	.workculture-section-left{
		margin: 0;
		padding: 0;
	}

	.workculture-section-right{
		margin: 0;
		padding: 50px 10px;
	}

	.workculture-section-right h1 {
		margin: 0;
		padding: 0;
		font-size:20px;
		color: #fff;
		font-weight: 300;
	} 

	.workculture-section-right p {
		margin: 0 0 20px 0;
		font-size: 13px;
		line-height: 20px;
		color: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
		padding: 0 0;
	} 

	.line-title-left-white {
		width: 10%;
		height: 1px;
		background: #fff;
		margin: 20px 0;
	}

	.workculture-section-right a{
		margin: 0;
		padding: 10px 20px;
		font-size: 12px;
		line-height: 22px;
		color: #000;
		background: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
	} 

	.workculture-section-right a:hover{
		background: #0095da;
		color: #fff;
	}

	.spectrumservices-section {
		margin: 0 auto;
		padding:50px 0 25px 0;
		height: auto;
		background:#fff;
	}

	.spectrumservices-section h1{
		font-size: 20px;
		color: #f57005;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
		text-align: center;
	}

	.line-title-center-blue {
		margin: 20px auto;
		padding: 0;
		height: 1px;
		background: #0095da;
		width: 10%;
	}

	.spectrumservices-section-left{
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.spectrumservices-section-right{
		margin: 0;
		padding: 30px 10px;
	}

	.spectrumservices-section-right ul{
		margin: 0 0 0 30px;
		padding: 0;
	}

	.spectrumservices-section-right ul li{
		margin: 0;
		padding:5px 0;
		list-style: disc;
		font-size: 13px;
		color: #000;
		border-bottom: 1px solid #d9eef9;
	}

	.segments-section {
		margin: 0 auto;
		padding:50px 10px 50px 10px;
		height: auto;
		background:#ebf7fd;
		text-align: center;
	}

	.segments-section h1{
		font-size: 20px;
		color: #000;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
	}

	.segments-section-col {
		width: 33%;
		margin:0 0;
		padding: 10px 0;
		float: left;
		font-size: 14px;
		color: #000;
		border: 1px solid #ebf7fd;
	} 
	
	.segments-section-col img{
		width: 60%;
	}

	.segments-section-col h2{
		font-size: 12px;
		color: #000;
		margin: 0 auto;
		padding: 10px 0;
		font-weight: 400;
	}

	.segments-section-col:hover {
		background: #fff;
		border: 1px solid #c5e0ed;
		-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
	}

	.footer-section {
		margin: 0 auto;
		padding: 50px 0;
		text-align: center;
		background: #082431;
	}
	
	.footer-section img{
		width: 75%;
	}

	.footer-section h1{
		font-size: 14px;
		color: #fff;
		line-height: 24px;
		margin: 10px 0 0 0;
		padding: 0 10px;
		font-weight: normal;
	}

	.footer-section p{
		font-size: 12px;
		color: #c8e0ec;
		line-height: 20px;
		margin: 10px 0 0 0;
		padding: 0 10px;
		font-weight: normal;
	}

	.footer-section p span{
		color: #0095da;
	}

	.footer-section a.sitelink{
		color: #c8e0ec;
	}

	.footer-section a.sitelink:hover{
		color: #0095da;
	}

	.line-footer {
		width:100%;
		height:1px;
		background:#0e3141;
		margin:30px auto 20px auto;
	}

	.footer-section ul {
		margin: 0 auto 5px auto;
		padding: 0;
	}

	.footer-section ul li{
		margin: 0;
		padding:0;
		display: inline-block;
		list-style: none;
	}

	.footer-section ul li a{
		margin: 0;
		padding:5px 5px;
		font-size: 11px;
		color: #c8e0ec;
		text-transform: uppercase;
		text-decoration: none;
		display: inline-block;
	}

	.footer-section ul li a:hover{
		color: #0095da;
	}

	.footer-section .copytxt{
		font-size: 11px;
		color: #7398ad;
		line-height: 16px;
		margin: 0 0;
		padding: 0 0;
		font-weight: normal;
		font-family: 'Montserrat', sans-serif;
	}

	.footer-section .copytxt a {color: #7398ad;}
	.footer-section .copytxt a:hover {color: #0095da;}
	
	.banner-section-inner {
		background:url(../images/bg-inner-banner.jpg) repeat-x #2ca4df;
		height: auto;
		text-align: center;
	}

	.banner-section-inner h1{
		font-size: 20px;
		color: #fff;
		line-height: 24px;
		margin: 0 0;
		padding:35px 0;
		font-weight: 500;
		text-transform: uppercase;
	}

	.body-section-inner {
		padding:35px 0;
		margin: 0 auto;
	}

	
	.connect-section {
		margin: 0 auto;
		padding:35px 0;
		text-align: center;
	}

	.connect-section h1{
		font-size: 20px;
		color: #024a94;
		margin:0px 0 0 0;
		text-align:center;
		line-height:26px;
		padding:0;
		font-weight: 600;
		text-transform: uppercase;
	}

	.connect-section h2{
		font-size: 14px;
		color: #000;
		margin:0;
		text-align:center;
		line-height:24px;
		padding:0 15px 35px 15px;
		font-weight: 400;
	}

	.connect-section-main{
		margin: 0 10px;
	}

	.connect-section-main-col{
		margin: 0 auto 10px auto;
		padding: 30px;
		float: left;
		width: 90%;
		height: auto;
		background: #e9e9e9;
	}

	.connect-section-main-col h3{
		font-size: 18px;
		color: #0095da;
		margin:0;
		text-align:center;
		line-height:30px;
		padding:15px 0 10px 0;
		font-weight: 600;
	}

	.connect-section-main-col p{
		font-size: 13px;
		color: #000;
		margin:0;
		text-align:center;
		line-height:20px;
		padding:0 0;
		font-weight: 400;
	}
	
	.aboutus-section {
		margin: 0 auto;
		padding: 40px 0 0 0;
	}

	.aboutus-section p{
		font-size: 13px;
		margin: 0 auto;
		padding: 0;
		line-height: 22px;
		font-weight: 400;
		color: #08467A;
	}

	.visionmission-section {
		margin: 35px auto;
	}

	.visionmission-section-left{
		width:100%;
		float: left;
		margin: 0;
		padding:20px;
		text-align: center;
		background: #ddf3f5;
	}

	.visionmission-section-left h2{
		font-size: 18px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

	.visionmission-section-left p{
		font-size: 13px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0 0;
		color: #000;
		text-align: center;
		line-height: 20px;
	}

	.visionmission-section-right{
		width: 100%;
		float: left;
		margin: 0;
		padding: 20px;
		text-align: center;
		background: #c3ebef;
	}

	.visionmission-section-right h2{
		font-size: 18px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

	.visionmission-section-right p{
		font-size: 13px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		color: #000;
		text-align: center;
		line-height: 26px;
	}

	.bg-clr-blue01 {background: #ddf3f5;}
	.bg-clr-blue02 {background: #c3ebef;}
	
	.services-section-inner {
		margin: 0 0 30px 0;
		padding:0 0 30px 0;
		border-bottom: 1px solid #dcedf5;
	}

	.services-section-inner-left {
		margin: 0;
		padding: 5px 0 0 0;
	}

	.services-section-inner-left img{
		border-radius: 0 15px 0 15px;
	}

	.services-section-inner-right {
		margin: 0;
		padding: 0 0 0 0;
	}

	.services-section-inner-right h2{
		font-size: 18px;
		font-weight: 400;
		margin: 0 auto;
		padding: 25px 0 0 0;
		text-align: left;
		color: #0095da;
	}

	.services-section-inner-right p{
		font-size: 13px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		color: #000;
		text-align: left;
		line-height: 20px;
	}
	
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	.navbar {
		position:fixed; margin:0;
		padding:10px 10px;
		z-index:999;
		width:100%;
	}
	
	.navbar-nav {padding:0 0 0 20px!important;}
	
	.navbar-brand {width:76%;}
	
	.main-nav {
		background:#fff !important;
	}
	
	.main-nav a{
		color:#CCC;
	}
	
	.navbar ul li{	
		padding:0 0!important;
		border-bottom:1px solid #CCC;
	}
	
	.navbar ul li a {
		color:#000 !important;
		padding:5px 0;
		text-transform:none;
		font-size:12px;
		letter-spacing:0.6px;
		font-weight:300;
	}
	
	.navbar ul li a:hover{
		color:#000!important;
		background:#FC0;
		padding:5px 10px;
	}
	
	.logo {color:#FC0 !important;}
	
	.navbar-toggler {
		color:#CCC !important;
	}
	
	.logo img {width:35%; margin:0; padding:0;}
	
	.social {
		font-size:16px;
		color:#C00;
		padding-top: 10px;
		padding-left: 10px;
	}

	a.fb {color:#000; font-size:18px; margin-right:8px;}
	a.fb:hover {color:#004DB4; font-size:18px; margin-right:8px;}
	a.tweeter {color:#000;font-size:18px; margin-right:8px;}
	a.tweeter:hover {color:#0A85B1;font-size:18px;}
	a.whatsapp {color:#000;font-size:18px; margin-right:8px;}
	a.whatsapp:hover {color:#049810;font-size:18px;}
	a.instagram {color:#000;font-size:18px;  margin-right:8px;}
	a.instagram:hover {color:#A20E78;font-size:18px;}

	.banner-section {
		margin:0 auto;
		padding:50px 0;
		height:auto;
		background:url(../images/bg-main.jpg) no-repeat center #0F253B;
		text-align:center;
	}
	.banner-section h1{
		font-size:16px;
		color:#fcff0b;
		margin:0 auto;
		padding:15px 24px;
		font-weight:300;
	}
	.banner-section h2{
		font-size:24px;
		color:#fff;
		margin:0 auto;
		padding:10px 10px;
		font-weight:400;
	}

	.banner-tab-section {
		width: 95%;
		margin: 0 10px;
		height: auto;
	}

	.banner-tab-section-col{
		width: 30%;
		height: auto;
		margin: 0 5px 0 0;
		padding:15px;
		border: 1px solid #426da3;
		float: left;
		text-align: center;
	}

	.banner-tab-section-col h3{
		font-size:22px;
		color:#fcff0b;
		margin:0 auto;
		padding:0 0;
		font-weight:400;
	}

	.banner-tab-section-col h4{
		font-size:14px;
		color:#fff;
		margin:0 auto;
		padding:0 0;
		font-weight:400;
	}	
	
	.welcome-section {
		margin: 0 auto;
		padding: 40px 10px;
		height: auto;
	}

	.welcome-section-left{
		margin: 0;
		padding: 0;
	}

	.welcome-section-left h1{
		font-size: 36px;
		color: #1399dc;
		text-align: left;
		margin: 0 0 0 0;
		padding: 0;
		font-weight: 500;
		text-transform: uppercase;
		line-height: 40px;
	}

	.welcome-section-left h2{
		font-size: 24px;
		color: #ff7b3d;
		text-align: left;
		margin: 0;
		padding: 0;
		font-weight: 400;
		text-transform: uppercase;
	}


	.welcome-section-left p{
		font-size:13px;
		color: #333;
		text-align: left;
		margin: 0;
		padding: 0 0 0 0;
		line-height: 22px;
		font-weight: 400;
	}

	.line-title-left-50 {
		margin: 20px 0;
		padding: 0;
		height: 1px;
		background: #2970BB;
		width: 15%;
	}

	.welcome-section-right{
		margin: 0;
		padding: 0;
	}

	.welcome-section-right img{
		border-radius: 0 25px 0 25px;
		width: 95%;
		margin: 15px auto;
	}

	.benefits-section {
		margin: 0 auto;
		padding: 50px 0;
		height: auto;
		background: #477695;
		text-align: center;
	}

	.benefits-section h1{
		font-size: 20px;
		color: #fff;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
	}

	.line-title-center-white {
		margin:10px auto;
		padding: 0;
		height: 1px;
		background: #fff;
		width: 10%;
	}

	.benefits-section-col {
		margin: 25px auto 0 auto;
	} 

	.benefits-section-col h2 {
		margin: 15px auto 0 auto;
		padding: 0 15px;
		font-size:16px;
		color: #ffff00;
		font-weight: 300;
	} 

	.benefits-section-col p {
		margin: 0 auto;
		font-size: 13px;
		line-height: 18px;
		color: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
	} 

	.workculture-section {
		margin: 0 auto;
		padding: 0 0;
		height: auto;
	}

	.workculture-section-left{
		margin: 0;
		padding: 0;
	}

	.workculture-section-right{
		margin: 0;
		padding: 50px 10px;
	}

	.workculture-section-right h1 {
		margin: 0;
		padding: 0;
		font-size:20px;
		color: #fff;
		font-weight: 300;
	} 

	.workculture-section-right p {
		margin: 0 0 20px 0;
		font-size: 13px;
		line-height: 20px;
		color: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
		padding: 0 0;
	} 

	.line-title-left-white {
		width: 10%;
		height: 1px;
		background: #fff;
		margin: 20px 0;
	}

	.workculture-section-right a{
		margin: 0;
		padding: 10px 20px;
		font-size: 12px;
		line-height: 22px;
		color: #000;
		background: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
	} 

	.workculture-section-right a:hover{
		background: #0095da;
		color: #fff;
	}

	.spectrumservices-section {
		margin: 0 auto;
		padding:50px 0;
		height: auto;
		background:#fff;
	}

	.spectrumservices-section h1{
		font-size: 20px;
		color: #f57005;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
		text-align: center;
	}

	.line-title-center-blue {
		margin: 20px auto;
		padding: 0;
		height: 1px;
		background: #0095da;
		width: 10%;
	}

	.spectrumservices-section-left{
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.spectrumservices-section-right{
		margin: 0;
		padding: 0 10px;
	}

	.spectrumservices-section-right ul{
		margin: 0 0 0 30px;
		padding: 0;
	}

	.spectrumservices-section-right ul li{
		margin: 0;
		padding:5px 0;
		list-style: disc;
		font-size: 13px;
		color: #000;
		border-bottom: 1px solid #d9eef9;
	}

	.segments-section {
		margin: 0 auto;
		padding:50px 10px 50px 10px;
		height: auto;
		background:#ebf7fd;
		text-align: center;
	}

	.segments-section h1{
		font-size: 20px;
		color: #000;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
	}

	.segments-section-col {
		width: 33%;
		margin:0 0;
		padding: 10px 0;
		float: left;
		font-size: 14px;
		color: #000;
		border: 1px solid #ebf7fd;
	} 
	
	.segments-section-col img{
		width: 40%;
	}

	.segments-section-col h2{
		font-size: 12px;
		color: #000;
		margin: 0 auto;
		padding: 10px 0;
		font-weight: 400;
	}

	.segments-section-col:hover {
		background: #fff;
		border: 1px solid #c5e0ed;
		-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
	}

	.footer-section {
		margin: 0 auto;
		padding: 50px 0;
		text-align: center;
		background: #082431;
	}
	
	.footer-section img{
		width: 55%;
	}

	.footer-section h1{
		font-size: 14px;
		color: #fff;
		line-height: 24px;
		margin: 10px 0 0 0;
		padding: 0 10px;
		font-weight: normal;
	}

	.footer-section p{
		font-size: 12px;
		color: #c8e0ec;
		line-height: 20px;
		margin: 10px 0 0 0;
		padding: 0 0;
		font-weight: normal;
	}

	.footer-section p span{
		color: #0095da;
	}

	.footer-section a.sitelink{
		color: #c8e0ec;
	}

	.footer-section a.sitelink:hover{
		color: #0095da;
	}

	.line-footer {
		width:100%;
		height:1px;
		background:#0e3141;
		margin:30px auto 20px auto;
	}

	.footer-section ul {
		margin: 0 auto 5px auto;
		padding: 0;
	}

	.footer-section ul li{
		margin: 0;
		padding:0;
		display: inline-block;
		list-style: none;
	}

	.footer-section ul li a{
		margin: 0;
		padding:5px 5px;
		font-size: 11px;
		color: #c8e0ec;
		text-transform: uppercase;
		text-decoration: none;
		display: inline-block;
	}

	.footer-section ul li a:hover{
		color: #0095da;
	}

	.footer-section .copytxt{
		font-size: 11px;
		color: #7398ad;
		line-height: 16px;
		margin: 0 0;
		padding: 0 0;
		font-weight: normal;
		font-family: 'Montserrat', sans-serif;
	}

	.footer-section .copytxt a {color: #7398ad;}
	.footer-section .copytxt a:hover {color: #0095da;}
	
	.connect-section {
		margin: 0 auto;
		padding:35px 0;
		text-align: center;
	}

	.connect-section h1{
		font-size: 20px;
		color: #024a94;
		margin:0px 0 0 0;
		text-align:center;
		line-height:26px;
		padding:0;
		font-weight: 600;
		text-transform: uppercase;
	}

	.connect-section h2{
		font-size: 14px;
		color: #000;
		margin:0;
		text-align:center;
		line-height:24px;
		padding:0 15px 35px 15px;
		font-weight: 400;
	}

	.connect-section-main{
		margin: 0 10px;
	}

	.connect-section-main-col{
		margin: 0 auto 10px auto;
		padding: 30px;
		float: left;
		width: 33%;
		height: auto;
		background: #e9e9e9;
	}

	.connect-section-main-col h3{
		font-size: 18px;
		color: #0b9291;
		margin:0;
		text-align:center;
		line-height:30px;
		padding:15px 0 10px 0;
		font-weight: 600;
	}

	.connect-section-main-col p{
		font-size: 13px;
		color: #000;
		margin:0;
		text-align:center;
		line-height:20px;
		padding:0 0;
		font-weight: 400;
	}
	
	.aboutus-section {
		margin: 0 auto;
		padding: 40px 0 0 0;
	}

	.aboutus-section p{
		font-size: 13px;
		margin: 0 auto;
		padding: 0;
		line-height: 22px;
		font-weight: 400;
		color: #08467A;
	}

	.visionmission-section {
		margin: 35px auto;
	}

	.visionmission-section-left{
		width:100%;
		float: left;
		margin: 0;
		padding:20px;
		text-align: center;
		background: #ddf3f5;
	}

	.visionmission-section-left h2{
		font-size: 18px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

	.visionmission-section-left p{
		font-size: 13px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0 0;
		color: #000;
		text-align: center;
		line-height: 20px;
	}

	.visionmission-section-right{
		width: 100%;
		float: left;
		margin: 0;
		padding: 20px;
		text-align: center;
		background: #c3ebef;
	}

	.visionmission-section-right h2{
		font-size: 18px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

	.visionmission-section-right p{
		font-size: 13px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		color: #000;
		text-align: center;
		line-height: 26px;
	}

	.bg-clr-blue01 {background: #ddf3f5;}
	.bg-clr-blue02 {background: #c3ebef;}
	
	.services-section-inner {
		margin: 0 0 30px 0;
		padding:0 0 30px 0;
		border-bottom: 1px solid #dcedf5;
	}

	.services-section-inner-left {
		margin: 0;
		padding: 5px 0 0 0;
	}

	.services-section-inner-left img{
		border-radius: 0 15px 0 15px;
	}

	.services-section-inner-right {
		margin: 0;
		padding: 0 0 0 35px;
	}

	.services-section-inner-right h2{
		font-size: 18px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0 0 0 0;
		text-align: left;
		color: #0095da;
	}

	.services-section-inner-right p{
		font-size: 13px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		color: #000;
		text-align: left;
		line-height: 20px;
	}
		
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
	.navbar {
		position:fixed; margin:0;
		padding:10px 10px;
		z-index:999;
		width:100%;
	}
	
	.navbar-nav {padding:0 0 0 20px!important;}
	
	.navbar-brand {width:76%;}
	
	.main-nav {
		background:#fff !important;
	}
	
	.main-nav a{
		color:#CCC;
	}
	
	.navbar ul li{	
		padding:0 0!important;
		border-bottom:1px solid #CCC;
	}
	
	.navbar ul li a {
		color:#000 !important;
		padding:5px 0;
		text-transform:none;
		font-size:12px;
		letter-spacing:0.6px;
		font-weight:300;
	}
	
	.navbar ul li a:hover{
		color:#000!important;
		background:#FC0;
		padding:5px 10px;
	}
	
	.logo {color:#FC0 !important;}
	
	.navbar-toggler {
		color:#CCC !important;
	}
	
	.logo img {width:30%; margin:0; padding:0;}
	
	.call {margin:10px 0 0 20px; padding:0; font-weight:200;}
	.fa-phone-square {font-size:18px; color:#ed2a04;}
	
	a.fb {color:#999; font-size:18px; margin-right:12px;}
	a.fb:hover {color:#06C; font-size:18px; margin-right:12px;}
	a.tweeter {color:#999;font-size:18px; margin-right:12px;}
	a.tweeter:hover {color:#09C;font-size:18px;}
	a.instagram {color:#999;font-size:18px;}
	a.instagram:hover {color:#906;font-size:18px;}
	
	.banner-section {
		margin:0 auto;
		padding:50px 0;
		height:auto;
		background:url(../images/bg-main.jpg) no-repeat center #0F253B;
		text-align:center;
	}
	.banner-section h1{
		font-size:16px;
		color:#fcff0b;
		margin:0 auto;
		padding:15px 24px;
		font-weight:300;
	}
	.banner-section h2{
		font-size:24px;
		color:#fff;
		margin:0 auto;
		padding:10px 10px;
		font-weight:400;
	}

	.banner-tab-section {
		width: 95%;
		margin: 0 10px;
		height: auto;
	}

	.banner-tab-section-col{
		width: 30%;
		height: auto;
		margin: 0 5px 0 0;
		padding:15px;
		border: 1px solid #426da3;
		float: left;
		text-align: center;
	}

	.banner-tab-section-col h3{
		font-size:22px;
		color:#fcff0b;
		margin:0 auto;
		padding:0 0;
		font-weight:400;
	}

	.banner-tab-section-col h4{
		font-size:14px;
		color:#fff;
		margin:0 auto;
		padding:0 0;
		font-weight:400;
	}
	
	
	.ht-navbar {
		height:75px;
	}
	
	.social {
		font-size:16px;
		color:#C00;
		padding-top: 10px;
		padding-left: 10px;
	}

	a.fb {color:#000; font-size:18px; margin-right:8px;}
	a.fb:hover {color:#004DB4; font-size:18px; margin-right:8px;}
	a.tweeter {color:#000;font-size:18px; margin-right:8px;}
	a.tweeter:hover {color:#0A85B1;font-size:18px;}
	a.whatsapp {color:#000;font-size:18px; margin-right:8px;}
	a.whatsapp:hover {color:#049810;font-size:18px;}
	a.instagram {color:#000;font-size:18px;  margin-right:8px;}
	a.instagram:hover {color:#A20E78;font-size:18px;}

	.welcome-section {
		margin: 0 auto;
		padding: 40px 10px;
		height: auto;
	}

	.welcome-section-left{
		margin: 0;
		padding: 0;
	}

	.welcome-section-left h1{
		font-size: 30px;
		color: #1399dc;
		text-align: left;
		margin: 0 0 0 0;
		padding: 0;
		font-weight: 500;
		text-transform: uppercase;
		line-height: 40px;
	}

	.welcome-section-left h2{
		font-size: 24px;
		color: #ff7b3d;
		text-align: left;
		margin: 0;
		padding: 0;
		font-weight: 400;
		text-transform: uppercase;
	}

	.welcome-section-left p{
		font-size:13px;
		color: #333;
		text-align: left;
		margin: 0;
		padding: 0 15px 0 0;
		line-height: 22px;
		font-weight: 400;
	}

	.line-title-left-50 {
		margin: 20px 0;
		padding: 0;
		height: 1px;
		background: #2970BB;
		width: 15%;
	}

	.welcome-section-right{
		margin: 0;
		padding: 0;
	}

	.welcome-section-right img{
		border-radius: 0 25px 0 25px;
		width: 95%;
		margin: 15px auto;
	}

	.benefits-section {
		margin: 0 auto;
		padding: 50px 0;
		height: auto;
		background: #477695;
		text-align: center;
	}

	.benefits-section h1{
		font-size: 20px;
		color: #fff;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
	}

	.line-title-center-white {
		margin:10px auto;
		padding: 0;
		height: 1px;
		background: #fff;
		width: 10%;
	}
	
	.benefits-section-col {
		margin: 25px auto 0 auto;
	} 

	.benefits-section-col h2 {
		margin: 15px auto 0 auto;
		padding: 0 15px;
		font-size:16px;
		color: #ffff00;
		font-weight: 300;
	} 

	.benefits-section-col p {
		margin: 0 auto;
		font-size: 13px;
		line-height: 18px;
		color: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
	} 

	.workculture-section {
		margin: 0 auto;
		padding: 0 0;
		height: auto;
	}

	.workculture-section-left{
		margin: 0;
		padding: 0;
	}

	.workculture-section-right{
		margin: 0;
		padding: 50px 10px;
	}

	.workculture-section-right h1 {
		margin: 0;
		padding: 0;
		font-size:20px;
		color: #fff;
		font-weight: 300;
	} 

	.workculture-section-right p {
		margin: 0 0 20px 0;
		font-size: 13px;
		line-height: 20px;
		color: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
		padding: 0 0;
	} 

	.line-title-left-white {
		width: 10%;
		height: 1px;
		background: #fff;
		margin: 20px 0;
	}

	.workculture-section-right a{
		margin: 0;
		padding: 10px 20px;
		font-size: 12px;
		line-height: 22px;
		color: #000;
		background: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
	} 

	.workculture-section-right a:hover{
		background: #0095da;
		color: #fff;
	}

	.spectrumservices-section {
		margin: 0 auto;
		padding:50px 0;
		height: auto;
		background:#fff;
	}

	.spectrumservices-section h1{
		font-size: 20px;
		color: #f57005;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
		text-align: center;
	}

	.line-title-center-blue {
		margin: 20px auto;
		padding: 0;
		height: 1px;
		background: #0095da;
		width: 10%;
	}

	.spectrumservices-section-left{
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.spectrumservices-section-right{
		margin: 0;
		padding:0 10px;
	}

	.spectrumservices-section-right ul{
		margin: 0 0 0 30px;
		padding: 0;
	}

	.spectrumservices-section-right ul li{
		margin: 0;
		padding:10px 0;
		list-style: disc;
		font-size: 13px;
		color: #000;
		border-bottom: 1px solid #d9eef9;
	}

	.segments-section {
		margin: 0 auto;
		padding:50px 10px 50px 10px;
		height: auto;
		background:#ebf7fd;
		text-align: center;
	}

	.segments-section h1{
		font-size: 20px;
		color: #000;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
	}

	.segments-section-col {
		width: 33%;
		margin:0 0;
		padding: 10px 0;
		float: left;
		font-size: 14px;
		color: #000;
		border: 1px solid #ebf7fd;
	} 
	
	.segments-section-col img{
		width: 30%;
	}

	.segments-section-col h2{
		font-size: 13px;
		color: #000;
		margin: 0 auto;
		padding: 10px 0;
		font-weight: 400;
	}

	.segments-section-col:hover {
		background: #fff;
		border: 1px solid #c5e0ed;
		-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
	}

	.footer-section {
		margin: 0 auto;
		padding: 50px 0;
		text-align: center;
		background: #082431;
	}
	
	.footer-section img{
		width: 35%;
	}

	.footer-section h1{
		font-size: 14px;
		color: #fff;
		line-height: 24px;
		margin: 10px 0 0 0;
		padding: 0 10px;
		font-weight: normal;
	}

	.footer-section p{
		font-size: 12px;
		color: #c8e0ec;
		line-height: 20px;
		margin: 10px 0 0 0;
		padding: 0 0;
		font-weight: normal;
	}

	.footer-section p span{
		color: #0095da;
	}

	.footer-section a.sitelink{
		color: #c8e0ec;
	}

	.footer-section a.sitelink:hover{
		color: #0095da;
	}

	.line-footer {
		width:100%;
		height:1px;
		background:#0e3141;
		margin:30px auto 20px auto;
	}

	.footer-section ul {
		margin: 0 auto 5px auto;
		padding: 0;
	}

	.footer-section ul li{
		margin: 0;
		padding:0;
		display: inline-block;
		list-style: none;
	}

	.footer-section ul li a{
		margin: 0;
		padding:5px 5px;
		font-size: 11px;
		color: #c8e0ec;
		text-transform: uppercase;
		text-decoration: none;
		display: inline-block;
	}

	.footer-section ul li a:hover{
		color: #0095da;
	}

	.footer-section .copytxt{
		font-size: 11px;
		color: #7398ad;
		line-height: 16px;
		margin: 0 0;
		padding: 0 0;
		font-weight: normal;
		font-family: 'Montserrat', sans-serif;
	}

	.footer-section .copytxt a {color: #7398ad;}
	.footer-section .copytxt a:hover {color: #0095da;}
	
	.connect-section {
		margin: 0 auto;
		padding:35px 0;
		text-align: center;
	}

	.connect-section h1{
		font-size: 20px;
		color: #024a94;
		margin:0px 0 0 0;
		text-align:center;
		line-height:26px;
		padding:0;
		font-weight: 600;
		text-transform: uppercase;
	}

	.connect-section h2{
		font-size: 14px;
		color: #000;
		margin:0;
		text-align:center;
		line-height:24px;
		padding:0 15px 35px 15px;
		font-weight: 400;
	}

	.connect-section-main{
		margin: 0 10px;
	}

	.connect-section-main-col{
		margin: 0 auto 10px auto;
		padding: 30px;
		float: left;
		width: 33%;
		height: auto;
		background: #e9e9e9;
	}

	.connect-section-main-col h3{
		font-size: 18px;
		color: #0b9291;
		margin:0;
		text-align:center;
		line-height:30px;
		padding:15px 0 10px 0;
		font-weight: 600;
	}

	.connect-section-main-col p{
		font-size: 13px;
		color: #000;
		margin:0;
		text-align:center;
		line-height:20px;
		padding:0 0;
		font-weight: 400;
	}
	
	.aboutus-section {
		margin: 0 auto;
		padding: 40px 0 0 0;
	}

	.aboutus-section p{
		font-size: 13px;
		margin: 0 auto;
		padding: 0;
		line-height: 22px;
		font-weight: 400;
		color: #08467A;
	}

	.visionmission-section {
		margin: 35px auto;
	}

	.visionmission-section-left{
		width:50%;
		float: left;
		margin: 0;
		padding:20px;
		text-align: center;
		background: #ddf3f5;
	}

	.visionmission-section-left h2{
		font-size: 18px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

	.visionmission-section-left p{
		font-size: 13px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0 0;
		color: #000;
		text-align: center;
		line-height: 20px;
	}

	.visionmission-section-right{
		width: 50%;
		float: left;
		margin: 0;
		padding: 20px;
		text-align: center;
		background: #c3ebef;
	}

	.visionmission-section-right h2{
		font-size: 18px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

	.visionmission-section-right p{
		font-size: 13px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		color: #000;
		text-align: center;
		line-height:20px;
	}

	.bg-clr-blue01 {background: #ddf3f5;}
	.bg-clr-blue02 {background: #c3ebef;}
	
	.services-section-inner {
		margin: 0 0 30px 0;
		padding:0 0 30px 0;
		border-bottom: 1px solid #dcedf5;
	}

	.services-section-inner-left {
		margin: 0;
		padding: 5px 0 0 0;
	}

	.services-section-inner-left img{
		border-radius: 0 15px 0 15px;
	}

	.services-section-inner-right {
		margin: 0;
		padding: 0 0 0 35px;
	}

	.services-section-inner-right h2{
		font-size: 18px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0 0 0 0;
		text-align: left;
		color: #0095da;
	}

	.services-section-inner-right p{
		font-size: 13px;
		font-weight: 400;
		margin: 0 auto;
		padding: 0;
		color: #000;
		text-align: left;
		line-height: 20px;
	}
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	
	.navbar {
		position:fixed; margin:0;
		padding:10px 0;
		z-index:999;
		width:100%;
		border-bottom:1px solid #f0f0f0;
	}
	
	.main-nav {
		background:#fff !important;
	}
	
	.main-nav a{
		color:#CCC;
	}
	
	.navbar ul li{	
		padding:0 0 0 0px!important;
	}
	
	.navbar ul li a {
		color:#000 !important;
		padding:0;
		text-transform:uppercase;
		font-size:12px;
		letter-spacing:0.6px;
		font-weight:400;
	}
	
	.navbar ul li a:hover{
		color:#C00!important;
	}
	
	.navbar-nav {padding:0 0 0 0!important;}
	
	.logo {color:#FC0 !important;}
	.logo img {width:80%; margin:0; padding:0;}
	
	.navbar-toggler {
		color:#CCC !important;
	}
	
	.social {
		font-size:16px;
		color:#C00;
		padding-top: 0;
	}

	a.fb {color:#000; font-size:18px; margin-right:8px;}
	a.fb:hover {color:#004DB4; font-size:18px; margin-right:8px;}
	a.tweeter {color:#000;font-size:18px; margin-right:8px;}
	a.tweeter:hover {color:#0A85B1;font-size:18px;}
	a.whatsapp {color:#000;font-size:18px; margin-right:8px;}
	a.whatsapp:hover {color:#049810;font-size:18px;}
	a.instagram {color:#000;font-size:18px;  margin-right:8px;}
	a.instagram:hover {color:#A20E78;font-size:18px;}

	.banner-section {
		margin:0 auto;
		padding:120px 0;
		height:auto;
		background:url(../images/bg-main.jpg) no-repeat center #0F253B;
		text-align:center;
	}
	.banner-section h1{
		font-size:22px;
		color:#fcff0b;
		margin:0 auto;
		padding:15px 24px;
		font-weight:300;
	}
	.banner-section h2{
		font-size:40px;
		color:#fff;
		margin:0 auto;
		padding:10px 10px;
		font-weight:400;
	}

	.banner-tab-section {
		width: 95%;
		margin: 0 10px;
		height: auto;
	}

	.banner-tab-section-col{
		width: 30%;
		height: auto;
		margin: 0 5px 0 0;
		padding:15px;
		border: 1px solid #426da3;
		float: left;
		text-align: center;
	}

	.banner-tab-section-col h3{
		font-size:36px;
		color:#fcff0b;
		margin:0 auto;
		padding:0 0;
		font-weight:400;
	}

	.banner-tab-section-col h4{
		font-size:16px;
		color:#fff;
		margin:0 auto;
		padding:0 0;
		font-weight:400;
	}
	
	
	.welcome-section {
		margin: 0 auto;
		padding: 50px 0;
		height: auto;
	}

	.welcome-section-left{
		margin: 0;
		padding: 0;
	}

	.welcome-section-left h1{
		font-size: 56px;
		color: #1399dc;
		text-align: left;
		margin: 0 0 0 0;
		padding: 0;
		font-weight: 500;
		text-transform: uppercase;
		line-height: 60px;
	}

	.welcome-section-left h2{
		font-size: 24px;
		color: #ff7b3d;
		text-align: left;
		margin: 0;
		padding: 0;
		font-weight: 400;
		text-transform: uppercase;
	}


	.welcome-section-left p{
		font-size:15px;
		color: #333;
		text-align: left;
		margin: 0;
		padding: 0 35px 0 0;
		line-height: 26px;
		font-weight: 400;
	}

	.line-title-left-50 {
		margin: 20px 0;
		padding: 0;
		height: 1px;
		background: #2970BB;
		width: 15%;
	}

	.welcome-section-right{
		margin: 0;
		padding: 0;
	}

	.welcome-section-right img{
		border-radius: 0 75px 0 75px;
		width: 95%;
		margin: 15px auto;
	}

	.benefits-section {
		margin: 0 auto;
		padding: 80px 0;
		height: auto;
		background: #477695;
		text-align: center;
	}

	.benefits-section h1{
		font-size: 24px;
		color: #fff;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
	}

	.line-title-center-white {
		margin: 20px auto;
		padding: 0;
		height: 1px;
		background: #fff;
		width: 10%;
	}

	.benefits-section-col {
		margin: 35px auto 0 auto;
	} 

	.benefits-section-col h2 {
		margin: 15px auto 0 auto;
		padding: 0 15px;
		font-size: 18px;
		color: #ffff00;
		font-weight: 300;
	} 

	.benefits-section-col p {
		margin: 0 auto;
		font-size: 14px;
		line-height: 22px;
		color: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
	} 

	.workculture-section {
		margin: 0 auto;
		padding: 0 0;
		height: auto;
		background:url(../images/bg-workculture.jpg) center no-repeat #28292a;
	}

	.workculture-section-left{
		margin: 0;
		padding: 0;
	}

	.workculture-section-right{
		margin: 0;
		padding: 140px 0;
	}

	.workculture-section-right h1 {
		margin: 0;
		padding: 0;
		font-size:30px;
		color: #fff;
		font-weight: 300;
	} 

	.workculture-section-right p {
		margin: 0 0 40px 0;
		font-size: 14px;
		line-height: 22px;
		color: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
		padding: 0 100px 0 0;
	} 

	.line-title-left-white {
		width: 10%;
		height: 1px;
		background: #fff;
		margin: 20px 0;
	}

	.workculture-section-right a{
		margin: 0;
		padding: 15px 25px;
		font-size: 14px;
		line-height: 22px;
		color: #000;
		background: #fff;
		letter-spacing: 0.5px;
		font-weight: 300;
	} 

	.workculture-section-right a:hover{
		background: #0095da;
		color: #fff;
	}

	.spectrumservices-section {
		margin: 0 auto;
		padding:80px 0;
		height: auto;
		background:#fff;
	}

	.spectrumservices-section h1{
		font-size: 24px;
		color: #f57005;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
		text-align: center;
	}

	.line-title-center-blue {
		margin: 20px auto;
		padding: 0;
		height: 1px;
		background: #0095da;
		width: 10%;
	}

	.spectrumservices-section-left{
		margin: 0;
		padding: 0;
		text-align: right;
	}

	.spectrumservices-section-right{
		margin: 0;
		padding: 40px 0;
	}

	.spectrumservices-section-right ul{
		margin: 0 0 0 80px;
		padding: 0;
	}

	.spectrumservices-section-right ul li{
		margin: 0;
		padding:10px 0;
		list-style: disc;
		font-size: 16px;
		color: #000;
		border-bottom: 1px solid #d9eef9;
	}

	.segments-section {
		margin: 0 auto;
		padding:80px 100px 20px 100px;
		height: auto;
		background:#ebf7fd;
		text-align: center;
	}

	.segments-section h1{
		font-size: 24px;
		color: #000;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
	}

	.segments-section-col {
		width: 16%;
		margin:25px 0;
		padding: 10px 0;
		float: left;
		font-size: 14px;
		color: #000;
		border: 1px solid #ebf7fd;
	} 

	.segments-section-col h2{
		font-size: 16px;
		color: #000;
		margin: 0 auto;
		padding: 10px 0;
		font-weight: 400;
	}

	.segments-section-col:hover {
		background: #fff;
		border: 1px solid #c5e0ed;
		-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
	}

	.footer-section {
		margin: 0 auto;
		padding: 75px 0;
		text-align: center;
		background: #082431;
	}

	.footer-section h1{
		font-size: 20px;
		color: #fff;
		line-height: 24px;
		margin: 10px 0 0 0;
		padding: 0 250px;
		font-weight: normal;
	}

	.footer-section p{
		font-size: 14px;
		color: #fff;
		line-height: 24px;
		margin: 10px 0 0 0;
		padding: 0 100px;
		font-weight: normal;
	}

	.footer-section p span{
		color: #0095da;
	}

	.footer-section a.sitelink{
		color: #fff;
	}

	.footer-section a.sitelink:hover{
		color: #0095da;
	}

	.line-footer {
		width:100%;
		height:1px;
		background:#0e3141;
		margin:30px auto 20px auto;
	}

	.footer-section ul {
		margin: 0 auto 5px auto;
		padding: 0;
	}

	.footer-section ul li{
		margin: 0;
		padding:0;
		display: inline-block;
		list-style: none;
	}

	.footer-section ul li a{
		margin: 0;
		padding:5px 10px;
		font-size: 13px;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		display: inline-block;
	}

	.footer-section ul li a:hover{
		color: #0095da;
	}

	.footer-section .copytxt{
		font-size: 12px;
		color: #7398ad;
		line-height: 24px;
		margin: 0 0;
		padding: 0 0;
		font-weight: normal;
		font-family: 'Montserrat', sans-serif;
	}

	.footer-section .copytxt a {color: #7398ad;}
	.footer-section .copytxt a:hover {color: #0095da;}
	
}


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }