@import url("fonts/font-Colaborate.css");

body {
	padding: 0;
	margin: 0;
	font-family: 'ColaborateLightRegular';
}

a{
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
	color: #005997;
}
ul {
	margin: 0px;
	padding: 0px;
}

blockquote {
	font-size: 1.5em;
	font-style: italic;
	margin: 0.25em 0;
	padding: 1em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	border: none;
}
blockquote:before {
	font-family: Georgia;
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
}

/*	
-------------------------------------------
	Top Slider & Panel
-------------------------------------------
*/
#topslide{
	width: 100%;
	position: relative;
	float: left;
	top: 0;
	left: 0;
	background: #333333 url("../img/bgcontent.png");
	height: 350px;
	overflow: hidden;
	display: none;
	z-index: 999;
}
#topslide #panel{
	width: 500px;
	position: relative;
}

#top{
	width: 100%;
	height: 5px;
	background: #333333 url("../img/bgcontent.png");
}
#top .btntopslide{
	width: 500px;
	height: 30px;
	position: absolute;
	right: 50px;
}
#toggle{
	position: relative;
	float: right;
	width: 59px;
	height: 30px;
	font-weight: bold;
	z-index: 999;
	list-style: none;
	font-family: 'ColaborateBoldRegular';
}
#toggle .open{
	position: relative;
	float: left;
	background: #333333 url("../img/bgcontent.png");
	color: #ffffff;
	padding: 3px 10px;
	display: block;
	top: -1px;
	right: 3px;
	text-shadow : 0px 0px -1px #000000;
}
#toggle .close{
	position: relative;
	float: left;
	background: #333333 url("../img/bgcontent.png");
	color: #ffffff;
	padding: 3px 10px;
	right: 3px;
	display: block;
}

/*
-------------------------------------------
	contact form & address
-------------------------------------------
*/
#toggle {
	font-size: 12px;
}

.contactFrm {
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	width: 240px;
	border-right: 1px solid #000000;
	font-size: 12px;
}

.contactFrm input[type="text"],
contactFrm input[type="email"],
.contactFrm textarea {
	width: 220px;
	background: #222222!important;
	border: 1px solid #111111;
	color: #ffffff;
}

.contactFrm input[type="text"]:focus,
contactFrm input[type="email"]:focus,
.contactFrm textarea:focus {
	outline: none;
	border: 1px solid #111111;
	box-shadow: none;
}

.contactFrm textarea {
	resize: none;
	height: 130px;
}

.addressDiv {
	float: right;
	margin-top: 10px;
	margin-right: 15px;
	width: 220px;
	height: 305px;
	font-size: 12px;
}

.headoffAdd {
	padding-bottom: 5px;
	border-bottom: 1px solid #000000;
}

.headoffAdd address {
	font-style: normal;
	color: #ffffff;
	line-height: 1.5;
}

.branchoffice ul {
	color: #fff;
	list-style-type: none;
}

/*	
-------------------------------------------
	Top bar
-------------------------------------------
*/
.top-bar {
	margin: 30px 0px 1px;
	height: 75px;
	background: #f6f6f6;
	border: 1px solid #bcbbbb;
	border-left: 0px;
	border-right: 0px;
}

#logo {
	float: left;
	width: 200px;
	margin: 12px 0px 0px 40px;
}

.main_menu {
	position: relative;
	margin: 30px 40px 0px 0px;
	padding: 0px;
}

.main_menu li {
	list-style-type: none;
	display: inline-block;
	line-height: 40px;
}

.main_menu li a {
	padding: 40px 20px 10px;
	border-bottom: 5px solid transparent;
	color: #333333;
	font-size: 14px;
	position: relative;
}

.main_menu li a:hover {
	color: #005997;
}

.dropdown {
	display: none;
	z-index: 10;
	background: #f6f6f6;
	border: 1px solid #bcbbbb;
	padding: 0;
	position: absolute;
	left: 110px;
	padding: 1px 0px;
}

.main_menu li:hover > .dropdown {
	display: block;
}

