@font-face {    font-family: 'latobold';  
  src: url('fonts/lato-bold-webfont.eot');  
  src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),         url('fonts/lato-bold-webfont.woff2') format('woff2'),         url('fonts/lato-bold-webfont.woff') format('woff'),         url('fonts/lato-bold-webfont.ttf') format('truetype'),         url('fonts/lato-bold-webfont.svg#latobold') format('svg'); 
  font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'swis721_cn_btbold';    src: url('fonts/swz721bc-webfont.eot');  
  src: url('fonts/swz721bc-webfont.eot?#iefix') format('embedded-opentype'),         url('fonts/swz721bc-webfont.woff2') format('woff2'),         url('fonts/swz721bc-webfont.woff') format('woff'),         url('fonts/swz721bc-webfont.ttf') format('truetype'),         url('fonts/swz721bc-webfont.svg#swis721_cn_btbold') format('svg');  
  font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'swis721_cn_btroman';    src: url('fonts/swz721c-webfont.eot');    src: url('fonts/swz721c-webfont.eot?#iefix') format('embedded-opentype'),         url('fonts/swz721c-webfont.woff2') format('woff2'),         url('fonts/swz721c-webfont.woff') format('woff'),         url('fonts/swz721c-webfont.ttf') format('truetype'),         url('fonts/swz721c-webfont.svg#swis721_cn_btroman') format('svg');    font-weight: normal;    font-style: normal;}
/*********************************** INNER TEXTS STARTS ****************************************/
/****************************** TOP TEXTS STARTS***************************/
.iphone {    text-transform: uppercase;}
/****************************** TOP TEXTS ENDS***************************/
/****************************** BOTTOM TEXTS STARTS ****************************/
.icopyright {   
 font-size: 13px;    
color: #fff;   
 font-family: arial, verdana, helvetica, sans-serif;  
 font-weight: regular;}
