/*========General==========*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none; }

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

img.auto {
  max-width: none; }

a, a:hover {
  color: inherit;
  text-decoration: none;
  outline: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.fn {
  float: none; }

.clear {
  clear: both; }

.overflowhide {
  overflow: hidden; }

.hide {
  display: none; }

.container {
  position: relative;
  width: 1300px;
  margin: 0 auto;
  max-width: 100%; }

#wrap {
  overflow-x: hidden; }

.block[class] {
  display: block; }

.inline[class] {
  display: inline; }

.inline-block[class] {
  display: inline-block; }

.table[class] {
  display: table !important; }

.centered[class] {
  margin-left: auto;
  margin-right: auto;
  float: none; }

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

.text-left {
  text-align: start; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

.light {
  font-weight: 200; }

.normal {
  font-weight: 400; }

.semibold {
  font-weight: 600; }

.bold {
  font-weight: 700; }

.italic {
  font-style: italic; }

a.wrap:before {
  width: 100%;
  height: 100%;
  background-color: transparent;
  content: "";
  left: 0;
  top: 0;
  position: absolute; }

.flexbox {
  display: -webkit-flex;
  display: flex; }

.flex-wrap {
  flex-wrap: wrap; }

.vmiddle {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.rel {
  position: relative; }

.abs {
  position: absolute; }

.static {
  position: static; }

.uppercase {
  text-transform: uppercase; }

.underline {
  text-decoration: underline; }

p {
  line-height: 25px;
  font-size: 16px; }

.pl0 {
  padding-left: 0 !important; }

.pr0 {
  padding-right: 0 !important; }

.phone_only, .tablet_only, .print_only, .tablet, .phone {
  display: none; }

.print_show {
  display: none; }

.button {
  padding: 8px 35px;
  border: none;
  cursor: pointer; }

.verticle-middle {
  vertical-align: middle; }

/*========Spaces==========*/
.space-1 {
  padding-top: 0.5em; }

.space-2 {
  padding-top: 1em; }

.space-3 {
  padding-top: 1.5em; }

.space-4 {
  padding-top: 2em; }

.space-5 {
  padding-top: 2.5em; }

.space-6 {
  padding-top: 3em; }

.space-7 {
  padding-top: 3.5em; }

.space-8 {
  padding-top: 4em; }

.space-9 {
  padding-top: 4.5em; }

.space-10 {
  padding-top: 5em; }

/*========Font Sizes==========*/
.f10[class] {
  font-size: 10px; }

.f11[class] {
  font-size: 11px; }

.f12[class] {
  font-size: 12px; }

.f13[class] {
  font-size: 13px; }

.f14[class] {
  font-size: 14px; }

.f15[class] {
  font-size: 15px; }

.f16[class] {
  font-size: 16px; }

.f17[class] {
  font-size: 17px; }

.f18[class] {
  font-size: 18px; }

.f19[class] {
  font-size: 19px; }

.f20[class] {
  font-size: 20px; }

.f21[class] {
  font-size: 21px; }

.f22[class] {
  font-size: 22px; }

.f23[class] {
  font-size: 23px; }

.f24[class] {
  font-size: 24px; }

.f25[class] {
  font-size: 25px; }

.f26[class] {
  font-size: 26px; }

.f27[class] {
  font-size: 27px; }

.f28[class] {
  font-size: 28px; }

.f29[class] {
  font-size: 29px; }

.f30[class] {
  font-size: 30px; }

.f31[class] {
  font-size: 31px; }

.f32[class] {
  font-size: 32px; }

.f33[class] {
  font-size: 33px; }

.f34[class] {
  font-size: 34px; }

.f35[class] {
  font-size: 35px; }

.f36[class] {
  font-size: 36px; }

.f37[class] {
  font-size: 37px; }

.f38[class] {
  font-size: 38px; }

.f39[class] {
  font-size: 39px; }

.f40[class] {
  font-size: 40px; }

.f41[class] {
  font-size: 41px; }

.f42[class] {
  font-size: 42px; }

.f43[class] {
  font-size: 43px; }

.f44[class] {
  font-size: 44px; }

.f45[class] {
  font-size: 45px; }

.f46[class] {
  font-size: 46px; }

.f47[class] {
  font-size: 47px; }

.f48[class] {
  font-size: 48px; }

.f49[class] {
  font-size: 49px; }

.f50[class] {
  font-size: 50px; }

.f51[class] {
  font-size: 51px; }

.f52[class] {
  font-size: 52px; }

.f53[class] {
  font-size: 53px; }

.f54[class] {
  font-size: 54px; }

.f55[class] {
  font-size: 55px; }

.f56[class] {
  font-size: 56px; }

.f57[class] {
  font-size: 57px; }

.f58[class] {
  font-size: 58px; }

.f59[class] {
  font-size: 59px; }

.f60[class] {
  font-size: 60px; }

.f61[class] {
  font-size: 61px; }

.f62[class] {
  font-size: 62px; }

.f63[class] {
  font-size: 63px; }

.f64[class] {
  font-size: 64px; }

.f65[class] {
  font-size: 65px; }