.dropdown:before {
	position: absolute;
	top: -10px;
	left: 80px;
	display: inline-block;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f6f6f6;
	border-left: 10px solid transparent;
	content: '';
	z-index: 2;
}

.drop_border {
	position: absolute;
	top: -12px;
	left: 79px;
	display: inline-block;
	border-right: 11px solid #f6f6f6;
	border-bottom: 11px solid #bcbbbb;
	border-left: 11px solid #f6f6f6;
	content: '';
	z-index: 1;
}

.dropdown:after {
	content: "";
	clear: both;
	display: block;
}

.dropdown li {
	display: list-item!important;
	position: relative;
	border-left: 5px solid transparent;
}

.dropdown li a {
	padding: 5px 30px!important;
	color: #333333;;
}

.dropdown li:hover {
	background: #bcbbbb;
	border-left: 5px solid #005997;
}

.dropdown:hover > #solution {
	background: url("../img/icons/solution.png") bottom;
}

.menu_icon {
	position: absolute;
	top: 10px;
	width: 24px;
	height: 24px;
}

.active_menu {
	border-bottom: 5px solid #005997!important;
	color: #005997!important;
}

#home {
	background: url("../img/icons/home.png");
	left: 25px;
}

.main_menu a:hover > #home {
	background: url("../img/icons/home.png") bottom;
}

#about {
	background: url("../img/icons/about.png");
	left: 35px;
}

.main_menu a:hover > #about {
	background: url("../img/icons/about.png") bottom;
}

#solution {
	background: url("../img/icons/solution.png");
	left: 35px;
}

.main_menu a:hover > #solution {
	background: url("../img/icons/solution.png") bottom;
}

#partner {
	background: url("../img/icons/partners.png");
	left: 32px;
}

.main_menu a:hover > #partner {
	background: url("../img/icons/partners.png") bottom;
}

#client {
	background: url("../img/icons/clients.png");
	left: 25px;
}

.main_menu a:hover > #client {
	background: url("../img/icons/clients.png") bottom;
}

.active_menu #home {
	background: url("../img/icons/home.png") bottom;
}

.active_menu #about {
	background: url("../img/icons/about.png") bottom;
}

.active_menu #solution {
	background: url("../img/icons/solution.png") bottom;
}

.active_menu #partner {
	background: url("../img/icons/partners.png") bottom;
}

.active_menu #client {
	background: url("../img/icons/clients.png") bottom;
}

/*
----------------------------------
	Mobile header
----------------------------------
*/
.mobile_header {
	margin: 0px 0px 10px;
}

.mobile_header #logo {
	margin: 10px auto;
	float: none;
}

.mobile_header select {
	width: 80%;
	margin-left: 10%;
}

/*
----------------------------------
	Layer Slider overwrite
----------------------------------
*/
.ls-bottom-slidebuttons {
	float: left;
	left: 50px;
}

/*
----------------------------------
	widget-container
----------------------------------
*/
.widget-container {
	position: relative;
	left: 0px;
	top: 0px;
	padding: 10px;
	transition: left 1s ease;
	-webkit-transition: left 1s ease;
	-o-transition: left 1s ease;
	-moz-transition: left 1s ease;
	-moz-box-shadow: 0px 0px 5px 1px #ccc;
	-webkit-box-shadow: 0px 0px 5px 1px #ccc;
	box-shadow: 0px 0px 5px 1px #ccc;
}

.lmove:hover {
	left: -1%;
}

/*
----------------------------------
	content container
----------------------------------
*/
.content-container {
	margin-top: 20px;
	padding: 10px;
}

.content-container ol,
.content-container ul {
	margin-left: 20px;
}

.content-container ol li {
	font-weight: bold;
}

/*
---------------------------------
	fixed icons
---------------------------------
*/

#tenth {
	z-index: 10;
	width: 80px;
	height: 60px;
	position: fixed;
	top: 120px;
	right: 0px;
	background: url('../img/18_yrs_of_excellence.png');
	background-size: 100% 100%;
}

