@import url(animate.css);
@import url(misc-flaticon.css);
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700');
/*========================================================
                      Main Styles
=========================================================*/
body {
  background: #10223a;
  color: #808289;
  font: 400 16px/29px "Ubuntu", sans-serif;
  -webkit-text-size-adjust: none;
}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4 {
  color: #494b52;
  text-transform: uppercase;
}

h1 {
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 15.12px;
}
@media (max-width: 479px) {
  h1 {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 6px;
  }
}

h2 {
  font-size: 34px;
  line-height: 50px;
}
@media (max-width: 767px) {
  h2 {
    font-size: 26px;
    line-height: 30px;
  }
}

h3 {
  font-size: 19px;
  line-height: 30px;
}

h4 {
  font-size: 18px;
}

hr {
  max-width: 106px;
  height: 3px;
  margin: 0;
  padding: 0;
  border: none;
  background: #4280c9;
}
.grid_4 hr {
  max-width: 60px;
}
.grid_4 p {
  text-align: justify;
  padding: 10px 20px;
}
.center hr, hr.center {
  margin-left: auto;
  margin-right: auto;
}
p a:hover {
  text-decoration: underline;
}

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
a:active {
  background: transparent;
}
a:focus {
  outline: none;
}

.fa {
  line-height: inherit;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.page {
  overflow: hidden;
  min-height: 500px;
}
.lt-ie9 .page {
  min-width: 1200px;
}

.primary {
  color: #4280c9;
}

.drop-shadow {
  -webkit-box-shadow: inset 0 4px 4px #e2e2e2;
  -moz-box-shadow: inset 0 4px 4px #e2e2e2;
  box-shadow: inset 0 4px 4px #e2e2e2;
}

/*========================================================
                      Main Layout
==========================================================*/
* + h2 {
  margin-top: 110px;
}

* + hr {
  margin-top: 18px;
}

* + p {
  margin-top: 18px;
}

hr + * {
  margin-top: 52px;
}

h3 + p {
  margin-top: 4px;
}

img + p {
  margin-top: 42px;
}

/*=======================================================
                       Components
=========================================================*/
/*==================     Brand     ======================*/
.brand {
}
.brand_name {
  word-spacing: -12px;
  overflow: hidden;
}
img + .brand_name {
  margin-top: 30px;
}
.brand_slogan {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 7.2px;
}

/*==================      Vide     ======================*/
.vide {
  padding-top: 117px;
  padding-bottom: 50px;
  background: #333333;
}
.vide_content {
  position: relative;
}
.vide h2 {
  font-weight: 700;
  font-size: 54px;
  line-height: 60px;
}
.vide h3 {
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 6.6px;
  margin: 55px 0 30px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .vide h2 {
    font-size: 55px;
    line-height: 50px;
  }
}
@media (max-width: 479px) {
  .vide {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .vide h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .vide h3 {
    font-size: 14px;
    line-height: 24px;
  }
}

/*==================     Icons     ======================*/
.flaticon:before, .flaticon:after {
  font: normal 60px Flaticon;
  color: #eee;
}

/*==================  RD Parallax    ======================*/
.parallax {
  position: relative;
  overflow: hidden;
}
.parallax_image, .parallax_pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-position: center center;
  will-change: transform;
}
.parallax_image {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.parallax_pattern {
  background-repeat: repeat;
}
.parallax_cnt {
  position: relative;
}

/*========================================================
                     HEADER  Section
==========================================================*/
header {
  background: #333333;
  text-align: center;
}
header *:not(.btn) {
  color: #FFF;
}

/*========================================================
                     CONTENT  Styles
=========================================================*/
main {
  display: block;
  background: white;
}

/*==================      Well     ======================*/
.well {
  padding: 75px 0 81px;
}
.well3 {
  padding: 85px 0;
}
.well3 * + hr {
  margin-top: 30px;
  background: #eee;
}
@media (max-width: 479px) {
  .well3 {
    padding: 120px 0;
  }
}
.well4 {
  padding: 70px 0 60px;
}
.well5 {
  padding: 31px 0;
}

.aboutus p {
  padding: 0 4%;
  text-align: justify;
}
.aboutus ul {
  padding: 0 8%;
  text-align: justify;
  list-style-type: disc;
  font-weight: 300;
}
.aboutus ul li {
  margin-top: 10px;
}
.aboutus b {
  color: #4280c9;
  font-weight: 400;
}

/*==================  Backgrounds  ======================*/
.bg-primary {
  background: #4280c9;
}
.bg-secondary {
  background: #576475;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .bg-secondary {
    white-space: normal;
  }
}
.bg-secondary2 {
  background: #333;
}
.bg-secondary2, .bg-secondary2 h3 {
  color: #FFF;
}

/*========================================================
                     FOOTER  Section
=========================================================*/
.btn {
  display: inline-block;
  padding: 18.5px 20px 18.5px 20px;
  margin-top: 56px;
  line-height: 24px;
  color: #fff;
  background: #326cb3;
  font-size: 17px;
  letter-spacing: 6px;
  text-transform: uppercase;
}
.btn:hover {
  background: #27548b;
}
@media (max-width: 479px) {
  .btn {
    font-size: 14px;
    width: 300px;
  }
}
.btn > b::after {
  content: "\0040";
  margin-left: 8px;
}
.btn > bdi::before {
  content: "u";
}
.btn > bdi::after {
  content: "edoc";
}
.btn > bdi {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.btn > i {
  display: none;
  visibility: hidden;
}

footer {
  background: #10223A;
  color: #fff;
}
footer h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
footer h3 {
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 6.6px;
}
footer h2, footer h3 {
  color: #fff;
}
footer .btn {
  max-width: 100%;
  width: 410px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
footer hr {
  background: #fff;
}
footer .copyright {
  padding-top: 17px;
  padding-bottom: 18px;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 480px) and (max-width: 767px) {
  footer h2 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media (max-width: 479px) {
  footer h2 {
    font-size: 26px;
    line-height: 30px;
  }
  footer h3 {
    font-size: 14px;
    line-height: 24px;
  }
}