@charset "utf-8";
/* CSS Document */
*{
	margin:0px auto;
	padding:0px;
}
@font-face {
	font-family: "Proxima Nova";
  src: url("../fonts/Proxima Nova.eot"); /* IE9*/
  src: url("../fonts/Proxima Nova.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/Proxima Nova.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/Proxima Nova.woff") format("woff"), /* chrome、firefox */
  url("../fonts/Proxima Nova.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/Proxima Nova.svg#Sofia W01 Light V2") format("svg"); /* iOS 4.1- */
}
@font-face {
	font-family: "Raleway";
  src: url("../fonts/Raleway.eot"); /* IE9*/
  src: url("../fonts/Raleway.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/Raleway.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/Raleway.woff") format("woff"), /* chrome、firefox */
  url("../fonts/Raleway.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/Raleway.svg#Sofia W01 Light V2") format("svg"); /* iOS 4.1- */
}
body {
    padding: 0px;
    margin: 0px auto;
    font-family:"Proxima Nova" !important;
    font-size:16px;
	font-style:normal;
}
.heading-red1{
    font-size:24px;
}
.top-navbar {
    background-color: rgb(59, 121, 196);
    padding: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    display: block;
    margin: 0 auto;
    width: 100%;
 /*   max-width: 1440px; */
    height: 78px;
padding-top:19px;
   
    box-shadow: inset 0px -2px rgb(28, 109, 193);
}
.menu {
    margin: 0 auto;
   /* max-width: 1440px; */
    width: 100%;
    padding: 0 12%;
    position: relative;
    z-index: 2;
}
.navbar-brand strong {
    position: relative;
    padding-left: 51px;
    color: #fff;
    top: 11px;
    left: 6px;
}
.menu ul {
    cursor: default;
    height: 50px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
}
.menu * {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    letter-spacing: normal;
}

.top-logo{
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/logo_hero1.png);
    background-position: center center;
    width: 50px;
    height: 50px;
	position:absolute;
	
	bottom:5px;
	}
	.menu ul li a {
    font-size: 13px;
    line-height: 2.75;
    font-weight: 400;
    letter-spacing: normal;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';
    filter: alpha(opacity=100);
    color: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 10px;
    padding-top: 5px;
    height: 50px;
    background: no-repeat;
    text-decoration: none;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    outline-offset: -7px;
	font-family:"Raleway" !important;
}
.menu ul li a:hover {
    font-weight: bold;
    background-color: transparent;
}
.menu ul li {
    list-style: none;
    float: left;
    width: auto;
    display: inline-block;
    position: relative;
    height: 50px;
    z-index: 1;
    vertical-align: top;
    padding-right: 23px;
    padding-left:23px;
}
.menu ul li:last-child {
	padding-right:0px;
	}
.navbar-brand {
    display: inline;
    float: left;
    width: 100%;
    max-width: 260px;
}
.main-container {
    padding: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
 /*   max-width: 1440px; */
    margin: 0px auto;
}