#certified {
	z-index: 10;
	width: 80px;
	height: 60px;
	position: fixed;
	top: 120px;
	right: 80px;
	background: url('../img/certification-logo.png');
	background-size: 100% 100%;
}

/*
---------------------------------
	Mediea Queries
---------------------------------
*/

.brand_div {
	width: 33%;
	padding-left: 3%;
	padding-bottom: 20px;
	float: left;
}

@media only screen and (max-width: 959px) {
	.brand_div {
		width: 30%;
		padding-left: 10%;
		padding-bottom: 20px;
		float: left;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.brand_div {
		width: 40%;
		padding-left: 15%;
	}
}

@media only screen and (max-width: 767px) {
	.brand_div {
		width: 50%;
		padding-left: 10%;
	}
}

@media only screen and (max-width: 479px) {
	.brand_div {
		width: 75%;
		padding-left: 25%;
	}
}


/*
---------------------------------
	partners page hover effect
---------------------------------
*/

#allied-telesis {
	background: url('../img/partners/allied-telesis.png') no-repeat left center;
	width: 200px;
	height: 100px;
}

#allied-telesis:hover {
	background: url('../img/partners/allied-telesis.png') no-repeat right center;
}

#dlink {
	background: url('../img/partners/dlink.png') no-repeat left center;
	width: 200px;
	height: 100px;
}

#dlink:hover {
	background: url('../img/partners/dlink.png') no-repeat right center;
}

#systimax {
	background: url('../img/partners/systimax.png') no-repeat left center;
	width: 200px;
	height: 100px;
}

#systimax:hover {
	background: url('../img/partners/systimax.png') no-repeat right center;
}

#adc-kron {
	background: url('../img/partners/adc-kron.png') no-repeat left center;
	width: 200px;
	height: 185px;
}

#adc-kron:hover {
	background: url('../img/partners/adc-kron.png') no-repeat right center;
}

#amp-netconnect {
	background: url('../img/partners/amp-netconnect.png') no-repeat left center;
	width: 200px;
	height: 185px;
}

#amp-netconnect:hover {
	background: url('../img/partners/amp-netconnect.png') no-repeat right center;
}

#cisco {
	background: url('../img/partners/cisco.png') no-repeat left center;
	width: 200px;
	height: 185px;
}

#cisco:hover {
	background: url('../img/partners/cisco.png') no-repeat right center;
}

#aruba {
	background: url('../img/partners/aruba.png') no-repeat left center;
	width: 200px;
	height: 120px;
}

#aruba:hover {
	background: url('../img/partners/aruba.png') no-repeat right center;
}

#belden {
	background: url('../img/partners/belden.png') no-repeat left center;
	width: 200px;
	height: 120px;
}

#belden:hover {
	background: url('../img/partners/belden.png') no-repeat right center;
}

#te-connectivity {
	background: url('../img/partners/te-connectivity.png') no-repeat left center;
	width: 200px;
	height: 120px;
}

#te-connectivity:hover {
	background: url('../img/partners/te-connectivity.png') no-repeat right center;
}

#commscope {
	background: url('../img/partners/commscope.png') no-repeat left center;
	width: 200px;
	height: 90px;
}

#commscope:hover {
	background: url('../img/partners/commscope.png') no-repeat right center;
}

#molex {
	background: url('../img/partners/molex.png') no-repeat left center;
	width: 200px;
	height: 90px;
}

#molex:hover {
	background: url('../img/partners/molex.png') no-repeat right center;
}

#netgear {
	background: url('../img/partners/netgear.png') no-repeat left center;
	width: 200px;
	height: 90px;
}

#netgear:hover {
	background: url('../img/partners/netgear.png') no-repeat right center;
}

#juniper {
	background: url('../img/partners/juniper.png') no-repeat left center;
	width: 200px;
	height: 185px;
}

#juniper:hover {
	background: url('../img/partners/juniper.png') no-repeat right center;
}

#ruckus {
	background: url('../img/partners/ruckus.png') no-repeat left center;
	width: 200px;
	height: 140px;
}

