/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

  display: block;

}

body {

  line-height: 1;

}

ol, ul {

  list-style: none;

}

blockquote, q {

  quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}



.nav > li > a:focus, .nav > li > a:hover{

  background-color: transparent;

  border: 1px dotted blue;

}



@font-face {

font-family: BebasNeue;

src: url(fonts/BebasNeue.otf);

}



        /*Start Navbar and Slider Part*/

/*.container {

  width: 1060px;

}*/

.nav-height {

  background: #737373;

  height: 112px !important;

}

.nav-height .top-nav>li {

  margin: 15px 12px;

}

.nav > li > a:focus, .nav > li a {

  background-color: transparent;

  border: 1px dotted transparent;



}

.nav-height .top-nav>li>a {

  color: #e3e3e3;

  font-size: 12px;

  padding: 0px; /*15px 0px 10px 22px*/

  font-family: arial;

}

.nav-height .top-nav>li>a:hover

{

	background:none;

	color:#3fc930;

}

.top-nav {

  margin-right: 0px;

}

.nav-height .main-nav>li {

  margin: 15px 30px;

}

.nav-height .main-nav>li>a {

  color: #ffffff;

  font-size: 15px;

  font-weight: bold;

  font-family: arial;

  padding: 0px; /*10px 0px 10px 50px*/

  margin-right: -15px;

}

.nav-height .main-nav>li>a:hover {

  color: #3fc930;

}

.navbar-brand img {

  margin-top: 10px;

}

.nav-tgle {

  margin-top: 35px;

}

.opaque-navbar {

    /*background-color: rgba(0,0,0,0.5);*/
    background-color: rgba(255,255,255,0.8);

    height: auto;

    border-bottom: 0px;

    transition: background-color .5s ease 0s;

}



.opaque-navbar.opaque {

    background-color: black;

    height: auto;

    transition: background-color .5s ease 0s;

}



ul.dropdown-menu {

    background-color: black;

} 

/*Navbar End*/





.slider {

  max-width: 100%;

  height: 910px;

  /*margin: 20px auto;*/

  position: relative;

}



.nopadding-bottom {

  margin-bottom: 0px;

}



.slider_img img{display: none;}

.slide1,.slide2,.slide3,.slide4,.slide5,.slide6{

   position: absolute;

   width: 100%;

   height: 100%;

   animation-delay: 25s;

   background-size: cover!important;

   background-position: center center; 

   

  

}

.slide1 {

   background: url(../images/index_images/banner1.jpg)no-repeat center;  
   background-size: cover;
   animation:fade 5s infinite;

   -webkit-animation:fade 5s infinite;

   animation-duration: 15s;

   background-position: center top; 

} 

.slide2 {

   background: url(../images/index_images/banner2.jpg)no-repeat center;    

   animation:fade2 5s infinite;

   -webkit-animation:fade2 5s infinite;

   animation-duration: 15s;

}

.slide3 {

   background: url(../images/index_images/banner3.jpg)no-repeat center; 

   animation:fade3 5s infinite;

   -webkit-animation:fade3 5s infinite;

   animation-duration: 15s;
   background-position: center top; 


}

.slide4 {

   background: url(../images/index_images/banner4.jpg)no-repeat center;

   animation:fade4 5s infinite;

   -webkit-animation:fade4 5s infinite;

   animation-duration: 15s;

}



.slide5 {

   background: url(../images/index_images/banner5.jpg)no-repeat center;

   animation:fade5 5s infinite;

   -webkit-animation:fade5 5s infinite;

   height: 910px;

   animation-duration: 15s;



}



.slide6 {

   background: url(../images/index_images/banner6.jpg)no-repeat center;

   animation:fade6 7s infinite;

   -webkit-animation:fade6 7s infinite;

   height: 910px;

   animation-duration: 15s;



}



@keyframes fade

{

  0%   {opacity:1}

  16.66% { opacity: 0}

  33.33% { opacity: 0}

  49.93% { opacity: 0}

  66.65% { opacity: 0}

  83.31% { opacity: 0}

  100% { opacity: 1}

}

@keyframes fade2

{

  0%   {opacity:0}

  16.66% { opacity: 1}

  33.33% { opacity: 0}

  49.93% { opacity: 0}

  66.65% { opacity: 0}

  83.31% { opacity: 0}

  100% { opacity: 0}

  

}

@keyframes fade3