@media all{
    .banner-page {
    padding: 0px;
    margin: 0px auto;
    height: 800px;
	background:url(../images/foreground_image.png) center top;
    background-size: 100%;
	background-repeat:no-repeat;

    }
    .banner-image{
        padding-top: 70px;
    }
    
}
@media (max-width: 1400px) {
     .banner-page {
     background-size: 100%;
  
}

}
@media (max-width: 1200px) {
     .banner-page {
     background-size: 130%;
  
}

}
@media (max-width: 1000px) {
     .banner-page {
     background-size: 160%;
  
}

}
@media (max-width: 800px) {
     .banner-page {
     background-size: 200%;
  
}

}
.headerbg {
    position: absolute;
    height: auto;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
}
.logo {
    margin-top: 5%;
    padding-left: 44%;
    padding-right: 44%;
}
.image-whitespace {
    height: 550px;
}
.whitespace-sm {
    height: 50px;
}

       ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff !important;
}.btn-primary{
    background: #3b79c4;
}.btn-primary:hover{
    background: #164c92;
}

         .form-control{
            height: 60px;
     text-align: center;       
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.6);
    border-radius: 0;
    font: normal normal normal 14px/1.4em proxima-n-w01-reg,sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 0;
    background-color: #164c92;
    box-sizing: border-box !important;
    color: #FFF;
    border-style: solid;
    border-color: rgba(82, 38, 98, 1);
    padding: 3px;
    margin: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-overflow: ellipsis;
}
.paddingdiv{
    border :1px solid #3b79c4;
    display: flow-root;
    padding: 0 10%;
}
.form-control:hover{
    border-width: 0;
    background-color: #3b79c4;
    border-style: solid;
    border-color: #3b79c4;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.form-control:focus{
    border-width: 0;
    background-color: #3b79c4;
    border-style: solid;
    border-color: #3b79c4;
}
.col-md-6.soultiondiv {
    margin: auto !important;
    text-align: center;
    padding-top: inherit;
    color: #000;
}.form-group{
    text-align: center;
    color: #3b79c4;
}

        #contact{
            padding:2%;
        }
         a.callus{
          text-decoration: none;
          border: 1px solid #fff;
          padding: 8px 17px;
          border-radius: 21px;
           background: #164c92;
          color: #fff;
          }
          a.callus:hover{
             background: none;
          }
         .stage {
         -webkit-perspective: 1000; 
         }
         .flashcard {
         height: 300px;  
         width: 100%; 
         -webkit-transform-style: preserve-3d;  
         transition: all 0.3s;               
         -webkit-transition: all 0.3s;
         }
         .flipped, .back {
         transform: rotateX(180deg);
         -webkit-transform: rotateX(180deg); 
         }
         .front, .back {
         height: 100%;          
         width: 100%;
         position: absolute;    
         text-align: center;   
         -webkit-backface-visibility: hidden;       
         }
         .front img, .back img {
         width:70%;
         }
         .demopadding {
         width:auto;
         text-align:center;
         }
         .icon {
         position:relative;
         text-align:center;
         width:0px;
         height:0px;
         padding:20px;
         border-top-right-radius:   20px;
         border-top-left-radius:    20px;
         border-bottom-right-radius: 20px;
         border-bottom-left-radius:     20px; 
         -moz-border-radius:        20px 20px 20px 20px;
         -webkit-border-radius:         20px 20px 20px 20px;
         -khtml-border-radius:      20px 20px 20px 20px;    
         color:#FFFFFF;
         }
         .icon i {
         font-size:20px;
         position:absolute;
         left:9px;
         top:10px;
         }
         .icon.social {
         float:left;
         margin:0 5px 0 0;
         cursor:pointer;
         background:white ;
         color:#262626;
         transition: 0.5s;
         -moz-transition: 0.5s;
         -webkit-transition: 0.5s;
         -o-transition: 0.5s;   
         }
         .item{
            padding-top: 4%
         }
         .icon.social:hover {
         background:#262626 ;
         color:#6d6e71;
         transition: 0.5s;
         -moz-transition: 0.5s;
         -webkit-transition: 0.5s;
         -o-transition: 0.5s;
         -webkit-filter:    drop-shadow(0 1px 10px rgba(0,0,0,.8));
         -moz-filter:   drop-shadow(0 1px 10px rgba(0,0,0,.8));
         -ms-filter:        drop-shadow(0 1px 10px rgba(0,0,0,.8));
         -o-filter:         drop-shadow(0 1px 10px rgba(0,0,0,.8));
         filter:            drop-shadow(0 1px 10px rgba(0,0,0,.8));     
         }
         .solutionul{
         padding: 0px !important;
         margin-top: 10px;
         text-align: left;
         }
         .icon.social.fb i {
         left:13px;
         top:10px;
         }
         .icon.social.tw i {
         left:11px;
         }
         .icon.social.in i {
         left:11px;
         }
         #player.player .video-wrapper {
         position: absolute;
         background: #fff;
         }
         @-webkit-keyframes bounceInUp {
         from, 60%, 75%, to {
         -webkit-animation-timing-function: cubic-bezier(0.8, 0.6, 0.5, 1.000);
         animation-timing-function: cubic-bezier(0.8, 0.6, 0.5, 1.000);
         }
         from {
         -webkit-transform: translate3d(0, 390px, 0);
         transform: translate3d(0, 390px, 0);
         }
         60% {
         -webkit-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0);
         }
         75% {
         -webkit-transform: translate3d(0, 1px, 0);
         transform: translate3d(0, 1px, 0);
         }
         to {
         opacity:1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         }
         }
         .bounceInUp{
         -webkit-animation:bounceInUp 1s 1 forwards;
         animation: bounceInUp 1.5s 1 forwards;}
         .nav>.active>a, .nav>.active>a:hover, .nav>.active>a:focus {
         color: #fff;
         background-color: rgba(0,0,0,0) !important;
         box-shadow: inset 0px -5px #fff!important;
         box-sizing: border-box;
         -webkit-transition: all 1s ease-in-out;
         transition: all 0.5s ease-in-out;
         font-weight:bold;
         }
         .embed-container { 
         position: relative; 
         height: 0; 
         overflow: hidden; 
         width: 100%; 
         height: auto; 
         padding-top: 10px;
         }
         .embed-container iframe, .embed-container object, .embed-container embed { 
         width: 100%;
         }
         .html5-video-player {
         background-color: #fff;
         }