#ruckus:hover {
	background: url('../img/partners/ruckus.png') no-repeat right center;
}

/*
---------------------------------
	Clients page hover effect
---------------------------------
*/

#bank-of-baroda {
	background: url('../img/clients/banking/bank-of-baroda.png') no-repeat left center;
	width: 200px;
	height: 90px;
}

#bank-of-baroda:hover {
	background: url('../img/clients/banking/bank-of-baroda.png') no-repeat right center;
}

#standard-chartered-bank {
	background: url('../img/clients/banking/standard-chartered-bank.png') no-repeat left center;
	width: 200px;
	height: 90px;
}

#standard-chartered-bank:hover {
	background: url('../img/clients/banking/standard-chartered-bank.png') no-repeat right center;
}

#State-Bank-of-india {
	background: url('../img/clients/banking/State-Bank-of-india.png') no-repeat left center;
	width: 200px;
	height: 90px;
}

#State-Bank-of-india:hover {
	background: url('../img/clients/banking/State-Bank-of-india.png') no-repeat right center;
}

#bna-consultancy {
	background: url('../img/clients/consultancy/bna-consultancy.png') no-repeat left center;
	width: 200px;
	height: 140px;
}

#bna-consultancy:hover {
	background: url('../img/clients/consultancy/bna-consultancy.png') no-repeat right center;
}

#kriticons {
	background: url('../img/clients/consultancy/kriticons.png') no-repeat left center;
	width: 200px;
	height: 140px;
}

#kriticons:hover {
	background: url('../img/clients/consultancy/kriticons.png') no-repeat right center;
}

#dsm {
	background: url('../img/clients/consultancy/dsm.png') no-repeat left center;
	width: 200px;
	height: 140px;
}

#dsm:hover {
	background: url('../img/clients/consultancy/dsm.png') no-repeat right center;	
}

#imagination-at-work {
	background: url('../img/clients/general/imagination-at-work.png') no-repeat left center;
	width: 200px;
	height: 140px;
}

#imagination-at-work:hover {
	background: url('../img/clients/general/imagination-at-work.png') no-repeat right center;
}

#hcl {
	background: url('../img/clients/general/hcl.png') no-repeat left center;
	width: 200px;
	height: 140px;
}

#hcl:hover {
	background: url('../img/clients/general/hcl.png') no-repeat right center;
}

#hp {
	background: url('../img/clients/general/hp.png') no-repeat left center;
	width: 200px;
	height: 140px;
}

#hp:hover {
	background: url('../img/clients/general/hp.png') no-repeat right center;
}

#aditya-birla-minacs {
	background: url('../img/clients/it&bpo/aditya-birla-minacs.png') no-repeat left center;
	width: 200px;
	height: 200px;
}

#aditya-birla-minacs:hover {
	background: url('../img/clients/it&bpo/aditya-birla-minacs.png') no-repeat right center;
}

#hinduja-global-solutions {
	background: url('../img/clients/it&bpo/hinduja-global-solutions.png') no-repeat left center;
	width: 200px;
	height: 200px;
}

#hinduja-global-solutions:hover {
	background: url('../img/clients/it&bpo/hinduja-global-solutions.png') no-repeat right center;
}

#ismart {
	background: url('../img/clients/it&bpo/ismart.png') no-repeat left center;
	width: 200px;
	height: 200px;
}

#ismart:hover {
	background: url('../img/clients/it&bpo/ismart.png') no-repeat right center;
}

#aicar-business-school {
	background: url('../img/clients/education/aicar-business-school.png') no-repeat left center;
	width: 200px;
	height: 160px;
}

#aicar-business-school:hover {
	background: url('../img/clients/education/aicar-business-school.png') no-repeat right center;
}

#flame {
	background: url('../img/clients/education/flame.png') no-repeat left center;
	width: 200px;
	height: 160px;
}

#flame:hover {
	background: url('../img/clients/education/flame.png') no-repeat right center;
}

#indira-college {
	background: url('../img/clients/education/indira-college.png') no-repeat left center;
	width: 200px;
	height: 160px;
}