/*========Gutters==========*/
[class*="gutter-"] > [class*="col-"] {
  padding-left: 0;
  padding-right: 0; }

.gutter-0 > [class*="col-"] {
  padding-left: 0.5%;
  padding-right: 0.5%;
  position: relative; }

.row-fluid.gutter-0 {
  margin-left: -0.5%;
  margin-right: -0.5%; }

.gutter-1 > [class*="col-"] {
  padding-left: 1%;
  padding-right: 1%;
  position: relative; }

.row-fluid.gutter-1 {
  margin-left: -1%;
  margin-right: -1%; }

.gutter-2 > [class*="col-"] {
  padding-left: 1.5%;
  padding-right: 1.5%;
  position: relative; }

.row-fluid.gutter-2 {
  margin-left: -1.5%;
  margin-right: -1.5%; }

.gutter-3 > [class*="col-"] {
  padding-left: 2%;
  padding-right: 2%;
  position: relative; }

.row-fluid.gutter-3 {
  margin-left: -2%;
  margin-right: -2%; }

.gutter-4 > [class*="col-"] {
  padding-left: 2.5%;
  padding-right: 2.5%;
  position: relative; }

.row-fluid.gutter-4 {
  margin-left: -2.5%;
  margin-right: -2.5%; }

.gutter-5 > [class*="col-"] {
  padding-left: 3%;
  padding-right: 3%;
  position: relative; }

.row-fluid.gutter-5 {
  margin-left: -3%;
  margin-right: -3%; }

.gutter-6 > [class*="col-"] {
  padding-left: 3.5%;
  padding-right: 3.5%;
  position: relative; }

.row-fluid.gutter-6 {
  margin-left: -3.5%;
  margin-right: -3.5%; }

.gutter-7 > [class*="col-"] {
  padding-left: 4%;
  padding-right: 4%;
  position: relative; }

.row-fluid.gutter-7 {
  margin-left: -4%;
  margin-right: -4%; }

.gutter-8 > [class*="col-"] {
  padding-left: 4.5%;
  padding-right: 4.5%;
  position: relative; }

.row-fluid.gutter-8 {
  margin-left: -4.5%;
  margin-right: -4.5%; }

.gutter-9 > [class*="col-"] {
  padding-left: 5%;
  padding-right: 5%;
  position: relative; }

.row-fluid.gutter-9 {
  margin-left: -5%;
  margin-right: -5%; }

.gutter-10 > [class*="col-"] {
  padding-left: 5.5%;
  padding-right: 5.5%;
  position: relative; }

.row-fluid.gutter-10 {
  margin-left: -5.5%;
  margin-right: -5.5%; }