.heading1 {
    color: #fff;
    font-size: 32pt;
    text-align: center;
    font-weight: 800;
    padding-top: 32px;
}
.heading2 {
    font-size: 19pt;
    font-weight: 100;
	color:#f4f4f4;
}
#arrrow{
display:none;
}
.who-we-are {
    display: inline-block;
    background-size: cover;
    background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url(../images/website-strip.png);
}
.heading-red {
    text-align: center;
    font-size: 36pt;
    color: #000;
    font-weight: 600;
    line-height: 2;
}
.text-panel {
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 30px;
        font-weight: bolder;
}
.para-text1 {
        color: #434343;
    font-size: 12pt;
    max-width: 770px;
    line-height: 1.8em;
    padding-top: 20px;
    padding-bottom: 20px;
}
.bottom-img {
    padding-left: 20%;
    padding-top: 2%;
    padding-right: 20%;
    padding-bottom: 0%;
    margin: 0px auto;
    height: 100%;
    min-height: 515px;
    cursor: pointer;
    position: initial;
}
#media-video {
    padding-top: 1%;
    padding-left: 1%;
    width: 58%;
    height: 100%;
	min-height:25px;
    position: absolute;
    z-index: -1000;
    display: none;
}
.benefit-panel{
    padding-top: 50px;
    margin: 0 auto;
}
.benefit-panel li {
    list-style: none;
    padding-bottom: 100px;

}
.left-panel {
    float: left;
    width: 50%;
    /*padding-right: 5%; */

}
.whitespace {
    height: 100px;
}
.right-panel {
    float: right;
    width: 50%;
}
.left-panel, .right-panel {
    float: left;
    width: 50%;
    height: 300px;
	text-align:left;
}
.heading3 {
    font-size: 22pt;
    line-height: 3;

}
.clear{
    clear:both;
}
#your-imageId{
    margin-top: 20px;
}
.left-panel .heading3,
.right-panel .heading3
{
line-height:1;
}

.left-panel .heading3,
.left-panel .para-text1{
    text-align: right;
    padding-right: 20%;
}
 
.right-panel .heading3,
.right-panel .para-text1{
    padding-left: 20%;
}
.map {
    opacity: .5;
}

.left-panel .heading3,
.right-panel .heading3
{  
    margin-bottom: 0px;
    
}
.heading-white {
    z-index: 999;
    margin-top: -500px;
    margin-bottom: 3%;
    position: relative;
    color: #fff;
    font-size: 18pt;
    vertical-align: middle;

}
.footer>img {
    text-align: center;
    position: relative;
    padding-top: 28px;
    right: 25%;
}
.bg-footer {
    background: #273246;
    color: #fff;
    font-size: 10pt;/*
    padding-right: 80px !important;*/
	padding:0px;
}
.footer{
	padding:0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.heading-black-mdl1 {
    font-size: 15pt;
    color: #000;
    font-weight: bold;
}
.para-text-md-bold {
    font-size: 13pt;
    color: #000;
}
.blue-panel {
    height: 510px;
    padding-top: 100px;
    background:rgba(0,0,0,0.5);
}
.footer-link ul li {
    list-style: none;
    float: left;
    padding-left: 12%;
}
.footer-link {
    padding-left: 0%;
    margin-top: 2%;
    margin-bottom: 2%;
    margin: 0 auto;
    text-align: justify;
}
.bg-footer ul li:first-child {
    padding-left: 8%;
}
.bg-footer ul li {
    list-style: none;
    float: left;
    padding-top: 2%;
    padding-bottom: 0%;
    margin: 0px auto;
    width: auto;
    padding-left: 20%;
}
.bg-footer ul{
	padding:0;
}
.address {
    float: right;
    width: 20%;
    padding-top: 5%;
    padding-bottom: 3%;
}

.para-text2 a {
    text-decoration: none;
    color: #7b7b7c;
}
.para-text2 {
    font-size: 12pt;
    color: #7b7b7c;
}
.heading4 {
    color: #e4e6e8;
    font-size: 14pt;
    line-height: 3;
}
.location{
	padding:0;
	height:510px;
}
.copyright {
    background-color: #232b3a;
    color: #e4e6e8;
    font-size: 75%;
}
.what-are-we {
    height: 100%;
    max-height: 800px;
}
/*******************vedio controls****************/

#media-player {
	float:left;
	padding:1em 1em .5em;
	background-color:#333;
}