#indira-college:hover {
	background: url('../img/clients/education/indira-college.png') no-repeat right center;
}

#horizon-computers {
	background: url('../img/clients/education/horizon-computers.png') no-repeat left center;
	width: 200px;
	height: 80px;
}

#horizon-computers:hover {
	background: url('../img/clients/education/horizon-computers.png') no-repeat right center;
}

#ecil {
	background: url('../img/clients/goverment/ecil.png') no-repeat left center;
	width: 200px;
	height: 80px;	
}

#ecil:hover {
	background: url('../img/clients/goverment/ecil.png') no-repeat right center;
}

#npcil {
	background: url('../img/clients/goverment/npcil.png') no-repeat left center;
	width: 200px;
	height: 80px;
}

#npcil:hover {
	background: url('../img/clients/goverment/npcil.png') no-repeat right center;
}

#eros {
	background: url('../img/clients/media/eros.png') no-repeat left center;
	width: 200px;
	height: 100px;
}

#eros:hover {
	background: url('../img/clients/media/eros.png') no-repeat right center;
}

#star-tv-network {
	background: url('../img/clients/media/star-tv-network.png') no-repeat left center;
	width: 200px;
	height: 100px;
}


#star-tv-network:hover {
	background: url('../img/clients/media/star-tv-network.png') no-repeat right center;
}

#x-media {
	background: url('../img/clients/media/9x-media.png') no-repeat left center;
	width: 200px;
	height: 100px;
}

#x-media:hover {
	background: url('../img/clients/media/9x-media.png') no-repeat right center;
}

#star-alive {
	background: url('../img/clients/media/star-alive.png') no-repeat left center;
	width: 200px;
	height: 150px;
}

#star-alive:hover {
	background: url('../img/clients/media/star-alive.png') no-repeat right center;
}

#huawei {
	background: url('../img/clients/telecom/huawei.png') no-repeat left center;
	width: 200px;
	height: 100px;
}

#huawei:hover {
	background: url('../img/clients/telecom/huawei.png') no-repeat right center;
}

#sify {
	background: url('../img/clients/telecom/sify.png') no-repeat left center;
	width: 200px;
	height: 100px;
}

#sify:hover {
	background: url('../img/clients/telecom/sify.png') no-repeat right center;
}

#ericsson {
	background: url('../img/clients/telecom/ericsson.png') no-repeat left center;
	width: 200px;
	height: 100px;
}

#ericsson:hover {
	background: url('../img/clients/telecom/ericsson.png') no-repeat right center;
}

#tata-communication {
	background: url('../img/clients/telecom/tata-communication.png') no-repeat left center;
	width: 200px;
	height: 100px;
}

#tata-communication:hover {
	background: url('../img/clients/telecom/tata-communication.png') no-repeat right center;
}

#tata-docomo {
	background: url('../img/clients/telecom/tata-docomo.png') no-repeat left center;
	width: 200px;
	height: 100px;
}

#tata-docomo:hover {
	background: url('../img/clients/telecom/tata-docomo.png') no-repeat right center;
}

#reliance-communications {
	background: url('../img/clients/telecom/reliance-communications.png') no-repeat left center;
	width: 200px;
	height: 100px;
}

#reliance-communications:hover {
	background: url('../img/clients/telecom/reliance-communications.png') no-repeat right center;
}

#tulip {
	background: url('../img/clients/telecom/tulip.png') no-repeat left center;
	width: 200px;
	height: 150px;
}

#tulip:hover {
	background: url('../img/clients/telecom/tulip.png') no-repeat right center;
}

#you-broadband {
	background: url('../img/clients/telecom/you-broadband.png') no-repeat left center;
	width: 200px;
	height: 150px;
}

#you-broadband:hover {
	background: url('../img/clients/telecom/you-broadband.png') no-repeat right center;
}

#eicher {
	background: url('../img/clients/manufacture/eicher.png') no-repeat left center;
	width: 200px;
	height: 120px;
}