{

  0%{opacity:0}

  16.66% { opacity: 0}

  33.33% { opacity: 1}

  49.93% { opacity: 0}

  66.65% { opacity: 0}

  83.31% { opacity: 0}

  100% { opacity: 0}



}

@keyframes fade4

{

  0%{opacity:0}

  16.66% { opacity: 0}

  33.33% { opacity: 0}

  49.93% { opacity: 1}

  66.65% { opacity: 0}

  83.31% { opacity: 0}

  100% { opacity: 0}

 

}

@keyframes fade5

{

  0%{opacity:0}

  16.66% { opacity: 0}

  33.33% { opacity: 0}

  49.93% { opacity: 0}

  66.65% { opacity: 1}

  83.31% { opacity: 0}

  100% { opacity: 0}

}



@keyframes fade6

{

  0%{opacity:0}

  16.66% { opacity: 0}

  33.33% { opacity: 0}

  49.93% { opacity: 0}

  66.65% { opacity: 0}

  83.31% { opacity: 1}

  100% { opacity: 0}

}



/*Slider End Part*/











/*Bannner Loign form start*/

.banner-text h1 {

  font-size: 81px;

  font-family: BebasNeue;

  color: #ffffff;

  margin-top: 50%;

  letter-spacing: 0.9; 

}

.text-of {

  font-size:81px;

}

.banner-text h1>b {

  font-size: 114px;

  color: #ffffff;

}

.banner-content {

  position: relative;

  top: 0;

  right: 0%;

}

.padding-right {

  padding: 0px;

}

.login {

  width: 350px;

  height: 375px;

  position: absolute;

  right: 4%;

  background: rgba(255, 255, 255, 0.8);

  padding: 0 10px;

  margin-top: 12px; 

}

.nopadding {

  padding-left: 0px;

  padding-right: 0px; 

}

.email-margin {

  width: 20%;

  text-align: right;

}



.login input {

  background: #d5d5d5;

}

.login p:first-child {

  margin-top: 40px;

}

.horizental-line {

  width: 100px;

  color: #d8d8d9;

}

a .frgt-pass  {

  text-decoration: none;

  color: black;

} 

a .frgt-pass:hover {

  text-decoration: none;

}

.frgt-pass {

  margin-left: 23%;

  margin-top: 17px;

  font-family: arial;

  font-size: 14px;

  

}

.pass-margin {

  width: 20%;

  text-align: right;

}

form,p,h1 {

  font-family: arial;

  font-size: 14px;

}

input[type=text], input[type=password] {

    padding: 8px 10px;

    width: 192px;

    height: 34px;

    margin: 10px 0;

    display: inline-block;

    border: 1px solid #ccc;

    border-bottom: 1px solid #4c008c;

}



.login h3 a, .login h3 a:hover, .login h3 a:focus {

  font-size: 29px;

  color: #10a201;

  margin-top: 10px;

  text-decoration:none;

  display: block;

}

.login h4 {

  font-size: 29px;

  margin-top: 10px;

}

button {

    background: #4c008c;

    color: #fff;

    padding: 14px 20px;

    margin: 8px 0px;

    border: none;

    cursor: pointer;

}

button:hover {

    opacity: 0.5;

}

 /*LOGIN FORM END*/



.resume-builder {

  background: rgba(52, 173, 43, 0.7);

  width: 350px;

  height: 134px;

  position: absolute;

  top: 190px;

  right: 4%;

  margin-top: 38px;

}

.resume-builder:hover {  background: rgba(52, 173, 43, 1); }

.resume-builder h1 {

  padding-top: 35px;

  color: #ffffff;

  font-size: 30px;

  font-weight: bold;

  font-family: arial;

}

.resume-builder p {

  margin-bottom: 70px;

  color: #ffffff;

  font-size: 14px;

  font-family: arial;

} /*END RESUME BUILDER*/



.eprotfolio {

  background: rgba(42, 83, 148, 0.7);

  width: 350px;

  height: 134px;

  position: absolute;

  top: 200px;

  right: 4%;

  font-family: arial;

  color: #ffffff;

  margin-top: 30px;

}

.eprotfolio:hover {  background: rgba(42, 83, 148, 1); }



.eprotfolio h1 {

  padding-top: 33px;

  font-size: 30px;

  font-weight: bold;

}

.eprotfolio p {

  margin-bottom: 30px;

  font-size: 14px;

  margin-top: 10px;

} /*END EPORTFOLIO PART*/



      /*Start Main Contnet Part*/

