html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}

body {background:#f8f8f8 }
p{text-align:justify}
.nBor {border:0px !important;}
a.more {color:#555; font-size:12px;} a.more:hover {color:#efc849;}
.noBor {border:0px !important}

.banner  {height:200px; background:url(../images/slide1.jpg) no-repeat; background-size:100% 100%}
.aboutBanner  {height:250px; background:url(../images/aboutBanner.jpg) no-repeat top right;}
.careersBanner {height:250px; background:url(../images/careersBanner.jpg) no-repeat center center;}
.contactBanner {height:250px; background:url(../images/contactBanner.jpg) no-repeat top right;}
.appdevBanner{height:250px; background:url(../images/appdevBanner.jpg) no-repeat top right;}
.modBanner {height:250px; background:url(../images/modBanner.jpg) no-repeat top right;}
.itinfraBanner {height:250px; background:url(../images/itinfraBanner.jpg) no-repeat center center;}
.ccBanner {height:250px; background:url(../images/ccBanner.jpg) no-repeat top right;}
.arcBanner{height:250px; background:url(../images/arcBanner.jpg) no-repeat top right;}
.oracleBanner{height:250px; background:url(../images/oracleBanner.jpg) no-repeat center center;}
.qualityBanner{height:250px; background:url(../images/qualityBanner.jpg) no-repeat center center;}
.responsiveBanner{height:250px; background:url(../images/responsiveBanner.jpg) no-repeat center center;}

.mSerBg {background:url(../images/mserBg.jpg) repeat-x; padding:30px 0;}
.mSerBg > .container {background:#f7f7f7}
.mSer h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:21px;}
.mSer img {width:100%; margin-top:20px;}

.intro {margin:50px 0}

footer {background:#f7f7f7; padding:30px 0 0px; color:#565656; font-size:12px; border-top:3px solid #ddd}
footer iframe{border:5px solid #737373}
footer a { color:#565656; } footer a:hover {color:#efc849;}
footer .company span {display:block; margin-bottom:2px;}
footer h5 {color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:5px; font-size:18px;}

.cr { padding:5px; background:#5e5e5e; color:#fff;}
.cr p{font-size:11px; margin:10px 0 0}

.up {
bottom: -12px;
right: 25px;
margin: 0;
position: fixed;
z-index: 9999;
}
.up span {font-size:37px; color:#efc849}
.up img {background:url(../images/uparrow.png) no-repeat; width:37px; height:37px;}
.up img:hover {background:url(../images/uparrowH.png) no-repeat; font-size:40px; color:#f60; }


/* =================== Global Styles =================== */
.navbar, .navbar-header {background:#fff; min-height:100px; border-bottom:0px solid #ddd; margin-bottom:0px}
.navbar button, .nav {margin-top:30px }
.nav > li a {font-family:'Trebuchet MS'; text-transform:uppercase; color:#252525 !important; border-right:0px solid #e5e5e5; padding:10px 14px; }
.nav > li a:hover, .nav > li a.active {color:#c20000 !important}
.nav > li li a {padding:7px 15px; font-size:12px; }
/* .nav  > li:last-child a{border:0px} */

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

.navbar-brand {padding:0px}

.carousel-indicators{bottom:0 !important; left:57% }
.carousel-caption {width:100%; left:0; padding-bottom:0px;}
.carousel-caption p, .carousel-caption h1 {text-align:left}
.carousel-caption h1 {text-transform:uppercase; font-family:"Myriad Pro"; font-weight:bold; font-size:30px; margin-bottom:0px}
.carousel-caption p {color:#000; margin:0 0 30px; text-shadow:none;}
.carousel-caption p.text {background:url(../images/yelloBg2.png); padding:25px 5px; text-align:center; color:#fff; font-size:21px; font-family:'Trebuchet MS' }
.carousel-caption a.details {background:#fff51f; padding:10px 20px; color:#000}

.tab-content { padding:15px 25px; background:#fff; border:1px solid #ddd; border-top:0px;}
/* .nav-tabs > li a, .nav-tabs > li:last-child a {border:1px solid #e5e5e5} */
.nav-tabs>li.active a {color:#f60 !important;}

div.list-group > .list-group-item {background:#f8f8f8;}
div.list-group > .list-group-item:hover {background:#fff}
div.list-group > .list-group-item  span {color:#fff}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {background:#f60; border:0px}

.mid {background:#fff; padding:15px 0}
.mid h1 {font-family:'Trebuchet MS'; text-transform:uppercase; color:#252525 !important; font-size:21px}
.mid h2 {font-family:'Trebuchet MS'; text-transform:uppercase; color:#252525 !important; font-size:16px}
.mid .thumb {margin:0 10px 10px 0}


@media (max-width: 1200px) { 
.hIntro {font-size:95%; top:40px;}
.hIntro {width:300px; font-size:90%; top:30px;}
}

@media (max-width: 980px) { 
	.aboutBanner, .careersBanner, .contactBanner, .appdevBanner, .modBanner, .itinfraBanner, .ccBanner, .arcBanner, .oracleBanner, .qualityBanner, .responsiveBanner
	{background-size: 100% 100%; height:200px !important }


	.carousel-indicators{bottom:215px; left:10%;}
	
	.hIntro {width:300px; font-size:80%; top:60px;}
	.mobGap {margin-bottom:40px}
	.serIntro {margin:0 0 25px}
	.about .col-md-8{border-bottom:5px solid #fff}
	footer .fNav {margin-bottom:0px; text-align:center; width:100%}
	footer .fNav span {display:inline-block; margin:0 10px 0px 0;}
	footer address span {display:inline; margin:0 5px 0 0;}
	footer iframe {margin:20px 0}
}

@media (max-width: 768px) {
	
	.navbar-brand img {width:230px !important}
	.aboutBanner, .careersBanner, .contactBanner, .appdevBanner, .modBanner, .itinfraBanner, .ccBanner, .arcBanner, .oracleBanner, .qualityBanner, .responsiveBanner
	{background-size: 100% 100%; height:120px !important }
	.nav {margin-top:0px !important;}
	.carousel-indicators{bottom:255px;}
	
	.carousel-indicators{bottom:10px; left:13%}
	
	.carousel-caption h1 {font-size:25px; margin:0px 0 5px !important;}
	.carousel-caption a.details {background:#fff51f; padding:5px 10px; color:#000}
	/*.carousel-caption {top:10px !important;} */
	
	.resUi li {display:block; width:100%; padding:10px; margin:2px 5px; font-size:15px}

	}

@media (max-width: 480px) {
	.navbar, .navbar-header {min-height:85px;}
	.aboutBanner, .careersBanner, .contactBanner, .appdevBanner, .modBanner, .itinfraBanner, .ccBanner, .arcBanner, .oracleBanner, .qualityBanner, .responsiveBanner
	{background-size: 100% 100%; height:80px !important }
	.carousel-indicators{ left:15%}
	
	.carousel-caption h1 {font-size:15px; }
	html>body  .nav-tabs li a  {padding:15px 5px}
	.nav-tabs li a {font-size:10px; padding:15px 7px }
	.partners .media-body{float:left; margin:15px 0 0}
	
	footer .company span {display:inline-block; margin:5px;}
	footer li {float:left; margin:0 10px 10px 0}	
	
	.everify {background:#ddd}
}