#eicher:hover {
	background: url('../img/clients/manufacture/eicher.png') no-repeat right center;
}

#tesa {
	background: url('../img/clients/manufacture/tesa.png') no-repeat left center;
	width: 200px;
	height: 120px;
}


#tesa:hover {
	background: url('../img/clients/manufacture/tesa.png') no-repeat right center;
}

#anchor {
	background: url('../img/clients/manufacture/anchor.png') no-repeat left center;
	width: 200px;
	height: 120px;
}


#anchor:hover {
	background: url('../img/clients/manufacture/anchor.png') no-repeat right center;
}

#sun-pharmaceutical {
	background: url('../img/clients/manufacture/sun-pharmaceutical.png') no-repeat left center;
	width: 200px;
	height: 150px;
}

#sun-pharmaceutical:hover {
	background: url('../img/clients/manufacture/sun-pharmaceutical.png') no-repeat right center;
}

#radisson-blu-hotel {
	background: url('../img/clients/hospitality/radisson-blu-hotel.png') no-repeat left center;
	width: 200px;
	height: 120px;
}


#radisson-blu-hotel:hover {
	background: url('../img/clients/hospitality/radisson-blu-hotel.png') no-repeat right center;
}

#hotel-palmgrove {
	background: url('../img/clients/hospitality/hotel-palmgrove.png') no-repeat left center;
	width: 200px;
	height: 120px;
}


#hotel-palmgrove:hover {
	background: url('../img/clients/hospitality/hotel-palmgrove.png') no-repeat right center;
}

#monarch {
	background: url('../img/clients/hospitality/monarch.png') no-repeat left center;
	width: 200px;
	height: 120px;
}

#monarch:hover {
	background: url('../img/clients/hospitality/monarch.png') no-repeat right center;
}

#fortune-hotels {
	background: url('../img/clients/hospitality/fortune-hotels.png') no-repeat left center;
	width: 200px;
	height: 60px;
}

#fortune-hotels:hover {
	background: url('../img/clients/hospitality/fortune-hotels.png') no-repeat right center;
}

#le-meridien {
	background: url('../img/clients/hospitality/le-meridien.png') no-repeat left center;
	width: 200px;
	height: 60px;
}


#le-meridien:hover {
	background: url('../img/clients/hospitality/le-meridien.png') no-repeat right center;
}

#jukaso-hotels {
	background: url('../img/clients/hospitality/jukaso-hotels.png') no-repeat left center;
	width: 200px;
	height: 60px;
}

#jukaso-hotels:hover {
	background: url('../img/clients/hospitality/jukaso-hotels.png') no-repeat right center;
}

#the-beach-orchid-kollam {
	background: url('../img/clients/hospitality/the-beach-orchid-kollam.png') no-repeat left center;
	width: 200px;
	height: 120px;
}

#the-beach-orchid-kollam:hover {
	background: url('../img/clients/hospitality/the-beach-orchid-kollam.png') no-repeat right center;
}

#the-pride-hotel {
	background: url('../img/clients/hospitality/the-pride-hotel.png') no-repeat left center;
	width: 200px;
	height: 120px;
}

#the-pride-hotel:hover {
	background: url('../img/clients/hospitality/the-pride-hotel.png') no-repeat right center;
}

#the-kenilworth-resort {
	background: url('../img/clients/hospitality/the-kenilworth-resort.png') no-repeat left center;
	width: 200px;
	height: 120px;
}

#the-kenilworth-resort:hover {
	background: url('../img/clients/hospitality/the-kenilworth-resort.png') no-repeat right center;
}

#classique-club {
	background: url('../img/clients/hospitality/classique-club.png') no-repeat left center;
	width: 200px;
	height: 150px;
}

#classique-club:hover {
	background: url('../img/clients/hospitality/classique-club.png') no-repeat right center;
}

#country-inn {
	background: url('../img/clients/hospitality/country-inn.png') no-repeat left center;
	width: 200px;
	height: 150px;
}

#country-inn:hover {
	background: url('../img/clients/hospitality/country-inn.png') no-repeat right center;
}