/*========Colors==========*/
.color-blue[class] {
  color: #0A8DCE; }

.color-darkblue[class] {
  color: #25204A; }

.color-white[class] {
  color: #fff; }

.color-black[class] {
  color: #000; }

.bg-blue[class] {
  background-color: #0A8DCE; }

.bg-darkblue[class] {
  background-color: #25204A; }

.bg-white[class] {
  background-color: #fff; }

.bg-black[class] {
  background-color: #000; }

/*========Blocks==========*/
.col-1 {
  width: 8.3333333333%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.col-2 {
  width: 16.6666666667%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.col-3 {
  width: 25%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.col-4 {
  width: 33.3333333333%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.col-5 {
  width: 41.6666666667%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.col-6 {
  width: 50%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.col-7 {
  width: 58.3333333333%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.col-8 {
  width: 66.6666666667%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.col-9 {
  width: 75%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.col-10 {
  width: 83.3333333333%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.col-11 {
  width: 91.6666666667%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.col-12 {
  width: 100%;
  padding-left: 0.5%;
  padding-right: 0.5%; }

.row-fluid {
  margin-left: -0.5%;
  margin-right: -0.5%; }

[class*='col-']:after {
  content: "";
  display: table;
  clear: both; }

/*========Responsive==========*/
/*********Style for Large Desktops*******/
.col-show,
.col-xlg-show,
.col-mid-show,
.col-sm-show,
.col-xs-show {
  display: none; }

@media screen and (min-width: 1360px) {
  .col-xlg-hide {
    display: none; }

  .col-xlg-show {
    display: block; }

  .col-xlg {
    display: block; }

  .col-xlg-block {
    display: block; }

  .col-xlg-no-flex-wrap {
    flex-wrap: nowrap; }

  .col-xlg-flex-wrap {
    flex-wrap: wrap; }

  .col-xlg-text-center {
    text-align: center; }

  .col-xlg-1 {
    width: 8.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xlg-2 {
    width: 16.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xlg-3 {
    width: 25%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xlg-4 {
    width: 33.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xlg-5 {
    width: 41.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xlg-6 {
    width: 50%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xlg-7 {
    width: 58.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xlg-8 {
    width: 66.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xlg-9 {
    width: 75%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xlg-10 {
    width: 83.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xlg-11 {
    width: 91.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xlg-12 {
    width: 100%;
    padding-left: 0.5%;
    padding-right: 0.5%; } }
/*********Style for Desktop*******/
@media screen and (min-width: 1280px) {
  .desktop_only {
    display: block; }

  .desktop {
    display: block; } }
/*********Style for Tablets*******/
@media screen and (max-width: 1062px) {
  .col-mid-hide {
    display: none; }

  .col-mid-show {
    display: block; }

  .col-mid {
    display: block; }

  .col-mid-block {
    display: block; }

  .col-mid-no-flex-wrap {
    flex-wrap: nowrap; }

  .col-mid-flex-wrap {
    flex-wrap: wrap; }

  .col-mid-text-center {
    text-align: center; }

  .col-mid-1 {
    width: 8.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-mid-2 {
    width: 16.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-mid-3 {
    width: 25%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-mid-4 {
    width: 33.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-mid-5 {
    width: 41.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-mid-6 {
    width: 50%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-mid-7 {
    width: 58.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-mid-8 {
    width: 66.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-mid-9 {
    width: 75%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-mid-10 {
    width: 83.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-mid-11 {
    width: 91.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-mid-12 {
    width: 100%;
    padding-left: 0.5%;
    padding-right: 0.5%; } }
@media screen and (max-width: 890px) {
  .col-sm-hide {
    display: none; }

  .col-sm-show {
    display: block; }

  .col-sm {
    display: block; }

  .col-sm-block {
    display: block; }

  .col-sm-no-flex-wrap {
    flex-wrap: nowrap; }

  .col-sm-flex-wrap {
    flex-wrap: wrap; }

  .col-sm-text-center {
    text-align: center; }

  .col-sm-1 {
    width: 8.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-sm-2 {
    width: 16.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-sm-3 {
    width: 25%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-sm-4 {
    width: 33.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-sm-5 {
    width: 41.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-sm-6 {
    width: 50%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-sm-7 {
    width: 58.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-sm-8 {
    width: 66.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-sm-9 {
    width: 75%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-sm-10 {
    width: 83.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-sm-11 {
    width: 91.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-sm-12 {
    width: 100%;
    padding-left: 0.5%;
    padding-right: 0.5%; } }
/*********Style for Phones*******/
@media screen and (max-width: 480px) {
  .col-xs-hide {
    display: none; }

  .col-xs-show {
    display: block; }

  .col-xs {
    display: block; }

  .col-xs-block {
    display: block; }

  .col-xs-no-flex-wrap {
    flex-wrap: nowrap; }

  .col-xs-flex-wrap {
    flex-wrap: wrap; }

  .col-xs-text-center {
    text-align: center; }

  .col-xs-1 {
    width: 8.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xs-2 {
    width: 16.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xs-3 {
    width: 25%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xs-4 {
    width: 33.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xs-5 {
    width: 41.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xs-6 {
    width: 50%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xs-7 {
    width: 58.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xs-8 {
    width: 66.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xs-9 {
    width: 75%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xs-10 {
    width: 83.3333333333%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xs-11 {
    width: 91.6666666667%;
    padding-left: 0.5%;
    padding-right: 0.5%; }

  .col-xs-12 {
    width: 100%;
    padding-left: 0.5%;
    padding-right: 0.5%; } }
/*********Style for Print media*******/
@media only print {
  .block-print_show {
    display: block !important; }

  .block-print_hide {
    display: none !important; } }
/*========Body==========*/
body {
  background-color: #FCFAF8;
  font-family: Georgia; }

.container.outer {
  width: 1600px;
  padding: 40px 40px; }

.body {
  text-align: center;
  color: #0D204A;
  padding: 24px 0 0; }

.noto, .hindi {
  font-family: 'Noto Sans', sans-serif; }

.urdu {
  font-family: "Adobe Arabic", sans-serif; }

.blue2 {
  color: #0D204A; }

h1 {
  font-size: 74px;
  letter-spacing: 15px; }

h3 {
  font-size: 18px;
  letter-spacing: 3px;
  margin: 24px 0 48px;
  font-weight: 400; }

h4 {
  font-size: 22px;
  letter-spacing: 8px;
  font-weight: 300;
  margin-top: 60px;
  margin-bottom: 25px; }

h5 {
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: 300; }

div#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  color: #fff;
  background-color: #0d204a;
  text-align: center;
  animation: slideUp 1s ease forwards 2.5s; }
  div#loader > div {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    animation: fadeIn 1s ease forwards; }

@keyframes fadeIn {
  0% {
    opacity: 0;
    margin-top: 50px; }
  100% {
    opacity: 1;
    margin-top: 0px; } }
@keyframes slideUp {
  0% {
    top: 0; }
  100% {
    top: -100%; } }
@media (max-width: 767px) {
  .body {
    padding: 60px 0 0; }

  h1 {
    font-size: 12vw;
    letter-spacing: 8px; }

  h3 {
    letter-spacing: 1px; }

  .image img {
    width: 90%; }

  footer h4 {
    margin-bottom: 16px; }
  footer h5 {
    margin-bottom: 28px; } }
@media (max-width: 480px) {
  h1 {
    letter-spacing: 4px; }

  .container.outer {
    padding: 18px 28px; }

  h4 {
    margin-top: 48px;
    letter-spacing: 4px; }

  .instagram {
    width: 32px; } }

/*# sourceMappingURL=style.css.map */