/********************************Typography********************************/

body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px;
  color: #666; background-color: #fff; }

h1, h2, h3, h4, h5, h6 { color: #333; }
h2 { font-size: 30px; margin-bottom: 20px; }
h3 { font-size: 18px; }

.parallax { background-size:cover; background-repeat:no-repeat; background-position:center;
  background-attachment:fixed; }
.parallax, .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 { color: #fff; }
.parallax input[type="text"], .parallax input[type="text"]:hover,
.parallax input[type="email"], .parallax input[type="email"]:hover,
.parallax input[type="url"], .parallax input[type="url"]:hover,
.parallax input[type="password"], .parallax input[type="password"]:hover,
.parallax textarea, .parallax textarea:hover { font-weight: 300;  color: #fff; }

.btn { border: 0;  border-radius: 5px; }
.btn.btn-primary:hover { background-color: #017fb5; }

.navbar-nav li a:hover, .navbar-nav li a:focus {
  outline:none; outline-offset:0; text-decoration:none; background:transparent; }
.navbar-nav li a:hover { background-color: #017fb5; }

a {text-decoration:none; -webkit-transition:300ms; -moz-transition: 300ms; -o-transition:300ms; transition:300ms;}
a:focus, a:hover { text-decoration:none; outline:none; }

section {padding: 90px 0; }

.heading {padding-bottom:45px; }

.preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; background: #fff; }
.preloader > i {position: absolute; font-size: 36px; line-height: 36px; top: 50%; left: 50%;
  height: 36px;  width: 36px;  margin-top: -15px;  margin-left: -15px;  display: inline-block; }

/*********************************Home CSS************************************/

#home-slider { overflow: hidden;  position: relative; }
#home-slider .caption { position: absolute; top: 50%; margin-top: -104px; left: 0; right: 0; text-align: center;
  text-transform: uppercase; z-index: 15;  font-size: 18px; font-weight: 300; color: #fff; }
#home-slider .caption h1 { color: #fff; font-size: 60px; font-weight: 700; margin-bottom: 30px; }
#home-slider .caption h1 img { margin: auto; height: 100px; }

.caption .btn-start {color: #fff; font-size: 14px; font-weight: 600; padding:14px 40px;
  border: 1px solid #6e6d6c; border-radius: 4px; margin-top: 40px; }
.caption .btn-start:hover {color: #fff; }

.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity;
  transition-property: opacity; background-repeat: no-repeat; background-size: cover; height: 2037px; }
.carousel-fade .carousel-inner .item:after { content: " "; position: absolute;
  top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); }

.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left:0; opacity:0; z-index:1; }
  
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
  
.carousel-fade .carousel-control { z-index: 2; }

.left-control, .right-control { position: absolute; top: 50%; height: 51px; width: 51px; line-height: 48px;
  border-radius: 50%; border:1px solid #fff; z-index: 20; font-size: 24px; color: #fff; text-align: center;
  -webkit-transition: all 1.5s ease;  -moz-transition: all 1.5s ease;  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;  transition: all 1.5s ease; }

.left-control {left: -51px} 
.right-control {right: -51px;}
.left-control:hover,
.right-control:hover {color: #fff;}

#home-slider:hover .left-control {  left:30px } 
#home-slider:hover .right-control {  right:30px }
#home-slider .fa-angle-down { position: absolute; left: 50%; bottom: 50px; color: #fff; display: inline-block;
  width: 24px; margin-left: -12px; font-size: 24px; line-height: 24px; z-index: 999;
  -webkit-animation: bounce 3000ms infinite;  animation: bounce 3000ms infinite; }

.navbar-right li a { color:#fff; text-transform:uppercase; font-size:14px; font-weight:600; padding-top:30px;
  padding-bottom:30px; }
.navbar-right li.active a { background-color: rgba(0,0,0,.2); }
.navbar-brand p { margin-top: 5px; margin-left:25px; float:left; font-size:1.2em; font-weight:600;
  color:white; line-height:1em; text-indent:-23px; }
.navbar-brand img { *margin-top: 5px; float:left; }

/*********************************IT-Service CSS*********************************/

#services {  background-image:url(../image/hbackground.png);  background-position:top;  background-size:cover;
  z-index: 15; }

.service-icon { background-color:#003b6f; border-radius:4px; color:#fff; display:inline-block; font-size:20px;
  height: 60px; line-height: 60px; width: 60px; -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;  }

.service-info h3 {  margin-top: 6px;  font-size: 14px;  color: #265B7F;  text-transform: uppercase;}

.our-services .col-sm-2:hover .service-info h3{ color: #007BFF; text-decoration: underline; }
.our-services .col-sm-2:hover .service-icon { background-color: #007BFF; }
.our-services { margin-top: -40px; margin-bottom: -10 px; }
.our-services .col-sm-2 { padding-bottom: 30px; }  
.our-services .btn { margin-top: 1px; margin-bottom: 30px; }

#services-domain .col-sm-2 { margin-bottom: 10px; color: #333; border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;  border-collapse: collapse; }
#services-domain .key-list {  margin-top: -60px;  }
#services-domain {  margin-top: -60px;  }

#services .container {  margin-top: -23px;  }

/*****************************Services-link CSS*******************************/

#services-main { background-image: url(../images/IT_Services_Banner.jpg); height: 275px; width: 100%;
  background-repeat: no-repeat;  background-position: bottom;  background-size: cover;  margin-top: 80px; }

#application-dev h2, #web-dev h2, #mobile-dev h2, #cloud-services h2 { margin-top: 10px; }
#application-dev .key-list { margin-bottom: -30px; }
#application-dev .key-list p { color:#12455f; background-color:#f2f2f2; border-radius:10px; padding:10px 30px;
  margin-top: 30px; font-size: 18px; line-height: 35px; }
#application-dev .key-list img { display: inline; height: 40px; padding-right: 7px;  }
#application-dev {background-image: url(../images/it-pattern-bg.jpg); margin-top: -60px; padding-bottom: 100px; }

#e-commerce { margin-top: -40px; margin-bottom: -30px; }
#e-commerce p { margin-top: 15px; }

#web-dev { margin-top: -60px; margin-bottom: -20px; }
#web-dev .key-list { margin-top: 20px; }

#mobile-dev { background-image: url(../images/web-dev.jpg); margin-top: -40px; }
#mobile-dev .container { margin-bottom: -40px; }
#mobile-dev .key-list h3 { color: #017fb5; margin: 30px; background-color: #f5f5f5; border-radius: 8px;
  padding: 15px; border: 2px solid #017fb5;  }

#cloud-services img { display:inline; height:60px; margin:auto; }

#qa-services { background-image: url(../image/07.jpg); margin-top:-80px; }
#qa-services .container-fluid { margin-bottom:-60px; }
#qa-services h2 { margin-top:50px; }
#qa-services .col-sm-4 { margin-top:10px; }
#qa-services .key-list h4 { border:2px solid #017fb5; color:#017fb5; font-size:15px; background-color:#f5f5f5;
  border-radius:5px;  margin:10px;  padding:7px; }

#it-consulting { margin-top: -40px; margin-bottom: -20px; }
#it-consulting h2 {  margin-top: -10px; }
#it-consulting .key-list {  margin-top: 30px; }
#it-consulting .key-list h3 p {  text-align: center;}

/********************************Features CSS*********************************/

#features { text-align: center;  background-image: url(../image/05.jpg);  margin-top:-80px; }
#features i { font-size: 48px; }
#features h3 { margin-top: 15px;  font-size: 30px;  margin-bottom: 7px;  color: #fff; }
#features .slider-overlay { opacity: 0.8; }

/***********************************Education CSS**********************************/

.post-thumb { margin-top: -30px;}
.post-thumb img { margin: auto;  height: 200px;}

.entry-header h3 { line-height: 30px; }

.btn-primary-outline { border: 1px solid #017fb5; color: #017fb5; font-size: 14px; font-weight: 600;
  padding: 15px 50px; margin-top: 20px; text-transform: uppercase; }
.btn-primary-outline:hover { color: #fff; background-color: #017fb5; }

/***************************Education-LearnMore CSS****************************/

#education-main { background-image: url(../images/php-mysql.jpg); height: 400px; background-repeat: no-repeat;
  background-position: center;  background-size: cover; }

#student-main { margin-top: -50px; }
#student-main .container { margin-bottom: -60px; }

#profile-dev { color: #fff; }
#profile-dev h2 { margin-top: -30px; color: #fff; }

#skills .container { margin-top: -40px; margin-bottom: -50px; }
#skills .row { padding-bottom: 50px; }
#skills .thumbnail { border: 1px solid #f2f2f2; }

#methodology { margin-top: -50px; margin-bottom: -50px; }
#methodology .container-fluid h2 { padding-bottom: 30px; }
#methodology .container-fluid .col-sm-4 { padding-bottom: 50px; }
#methodology img { height: 90px; margin: auto; }

#industry { background-image: url(../images/web-dev.jpg); }
#industry .key-list p { color: #12455f; background-color: #f2f2f2; border-radius: 10px; padding: 10px 30px;
  font-size: 20px;  line-height: 35px;  }

#corporate .key-list p { color: #12455f; background-color: #f2f2f2; border-radius: 10px; padding: 10px 30px;
  font-size: 20px;  line-height: 35px; }
#corporate { margin-top: -1 0px; }

/***************************Education-portfolio CSS****************************/

#portfolio { background-image: url(../image/04.jpg); background-position: bottom; background-size: cover;
  background-repeat: no-repeat; padding-bottom:20px; margin-bottom:20px; }
