/*--for hover classes--*/
/*--width calculation subtraction--*/
/*--width calculation addition--*/
/*--calculation as per sending properties--*/
/* mixin for multiline */
/*--usase
.abs {
  @include abs-pos(10px, 10px, 5px, 15px);
}
--*/
@keyframes blink {
  50% {
    opacity: 0.0; } }
@-webkit-keyframes blink {
  50% {
    opacity: 0.0; } }
@keyframes spiner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-webkit-keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }
@keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }
@-webkit-keyframes buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }
@keyframes buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }
@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg); }
  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg); }
  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg); }
  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg); }
  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg); }
  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg); }
  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg); }
  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg); }
  20%, 100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
/*--mixin wobble repeat--*/
@-webkit-keyframes wobbleRepeat {
  5%, 25% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  15%, 35% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  40% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }
/*--ended mixin wobble repeat--*/
@keyframes slide {
  0% {
    left: 0;
    top: calc(50% - 62px);
    -webkit-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -ms-transform: scale(0.25);
    -o-transform: scale(0.25);
    transform: scale(0.25); }
  50% {
    left: calc(50% - 83px);
    top: calc(50% - 62px);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    left: calc(100% - 198px);
    top: 32px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
/*usase
.shadows {
  @include box-shadow(0px 4px 5px #666, 2px 6px 10px #999);
}
*/
/*
usage
.h1{
@include text-shadow(2, 2, 5, rgba(0,0,0,.4))
}
*/
/*@mixin font-face($font-name, $file-name, $weight: normal, $style: normal) */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Regular.eot?v=2.137");
  src: url("../fonts/roboto/Roboto-Regular.eot?#iefix&v=2.137") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff?v=2.137") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf?v=2.137") format("truetype"), url("../fonts/roboto/Roboto-Regular.svg?v=2.137#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Roboto-Bold";
  src: url("../fonts/roboto/Roboto-Bold.eot?v=2.137");
  src: url("../fonts/roboto/Roboto-Bold.eot?#iefix&v=2.137") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff?v=2.137") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf?v=2.137") format("truetype"), url("../fonts/roboto/Roboto-Bold.svg?v=2.137#Roboto-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "zinob";
  src: url("../fonts/zinob/zinob.eot?v=1");
  src: url("../fonts/zinob/zinob.eot?#iefix&v=1") format("embedded-opentype"), url("../fonts/zinob/zinob.woff2?v=1") format("woff2"), url("../fonts/zinob/zinob.woff?v=1") format("woff"), url("../fonts/zinob/zinob.ttf?v=1") format("truetype"), url("../fonts/zinob/zinob.svg?v=1#zinob") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url("../fonts/fontawesome/fa-brands-400.eot?v=5.15 0.1");
  src: url("../fonts/fontawesome/fa-brands-400.eot?#iefix&v=5.15 0.1") format("embedded-opentype"), url("../fonts/fontawesome/fa-brands-400.woff2?v=5.15 0.1") format("woff2"), url("../fonts/fontawesome/fa-brands-400.woff?v=5.15 0.1") format("woff"), url("../fonts/fontawesome/fa-brands-400.ttf?v=5.15 0.1") format("truetype"), url("../fonts/fontawesome/fa-brands-400.svg?v=5.15 0.1#FontAwesome5Brands-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Font Awesome 5 Regular";
  src: url("../fonts/fontawesome/fa-regular-400.eot?v=5.15 0.1");
  src: url("../fonts/fontawesome/fa-regular-400.eot?#iefix&v=5.15 0.1") format("embedded-opentype"), url("../fonts/fontawesome/fa-regular-400.woff2?v=5.15 0.1") format("woff2"), url("../fonts/fontawesome/fa-regular-400.woff?v=5.15 0.1") format("woff"), url("../fonts/fontawesome/fa-regular-400.ttf?v=5.15 0.1") format("truetype"), url("../fonts/fontawesome/fa-regular-400.svg?v=5.15 0.1#FontAwesome5Free-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Font Awesome 5 Solid";
  src: url("../fonts/fontawesome/fa-solid-900.eot?v=5.15 0.1");
  src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix&v=5.15 0.1") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2?v=5.15 0.1") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff?v=5.15 0.1") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf?v=5.15 0.1") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg?v=5.15 0.1#FontAwesome5Free-Solid") format("svg");
  font-weight: normal;
  font-style: normal; }
[class*='zn']:before {
  display: inline-block;
  font-family: "zinob";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.zn-mailbox:before {
  content: '\F001'; }

.zn-chat:before {
  content: '\F002'; }

.zn-hr:before {
  content: '\F003'; }

.zn-financial:before {
  content: '\F004'; }

.zn-callendar:before {
  content: '\F005'; }

.zn-message:before {
  content: '\F006'; }

.zn-clock:before {
  content: '\F007'; }

.zn-map-marker:before {
  content: '\F008'; }

.zn-phone:before {
  content: '\F009'; }

.zn-zinob:before {
  content: '\F010'; }

a {
  display: block;
  text-decoration: none;
  color: #FEC608; }

h1 {
  font-size: 2rem;
  padding-bottom: 0.5em;
  font-family: "Roboto-Bold";
  line-height: 1.4em;
  color: #140120;
  margin-bottom: 0px; }

h2 {
  font-size: 1.75rem;
  padding-bottom: 0.5em;
  font-family: "Roboto-Bold";
  line-height: 1.4em;
  color: #140120;
  margin-bottom: 0px; }

h3 {
  font-size: 1.5rem;
  padding-bottom: 0.5em;
  font-family: "Roboto-Bold";
  line-height: 1.4em;
  color: #140120;
  margin-bottom: 0px; }

h4 {
  font-size: 1.25rem;
  padding-bottom: 0.5em;
  font-family: "Roboto-Bold";
  line-height: 1.4em;
  color: #140120;
  margin-bottom: 0px; }

h5 {
  font-size: 1.125rem;
  padding-bottom: 0.5em;
  font-family: "Roboto-Bold";
  line-height: 1.4em;
  color: #140120;
  margin-bottom: 0px; }

h6 {
  font-size: 1rem;
  padding-bottom: 0.5em;
  font-family: "Roboto-Bold";
  line-height: 1.4em;
  color: #140120;
  margin-bottom: 0px; }

.stamp {
  font-size: 0.875rem;
  color: gray;
  margin-bottom: 0px; }

p {
  color: #323232;
  font-size: 1rem;
  text-align: justify; }

.center-heading {
  width: 100%;
  float: left;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column; }
.center-heading h1 {
  font-weight: bold;
  text-align: center; }
.center-heading h2 {
  font-weight: bold;
  text-align: center; }
.center-heading h3 {
  font-weight: bold;
  text-align: center; }
.center-heading h4 {
  font-weight: bold;
  text-align: center; }
.center-heading h5 {
  font-weight: bold;
  text-align: center; }
.center-heading h6 {
  font-weight: bold;
  text-align: center; }
.center-heading p {
  text-align: center; }
.center-heading .heading-tagline {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 1.375rem;
  color: #999999; }
.center-heading .heading-tagline:before {
  content: "";
  border-bottom: 5px solid #FEC608;
  margin-right: 1rem;
  margin-bottom: 0.625rem;
  width: 50px; }
.center-heading .headline {
  font-size: 2.625rem; }

.aside-heading {
  width: 100%;
  float: left;
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex-direction: column; }
.aside-heading h1 {
  font-weight: bold;
  text-align: right; }
.aside-heading h2 {
  font-weight: bold;
  text-align: right; }
.aside-heading h3 {
  font-weight: bold;
  text-align: right; }
.aside-heading h4 {
  font-weight: bold;
  text-align: right; }
.aside-heading h5 {
  font-weight: bold;
  text-align: right; }
.aside-heading h6 {
  font-weight: bold;
  text-align: right; }
.aside-heading .heading-tagline {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  font-size: 1.375rem;
  color: #999999; }
.aside-heading .heading-tagline:after {
  content: "";
  border-bottom: 5px solid #FEC608;
  margin-left: 1rem;
  margin-bottom: 0.625rem;
  width: 50px; }
.aside-heading .headline {
  font-size: 2.625rem;
  color: #FEC608; }
.aside-heading p {
  font-size: 0.875rem;
  text-align: justify; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px; }

.mh-950 {
  min-height: 950px; }

.mt-6 {
  margin-top: 4rem; }
.mt-7 {
  margin-top: 5rem; }
.mt-8 {
  margin-top: 6rem; }
.mt-9 {
  margin-top: 7rem; }
.mt-10 {
  margin-top: 8rem; }
.mt-11 {
  margin-top: 9rem; }
.mt-12 {
  margin-top: 10rem; }

.bg-primary {
  background-color: #3C1A5B !important;
  color: #FFFFFF; }
.bg-primary h1 {
  color: #FFFFFF; }
.bg-primary h2 {
  color: #FFFFFF; }
.bg-primary h3 {
  color: #FFFFFF; }
.bg-primary h4 {
  color: #FFFFFF; }
.bg-primary h5 {
  color: #FFFFFF; }
.bg-primary h6 {
  color: #FFFFFF; }
.bg-whiteSmoke {
  background-color: #f2f2f2; }
.bg-img-pattern {
  background: url("../images/bg-pattern.png") no-repeat 50% 0px;
  background-size: cover; }
.bg-add-bottom {
  position: relative; }
.bg-add-bottom::after {
  background: url("../images/pattern-footer.png") no-repeat 50% 100%;
  background-size: contain;
  content: '';
  height: 100%;
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%; }
.bg-primeSec {
  background-color: #FEC608;
  overflow: hidden;
  position: relative;
  color: #FFFFFF; }
.bg-primeSec::before {
  content: '';
  height: 85%;
  position: absolute;
  bottom: 410px;
  left: -13%;
  background-color: #3C1A5B;
  width: 85%;
  -webkit-transform: rotate(-52deg);
  -moz-transform: rotate(-52deg);
  -ms-transform: rotate(-52deg);
  -o-transform: rotate(-52deg);
  transform: rotate(-52deg); }

ol, ul, dl {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

.lh-1 {
  line-height: 1em; }

.hr-c {
  display: flex;
  justify-content: center; }

.vr-c {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%; }

.ttu {
  text-transform: uppercase; }

.strong {
  font-weight: bold; }

.eq-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-clip: border-box; }

.cmn-fw, .section-region, .section-row {
  width: 100%;
  float: left;
  position: relative; }

.cmn-aw {
  position: relative;
  width: auto; }

.ofh {
  overflow: hidden; }

.npd {
  padding: 0rem; }

.after-clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.white-space-pre-wrap {
  white-space: pre-wrap !important; }

.break-word {
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  word-break: break-word !important; }

.cmn-hrList {
  margin: 0px;
  padding: 0px;
  width: auto; }
.cmn-hrList li {
  float: left;
  display: inline-block;
  position: relative;
  margin: 0px;
  padding: 0px; }
.cmn-hrList.spacer li {
  margin: 0px 10px; }
.cmn-hrList.spacer_v2 li {
  margin: 0rem 0.25rem; }
.cmn-hrList.spacer_v2 li:first-child {
  margin-left: 0; }
.cmn-hrList.fw {
  width: 100%;
  float: left;
  position: relative; }

.cmn-vrList {
  width: 100%;
  float: left;
  position: relative; }
.cmn-vrList li {
  width: 100%;
  float: left;
  position: relative;
  line-height: 1.5em; }
.cmn-vrList li.list-title {
  font-weight: bold;
  color: #3C1A5B; }

.disp-hdn {
  display: none !important; }

.show {
  display: block !important; }

.bdr-btm {
  border-bottom: 1px solid; }
.bdr-right {
  border-right: 1px solid; }
.bdr-silver {
  border-color: #d9d9d9; }
.bdr-none {
  border: none; }

.section-fw {
  width: 100%;
  float: left;
  position: relative; }
.section-region {
  padding: 6.25rem 1.25rem; }
.section-row {
  padding: 1rem 0rem; }
.section-row._x-0 {
  padding-left: 0rem;
  padding-right: 0rem; }
.section-row._x-0-25 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }
.section-row._x-0-5 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
.section-row._x-0-75 {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
.section-row._x-1-25 {
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
.section-row._y-0 {
  padding-top: 0rem;
  padding-bottom: 0rem; }

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
.fade-in-top {
  -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

/*-----------------*/
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
.puff-in-center {
  -webkit-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both; }

.landing-wrapper {
  width: 100%;
  float: left;
  position: relative;
  padding: 2rem;
  background-color: #FFFFFF;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center; }
.landing-wrapper .xml {
  display: flex;
  height: 7.8125rem;
  width: 10.375rem;
  object-fit: cover;
  animation-name: slide;
  animation-duration: 8s;
  animation-timing-function: ease;
  animation-delay: 0.8s;
  position: absolute;
  top: 2rem;
  right: 2rem; }
.landing-wrapper .xml img {
  height: 100%;
  position: relative;
  width: 100%; }
.landing-wrapper .zinob {
  display: flex;
  object-fit: cover;
  left: calc(50% - 162px);
  top: calc(50% - 126px);
  position: absolute;
  animation-delay: 8s; }
.landing-wrapper .zinob img {
  height: 100%;
  position: relative;
  width: 100%; }

.siteLink {
  position: absolute;
  top: calc(50% + 160px);
  animation-delay: 9s; }
.siteLink a {
  color: #3C1A5B;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
.siteLink a:hover, .siteLink a:focus {
  color: #FEC608;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.footer {
  background-color: #333333;
  color: #FFFFFF;
  font-size: 1.25rem;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 3.375rem 1.5rem;
  position: absolute;
  bottom: 0px;
  right: 0px; }
.footer a {
  padding-left: 0.5rem;
  display: block; }

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