.main-content {

  font-family: arial;

}

.main-content h1 {

  font-size: 29px;

  font-weight: bold;

  margin-top: 50px;

  margin-bottom: 10px;

}


/*
.main-content p {

  font-size: 14px;

  font-weight: bold;

  margin-bottom: 30px;

}
*/
.inner-img {

  text-align: center;

  padding: 0 15px;

}

.inner-img img {

  width: auto;

  height: 104px;

  max-width: 100%;

   padding: 0px; 

}

.inner-img img:hover {

  opacity: 0.5;

}

.nopadding-right div {

  padding: 0px;

}

.nopadding-right {

  margin: 0px;

}

 /*End Career-img part*/





.career-img2 {

  margin:40px 15px;

  padding: 0 10px;

}



.career-img2 img {

  margin: 0 20px;

  width: auto;

  height: 104px;

} 

.career-img2 a {

 cursor: initial;

}

.career-img2 img:hover {

} /*End Career-img2 Part*/



/*End Main Content Part*/



footer {

  height: auto;

  background: #3d3d3d;

  font-family: arial;

}

footer .footer-logo {

  display: inline-block;

  margin-top: 40px;

}

.footer-top-nav {

  margin-top: 35px;

  /*margin-right: 0px;*/

}

.footer-top-nav li a {

  color: #fff;

  font-size: 15px;

  padding-left: 75px;

  padding-right: 0px;

  margin-right: 15px;

}

.footer-top-nav li a:hover {

  background: none;

  color:#3fc930;

}

.footer-bottom-nav li a {

  color: #ffffff;

  font-size: 12px;

  /*margin-left: 38px;*/

  padding: 0px;

}

.footer-bottom-nav li a:hover {

  background: none;

  color:#3fc930;

}

.footer-bottom ul {

  display: block;



}

.footer-bottom ul li {

  float: none;

  text-align: right;

  /*margin: 18px 0 -17px 0;*/

}

.footer-bottom ul {

  margin-top: 60px;

}

.m15 {

  margin-right: 15px;

}



.copyright {

  color: #fff;

  text-align: center;

  margin: 65px 0 24px;

  line-height: 1.5;

  

}

.copyright a {

  color: #72bf45;

}

.copyright p {

  margin-bottom: 0px;

  color:#a3a3a3;

  font-size: 12px;

}

.copyright>p>b {

  color: #cbcbcb;

}



/* After Login */

.login_profile_info .profile_img {

    float: left;

    width: 85px;

    height: 85px;

    border-radius: 83.5px;

    -webkit-border-radius: 83.5px;

    -moz-border-radius: 83.5px;

    background-size: 85px 85px;

    margin: 15px 5px;

}

.login_profile_info .profile_info {

    float: left;

    width: 150px;

    margin: 40px 12px;

    font-family: arial;

    font-size: 16px;

}

.login_profile_info .profile_info label {

    color: #a4a4a4;

}

.progress_level

{

	clear: both;

    float: left;

    margin: 25px 15px;

}

.progress_level label {

    font-family: Rockwell;

    font-size: 16px;

    float: left;

}

.progress_level .progress_bar {

    margin-left: 20px;

    float: left;

    background: #fff;

    width: 214px;

    height: 20px;

    border-radius: 13px;

}

.progress_level .progress_step {

    background: #0a0a7e;

    height: 18px;

    width: 0px;

    border-radius: 10px;

    margin: 1px;

}

.login_profile_info .account_btns {

    clear: both;

    width: 100%;

    float: left;

    margin: 33px 0;

}

.login_profile_info .account_btns a, .login_profile_info .account_btns a:hover, .login_profile_info .account_btns a:focus {

    width: 154px;

    margin: 0 2px;

    text-align: center;

    float: left;

    color: #3fc930;/*fff*/

    font-size: 17px;

    font-family: Rockwell;

    font-weight: bold;

	text-decoration:none;

}

.login_profile_info .profile_btns {

    clear: both;

    width: 100%;

    float: left;

}

.login_profile_info .profile_btns a, .login_profile_info .profile_btns a:hover, .login_profile_info .profile_btns a:focus {

    background: #b3b3b3;

    width: 154px;

    margin: 0 2px;

    height: 42px;

    line-height: 42px;

    text-align: center;

    float: left;

    color: #fff;

    font-size: 17px;

    font-family: Rockwell;

    font-weight: bold;

	text-decoration:none;

}