/*video {
	border:1px solid #2e52a4;
	width:305px;
	height:160px;
	background:#000;
}

button {
	margin-top:5px;
	text-indent:-9999px;
	width:30px;
	height:30px;
	border:none;
	cursor:pointer;
	background:transparent url('../buttons.png') no-repeat 0 0;
	background-size:cover;
}*/

.pause { background-position:-35px 0; }
.stop {
    background-position: -71px 0;
}
.volume-plus {
    background-position:-106px 0;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
.volume-minus {
    background-position: -141px 0;
}
.mute {
    background-position: -176px 0;
}
.unmute { background-position:-208px 0; }
.replay {
    background-position: -241px 0;
}

#media-play-list {
	float:left;
	clear:both;
	color:#aaa;
	width:100%;
	margin-top:10px;
	border-top:1px solid #2e52a4;
}
#media-play-list  h2 { font-size:12px; }
#play-list {
	padding:0;
	font-size:12px;
	list-style-type:none;
}
#play-list li {
	cursor:pointer;
	padding-left:15px;
	background:transparent url('../item.png') no-repeat 0 4px;
}
#media-controls {
    padding-top: 5px;
    position: absolute;
    margin-top: 33.1%;
    display: none;
    width: 57%;
    margin-left: 1.1%;
    background-color: #000;
	
}
.benefits {
    background: #1e5799;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93b5df));
  background: -webkit-linear-gradient(top, #fff 100%, #3b79c4 100%);
  background:    -moz-linear-gradient(top,  #fff 0%, #3b79c4 100%);
  background:     -ms-linear-gradient(top,  #fff 0%, #3b79c4 100%);
  background:      -o-linear-gradient(top,  #fff 0%, #3b79c4 100%);
  background:         linear-gradient(to bottom, #fff 0%,#3b79c4 100% );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#1e5799',GradientType=0 );
}
progress {
    color: #fff;
    font-size: 12px;
    width: 100%;
    height: 20px;
    border: none;
    background: #fff;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
progress::-moz-progress-bar { background:#2e52a4; }

progress:not([value]) {
   /* Styling here */
}
progress[value]::-webkit-progress-value {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, 0) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #72c9ce, #72c9ce);
    border-radius: 5px;
    background-size: 35px 20px, 100% 100%, 100% 100%;
}
progress[value]::-webkit-progress-bar {
    background-color: whiteSmoke;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}
div.location:hover .blue-panel{
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    cursor: pointer;
    z-index: -9999;
	opacity:0.0;
}

nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: rgba(238, 238, 238, 0);
}
ul {
    position: inherit;
    padding: 20%;
    padding-top: 0;
    padding-bottom: 0;
}
.down-arrow {
    position: absolute;
    background-color: transparent;
    top: 625px;
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0 auto;
    left: 0;
    z-index: 20;
    right: 0;
}
.down-arrow ul li {
    list-style: none;
}

@-webkit-keyframes fadeOut {
    0%   {opacity: 1;}
    25%  {opacity: .75;}
    50%  {opacity: .50;}
    75%  {opacity: .25;}
    100% {opacity: 0; -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -0-transform: translateY(10px);
        transform: translateY(10px);}
}

/* Standard syntax */
@keyframes fadeOut {
    0%   {opacity: 1;}
    25%  {opacity: .75;}
    50%  {opacity: .50;}
    75%  {opacity: .25;}
    100% {opacity: 0;
	-webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -0-transform: translateY(10px);
        transform: translateY(10px);}
}
.down-arrow ul li:last-child {
    animation: 1.3s fadeOut infinite forwards;
	-webkit-animation: 1.3s fadeOut infinite forwards;
    animation-delay:.8s;
	-webkit-animation-delay:.8s;
}
.down-arrow ul li:first-child {
    list-style: none;
    animation: 1.3s fadeOut infinite forwards;
	-webkit-animation:1.3s fadeOut infinite forwards;
    animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
.carousel-inner{
    height: 500px;
}
.aotpl {
    position: absolute;
    top: 30px;
}
.contact-no {
    padding-left: 15%;
    font-size: 14pt;
    padding-top: 2%;
}
.location span {
    margin: 0px auto;
    font-size: 10pt;
}

div.bottom-img.vedio{
	padding:0;
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    height: 100%;
    max-height: 550px;
    position: relative;
    margin-top: 10px;
}
.map .overlay{
    background: rgba(0,0,0,0);
    z-index: 10000;
    position: absolute;
    width: 100%;
    height: 100%;
}