@charset "utf-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700italic);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,800,800italic,700italic);
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/MYRIADPRO-REGULAR/myriadpro-regular.eot');
    src: url('../fonts/MYRIADPRO-REGULAR/myriadpro-regular.eot') format('embedded-opentype'),
         url('../fonts/MYRIADPRO-REGULAR/myriadpro-regular.woff2') format('woff2'),
         url('../fonts/MYRIADPRO-REGULAR/myriadpro-regular.woff') format('woff'),
         url('../fonts/MYRIADPRO-REGULAR/myriadpro-regular.ttf') format('truetype'),
         url('../fonts/MYRIADPRO-REGULAR/myriadpro-regular.svg#MyriadProRegular') format('svg');
}



.top-nav-bg{
	background:url(../Images/top-nav-bg.JPG) no-repeat center top; background-size:cover;
}
.top-nav-left{
	margin:0px;
	padding:0px;
}
.top-nav-left ul{
	background:url(../Images/top-nav-left-bg.JPG) no-repeat right top #353535;
	margin:0px;
	padding:0px;
	height: 45px;
	/*background:#353535;*/
}
.top-nav-left ul li{
	list-style:none;
	float:left;
	color:#969696;
	margin:12px 0;
	
	
}
.top-nav-left ul li a{
	color:#969696;
	font-size:12px;
	padding:0 14px;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	border-left:2px solid #969696;
}
.top-nav-left ul li:first-child a{
	border-left:none;
}
.top-nav-left ul li a:hover{
	color:#fff;
	text-decoration:none;
}
.top-nav-right {
    background: url("../Images/top-nav-right-bg.JPG") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 13px 0 12px 10px;
    text-transform: uppercase;
    width: 190px;
}
.top-nav-right a{
	color:#fff;
}
.top-nav-right a:hover{
	color:#fff;
}
.active{
}


.nav-bg{
	background:url(../Images/menu-bg.JPG) no-repeat center top; background-size:cover;
	
}
.nav-right{
	margin:0px;
	padding:0px;
	background:url(../Images/nav-right-bg.jpg) no-repeat left top #008bc4;
	height: 101px;
}