#portfolio .container, #portfolio .col-sm-3 { overflow:hidden; padding:0; }
#portfolio .folio-item { position:relative; margin-top:2px; margin-bottom:2px; margin-left:2px; margin-right:2px; }
#portfolio .overlay {background-color:#000; color:#fff; left:0; right:0; bottom:-100%; height:0; position:absolute;
  text-align: center; opacity:0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.overlay .overlay-content { display: table; height: 100%; width: 100%; }
.overlay .overlay-text { display: table-cell; vertical-align: middle; }
.overlay .folio-info { opacity:0; margin-bottom:75px; margin-top:-75px; -webkit-transition:all 1s ease-in-out;
 transition:all 1s ease-in-out; }
.overlay .folio-info h3 { margin-top: 0; color: #fff; }

.folio-overview a { font-size:18px; color:#333; height:50px; width:50px; line-height:50px; border-radius:50%;
  background-color:#fff; display:inline-block; margin-top:20px; margin-right:5px; }
.folio-overview a:hover { color: #fff; }

.folio-image { -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }

#portfolio .folio-item:hover .folio-image { -webkit-transform: scale(1.5) rotate(-15deg);
  transform: scale(1.5) rotate(-15deg); }

.folio-image img { width: 100%;}

#portfolio .folio-item:hover .overlay { opacity:0.8; bottom:0; height:100%;}
#portfolio .folio-item:hover .overlay .folio-info { opacity:1; margin-bottom:0; margin-top:0;}

/*********************************Twitter CSS*********************************/

#twitter { background-image: url(../images/twitter-bg.jpg); margin-top: 50px; }

#twitter > div { text-align: center; position: relative; }

#twitter-carousel { position: relative; z-index: 15; }

.twitter-icon { position: relative; z-index: 15; color: #fff; }

.twitter-icon .fa-twitter { font-size: 24px; height: 64px; width: 64px; line-height: 65px;
  border-radius: 50%; position: relative; }

.twitter-icon .fa-twitter:after { position: absolute; content: ""; border-width: 8px; border-style: solid;
  left: 24px;  bottom: -14px; }

#twitter-carousel .item { padding: 0 55px; }
#twitter-carousel .item a { color: #fff; }

.twitter-icon h4 { text-transform: uppercase; margin-top: 25px; margin-bottom: 25px; color: #fff; }

.twitter-left-control, .twitter-right-control {position:absolute; top:50%; color:#fff; border:1px solid #fafafa;
height:34px; width:34px; line-height:31px; margin-top:-17px; font-size:18px; border-radius:50%; z-index:15; }

.twitter-left-control { left: 80px; } 
.twitter-right-control { right: 80px; }
.twitter-left-control:hover,
.twitter-right-control:hover { color: #fff; }

/***************************Technical Training CSS****************************/

#profile-dev .breadcrumb { background-color: transparent; border: none; }
#profile-dev .breadcrumb .active { color: #fff; }
#profile-dev { margin-top: 2px; }

.tech-programs h1 { margin: 40px 5px; }

.key-highlights { margin-top: 70px; }
.key-highlights h4 { border: 1px solid #017fb5; padding: 10px; border-radius: 10px;
  background-color: rgba(0,0,0,0.7);  color: #017fb5; }

#java-training { background-image: url(../image/04.jpg); }
#java-course { margin-top: -50px; }

.step {position:absolute; margin-top:90px; left:-40px; display:block; color:#eee; font-weight:700; font-size:150px}

#java-course img { height: 200px; margin: auto; }
#java-course .container { padding-top: 30px;  padding-bottom: 30px; }

#web-training { background-image: url(../images/web-dev.jpg); margin-bottom: -30px; }
#php-mysql-training { background-image: url(../images/php-mysql.jpg); margin-bottom: -30px; }
#android-training { background-image: url(../images/android.jpg); margin-bottom: -30px; }
#android-training .key-highlights h4{ margin-top: 30px; }
#business-training { background-image: url(../images/php-mysql.jpg); margin-bottom: -30px; }
#business-training .col-sm-6 h3 { border: 1px solid #017fb5; padding: 10px; border-radius: 10px;
  background-color:rgba(0,0,0,0.7);  color: #017fb5; }

#software-test { background-image: url(../images/web-dev.jpg); margin-bottom: -30px; }
#automation-test { background-image: url(../images/android.jpg); margin-bottom: -30px; }

#itpb-integrated { background-image: url(../images/php-mysql.jpg);  margin-bottom: -30px; }

#tech-offering { padding-top: 30px; }
#tech-offering p { font-size: 20px; }

#soft-skills-training { background-image: url(../images/android.jpg); margin-bottom: -30px; }
#personality-training { background-image: url(../image/04.jpg); margin-bottom: -30px; }

#career-planning { background-image: url(../images/web-dev.jpg); margin-bottom: -30px; }
#career-planning .training-info { margin-top: 50px; }

/******************************Product Table CSS******************************/

#product { margin-top: -20px; }

.product-table { text-align: center; }

.single-table { margin-top: -50px; padding: 20px 10px 10px; border:1px solid #027db3; border-radius: 8px; }

.single-table h3 { margin-top: 0; padding: 0; font-size: 18px; text-transform: uppercase; margin-bottom: 30px; }
.single-table img { margin: auto; height: 150px; }

/*********************************About CSS*********************************/

#about-us { background-image: url(../image/06.jpg); padding: 40px 0; }
#about-us h2 { margin-top: 35px; color: #fff; }
#about-us h1 { margin-bottom: 30px; }
#about-us a { margin-top: 40px; }

.btn-loadmore { border: 1px solid #f2f2f2; color: #000000; font-size: 20px; font-weight: 600;
  padding-top: 15px; padding-bottom: 15px; }
.btn-loadmore:hover { color:#fff; }

/*********************************About Us link CSS*********************************/

.breadcrumb { padding-left: 60px; padding-bottom: 25px; }
.breadcrumb .li { font-size: 30px; }

#who-we-are { margin-top: -70px; margin-bottom: -50px; }
#what-we-do { margin-top: -100px; margin-bottom: -80px; }
#who-we-are h1, #belief h1, #what-we-do h1 { font-size: 40px; padding-bottom: 30px; }
#what-we-do ul { list-style-type: none; }
#what-we-do .row { padding-bottom: 30px; margin-bottom: 30px; }
#belief .container-fluid { background-image: url(../image/04.jpg); padding: 10px; }
#vision { background-image: url(../images/twitter-bg.jpg); height: 400px; padding-top: 100px; }
#vision p { font-size: 15px; }

/**********************************Team CSS***********************************/

#team { padding-top: 0; margin-top: 45px; }
#team h2 { margin-top: 45px; }

.team-members { margin-bottom: 5px; }
.social-icons { margin-top:30px; text-align: center; }
.social-icons ul { list-style: none; padding: 0; margin: 0; display: inline-block; }
.social-icons ul li { float: left; margin-right: 8px; }
.social-icons ul li:last-child { margin-right: 0; }
.social-icons ul li a { color: #fff; background-color: #d9d9d9; height: 36px; width: 36px;
  line-height: 36px; display: block; font-size: 16px; opacity: 0.8; }
.social-icons ul li a:hover { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }

.team-member { text-align: center; color: #333; font-size: 14px; }
.team-member:hover .social-icons ul li a.facebook { background-color: #3b5999; }
.team-member:hover .social-icons ul li a.twitter { background-color: #2ac6f7; }
.team-member:hover .social-icons ul li a.dribbble { background-color: #ff5b92; }
.team-member:hover .social-icons ul li a.linkedin { background-color: #036dc0; }
.team-member:hover .social-icons ul li a.rss { background-color: #ff6b00; }

#team .img-responsive { width: 50%; }
#services.img-responsive { vertical-align:middle; }

.member-info h3 { margin-top: 35px; }
.member-info h4 { font-size: 14px; margin-bottom: 15px; color: #999; }
.member-info h4.designation_color { font-size: 14px; margin-bottom: 15px; color: #D85C00; }

/***********************************Contact CSS*******************************/

#contact { padding-top: 50px; padding-bottom: 0; }

#google-map { height: 400px; }

#contact-us { background-image:url(../image/07.jpg); padding-bottom: 60px; }
#contact-us .heading { padding-top: 0px; margin-bottom: 0px; }

#contact-us-page { padding-top: 60px; padding-bottom: 0; }

#locate { padding-top: 60px; padding-bottom: 0px; }

.form-control { background-color: transparent; border-color: rgba(255,255,255,.5);
  height: 50px; border-radius: 0; box-shadow: none; }

textarea.form-control { min-height: 100px; resize:none; }

.form-group { margin-bottom: 30px; }

ul.address { margin-top: 30px; list-style: none; padding: 0; margin: 0; }

#contact h3{ color: #2600FF; font-size: 16px; }

.contact-info { padding-left:70px; font-weight: 300; }
.contact-info ul li { margin-bottom: 8px; padding-left:70px; }
.contact-info ul li a { color: #fff; } 
.contact-info ul li a:hover { text-decoration:underline; }


.btn-submit { display:block; padding:12px; width:100%; color:#fff; border:0; margin-top:40px; }

#footer { color:#fff; }

.footer-top { background-color:#028fcc; position:relative; padding:10px 0; }

#footer .footer-bottom { background-color: #028fcc; padding-bottom:10px; }

#footer .footer-bottom p { color:#ffffff; } 

#footer .footer-bottom a { padding: 0px 5px 5px 5px; }
#footer .footer-bottom a:hover { text-decoration:underline; }

.footer-logo { display:inline-block; horizontal-align:middle; }

#footer .social-icons { margin-top:10px; }
#footer .social-icons ul { list-style:none; padding:5px; margin:0; }
#footer .social-icons ul li a { background-color:rgba(0,0,0,.2); border-radius:4px; line-height:33px; }
#footer .social-icons ul li a:hover { color:#fff; }

#footer .social-icons ul li a.envelope:hover { background-color: #CECB26; }
#footer .social-icons ul li a.facebook:hover { background-color: #3b5999; }
#footer .social-icons ul li a.twitter:hover { background-color: #2ac6f7; }
#footer .social-icons ul li a.dribbble:hover { background-color: #ff5b92; }
#footer .social-icons ul li a.linkedin:hover { background-color: #036dc0; }
#footer .social-icons ul li a.tumblr:hover { background-color: #ff6b00; }

/**************************Terms-policy-disclaimer CSS***************************/

#conditions h1 { margin: 50px 5px; font-size: 50px; }
#conditions h2 { border-top: 1px solid #f2f2f2; padding-top: 30px; }
#conditions p { font-size: 16px; margin-left: 12px; padding-bottom: 30px; }

#contact_mgmnt_top h4, #contact_mobile_dev_trainer_top h4, #contact_mobile_dev_top h4, #contact_web_dev_top h4,
#contact_php_dev_top h4 { color:#2600FF; font-size:14px; }

#services h2 { margin-top:8px;}
#product h2 { margin-top:-5px; }

#contact_php_dev_top { padding-top: 75px; padding-bottom: 0px; }

#contact_php_dev, #contact_php_dev_lead, #contact_php_dev_sr, #contact_test_engg, #contact_java_dev,
#contact_mgmnt, #contact_mobile_dev, #contact_mobile_dev_trainer, #contact_web_dev  {
  padding-top: 0px; padding-bottom: 0px; }

#contact_php_dev_top, #contact_mgmnt_top, #contact_mobile_dev_top, #contact_mobile_dev_trainer_top,
#contact_web_dev_top { padding-top: 75px; padding-bottom: 0px; }

#terms-of-use { padding-bottom: 20px; }
#privacy-policy { padding-bottom: 20px; }
#disclaimer { margin-bottom: 120px; }
#sitemap { padding-bottom: 20px; }

/*Presets*/