@charset "utf-8";
header:before ,footer:after{
content: "";
background: url(../images/letter_strip.gif) repeat-x top;
width: 100%;
position: absolute;
height: 5px;
background-size: auto 5px;
}
.header {
    background: #0b5194 !important;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    min-height: 100px;
}
/* ***************************************************************************************************
************* Please do not change style of a class for it will affect all elements of that class. ***
******************************************************************************************************
.pull-right {
    float: none!important;
    text-align: center; 
    margin: 0 auto;
}
*/
#navbar ul.pull-right{
    float: none!important;
    text-align: center; 
    margin: 0 auto;
}
.top-account-links{
    float:right;
    width:auto;
    color:#fff;
}
.top-account-links a,.top-account-links a:hover, .top-account-links a:visited{color:#fff;}

@media (max-width: 767px) {
    .top-account-links{
        float:none;
        padding-right:0 !important;
        text-align:right;
    }

}

.navbar-brand img.img-responsive {
    box-shadow: 0px 0px 5px 0px #fff;
}
.navbar .nav > li > a {
    color: #dadada !important;
  }
  .navbar .nav > li > a:hover {
    color: #33d !important;
}
  .nav>li>a {
    padding: 10px 20px;
}

.navbar .pull-right,.navbar .pull-right ,.navbar .pull-right a:hover{color:#fff;}

.navbar {
    min-height: 103px;}
    @media (max-width: 767px) {
        .nav.navbar-nav {margin:20px auto; text-align:center;}
        #navbar {
    margin-top: 60px;
}
    }
@media (min-width: 768px) {
  .navbar-nav {
    float: none;
  }
  .nav.navbar-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
}   



/*Old Css*/
.timeline-content:hover {
    transform: translateY(-10px);
}
.main-timeline11{overflow:hidden;position:relative}
.main-timeline11:before{content:"";width:7px;height:100%;background:#909090;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.main-timeline11 .timeline{width:50%;padding-right:50px;float:left;position:relative}
.main-timeline11 .timeline:after,.main-timeline11 .timeline:before{position:absolute;content:"";top:50%;transform:translateY(-50%)}
.main-timeline11 .timeline:before{width:30px;height:30px;border-radius:50%;background:#909090;border:7px solid #fff;right:-15px}
.main-timeline11 .timeline:after{display:block;
    border-left: 30px solid #ee4423;border-top:20px solid transparent;border-bottom:20px solid transparent;right:24px}
.main-timeline11 .timeline-content{display:block;padding:15px;border-radius:100px;background:#ee4423;position:relative;transition: all ease-in-out 0.3s}
.main-timeline11 .timeline-content:after,.main-timeline11 .timeline-content:before{content:"";display:block;width:100%;clear:both}
.main-timeline11 .timeline-content:hover{text-decoration:none}
.main-timeline11 .inner-content{width:85%;float:left;padding:21px 20px 15px 15px;background:#fff;border-radius:100px 0 0 100px;color:#ee4423;text-align:right;}
.main-timeline11 .year{display:inline-block;font-size:50px;font-weight:600;color:#fff;position:absolute;top:50%;right:7%;transform:translateY(-50%)}
.main-timeline11 .title{font-size:20px;text-transform:capitalize;line-height:25px;margin: 0 0 5px 0;}
.main-timeline11 .description{font-size:14px;margin:0 0 5px}
.main-timeline11 .timeline:nth-child(2n){padding:0 0px 0 50px}
.main-timeline11 .timeline:nth-child(2n) .year,.main-timeline11 .timeline:nth-child(2n):before{left:auto;left:-15px}
.main-timeline11 .timeline:nth-child(2n) .year{left:7%}
.main-timeline11 .timeline:nth-child(2n):after{border-left:none;border-right:30px solid #ee4423;right:auto;left:24px;border-right-color:#f68829}
.main-timeline11 .timeline:nth-child(2n) .inner-content{float:right;border-radius:0 100px 100px 0;text-align:left}
.main-timeline11 .timeline:nth-child(2){margin-top:130px}
.main-timeline11 .timeline:nth-child(odd){margin:-130px 0 0}
.main-timeline11 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline11 .timeline:first-child,.main-timeline11 .timeline:last-child:nth-child(even){margin:0}
.main-timeline11 .timeline:nth-child(2n) .timeline-content{background:#f68829}
.main-timeline11 .timeline:nth-child(2n),.main-timeline11 .timeline:nth-child(2n) .inner-content{color:#f68829}
.main-timeline11 .timeline:nth-child(3n) .timeline-content{background:#2991d0}
.main-timeline11 .timeline:nth-child(3n),.main-timeline11 .timeline:nth-child(3n) .inner-content{color:#2991d0}
.main-timeline11 .timeline:nth-child(3n):after{border-left-color:#2991d0}
.main-timeline11 .timeline:nth-child(4n) .timeline-content{background:#9361aa}
.main-timeline11 .timeline:nth-child(4n),.main-timeline11 .timeline:nth-child(4n) .inner-content{color:#9361aa}
.main-timeline11 .timeline:nth-child(4n):after{border-right-color:#9361aa}
.main-timeline11 .timeline:nth-child(5n) .timeline-content{background:#a7be26}
.main-timeline11 .timeline:nth-child(5n),.main-timeline11 .timeline:nth-child(5n) .inner-content{color:#a7be26}
.main-timeline11 .timeline:nth-child(5n):after{border-right-color:#a7be26}
@media only screen and (max-width:1200px){.main-timeline11 .inner-content{width:80%}
.main-timeline11 .year{font-size:45px}
.main-timeline11 .timeline:nth-child(2n) .year{right:10px}
}
@media only screen and (max-width:990px){.main-timeline11 .year{font-size:40px}
.main-timeline11 .timeline:nth-child(2n) .year{right:0}
.main-timeline11 .title {
    font-size: 16px;}
}
@media only screen and (max-width:767px){.main-timeline11 .timeline:before,.main-timeline11:before{left:10px;transform:translateX(0)}
.main-timeline11 .timeline:after:after{border-left:none;border-right:30px solid #ee4423;right:auto;left:24px;border-right-color:#f68829}
.main-timeline11 .timeline,.main-timeline11 .timeline:nth-child(even),.main-timeline11 .timeline:nth-child(odd){width:100%;float:none;margin:0 0 30px}
.main-timeline11 .timeline:last-child{margin-bottom:0}
.main-timeline11 .timeline:nth-child(2n){padding:0 0 0 50px}
.main-timeline11 .timeline:before,.main-timeline11 .timeline:nth-child(2n):before{left:-2px}
.main-timeline11 .inner-content{width:85%}
.main-timeline11 .timeline:nth-child(2n) .inner-content{float:right;border-radius:0 100px 100px 0;text-align:left}
.main-timeline11 .timeline:nth-child(2n) .year{right:auto;left:1%}
.main-timeline11 .timeline:nth-child(3n):after{border-right-color:#2991d0}
.main-timeline11 .timeline:nth-child(4n):after{border-right-color:#9361aa}
.main-timeline11 .timeline:nth-child(5n):after{border-left-color:#a7be26}
.main-timeline11 .timeline {padding-left:50px; padding-right:0;}
.main-timeline11 .timeline:after {    left: 24px;border-right: 30px solid #ee4423; border-left:0; right:unset;}
.main-timeline11 .inner-content {    float: right;border-radius: 0 100px 100px 0; text-align: left;}
.main-timeline11 .year{    left: 1%;right: unset;}
}
@media only screen and (max-width:479px){
.main-timeline11 .inner-content{width:80%}
.main-timeline11 .year{font-size:30px}
.main-timeline11 .title {
    font-size: 16px;}
}



















a{text-decoration:none !important;}



.login-container{
    
    margin-bottom: 5%;
}
.login-form-1{
    padding: 5%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
	min-height: 480px;
	background:#f9f9f9;
}
.login-form-1 h3{
    text-align: center;
    color: #333;
}
.login-form-2{
    padding: 5%;
    background: #0099cc;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
	min-height: 480px;
}
.login-form-2 h3{
    text-align: center;
    color: #fff;
}
.login-container form{
    padding: 1% 10%;
}
.btn-primary {
    color: #fff;
   background-color: #0099cc;
    border-color: #0088cc; outline: none;
}

.btnSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    border: none;
    cursor: pointer;
     background-color: #0099cc;
     outline: none;
}
.login-form-1 .btnSubmit{
    font-weight: 600;
    color: #fff;
    background-color: #0099cc;
}
.login-form-2 .btnSubmit{
    font-weight: 600;
    color: #0099cc;
    background-color: #fff;
}
.login-form-2 .ForgetPwd{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
.login-form-1 .ForgetPwd{
    color: #0062cc;
    font-weight: 600;
    text-decoration: none;
}

.writer-area .bg-black, .writer-area .bg-blue, .writer-area .bg-gray{
       padding: 30px;
  position: relative;
	min-height: 460px;
	
	
	}
.writer-area{
	    margin-top: -8px;
    min-height: 430px;
}
label a {
    color: #111;
}
.checkbox{
	color: #666;
}
.login-form-2 label {
    color: #fff;
}
.about h2, #faq h2 {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 25px;
}
.pricing h3 {
    color: #f26522;
    border-bottom: 1px solid;
    padding-bottom: 15px;
}
.pricing .icons {
    margin: 20px auto;
    min-height: 486px;
    text-align: left;
    padding: 15px 20px;
}
@media only screen and (max-width: 737px) {
  .pricing .icons {min-height: unset;}  
}
.pnote {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #eee;
    margin-top: 20px ;
	margin-bottom: 50px;
}
.qus {
    padding: 10px;
    background: #f1f1f1;
    margin-top: 40px;
    font-size: 16px;
    line-height: 25px;font-weight: 400;
}
.faq-list .ans:hover {
   
    box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
    
}
.ans {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ececec;
    border-radius: 0px 0px 5px 5px;
	    transition: all ease-in-out 0.3s;
}
.applicant-area {
    margin-top: -8px;
    min-height: 390px;
}
#faq{
	margin: 50px auto;
}
.applicant-area .bg-black, .applicant-area .bg-blue, .applicant-area .bg-gray{
       padding: 30px;
    min-height: 410px;
	
	}
.stepper-horizontal> .divider {
    background: #7154fc;
    margin-left: -9px;
    position: relative;
    top: 12px;
    display: inline-block;
    margin-right: -9px;
}
.stepper-horizontal {
    padding: 30px;
    margin: 25px auto;
}
span.circle {
    background: #f26522;
    color: #fff;
    padding: 25px;
    border-radius: 69%;
    font-size: 17px;
}
@media(max-width: 630px) {
span.circle {
     padding: 10px;}
}
@media(max-width: 361px) {
span.circle {
     padding: 5px;}
}

.section-title:after {
    content: '';
    position: absolute;
    display: block;
    width: 60px;
    height: 3px;
    background: #f69522;
    top: 140px;
    left: calc(50% - 20px);
}
.section-title {
    text-align: center;
    padding-bottom: 30px;
	    margin-bottom: 30px;
}
.why-us {
    margin: 50px auto 80px;
	
	padding: 50px 0;
}
.why-us i {
    color: #1662ac;
    font-weight: 700;
}
.cta .cta-btn {
   font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 40px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff;
	vertical-align: middle !important;
	text-decoration: none;
}
.cta .cta-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.cta h3{
	color:#fff;
}
.cta {
    background: linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)), url(../img/bg.jpg) fixed center center;
    background-size: cover;
    padding: 120px 0;
	color: #fff;
}
.cc-inner{
	margin:50px auto;
}
.cc-inner ul li {
    font-size: 25px;
    font-weight: 400;
    margin: 10px 5px;
}
.cc-inner ul li:nth-child(1) span {
    color: #1a62ad!important;
}
.cc-inner ul li:nth-child(2) span {
    color: #f26522!important;
}
.cc-inner ul li:nth-child(3) span {
    color: #480c75!important;
}
.cc-inner ul li:nth-child(4) span {
    color: #4b770f!important;
}

	.icon >i {
    font-size: 33px;
    background: #7154fc;
    padding: 10px;
    color: #fff;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: 0.3s;

}
.text{
	font-size: 15px;
}
.icons:hover {
    border-color: #fff;
    
    transform: translateY(-10px);
}
.icons {
       padding: 40px 25px;
    border: 1px solid #ebebeb;
    margin: 20px;
    text-align: center;
    transition: all ease-in-out 0.3s;
	box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
	    min-height: 290px;
}
.hiw {
     position: relative;
    margin: 30px auto;
    font-weight: 500;
    text-align: center;
    padding: 60px 0;
}
.bg-black{
	    background-color: #42474c;     padding: 90px 100px 75px 70px;
    color: #fff;display: block;
    min-height: 445px;
}
.bg-blue{
	background-color: #7154fc;     padding: 90px 118px 75px 70px;
    color: #fff;display: block;
    min-height: 445px;
}
.bg-gray{
	    background-color: #f69522;     padding: 90px 74px 75px 70px;
  display: block;
    min-height: 464px; color: #fff;
}
.bg-black h3, .bg-blue h3,.bg-gray h3 {
	color: #fff;
}
.service{
    margin-top: -335px;
    display: inline-block;
}
.divider {
    width: 75px;
    padding-top: 3px;
    background: #d4d4d4;
    margin: 18px 0;
}
.jumbotron{
	background: transparent;padding-top: 60px;
}
@media(max-width: 1025px) {
      .service{
        margin-top:-120px;
    }
}
@media(max-width: 849px) {
    .jumbotron h1{
        font-size:35px !important;
       
    }
    .service{display:unset;}
    .content {
    text-align: center;
}
    .service{
        margin:0 auto;
    }
}
.jumbotron h1{
    font-weight: 300;
	    font-size: 40px;
    line-height: 1.5;
    letter-spacing: 0;
}
.banner-img img {
      margin-top: -145px;
    zoom: 1.8;
/*animation:up-down 2s ease-in-out infinite alternate-reverse both;*/
}
.banner-img {
    background: #7154fc;
    position: relative;
   /* border-radius: 35% 313% 14% 48%;*/
	    border-radius: 32% 53% 6% 1%;
    padding: 5px 0px;
    left: 0;
    direction: ltr;
	margin-top: 215px;
}
@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@media(min-width: 765px) {
	#navigation {
    top: 20px ;position: relative;
}
}
h1,h2,h3,h4,h5,h6{
	font-family: "Montserrat", Sans-serif;
   
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
	color:#42474c;
}
section{
	position: relative; padding-bottom:45px;
}
.why-us ul li{
	    padding: 15px;
    margin: 0px auto 10px;
    box-shadow: 2px 3px 8px #c4cbe8;
}

.footer__copyright {
        font-size: small;
    background: black;
    color: #ddd;
    padding: 21px 0 13px;
	    margin-top: 50px;
}
.footer__copyright a :hover{
	color:#fff !important;
}

.footer__copyright a{
	color: #ddd;
	text-decoration: none;
}
.custom-button {
    border: 1px solid #f7f7f7;
    border-radius: 0;
    color: #eee;
    margin: 10px 0;background: transparent;
}
.button-active {
    background-image: none;
    outline: 0;
    box-shadow: none !important;
    color: #3c3939 ; margin: 10px 0;
	border: 1px solid; border-radius: 0;
}
.custom-button:hover{
	color: #fff !important;
	   
}
body {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.667;
    font-family: Lato, sans-serif;
    letter-spacing: 1px;
    color: #42474c;
}