.idesign {    
font-size: 13px;    
color: #fff;    
font-family: arial, verdana, helvetica, sans-serif;    
font-weight: regular;
}
/****************************** BOTTOM TEXTS ENDS ****************************/
/************************** CONTACT TEXTS STARTS ***********************************/
.taddressh {   
 font-size: 12px;   
 color: #000000;    
 font-family: arial, verdana, helvetica, sans-serif;   
 font-weight: regular;
 }
 .taddress {    font-size: 12px; 
 color: #000000;  
 font-family: arial, verdana, helvetica, sans-serif;
 font-weight: regular;}
 .tformh {    font-size: 12px;  
 color: #000000;    
 font-family: arial, verdana, helvetica, sans-serif;  
 font-weight: regular;}
 .tform {    
 font-size: 12px;  
 color: #000000;   
 font-family: arial, verdana, helvetica, sans-serif;  
 font-weight: regular;}
 .tred {    font-size: 12px;   
 color: red;  
 font-family: arial, verdana, helvetica, sans-serif;  
 font-weight: regular;}
 /***************** CONTACT FIELDS ENDS****************************/
 /*************************************** STYLE CLASSES STARTS ************************/
 .box {    border: 1px solid #CC9900;  
 background-color: transparent;}
 .bodybg {    background-color: black;}
 .white {    background-color: white;}
 .black {    background-color: black;}
 .gray {    background-color: #B7B7B7;}
 .red {    background-color: #E82E33;}
 /*************************************** STYLE CLASSES ENDS ************************/
 /*************************************** COMMON STYLE CLASSES STARTS ************************/
 body {    overflow-x: hidden; 
 font-family: arial; 
 font-size: 12px;  
 color: #5D5D5D;  
 font-weight: normal; 
 background: #fff;}
 a,a:hover,a:focus,a:visited {    text-decoration: none;}
 .fluid0 {    padding: 0;   
 margin: 0;}
 @media (max-width: 991px) {  
 .padmar0 {      
 padding: 0;    
 margin: 0;    }}
 @media (min-width: 1200px) { 
 .leftright0 {       
 padding: 0;        margin: 0;    }    .padleft0 {        padding-left: 0;        margin-left: 0;    }}@media (min-width: 992px) {    .right0 {        margin-right: 0;        padding-right: 0;    }    .left0 {        margin-left: 0;        padding-left: 0;    }}@media(max-width: 991px) {    .padleft0 {        padding-left: 0;        margin-left: 0;    }    .padright0 {        padding-right: 0;        margin-right: 0;    }}.border1 {    border-bottom: 1px solid #E1E1E1;}.redbg {    background-color: #E82E33;}.tred {    color: #FF0000;}
 /*************************************** COMMON STYLE CLASSES ENDS ************************/
 /***************************************  TOP CLASSES STARTS *******************/
 .dropdown-toggle { cursor: default;}
 .dropdown-menu {	background: #fff;	padding-top: 0;	padding-bottom: 0;}
 .dropdown-menu > li:hover a, 
 .dropdown-menu > li a.active {	background: #02B6EC;	color: #fff;}
 .dropdown-menu > li > a {	text-transform: uppercase;	font-family: 'latobold';	color: #5D5D5D;	line-height: 23px;}
 .navbar-right .dropdown-menu {    right: auto;    left: 0;}
 .navbar-brand,.navbar-nav>li>a {    text-shadow: none;}
 #mainheader {    background: #02B6EC;}
 #headercontent {    padding: 10px 0;}
 #headercontent font {    font-size: 15px; 
 color: #fff;  
 font-family: 'swis721_cn_btroman', arial, verdana, helvetica, sans-serif; 
 font-weight: regular;  
 text-transform: uppercase;}
 #headercontent .email {    text-transform: lowercase;}
 #logo {    margin-bottom: 6px;    margin-top: 24px;}
 @media (min-width: 1200px) {  
 #header {        padding-top: 20px;    }}
 .demo {    padding: 10px 5px 10px 5px;    float: left;}
 .pull-right {    float: right !important;}
 .navbar-default {    border: none;  
 box-shadow: none; 
 background: none;  
 margin: 0;}
 .navbar-default .navbar-nav>li>a {    
 color: #5D5D5D;  
 display: block;  
 font-size: 16px;  
 font-family: 'latobold';  
 padding: 45px 10px 45px 10px; 
 margin: 0px;   
 text-transform: uppercase;}
 @media (min-width: 768px) { 
 .navbar-default {      
 margin-left: -18px;    } 
 .navbar-default .navbar-nav > li {   
 margin-left: 0;       
 margin-right: 0;    }  
 .navbar-default .navbar-nav > li:last-child a {        padding-right: 0px;    }   
 .navbar-default .navbar-nav > li:first-child a {        padding-left: 0px;    }  
 .navbar-default .navbar-nav > li > a:focus,   
 .navbar-default .navbar-nav > li >a:hover,  
 .navbar-default .navbar-nav > li >a.active {        color: #41C8F1;   
 background-image: url(webimg/hover.png) !important;  
 background-position: bottom center;      
 bgproperties: fixed;     
 background-repeat: repeat-x;      
 background-color: transparent;    }      
 .visible-sm-block {       
 display: block !important;    }	
 .padlftrgt0 {    
 padding-left: 0px;   
 padding-right: 0px;    }	    
 .txtright {        text-align: right;    }	
 ul.nav li.dropdown:hover ul.dropdown-menu {  
 display: block;    }   
 .dropdown-menu > li {		border-bottom: 1px solid #d5d5d5;	}	
 }
 @media (max-width: 767px) {	
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ 
 background: #02B6EC;	color: #fff;	}	
 .navbar-default .navbar-nav .open .dropdown-menu>li>a {		color: #02B6EC; 		border-bottom: 1px solid #d5d5d5;    }    
 .navbar-default .navbar-nav > li > a:focus,
 .navbar-default .navbar-nav > li >a:hover, 
 .navbar-default .navbar-nav > li >a.active , 
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, 
 .navbar-default .navbar-nav .open .dropdown-menu>li>a.active  {  
 background: #02B6EC;	 
 color: #fff;    }	      
 .navbar-default .navbar-nav .dropdown-menu>li:first-child {   
 margin-top: 10px;	}    
 .navbar-default .navbar-nav>li>a {      
 padding-top: 5px;     
 padding-bottom: 5px;  
 margin-top: 0px;      
 margin-bottom: 0px;	
 font-size: 15px;		
 color: #5D5D5D;    }	
 .navbar-toggle {       
 padding: 49px 0 0px 0px;   
 float: right;	
 margin-right:0px;    }	
 .navbar-collapse {      
 position: absolute;    
 top: 100%;     
 right: -15px;  
 z-index: 10000;     
 width: 300px;
 /*example + never use min-width with this solution */  
 /*  height: 49%; */	
 border:none;	
 box-shadow:none;	
 padding-right:0px;    }
 .navbar-default .navbar-nav>li>a {        text-align: left;    
 padding-left: 15px;    }  
 ul.nav {        background: #fff;    }   
 .nav>li>a {    }   
 .navbar-nav {        margin: 0;    } 
 .navbar-nav,    
 .navbar-nav > li, 
 .navbar-left,  
 .navbar-right, 
 .navbar-header {     
 float: none !important;   
 }	
 .navbar-header .col-xs-2{	
 text-align:-webkit-right;	
 padding-right:15px;	
 }	    	
 .navbar-default .navbar-nav > li {	
 border-bottom: 1px solid #d5d5d5;	}}
 @media (max-width: 1200px) and (min-width: 768px){	
 .navbar-default .navbar-nav>li>a {	
 font-size: 14px;	
 }	
 }
 @media (max-width: 991px) and (min-width: 768px){	
 .navbar-default .navbar-nav>li>a {
	 padding: 10px 10px 10px 10px;
	 }	}
	 @media (max-width: 1200px) and (min-width: 992px){	
	 #logo {		margin-top: 25px;	}}
	 @media screen and (max-width: 991px) and (min-width: 768px){
		 .navbar-nav>li>.dropdown-menu {   
		 margin-top: 0px ! important;  
		 border-top-left-radius: 0;   
		 border-top-right-radius: 0;    }}
		  @media(min-width: 768px){	
		 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #41C8F1;
     background-color: #fff; 
	 box-shadow:none;
		  }
		  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background-image:none;
    background-image:none;
    background-image: none;
    background-image: none;
    filter:none;
    background-repeat: repeat-x;
    -webkit-box-shadow: none;
    box-shadow: none;
}
		  
		  }
		 
		 @media(min-width: 992px){	
		 .navbar-nav>li>.dropdown-menu {   
		 margin-top: -36px;  
		 border-top-left-radius: 0; 
		 border-top-right-radius: 0;    }}
		 .navbar-nav>li>.dropdown-menu {  
		 margin-top: -36px;  
		 border-top-left-radius: 0;  
		 border-top-right-radius: 0;}
		 .navbar-default .navbar-toggle { 
		 border-color: transparent;}
		 .navbar-default .navbar-toggle .icon-bar { 
		 background-color: #02B6EC;}
		 .navbar-default .navbar-toggle:focus,
		 .navbar-default .navbar-toggle:hover {    background-color: transparent;}
		 /***************************************  TOP CLASSES ENDS ************************/
		 /*************************************** SLIDER STYLE CLASSES STARTS ************************/
		 .carousel-fade .carousel-inner .item {    -webkit-transition-property: opacity;    transition-property: opacity;}
		 .carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {    opacity: 0;}.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {    opacity: 1;}.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {    left: 0;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);}.carousel-fade .carousel-control {    z-index: 2;}.carousel-control.left,.carousel-control.right {    background-image: none;}
		 /*************************************** SLIDER STYLE CLASSES ENDS ************************/
		 /*************************************** WELCOME  STYLE CLASSES STARTS ************************/#welcome {    background-color: #F7F7F7;    min-height: 193px;    padding-bottom: 30px;    padding-top: 30px;}
		 #welcome h3 {    font-family: 'Latobold';    font-size: 26px;    font-weight: normal;    color: #02B6EC;    text-transform: uppercase;}
		 #welcome h3 span {    font-family: 'Latobold';    font-size: 26px;    color: #444442;    text-transform: uppercase;}
		 #welcome p {    font-family: arial;    font-size: 14px;    font-weight: normal;    color: #5D5D5D;    text-align: justify;}
		 #welcome p.readmore {    color: #02B6EC;}
		 
		 /*************************************** WELCOME  STYLE CLASSES ENDS ************************/
		 /***************************************SERVICE STYLE CLASSES STARTS ************************/
		 #service {    background-color: white;    padding-top: 30px;    padding-bottom: 30px;    min-height: 670px;}
		 #serviceid {    min-height: 172px;    border: solid 1px;    border-color: #E2E2E2;    margin-top: 20px;}
		 #serviceid h3 {    font-family: 'Latobold';    font-size: 18px;    font-weight: bold;    color: #454345;    text-transform: uppercase;    text-align: left;	margin-top: 16px;}
		 #serviceid p {    color: #5D5D5D;    font-family: arial;    font-size: 12px;    text-align: justify;}
		 #serviceid img {    padding-bottom: 0px;    padding-top: 18px;    padding-left: 0px;    padding-right: 0px;    position: center-left;    display: block;}
		 /***************************************SERVICE STYLE CLASSES ENDS ************************/
		 /********************** BOTTOM STYLE CLASSES STARTS
 ************************/
 
@media (max-width:767px){
#design {
    padding-right: 15px!important;
}
 }
 #footer {    background-color: #404853;    padding-top: 35px;    padding-bottom: 10px;    min-height: 279px;}
 #footer h5 {    font-family: 'latobold';    font-size: 18px;    color: #FFFFFF;    font-weight: normal;    text-transform: uppercase;}
 #footer ul {    list-style-image: url(webimg/arrow2.png);    padding: 0px 0px 25px 25px;    padding-left: 10px;}
 #footer ul li a {    font-family: arial;    font-size: 13px;    color: #FFFFFF;    text-transform: reg;}
 #footer ul li a:hover {    color: #02B6EC;}
 .mar1 {    margin-top: 6px;    margin-bottom: 8px;}@media (min-width: 992px) {    
 #footer .set1 {        width: 24%;    }   
 #footer .set2 {        width: 24%;    }  
 #footer .set3 {        width: 25%;    }  
 #footer .set4 {        width: 27%;    }   
 .mar {        margin-left: 15px;    }}
 @media screen and (min-width: 456px) and (max-width: 992px) {   
 #footer .col-xs-6 {        padding-left: 0px;    }   
 #footer .set1 {        margin-top: 5px;    }    
 #footer .set2 {        margin-top: 5px;    }}@media (max-width: 455px) {   
 #footer .set4 {        vertical-align: center;    }   
 #footer .set1 {        margin-top: 5px;    }}@media screen and (min-width: 992px) and (max-width: 1200px) {  
 #footer .set1 {        width: 24%;    }  
 #footer .set2 {        width: 24%;    }  
 #footer .set3 {        width: 25%;    }}
 @media (min-width: 992px) {  
 #botlogoset {        text-align: center;        padding-top: 81px;    }}.icopyright {    font-size: 11px;    color: #FFFFFF;    font-family: arial, verdana, helvetica, sans-serif;    font-weight: regular;}
 #footerbot {    background-color: #1A1A1A;    padding-top: 33px;    padding-bottom: 33px;}
 #design {    padding-right: 0px;}.padbot0 {    padding-bottom: 0;}
 @media (min-width: 992px) {    .padlft {        padding-left: 44px;    }}
 @media (max-width: 992px) {   
 #callus {        padding-top: 0px;    }}
 .icallus2 {    font-size: 12px;    color: #fff;    font-family: 'swis721_cn_btroman';    font-weight: normal;}
 .iemail2 {    font-size: 12px;    color: #fff;    font-family: 'swis721_cn_btroman';    font-weight: normal;}
 .botstyle {    text-align: right;}
 .idesign {    font-size: 11px;    color: #fff;    font-family: arial;    font-weight: regular;}
 @media (min-width: 1200px) { 
 
 #copyright br {        display: none;    }
 }@media screen and (min-width: 361px) and (max-width: 992px) {   
 #copyright br {        display: none;    }}


/************************ BOTTOM STYLE CLASSES ENDS ************************/
/************************************ ABOUT US*******************************/
#aboutus {    background-color: #fff;    padding-bottom: 50px;    padding-top: 40px;}
#aboutus h2 {    font-family: 'Latobold';    font-size: 26px;    color: #444442;    text-transform: uppercase;    text-align: left;}
#aboutus h3 {    font-family: 'Latobold';    font-size: 18px;    color: #454345;    text-transform: uppercase;}
#aboutus p {    color: #5D5D5D;    font-family: arial;    font-size: 15px;    text-align: justify;}
/************************************ ABOUT US*******************************/
/*******************SOLUTIONS & SERVICES STYLE CLASSES STARTS********************/
#solutions {       padding-top: 16px;       padding-bottom: 30px;}
#solutions h2 {    font-family: 'latobold';    font-size: 20px;    color: #3F3F3F;    text-transform: uppercase;	font-weight: normal;} 
#solutions .border1 {    border-bottom: 1px solid #C0C5CB;}.ulstyle1 {    padding: 15px 0 8px 9px;    list-style-image: url(webimg/dotred.png);}
#solutions .ttext1 {    font-family: 'latobold';    font-size: 18px;    color: #02B6EC;  	font-weight: normal;} 
#solutions h3 {    font-size: 14px;    color: #5D5D5D;    font-family: arial;    font-weight: bold;	margin-top: 3px;}
#solutions p {    font-size: 14px;    color: #5D5D5D;    font-family: arial;    font-weight: normal;    line-height: 24px;}
@media (min-width: 408px) {	
#solutions p {		text-align: justify;	} }
#solutions span {    font-size: 14px;    color: #5D5D5D;    font-family: arial;    font-weight: bold;}
#solutions .padtop2 {   padding-top: 12px;}
#solutions .ttext2 {    font-size: 14px;    color: #5D5D5D;    font-family: arial;    font-weight: normal;	line-height: 28px;}
.ulstyle2 {    padding: 2px 0 0 16px;    list-style-image: none;}
#solutions .borderbox{		border: 1px solid #D3D3D3;    padding-top: 10px;	padding-bottom:10px;	padding-left: 22px;	padding-right: 22px;	min-height: 97px;}
#solutions .bordertop {		 padding-top: 30px;}
@media(max-width: 991px) {
	#gap2  {			 padding-top: 30px;	}		
	.padlft0{		padding-left: 0;	}		
	.padrgt0{		padding-right: 0;	}
	#callus {
    padding-top: 15px!important;
}   }
#solutions h4 {    font-size: 14px;    color: #41C8F1;    font-family: arial;    font-weight: bold;	margin-top: 3px;}
@media screen and (min-width: 993px) and (max-width: 1199px) {
	#solutions h3 {    font-size: 13px;   }}
	/********************SOLUTIONS & SERVICES  STYLE CLASSES ENDS *******************/
	/********************CONTACT US STYLE CLASSES ENDS *******************/
	#contactus{           padding-top: 16px;           padding-bottom: 30px;}
	#contactus h2 {    font-family: 'latobold';    font-size: 20px;    color: #3F3F3F;    text-transform: uppercase;	font-weight: normal;}
	#contactus .border1 {    border-bottom: 1px solid #C0C5CB;	margin-bottom: 17px;}
	#contactus .taddressh {    font-size: 18px;    color: #02B6EC;    font-family: 'latobold';    font-weight: normal;}
	#contactus .taddress {    font-size: 14px;    color: #5D5D5D;    font-family: arial;    font-weight: normal;}
	.tformh {    font-size: 18px;    color: #02B6EC;    font-family: 'latobold';    font-weight: normal;}
	.tform {    font-size: 13px;    color: #4C4C4C;    font-family: arial, verdana, helvetica, sans-serif;    font-weight: regular;    line-height: 19px;}
	@media (min-width: 992px){	
	#form {		padding-left: 20px;		border-left: 1px dotted #333333;		margin-bottom: 35px;	}}
	@media (min-width: 992px){
		#form2 {		min-height: 176px;	}}
	#security {		padding-bottom: 5px;        padding-top: 10px;        padding-left: 0;}
	.form-control {  
	display: inline-block;  
	border-radius: 0;
	padding: 2px 10px;
	height: 23px;
	margin: 5px 0;
	width:66%;}	
	.btn {	
	padding: 2px 10px;	
	background: #02B6EC;
	color: #fff;	
	border-radius: 0;
	margin: 6px;}
	.tred {	color: #FF0000;}
	.form-horizontal .form-group {    margin: 0 !important;}
	.form-horizontal .control-label {    padding-top: 7px!important;}
	@media (max-width: 767px) {
		.form-control {		float: right;		width: 100%;	}		
		.control-label {		padding-left: 0;	}		
		.form-group {		margin-bottom: 5px;	}}
		@media (min-width: 992px) { 
		.centlogo{
			margin-left: auto;
    margin-right: auto;
    display: block;
		}
		
		
		
		#security_code {        width: 49%;        height: 40px;     
		margin-left: 3px;	
		float: left;    }}
		@media (max-width: 992px) {  
		#security_code {        width: 48%;        height: 40px;        margin-left: 8px;    }}
		@media (max-width: 410px){	
		#security_code {	
		width: 100%;		
		height: 40px;	}}
		.captcha {   
		padding-left: 0;  
		padding-right: 0;}
		@media (min-width: 992px){	
		#form {		padding-left: 40px;
		}}
		/********************CONTACT US  STYLE CLASSES ENDS *******************/
@media (max-width: 767px){
		.mobspace{
	padding-left:15px!important;
	padding-right:15px!important;
}		
.mobalign{
	text-align:justify;
}
}