.main-banner{
	margin:0 auto;
	padding:0px;
}
.item img {
    width: 100%;
}
.body-top{
	margin:0px;
	padding:0px;
}
.well-text{
	margin:38px 0 0 0;
	padding:0px;
	font-family: "Roboto",sans-serif;
    font-size: 21px;
	color:#818181;
	font-weight:300;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:10px;
	line-height:14px;
	
}
.Globalink{
	margin:0px;
	padding:0px;
	font-family: "Roboto",sans-serif;
    font-size: 38px;
	color:#076abc;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.technology{
	margin:0px;
	padding:0px;
	font-family: "Roboto",sans-serif;
    font-size: 20px;
	color:#585858;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.video{
	 top: 375px;
	 right:0px;	
	width:200px;
	height:200px;
	background:#000;
	position:absolute;
	z-index:9999999;
}
.body-mid-bg{
	background:#ecf1f3;
	border-radius:3px;
	border:1px soild #dce3e5;
	margin: 45px 0 0;
	width: 336px;
}
.body-mid-bg1{
	background:#ecf1f3;
	border-radius:3px;
	border:1px soild #dce3e5;
	margin: 45px 0 0 0;
}
.body-mid-bg3{
	background:#ecf1f3;
	border-radius:3px;
	border:1px soild #dce3e5;
	margin: 45px 0 0 18px;
	float:right;
	width: 336px;
}
.midd-body-pic{
	padding:39px 0 0 0;
	text-align:center;	
}
.midd-body-pic img{
	border:4px solid #e4ebee;	
}
.midd-body-text{
	margin:10px 0 7px 0;
	padding:0px;
	font-family: "Roboto",sans-serif;
    font-size: 15px;
	color:#000;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.midd-body-text a{
	color:#000;
}
.midd-body-text1{
	padding:0px;
	margin:0px;
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	color:#868383;
	font-weight:400;
	text-align:center;
	height: 62px;
}
.body-last{
	margin: 67px 0;
	padding:0px;
	text-align:center;
}
.body-last-bg{
	background:url(../Images/body-last-bg.jpg) repeat-x;
	margin:0px;
	padding:0px;
	display:inline-block;
	width:70%;
}
.help-centre{
	display:inline-block;
	border-radius:4px;
	background:#076abc;
	padding:16px 43px;
	font-family: "Roboto",sans-serif;
    font-size: 25px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.help-centre a{
	color:#fff;
	text-decoration:none;
}
.help-centre a:hover{
	color:#28292d;
	text-decoration:none;
}
.footer-top-left{
	width:50%;
	position:absolute;
	background:url(../Images/footer-header-left.jpg) repeat-x;
	height:155px;
	float:left;
}
.footer-top-right{
	width:50%;
	position:absolute;
	background:url(../Images/footer-header-right.JPG)repeat-x;
	height:155px;
	float:right;
	right: 0;
}
.footer-top-centre{
	position:absolute;
	background:url(../Images/footer-header-bg.JPG) no-repeat;
	height:155px;
	float:inherit;
	left: 48%;
	width: 155px;
}
.f-top-left {
    background: url(../Images/f-top-legt-pic.PNG) no-repeat scroll right top rgba(0, 0, 0, 0);
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 20px;
    margin: 72px 0 0 30px;
    padding: 14px 0;
    position: absolute;
    text-transform: uppercase;
    z-index: 999999;
	width: 233px;
}
.f-top-right {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 20px;
    margin: 22px 0 0 43px;
    padding: 14px 0;
    position: absolute;
    text-transform: uppercase;
    z-index: 999999;
}
.f-top-right1{
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 17px;
    margin: 52px 0 0 43px;
    padding: 14px 0;
    position: absolute;
    z-index: 999999;
}
.f-top-right1 a{
    color: #fff;
	text-decoration:underline;
}
.f-top-right1 a:hover{
    color: #fff;
	text-decoration:underline;
}
.f-top-right2 {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 20px;
    margin: 0 0 0 67px;
    padding: 7px 0;
    position: absolute;
    text-transform: uppercase;
    z-index: 999999;
}
.f-top-right2 img{
	border:5px solid #46c6fa;
}
.footer-top-first{
	 background: none repeat scroll 0 0 #008bc4;
	margin:0px;
	padding:0px;
	position:relative;
	height: 155px;
}

.footer-bg{
	background:#28292d;	
	    padding: 0 0 50px;
}
.footer-bg h4{
	color:#fff;
	 font-family: "Roboto",sans-serif;
    font-size: 18px;
	margin: 31px 0 12px;
}
.footer-bg p{
	color:#fff;
	 font-family: "Roboto",sans-serif;
    font-size: 13px;
}
.addr{
	background:url(../Images/f-pic1.PNG) no-repeat left top;
	color:#fff;
	 font-family: "Roboto",sans-serif;
    font-size: 13px;
	padding:0 0 0 35px;
	font-weight:bold;
}
.f-phone{
	background:url(../Images/f-pi2.PNG) no-repeat left top;
	color:#fff;
	 font-family: "Roboto",sans-serif;
    font-size: 13px;
	margin: 0;
    padding: 5px 0 0 35px;	
}
.f-phone2{
	color:#fff;
	 font-family: "Roboto",sans-serif;
    font-size: 13px;
	margin: 0;
    padding: 5px 0 0 35px;	
}
.email{
	background:url(../Images/f-pic3.PNG) no-repeat;
		color:#fff;	
	 font-family: "Roboto",sans-serif;
    font-size: 13px;
	margin: 8px 0 0;
    padding: 0 0 0 35px;	
}
.email a{
		color:#fff;
		text-decoration:none;		
}
.email a:hover{
		color:#008bc4;		
}
.addr a{
		color:#fff;
		text-decoration:none;		
}
.addr a:hover{
		color:#008bc4;		
}

.footer-menu{
	float:left;
	margin:0px;
	padding:0px;
	width: 150px;
}
.footer-menu li{
	margin:0px;
	padding:0px;
	list-style:none;
	margin: 0 0 16px;
}
.footer-menu li a{
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#fff;
	font-family: "Roboto",sans-serif;
    font-size: 13px;
}
.footer-menu li a:hover{
	color:#008bc4;
}
#select{color:#008bc4;}
.footer-menu li a img{
	margin:0 0 0 15px;
}
.copyright-bg{
	background:#131314;
	border-top:1px solid #494a50;
	padding:20px 0px;
}
.copy-left{
	color:#fff;
	font-family: "Roboto",sans-serif;
    font-size: 12px;
}
.copy-left a{
	color:#fff;
}
.copy-left a:hover{
	color:#fff;
	text-decoration:underline;
}
.copy-right{
	color:#fff;
	font-family: "Roboto",sans-serif;
    font-size: 12px;
	text-align:right;
	margin-right: 60px;
}
.copy-right a{
	color:#fff;
}
.copy-right a:hover{
	color:#fff;
	text-decoration:underline;
}

.red{color:#F00;}
/********************************** main nav **************************************/
/********************************** main nav **************************************/
/********************************** main nav **************************************/
.nav li a {
    padding:0px;
}

.nav li a span {
    padding: 16px 0px;
}

.nav li a span span {
    padding: 16px 10px;
}


.nav li a {
	padding:0 0 15px;
}

.nav li a:hover {
	border-bottom:1px solid #fff; padding: 15px 0px; margin:0px;
	color:#fff !important;
	padding:0 0 15px;
}

.nav li a:hover span {
    background:url(../Images/left-bar.JPG) no-repeat scroll left bottom rgba(0, 0, 0, 0) !important;
	color:#fff !important;
	
}
.nav li a:hover span span {
    background:url(../Images/right-bar.JPG) no-repeat scroll right bottom rgba(0, 0, 0, 0) !important;
}
.active span{
	background:url(../Images/left-bar.JPG) no-repeat scroll left bottom rgba(0, 0, 0, 0) !important;
}
.active span span{
	background:url(../Images/left-bar.JPG) no-repeat scroll right bottom rgba(0, 0, 0, 0) !important;
}
.active {
	border-bottom:1px solid #fff; padding: 15px 0px; margin:0px;
	color:#fff !important;
	padding:0px;
}

.top-menu-bar{
	display:none;
	text-align:left;
	margin:10px 0px;
	cursor:pointer;
}
.main-nav-btn1{
	display:none;
}
.top-nav-left1 ul{
	display:none;
}


/********************************** main nav end **************************************/
/********************************** main nav end **************************************/
/********************************** main nav end **************************************/

/********************************** about Us start **************************************/
/********************************** about Us start **************************************/
/********************************** about Us start **************************************/

.about-page h2{
	font-family: "Roboto",sans-serif;
    font-size: 38px;
	color:#076abc;
	font-weight:bold;
	text-transform:uppercase;
}
.about-page h3{
	font-family: "Roboto",sans-serif;
    font-size: 15px;
	color:#585858;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px;
	padding:0 0 40px 0;
}
.about-page p{
	font-family: "Roboto",sans-serif;
    font-size:15px;
	color:#585858;
	line-height:27px;
}
.about-page h4{
	font-family: "Roboto",sans-serif;
    font-size:16px;
	color:#585858;
	line-height:27px;
	font-weight:bold;
	 margin: 24px 0 0;
    padding: 0;
}
.first-bullet {
    margin: 0 0 20px;
    padding: 0;
}
.first-bullet ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.first-bullet ul li{
	margin:8px 0;
	padding:0 0 0 35px;
	font-family: "Roboto",sans-serif;
    font-size:15px;
	color:#585858;
	background:url(../Images/bullet-pic.jpg) no-repeat left 6px;
}
.italic-text{
	font-family: "Roboto",sans-serif;
    font-size:15px;
	color:#686565;
	font-weight:700;
	font-style:italic;
	margin: 0;
    padding: 20px 0 0;
}
.first-bullet1{
	margin:0px;
	padding:0px;
}
.first-bullet1 ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.first-bullet1 ul li{
	margin:8px 0;
	padding:0 0 0 35px;
	font-family: "Roboto",sans-serif;
    font-size:15px;
	color:#585858;
	background:url(../Images/bullet-pic1.png) no-repeat left 6px;
}
/*light box*/
.lightbox{}
.lightbox_grid a img{width:100%;border: 6px solid rgba(158, 158, 158, 0.57);box-shadow: 5px 5px 3px 0 rgb(158, 158, 158);}
/********************************** about Us End **************************************/
/********************************** about Us End **************************************/
/********************************** about Us End **************************************/

/********************************** voip switch **************************************/
/********************************** voip switch **************************************/
.help-btn{
	background:#2a3342;
	width:200px;
	height:40px;
	border-radius:5px;;
	color:#fff;
	padding: 7px 0 0;
    text-align: center;
}
.help-btn a{
	color:#fff;;
}
/********************************** voip switch **************************************/
/********************************** usa phone **************************************/
.first-colo {
    float: left;
    margin: 10px 0;
    padding: 0;
    width: 12%;
}
.about-page ul{
	margin:10px 0;
	padding:0px;
	float:left;
}
.about-page ul li {
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 35px;
    text-align: left;
}
.last-colo{
	width:8% !important	;
}


@media (max-width: 1024px) {
.top-nav-left ul li a {padding: 0 6px !important;}
.navbar-nav > li {float: left; margin-left: 12px;}
.body-mid-bg {width: 100%;}
.body-mid-bg3 {float:none; width:100%;}
.midd-body-text1 {height: 90px;}
.f-top-right { margin: 1px 0 0 43px;}
.f-top-right1 {margin: 65px 0 0 43px;}
.f-top-right2 {margin: 0 0 0 25px;}
.f-top-left {margin: 72px 0 0 0px;}
.footer-menu {width: 114px;} 
.video-girl{ display:none;} 
}
@media (max-width: 991px) {
.lightbox_grid {margin: 0 0 30px 0;}	
}
@media (max-width: 980px) {
.top-nav-bg { background:none;}
.top-nav-left ul { background:#353535;height: 45px; margin: 0;padding: 0;}
.top-nav-right { padding: 13px 0 12px;text-align: center;width: 100%;}
.nav-bg { background:none;}
.top-nav-left {text-align: center;}
.f-top-right2 { margin: 0;}
.footer-menu {width: 180px;}
.copy-left {text-align: center;}
.copy-right {text-align: center;}
.footer-bg { padding: 0;}
.top-nav-left ul{display:bolck;}
}


@media (max-width: 800px) {
.top-nav-bg {background:#353535;}
.top-nav-left ul{display:bolck;}
.top-nav-left ul {background:none;}
.top-nav-left {text-align: center;}
.top-nav-right {width: 98.5%;padding: 13px 0 12px;}
.carousel-caption {top: 0;}
.top-nav-right {text-align: center;}
.nav-bg {background:none;}
.nav-right { margin: 0 11px 0 0;}
.top-nav-left ul li a {padding: 0 9px;}
.body-mid-bg {width: 100%;}
.body-mid-bg3 { width: 100%;}
.footer-top-left{display:none;}
.footer-top-right{display:none;}
.footer-top-centre{display:none;}
.f-top-left {padding: 14px 0;margin: 38px 0 0 30px;}
.footer-top-first { height: 120px;}
.f-top-right { margin: 5px 0 0 0px;}
.f-top-right1 {margin: 64px 0 0;}
.f-top-right2 img {border: 5px solid #46c6fa;width: 100%;}
.f-top-right2 {margin: 11px 0 0;width: 150px;}
.footer-menu { width: 172px;}
.copy-right {text-align:left;}
.top-nav-left ul li a { padding: 0 9px !important;}
}


@media (max-width: 768px) {

.top-nav-left ul{display:bolck;}
.top-nav-left ul {background:none;}
.top-nav-left {text-align: center;}
.top-nav-right {width: 98.5%;padding: 13px 0 12px;}
.carousel-caption {top: 0;}
.top-nav-right {text-align: center;}
.nav-bg { background:none;}
.nav-right {margin: 0 11px 0 0;}
.top-nav-left ul li a {padding: 0 9px;}
.body-mid-bg {width: 100%;}
.body-mid-bg3 {width: 100%;}
.footer-top-left{display:none;}
.footer-top-right{display:none;}
.footer-top-centre{display:none;}
.f-top-left {padding: 14px 0;margin: 38px 0 0 30px;}
.footer-top-first { height: 120px;}
.f-top-right { margin: 5px 0 0 0px;}
.f-top-right1 {margin: 64px 0 0;}
.f-top-right2 img { border: 5px solid #46c6fa;width: 100%;}
.f-top-right2 {margin: 11px 0 0;width: 150px;}
.footer-menu {width: 172px;}
.copy-right {text-align:left;}
.top-nav-left ul li a {padding: 0 9px !important;}

}

@media (max-width: 640px) {
.nav-right {height: auto;}
.nav-right {background:#008bc4; margin: 0;padding: 0;}
.navbar-nav > li {float:none;width: auto;margin-left:0px;}
.nav li a:hover {border-bottom:none;margin:0px;color:#fff !important;padding:0 0 15px;text-decoration:underline;}
.nav li a:hover span { background:none !important;color:#fff !important;}
.nav li a:hover span span {background:none !important;}
.top-nav-right {padding: 13px 0 12px;width: 100%;}
.footer-menu { width: 135px;}
.footer-top-first {position:inherit;height: auto;}
.f-top-left {margin: 19px 0 0;padding: 14px 0;position:inherit;width: 100%;border-bottom: 1px solid #fff;}
.f-top-right { margin: 5px 0 0;padding: 0;position:inherit;text-align:center;z-index:none;}
.f-top-right1 {margin: 0px;padding: 0;position:inherit;z-index:none;text-align:center;}
.f-top-right2 {margin: 11px 0 0;width: 100%;position:inherit;}
.body-mid-bg3 {margin: 45px 0 0;}
.copy-right {text-align:left;}
.top-menu-bar{display:block;}
.top-nav-left ul{display:none;}
.top-nav-left ul li {float:none;width: 100%;border-right:none;}
.top-nav-left ul li a{border-left:none;}
.top-nav-left ul li{border-bottom:1px dotted #969696;}
.top-nav-left ul {height: auto;}
.top-nav-left ul li:first-child a{border-left:none;}

.active span{background:none !important;}
.active span span{background:none !important;}
.active {border-bottom:none !important; margin:0px;color:#fff !important;padding:0px;}
.main-nav-btn {display: block;height: 60px;padding: 5px;}
.navbar {display: none;}
.main-nav-btn1 {cursor: pointer;display: block;padding: 10px;}
.top-nav-left1 ul{margin:0px;padding:0 0 10px 0;}
.top-nav-left1 ul li{list-style:none;color:#fff;margin:8px 0;text-align:center;border-top:1px dotted #fff;padding: 7px 0 0;}
.top-nav-left1 ul li a{color:#fff;text-align:center;}

}

@media (max-width: 480px) {
.footer-menu li a img {margin: 0;}
h1, .h1, h2, .h2, h3, .h3 {margin-bottom: 10px;margin-top: 0;}
.carousel-indicators {bottom: 0;left: 50%;}

.about-page h2 {margin: 0;padding: 15px 0;}
}

@media (max-width: 480px) {
.carousel-caption { left: 0%; right: 0%;padding-top: 10px;}
.well-text {font-size: 15px;margin: 21px 0 0;}
.Globalink {font-size: 30px;}
.technology {font-size: 14px;}
.body-mid-bg { margin: 19px 0 0;}
.body-mid-bg1 {margin: 24px 0 0;}
.body-mid-bg3 { margin: 24px 0 0;}
.body-last {margin: 24px 0;}
.help-centre {font-size: 12px;}
.footer-menu {width:100%;}
.footer-bg {padding: 0 0 10px;}
.copy-left {font-size: 9px;text-align: center;}
.copy-right {font-size: 9px; text-align: center;}
}
@media (max-width: 480px) {
h1, .h1, h2, .h2, h3, .h3 { margin-bottom: 0px;margin-top: 0;}
}