/* Minification failed. Returning unminified contents.
(1153,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1199,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1280,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1325,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1350,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1423,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1425,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1517,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1566,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1642,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(1848,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(2329,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(2988,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(3106,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(3120,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(3236,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(3406,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(3590,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(3776,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(3833,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4089,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4099,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4124,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4320,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4403,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4473,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4482,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4517,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4564,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4632,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4729,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4795,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(4982,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(5017,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(5058,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(5124,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(5178,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(5407,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(5437,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(5665,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(5780,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(6049,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(6494,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(6690,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(6828,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(6935,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(7535,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(7693,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(7790,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(7868,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(7935,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(8044,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(8579,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(8686,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(8989,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(9029,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(9056,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(9259,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(9273,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
 */
:-moz-placeholder {
  color: #999;
}

::-webkit-input-placeholder {
  color: #999;
}

/* all */
* {
  font-family: 'Proxima-Nova', Proxima-Nova;
  line-height: 1.42857143;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

html {
  min-height: 100%;
  position: relative;
  scroll-behavior: smooth;
}

body {
  height: 100vh;
  color: #0B1A21 !important;
}

label {
  margin: 0 !important;
}

.vp {
  display: table;
  width: 100%;
  height: 100vh;
}

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

a {
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

a:hover {
  text-decoration: underline;
  color: inherit;
}

p {
  margin: 0 !important;
}

ul, ol {
  list-style: none;
}

.link-underline-none,
.link-underline-none:hover,
.text-underline-none,
.text-underline-none:hover {
  text-decoration: none !important;
  color: #333;
}

.hor-padd-pct-10 > a {
  text-decoration: none !important;
}

.container > a {
  text-decoration: none !important;
}

.cursor-pointer {
  cursor: pointer;
}

.notfound404 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background-color: #E6E6E6;
  color: #1a1a1a;
}

main {
  margin-top: 80px;
}

.left {
  float: left;
}

.float {
  float: none !important;
}

.right {
  float: right;
}

.inline {
  display: inline-block;
}

.m1 {
  margin: 0 0.5em;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

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

.vertical-top {
  vertical-align: top;
}

.overflow {
  overflow: hidden;
}

.g-recaptcha {
  display: inline-block;
  width: 1px;
}

g-recaptcha-sm {
  display: inline-block;
  width: 1px;
  transform: scale(0.65);
  -webkit-transform: scale(0.65);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

/***********************************
                ICONS
***********************************/
.ico {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  height: 32px;
  width: 32px;
}

.ico-lg {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 128px;
  height: 128px;
  width: 128px;
}

/* Careers icons */
.ico-careers {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 80px 80px;
}

.ico-career1 {
  background-image: url(/public/images/icons/Careers/ic_careers_1.svg);
}

.ico-career2 {
  background-image: url(/public/images/icons/Careers/ic_careers_2.svg);
}

.ico-career3 {
  background-image: url(/public/images/icons/Careers/ic_careers_3.svg);
}

.ico-career4 {
  background-image: url(/public/images/icons/Careers/ic_careers_4.svg);
}

.ico-career5 {
  background-image: url(/public/images/icons/Careers/ic_careers_5.svg);
}

.ico-career6 {
  background-image: url(/public/images/icons/Careers/ic_careers_6.svg);
}

/* Colors === */
a {
  color: inherit !important;
}

.text-red, .text-red a {
  color: #932545 !important;
}

/* =========================
            Navbar
   ========================= */
.dropdown-factum {
  background: rgba(15, 41, 80, 0.9) !important;
  padding: 0px !important;
  top: 35px !important;
}

.dropdown-factum > li > a {
  border-bottom: solid 1px rgba(150, 150, 150, 0.5) !important;
  height: 45px;
  padding: 11px 0 !important;
}

.dropdown-factum > li:last-child > a {
  border-bottom: none !important;
}

.dropdown-factum > li > a:hover, .submenuactive {
  background: #0f2950 !important;
  color: #B1264D !important;
}

.menuactive {
  background-color: transparent !important;
}

.menuactive:after {
  content: '';
  display: block;
  width: 18px;
  position: absolute;
  border-bottom: 5px solid #932545;
  bottom: -10px;
}

.navbar-factum {
  color: #fff !important;
}

nav {
  height: auto;
  background: #0F2950;
  -webkit-box-shadow: 2px 2.2px 3px 0 rgba(0, 0, 0, 0.34) !important;
          box-shadow: 2px 2.2px 3px 0 rgba(0, 0, 0, 0.34) !important;
  z-index: 21;
}

.nav-container {
  padding: 5px 10%;
}

.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  height: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-bottom: 0 !important;
}

.nav-links > li {
  margin: 0 15px;
}

.dropdown-menu > li > a {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.nav-links li a {
    color: white;
    text-decoration: none;
    font-size: 16px;
    white-space: nowrap;
    text-transform: uppercase;
}

.nav-links > li > a {
  position: relative;
  overflow: hidden;
}

.nav-links > li > a:before {
  content: '';
  display: none;
  width: 18px;
  position: absolute;
  border-bottom: 5px solid #932545;
  bottom: -10px;
  -webkit-transition: 0.7s all;
  transition: 0.7s all;
}

.nav-links > li > a:focus:before, .nav-links > li > a:hover:before, .nav-links > a:active:before {
  display: block;
}

.nav-links .open > a {
  background-color: transparent !important;
}

.nav-links .open > a:before {
  content: '';
  display: block;
  width: 18px;
  position: absolute;
  border-bottom: 5px solid #932545;
  bottom: -10px;
  -webkit-transition: 0.7s all;
  transition: 0.7s all;
}

.nav-links .open > a:before, .nav-links .open > a:focus:before, .nav-links .open > a:hover:before {
  display: block;
}

@media (min-width: 1201px) and (max-width: 1660px) {
  .nav-container {
    padding-left: 3%;
    padding-right: 3%;
  }
}

@media (min-width: 1201px) and (max-width: 1400px) {
  .nav-links li a {
    font-size: 14px;
  }
  .nav-links > li {
    margin: 0 10px;
  }
}

@media screen and (min-width: 1201px) {
  .nav-links {
    width: 75%;
  }
}

@media screen and (max-width: 1200px) {
  nav {
    position: relative;
    height: 81px;
  }
  .nav-container {
    padding: 0;
    margin: 0;
  }
  .hamburger {
    position: absolute;
    display: block;
    right: 5%;
    top: 50%;
    width: 30px;
    height: 30px;
    background: url("/public/images/menu_btn_in.svg") no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    z-index: 20;
  }
  .menu-close {
    background: url("/public/images/menu_btn_out.svg") no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .nav-links {
    position: fixed;
    background: #0F2950;
    top: 79px;
    height: 100%;
    width: 100%;
    clip-path: circle(10px at 90% -10%);
    -webkit-clip-path: circle(10px at 90% -10%);
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    pointer-events: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-row-gap: 20px;
    place-content: start;
    padding-top: 5%;
  }
  .nav-links.open {
    clip-path: circle(1800px at 90% -10%);
    -webkit-clip-path: circle(1800px at 90% -10%);
    pointer-events: all;
    height: 100%;
    overflow-y: scroll;
  }
  .nav-links li {
    margin-left: 5%;
    margin-right: 5%;
    opacity: 0;
  }
  .nav-links li a:before, .nav-links li a:after,
  .nav-links li a:hover:before, .nav-links li a:focus:before,
  .nav-links .open > a:before, .nav-links .open > a:focus:before,
  .nav-links .open > a:hover:before {
    display: none;
  }
  .nav-links li a {
    font-size: 18px !important;
  }
  .nav-links li:nth-child(1) {
    -webkit-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
  }
  .nav-links li:nth-child(2) {
    -webkit-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
  }
  .nav-links li:nth-child(3) {
    -webkit-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
  }
  .nav-links li:nth-child(4) {
    -webkit-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
  }
  .nav-links li:nth-child(5) {
    -webkit-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
  }
  .nav-links li:nth-child(6) {
    -webkit-transition: all 0.5s ease 0.6s;
    transition: all 0.5s ease 0.6s;
  }
  .nav-links li:nth-child(7) {
    -webkit-transition: all 0.5s ease 0.7s;
    transition: all 0.5s ease 0.7s;
  }
  .nav-links li:nth-child(8) {
    -webkit-transition: all 0.5s ease 0.8s;
    transition: all 0.5s ease 0.8s;
  }
  li.fade {
    opacity: 1;
  }
  .menuactive {
    font-family: Proxima-Nova-Bold;
    color: #B1264D !important;
  }
}

@media screen and (max-width: 600px) {
  .hamburger {
    width: 25px;
    height: 25px;
  }
}

/* End of Navbar */
/* =========================
            Header 
   ========================= */
#header ul li {
  color: #fff;
  float: left;
  margin: 0;
  padding: 0;
}

header {
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.logo {
  margin: 0;
}

.logo > a {
  background: url(/public/images/factumsoft-general-logo.svg) no-repeat 0 0;
  display: inline-block;
  float: left;
  height: 50px;
  width: 200px;
  text-indent: -9999px;
  position: absolute;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

@media only screen and (max-width: 1200px) {
  .logo > a {
    margin-left: 5%;
  }
}

/* ===== End of Header ===== */
/* =========================
            Footer 
   ========================= */
#footer-section {
  background-color: #00254E;
  color: white;
  -webkit-box-shadow: 0px -1px 15px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px -1px 15px -5px rgba(0, 0, 0, 0.5);
}

.footer-container {
  padding: 53px 5% 3% 5%;
  font-size: 16px;
}

.footer-content {
  margin-left: 10%;
  margin-bottom: 2.5%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 28% 18% 18% auto;
      grid-template-columns: 28% 18% 18% auto;
  grid-column-gap: 15px;
}

.footer-content h5 {
  font-family: Proxima-Nova-Bold;
  font-size: 20px;
  margin-bottom: 10px !important;
}

.ft-module1 li, .ft-module2 li, .ft-module3 li {
  line-height: 2 !important;
}

.ft-module1-sub {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
      grid-template-columns: auto auto;
  grid-column-gap: 15px;
}

.ft-module4-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto auto auto;
      grid-template-rows: auto auto auto auto;
  grid-row-gap: 15px;
  float: right;
  font-size: 16px;
}

.ft_logo {
  margin-bottom: 10px !important;
}

.ft_logo > a {
  display: inline-block;
  background: url(/public/images/factumsoft-general-logo.svg) no-repeat 0 0;
  height: 50px;
  width: 200px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.ft-req_btn {
  width: 200px;
  height: 50px;
  text-decoration: none;
  text-align: center;
  font-family: Proxima-Nova-Bold;
  font-size: 18px;
  background-color: #932545;
  color: #fff;
  border: none;
  white-space: nowrap;
  outline: none;
}

.ft-req_btn:hover {
  text-decoration: none;
  background-color: #751539;
  color: #FDFDFE !important;
}

/* social icons */
.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}

.social li {
  margin-right: 10px;
}

.social-ico {
  display: -ms-grid;
  display: grid;
  width: 35px;
  height: 35px;
  border: 1px solid white;
  fill: white;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.social-ico svg {
  width: 15px;
  height: 15px;
}

.social-ico:hover {
  background-color: #fff;
  fill: #00254E;
}

/* none used while */
.loading {
  display: block;
  width: 120px;
  height: 15px;
  margin: 1.2em auto;
  background-image: url(/public/images/loading.gif);
}

/* ----- ----- ----- */
/* End of ICONS */
hr {
  opacity: 0.8;
}

.copyrights {
  text-align: center;
  font-size: 16px;
  position: relative;
}

.copyrights p {
  display: inline-block;
}

.copyrights p:nth-child(1) {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -25%);
          transform: translate(-50%, -25%);
}

.copyrights p:nth-child(2) {
  position: absolute;
  right: 1%;
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}

.footer_factumText:focus {
  text-decoration: none;
}

.footer_factumText:hover {
  text-decoration: none;
  cursor: pointer;
  color: #B1264D !important;
  -webkit-transition: 0.7s all;
  transition: 0.7s all;
}

@media screen and (max-width: 1200px) {
  .footer-container {
    padding: 53px 4% 4% 4%;
  }
  .footer-content {
    margin-left: 0;
    margin-bottom: 2.5%;
    display: -ms-grid;
    display: grid;
  }
  /* social icons */
  .social li {
    margin-right: 6.5px;
  }
  .social-ico {
    width: 45px;
    height: 45px;
  }
  .social-ico svg {
    width: 20px;
    height: 20px;
  }
  /* end of icons */
  .ft-module1, .ft-module2 {
    display: none;
  }
}

@media (min-width: 601px) and (max-width: 1200px) {
  .copyrights p a {
    font-family: Proxima-Nova;
    font-weight: lighter;
  }
  .copyrights p:nth-child(1) {
    position: absolute;
    left: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .copyrights p:nth-child(2) {
    position: absolute;
    right: 0%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .footer-content {
    margin-bottom: 2.5%;
        grid-template-areas: "left right";
    -ms-grid-columns: 40% 60%;
        grid-template-columns: 40% 60%;
    grid-column-gap: 15px;
  }
  .ft-module3 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: right;
    font-size: 18px;
  }
  .ft-module3-sub {
    display: block;
  }
  .ft-module3-sub ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
  }
  .ft-module3-sub ul li {
    display: block !important;
  }
  .ft-module4 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: left;
  }
  .ft-module4-inner {
    width: 200px;
    float: left;
  }
}

@media screen and (max-width: 600px) {
  .copyrights p a {
    font-family: Proxima-Nova;
    font-weight: lighter;
  }
  .copyrights p:nth-child(1) {
    position: inherit;
    left: inherit;
    -webkit-transform: none;
            transform: none;
    display: block;
    padding-bottom: 10px;
  }
  .copyrights p:nth-child(2) {
    position: inherit;
    right: inherit;
    -webkit-transform: none;
            transform: none;
    display: block;
    border-top: 1px solid rgba(150, 150, 150, 0.8);
    padding-top: 10px;
  }
  .footer-container {
    padding-top: 33px !important;
  }
  .footer-container > hr {
    margin-bottom: 10px !important;
  }
  .footer-content {
    margin-bottom: 2.5%;
        grid-template-areas: "up" "down";
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
  .ft-module3 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: down;
    font-size: 16px;
  }
  .ft-module3-sub {
    display: block;
  }
  .ft-module3-sub ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .ft-module3-sub ul li {
    display: block !important;
  }
  .ft-module4 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: up;
  }
  .ft-module4-inner {
    float: left;
  }
}

/* ===== End of Footer ===== */
/*# sourceMappingURL=common.css.map */
/* =========================
       Custom for all
   ========================= */
body {
    background-color: #fff;
}

@media (min-width: 1025px) and (max-width: 1366px) and (min-height: 700px) and (max-height: 770px) {
    body {
        zoom: 80%;
    }
}

.btn-fill {
    background-color: #932545;
    color: #fff !important;
    text-decoration: none;
    border: none;
    -webkit-transition: 0.7s all;
    transition: 0.7s all;
}

    .btn-fill:hover, .btn-fill:focus {
        background-color: #751539;
        text-decoration: none;
        outline: none;
    }

.btn-unfill {
    border: 2px solid #B1264D;
    color: #B1264D !important;
    text-decoration: none;
    -webkit-transition: 0.7s all;
    transition: 0.7s all;
}

    .btn-unfill > svg {
        fill: #B1264D;
        stroke: #B1264D;
        -webkit-transition: 0.7s all;
        transition: 0.7s all;
    }

    .btn-unfill:hover > svg {
        fill: #fff;
        stroke: #fff;
    }

    .btn-unfill:hover, .btn-unfill:focus {
        border: none;
        background-color: #932545;
        color: #fff !important;
        text-decoration: none;
    }

.link {
    text-decoration: none;
    color: #B1264D !important;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
}

    .link > svg {
        fill: #B1264D;
        stroke: #B1264D;
        -webkit-transition: 0.5s all;
        transition: 0.5s all;
    }

    .link:hover > svg {
        fill: #751539;
        stroke: #751539;
    }

    .link:hover, .link:focus {
        text-decoration: none;
        color: #751539 !important;
    }

.slogan {
    position: absolute;
    left: 0;
    bottom: 0;
}

@media (max-width: 1200px) {
    .slogan {
        width: 170px;
        height: 170px;
    }
}

@media (max-width: 600px) {
    .slogan {
        width: 110px;
        height: 110px;
    }
}

/* =========================
          Home Page 
   ========================= */
.home-container {
    padding-left: 10%;
    padding-right: 10%;
    margin: 0;
}

/* allInOne Section */
#allInOne-section {
    background: url("/public/images/homeHeader_section_bg.jpg") no-repeat;
    background-size: cover;
    background-position: 51%;
    display: -ms-grid;
    display: grid;
    grid-row-gap: 40px;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    min-height: 600px;
    height: 93vh;
}

.homeHeader-title {
    color: #0B1A21;
    text-align: center;
}

    .homeHeader-title h1 {
        display: inline-block;
        font-family: Proxima-Nova-Extrabold;
        font-size: 40px;
        max-width: 714px;
        margin-top: 4%;
        margin-bottom: 20px;
    }

        .homeHeader-title h1:after {
            content: '';
            display: block;
            margin-top: 20px;
            margin-left: auto;
            margin-right: auto;
            width: 100px;
            border-bottom: 6px solid #932545;
        }

    .homeHeader-title p {
        display: inline-block;
        font-family: Proxima-Nova;
        font-size: 25px;
        max-width: 631px;
    }

        .homeHeader-title p strong {
            font-family: Proxima-Nova-Extrabold;
        }

.homeHeader-inner {
    color: #fff;
    background-color: rgba(13, 40, 88, 0.8);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 60px;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row-align: end;
    align-self: end;
    padding: 2% 5%;
    margin: 0 4% 4% 4%;
}

    .homeHeader-inner > ul {
        margin: 0;
        display: -ms-grid;
        display: grid;
        max-width: 330px;
        -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-row-gap: 15px;
        font-size: 20px;
    }

        .homeHeader-inner > ul li:first-child:after {
            content: '';
            display: block;
            width: 60px;
            border-bottom: 6px solid #932545;
        }

@media (min-width: 601px) and (max-width: 1200px) {
    #allInOne-section {
        min-height: 700px;
        height: 93vh;
    }

    .homeHeader-title h1 {
        font-size: 45px;
        margin-bottom: 10px;
    }

    .homeHeader-title p {
        font-size: 30px;
    }

    .homeHeader-inner {
        grid-column-gap: 30px;
        padding: 4% 3%;
    }

        .homeHeader-inner > ul {
            -ms-grid-rows: auto 1fr;
            grid-template-rows: auto 1fr;
            grid-row-gap: 20px;
        }
}

@media screen and (max-width: 601px) {
    #allInOne-section {
        min-height: initial;
        height: auto;
    }

    .homeHeader-title h1 {
        font-size: 30px;
    }

    .homeHeader-title p {
        font-size: 20px;
    }

    .homeHeader-inner {
        -ms-grid-rows: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        grid-column-gap: inherit;
        grid-row-gap: 25px;
        padding: 3% 5%;
    }

        .homeHeader-inner > ul {
            -ms-grid-rows: auto 1fr;
            grid-template-rows: auto 1fr;
            grid-row-gap: 5px;
        }

            .homeHeader-inner > ul > li > svg {
                width: 40px;
                height: 40px;
            }
}

/* Home header Section */
#homeHeader-section {
    text-align: center;
}

    #homeHeader-section .tabs {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 225px auto minmax(320px, 680px);
        grid-template-columns: 225px auto minmax(320px, 680px);
        -ms-grid-rows: 510px;
        grid-template-rows: 510px;
        grid-column-gap: 100px;
        padding: 167px 3% 312px 3%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #homeHeader-section .tab-item-active {
        border-left: 5px solid #06215b !important;
    }

        #homeHeader-section .tab-item-active > svg {
            fill: #06215B !important;
        }

        #homeHeader-section .tab-item-active > p {
            color: #06215B !important;
            font-family: Proxima-Nova-Extrabold !important;
        }

.tab-content-active {
    display: -ms-grid !important;
    display: grid !important;
}

.tab-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 70px [6];
    grid-template-rows: repeat(6, 70px);
    grid-row-gap: 15px;
    user-select: none;
    -webkit-user-select: none;
}

    .tab-items > .tab-item {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 60px auto;
        grid-template-columns: 60px auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        border-left: 5px solid rgba(6, 33, 91, 0.1);
    }

        .tab-items > .tab-item > svg {
            -ms-grid-column-align: center;
            justify-self: center;
        }

        .tab-items > .tab-item > p {
            margin: 0;
            font-family: Proxima-Nova-Bold;
            font-size: 16px;
            color: #435369;
            max-width: 110px;
            text-align: left;
        }

.tab-contents > h1 {
    font-family: Proxima-Nova-Extrabold;
    font-size: 40px;
    text-align: left;
    margin-top: 0;
}

.tab-contents > div {
    display: inline-block;
    text-align: left;
}

    .tab-contents > div > div {
        -ms-grid-rows: auto [4];
        grid-template-rows: repeat(4, auto);
        grid-row-gap: 10px;
    }

        .tab-contents > div > div > h3 {
            font-family: Proxima-Nova-Extrabold;
            font-size: 25px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .tab-contents > div > div > p {
            font-size: 18px;
            margin-bottom: 15px !important;
            text-align: justify;
        }

        .tab-contents > div > div > ul {
            font-size: 18px;
            display: -ms-grid;
            display: grid;
            grid-row-gap: 10px;
        }

            .tab-contents > div > div > ul > li {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: auto 1fr;
                grid-template-columns: auto 1fr;
                grid-column-gap: 10px;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
            }

        .tab-contents > div > div > a {
            text-decoration: none;
            font-family: Proxima-Nova-Bold;
            font-size: 20px;
            color: #B1264D !important;
            justify-self: baseline;
        }

            .tab-contents > div > div > a > svg {
                fill: #B1264D;
                width: 14px;
            }

@media (min-width: 1201px) and (max-width: 1370px) {
    #homeHeader-section .tabs {
        grid-column-gap: 40px;
    }
}

@media (min-width: 601px) and (max-width: 1200px) {
    #homeHeader-section .tabs {
        position: relative;
        -ms-grid-columns: minmax(320px, auto);
        grid-template-columns: minmax(320px, auto);
        -ms-grid-rows: initial;
        grid-template-rows: initial;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        grid-column-gap: initial;
        grid-row-gap: 30px;
        padding: 150px 2% 335px 2%;
    }

    #homeHeader-section .tab-item-active {
        border-left: none !important;
        border-bottom: 5px solid #06215b !important;
    }

    #homeHeader-section .tab-img {
        display: none;
    }

    #homeHeader-section .tab-items {
        -ms-grid-rows: initial;
        grid-template-rows: initial;
        -ms-grid-columns: 1fr [6];
        grid-template-columns: repeat(6, 1fr);
        grid-row-gap: initial;
        grid-column-gap: 8px;
    }

        #homeHeader-section .tab-items > .tab-item {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: initial;
            grid-template-columns: initial;
            -ms-grid-rows: 50px auto;
            grid-template-rows: 50px auto;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-left: none;
            border-bottom: 5px solid rgba(6, 33, 91, 0.1);
        }

            #homeHeader-section .tab-items > .tab-item > svg {
                justify-self: baseline;
            }

            #homeHeader-section .tab-items > .tab-item > p {
                margin-bottom: 7px !important;
            }

    #homeHeader-section .tab-contents > h1 {
        text-align: center;
        position: absolute;
        top: 50px;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        display: inline-table;
        margin: 0;
    }
}

@media screen and (max-width: 600px) {
    #homeHeader-section .tabs {
        position: relative;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        -ms-grid-rows: auto [3];
        grid-template-rows: repeat(3, auto);
        -ms-grid-rows: initial;
        grid-template-rows: initial;
        grid-column-gap: initial;
        grid-row-gap: 30px;
        padding: 10px 2% 170px 2%;
    }

    #homeHeader-section .tab-item-active {
        border-left: none !important;
        border-bottom: 5px solid #06215b !important;
    }

    #homeHeader-section .tab-img {
        -ms-grid-column-align: end;
        justify-self: end;
        -webkit-transform: translate(3%, 0%);
        transform: translate(3%, 0%);
        margin-bottom: 60px;
    }

    #homeHeader-section .tab-items {
        -ms-grid-rows: initial;
        grid-template-rows: initial;
        -ms-grid-columns: 1fr [6];
        grid-template-columns: repeat(6, 1fr);
        grid-row-gap: initial;
        grid-column-gap: 8px;
    }

        #homeHeader-section .tab-items > .tab-item {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: initial;
            grid-template-columns: initial;
            -ms-grid-rows: 50px auto;
            grid-template-rows: 50px auto;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-left: none;
            border-bottom: 5px solid rgba(6, 33, 91, 0.1);
        }

            #homeHeader-section .tab-items > .tab-item > svg {
                width: 40px;
            }

            #homeHeader-section .tab-items > .tab-item > p {
                display: none;
            }

    #homeHeader-section .tab-contents > div > div > h3 {
        text-align: center;
    }

    #homeHeader-section .tab-contents > h1 {
        position: absolute;
        top: 250px;
        left: 10%;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        margin: 0;
        max-width: 320px;
    }

    .tab-contents > div > div > a {
        -ms-grid-column-align: end;
        justify-self: end;
    }
}

/* Why Factumsoft? Section */
#whyFactum-section {
    background-color: rgba(0, 37, 78, 0.98);
    color: #fff;
}

    #whyFactum-section > div {
        position: relative;
        padding-top: 110px;
        padding-bottom: 100px;
    }

    #whyFactum-section .img-notebook {
        position: absolute;
        top: 0%;
        right: 8%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        z-index: 15;
    }

.whyFactum-grid {
    display: -ms-grid;
    display: grid;
    grid-template: "a a a" "b c d";
    -ms-grid-rows: 150px [2];
    grid-template-rows: repeat(2, 150px);
    -ms-grid-columns: 1fr [3];
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 50px;
    grid-column-gap: 20px;
}

    .whyFactum-grid > div:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: a;
    }

    .whyFactum-grid > div:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        grid-area: b;
    }

    .whyFactum-grid > div:nth-child(3) {
        grid-area: c;
    }

    .whyFactum-grid > div:nth-child(4) {
        grid-area: d;
    }

    .whyFactum-grid h1 {
        font-family: Proxima-Nova-Bold;
        font-size: 45px;
        margin: 0;
    }

        .whyFactum-grid h1:after {
            content: '';
            display: block;
            width: 60px;
            border-bottom: 8px solid #B1264D;
            margin-top: 25px;
        }

    .whyFactum-grid h4 {
        font-family: Proxima-Nova-Bold;
        font-size: 20px;
        margin: 0;
    }

        .whyFactum-grid h4:after {
            content: '';
            display: block;
            width: 40px;
            border-bottom: 6px solid #B1264D;
            margin-top: 12px;
            margin-bottom: 18px;
        }

    .whyFactum-grid p {
        font-family: Proxima-Nova-Thin;
        font-size: 16px;
        text-align: justify;
        max-width: 380px;
    }

@media (min-width: 1261px) and (max-width: 1450px) {
    #whyFactum-section > div {
        padding-left: 5%;
        padding-right: 5%;
    }

    #whyFactum-section .img-notebook {
        width: 700px;
        right: 3%;
    }
}

@media (min-width: 601px) and (max-width: 1260px) {
    #whyFactum-section > div {
        padding-left: 3%;
        padding-right: 3%;
        padding-top: 262px;
        padding-bottom: 60px;
    }

    #whyFactum-section .img-notebook {
        width: 715px;
        top: 0%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .whyFactum-grid {
        grid-template: "a" "b" "c" "d";
        -ms-grid-rows: 1fr [4];
        grid-template-rows: repeat(4, 1fr);
        -ms-grid-columns: none;
        grid-template-columns: none;
        grid-row-gap: 50px;
        grid-column-gap: initial;
    }

        .whyFactum-grid > div:nth-child(1) {
            -ms-grid-column-align: center;
            justify-self: center;
        }

        .whyFactum-grid h1:after {
            margin-top: 15px;
            margin-left: auto;
            margin-right: auto;
        }

        .whyFactum-grid p {
            max-width: initial;
        }
}

@media screen and (max-width: 750px) {
    #whyFactum-section .img-notebook {
        width: 340px;
        top: 0%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #whyFactum-section > div {
        padding-left: 3%;
        padding-right: 3%;
        padding-top: 119px;
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 600px) {
    #whyFactum-section > div {
        padding-left: 3%;
        padding-right: 3%;
    }

    .whyFactum-grid {
        grid-template: "a" "b" "c" "d";
        -ms-grid-rows: 100px 1fr [3];
        grid-template-rows: 100px repeat(3, 1fr);
        -ms-grid-columns: none;
        grid-template-columns: none;
        grid-row-gap: 35px;
        grid-column-gap: initial;
    }

        .whyFactum-grid > div:nth-child(1) {
            -ms-grid-column-align: center;
            justify-self: center;
        }

        .whyFactum-grid h1 {
            font-size: 30px;
        }

            .whyFactum-grid h1:after {
                margin-top: 15px;
                margin-left: auto;
                margin-right: auto;
            }

        .whyFactum-grid p {
            font-size: 18px;
            max-width: initial;
        }
}

@media screen and (max-width: 400px) {
    #whyFactum-section .img-notebook {
        width: 290px;
    }
}

/* Craft Section */
.craft-inner {
    padding-top: 160px;
    padding-bottom: 160px;
}

    .craft-inner h1 {
        margin-top: 0;
        margin-bottom: 50px;
        max-width: 570px;
        font-family: Proxima-Nova-Extrabold;
        font-size: 40px;
        line-height: 49px;
        letter-spacing: 1px;
    }

    .craft-inner > .tabs {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        grid-row-gap: 60px;
    }

    .craft-inner .tab-item-active {
        border-bottom: 5px solid #06215B !important;
    }

        .craft-inner .tab-item-active > svg {
            fill: #06215B !important;
        }

        .craft-inner .tab-item-active > p {
            color: #06215B !important;
            font-family: Proxima-Nova-Black !important;
        }

#tab-items2 {
    -ms-grid-rows: initial;
    grid-template-rows: initial;
    grid-row-gap: initial;
    -ms-grid-columns: 1fr [11];
    grid-template-columns: repeat(11, 1fr);
    grid-column-gap: 8px;
    user-select: none;
    -webkit-user-select: none;
}

    #tab-items2 > .tab-item {
        -ms-grid-columns: initial;
        grid-template-columns: initial;
        -ms-grid-rows: 60px 40px;
        grid-template-rows: 60px 40px;
        border-left: none;
        border-bottom: 5px solid #E6E8F1;
    }

        #tab-items2 > .tab-item > svg {
            justify-self: baseline;
        }

        #tab-items2 > .tab-item > p {
            font-family: Proxima-Nova;
            -ms-flex-item-align: baseline;
            align-self: baseline;
        }

#tab-contents2 > .tab-content {
    position: relative;
}

#tab-contents2 .tab-content-img {
    background-size: auto;
    background-position: left;
    width: auto;
    height: 559px;
}

#tab-contents2 .construct {
    background: url("/public/images/industries/img_construction.jpg") no-repeat;
}

#tab-contents2 .law {
    background: url("/public/images/industries/img_law.jpg") no-repeat;
}

#tab-contents2 .finance {
    background: url("/public/images/industries/img_finance.jpg") no-repeat;
}

#tab-contents2 .distribution {
    background: url("/public/images/industries/img_distribution.jpg") no-repeat;
}

#tab-contents2 .manufactur {
    background: url("/public/images/industries/img_manufacturing.jpg") no-repeat;
}

#tab-contents2 .health {
    background: url("/public/images/industries/img_healthcare.jpg") no-repeat;
}

#tab-contents2 .education {
    background: url("/public/images/industries/img_education.jpg") no-repeat;
}

#tab-contents2 .insurance {
    background: url("/public/images/industries/img_insurance.jpg") no-repeat;
}

#tab-contents2 .hospitality {
    background: url("/public/images/industries/img_hospitality.jpg") no-repeat;
}

#tab-contents2 .retail {
    background: url("/public/images/industries/img_retail.jpg") no-repeat;
}

#tab-contents2 .sector {
    background: url("/public/images/industries/img_public_sector.jpg") no-repeat;
}

.content-change-LR {
    position: absolute;
    background-color: rgba(7, 39, 87, 0.9);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 74px 74px;
    grid-template-columns: 74px 74px;
    -ms-grid-rows: 79px;
    grid-template-rows: 79px;
    cursor: pointer;
}

.content-arrowL, .content-arrowR {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .content-arrowL:hover, .content-arrowR:hover {
        background-color: rgba(7, 39, 87, 0.9);
    }

.content-change {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 601px;
    height: 480px;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 10px -1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 10px -1px rgba(0, 0, 0, 0.5);
}

    .content-change > a {
        background-color: #932545;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        grid-column-gap: 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 180px;
        height: 50px;
        position: absolute;
        bottom: 0;
        right: 0;
        text-decoration: none;
        font-size: 18px;
        color: #fff !important;
    }

        .content-change > a:hover, .content-change > a:focus {
            text-decoration: none;
            background-color: #751539;
        }

        .content-change > a > div {
            font-family: Proxima-Nova-Bold;
            display: inline;
        }

    .content-change > .content-text {
        padding: 10% 8% 0% 8%;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 50px auto 215px;
        grid-template-rows: 50px auto 215px;
        grid-row-gap: 24px;
    }

        .content-change > .content-text > svg {
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        }

        .content-change > .content-text > h2 {
            margin: 0;
        }

        .content-change > .content-text > p {
            font-size: 17px;
            line-height: 27px;
            text-align: justify;
        }

@media (min-width: 601px) and (max-width: 1400px) {
    .craft-inner {
        padding-top: 50px;
        padding-bottom: 130px;
        padding-left: 3% !important;
        padding-right: 3% !important;
    }

        .craft-inner > .tabs {
            -ms-grid-rows: initial;
            grid-template-rows: initial;
            grid-row-gap: initial;
            -ms-grid-columns: auto auto;
            grid-template-columns: auto auto;
            grid-column-gap: 20px;
        }

        .craft-inner .tab-item-active {
            border-bottom: none !important;
            border-left: 5px solid #06215B !important;
        }

            .craft-inner .tab-item-active > svg {
                stroke: none !important;
            }

            .craft-inner .tab-item-active > p {
                font-family: Proxima-Nova-Bold !important;
            }

    #tab-items2 {
        -ms-grid-rows: 65px [11];
        grid-template-rows: repeat(11, 65px);
        grid-row-gap: 20px;
        -ms-grid-columns: initial;
        grid-template-columns: initial;
        grid-column-gap: initial;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

        #tab-items2 > .tab-item {
            -ms-grid-columns: 55px 130px;
            grid-template-columns: 55px 130px;
            grid-column-gap: 10px;
            -ms-grid-rows: initial;
            grid-template-rows: initial;
            border-left: 5px solid #E6E8F1;
            border-bottom: none !important;
        }

            #tab-items2 > .tab-item > svg {
                -ms-grid-column-align: center;
                justify-self: center;
            }

            #tab-items2 > .tab-item > p {
                font-size: 18px;
                -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center;
            }

    #tab-contents2 > .tab-content {
        position: initial;
        display: -ms-grid;
        display: grid;
    }

        #tab-contents2 > .tab-content .tab-content-img {
            background-size: cover;
            background-position: center;
            height: 508px;
        }

    .content-change-LR {
        display: none;
    }

    .content-change {
        position: relative;
        width: auto;
        height: 508px;
    }

        .content-change > .content-text {
            padding: 5% 5% 0% 5%;
            display: -ms-grid;
            display: grid;
            -ms-grid-rows: 50px auto auto;
            grid-template-rows: 50px auto auto;
            grid-row-gap: 10px;
        }
}

@media screen and (max-width: 600px) {
    .craft-inner {
        padding-top: 65px;
        padding-bottom: 65px;
        padding-left: 3% !important;
        padding-right: 3% !important;
    }

        .craft-inner h1 {
            margin-bottom: 48px;
            font-size: 30px;
            line-height: 37px;
        }

        .craft-inner > .tabs {
            -ms-grid-rows: initial;
            grid-template-rows: initial;
            grid-row-gap: initial;
            -ms-grid-columns: auto;
            grid-template-columns: auto;
            grid-column-gap: initial;
        }

        .craft-inner .tab-item-active {
            border-bottom: none !important;
            border-left: none !important;
            display: none;
        }

    #tab-items2 {
        display: none;
    }

    #tab-contents2 {
        display: none;
    }

    #mobile-tab-items2 {
        display: -ms-grid !important;
        display: grid !important;
    }

        #mobile-tab-items2 > a {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 70px 1fr 30px;
            grid-template-columns: 70px 1fr 30px;
            grid-column-gap: 10px;
            -ms-grid-rows: 75px;
            grid-template-rows: 75px;
            border-top: 1px solid rgba(6, 33, 91, 0.5);
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-decoration: none;
        }

            #mobile-tab-items2 > a:hover {
                text-decoration: none;
            }

            #mobile-tab-items2 > a:last-child {
                border-bottom: 1px solid rgba(6, 33, 91, 0.5);
            }

            #mobile-tab-items2 > a > svg {
                -ms-grid-column-align: center;
                justify-self: center;
            }

                #mobile-tab-items2 > a > svg:first-child {
                    fill: #06215B;
                    stroke: none;
                }

            #mobile-tab-items2 > a > p {
                color: #0B1A21;
                font-family: Proxima-Nova-Bold;
                font-size: 18px;
                letter-spacing: 1px;
            }
}

/* Testimotionals Section */
.testimonials-inner {
    height: 707px;
    position: relative;
}

.testimonials-bg-color {
    height: 390px;
    background-color: rgba(5, 41, 81, 0.1);
}

.absolute-test-inner {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    overflow: hidden;
}

    .absolute-test-inner > h1 {
        font-family: Proxima-Nova-Extrabold;
        font-size: 40px;
        text-align: center;
        margin: auto 3% 56px 3%;
    }

/*custom owl carousel props*/
#owl1 .owl-stage-outer {
    overflow: initial !important;
}

#owl1 .owl-item {
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
}

#owl1 .owl-dots {
    margin-top: 50px;
}

    #owl1 .owl-dots .owl-dot:focus {
        outline: none;
    }

    #owl1 .owl-dots .owl-dot span {
        border-radius: initial !important;
        width: 50px !important;
        height: 6px !important;
        background: #E6E8F1;
    }

    #owl1 .owl-dots .owl-dot.active span, #owl1 .owl-dots .owl-dot:hover span {
        background: #06215B;
    }

#owl1 .owl-container {
    position: relative;
    height: 370px;
}

    #owl1 .owl-container > .view-case-link {
        position: absolute;
        right: 0;
        bottom: 0;
    }

#owl1 .owl-inner {
    position: relative;
    margin: 5% 5% 0% 5%;
    padding-left: 55px;
    padding-right: 55px;
}

    #owl1 .owl-inner > svg:first-child {
        width: 50px;
        position: absolute;
        top: 0;
        left: 0;
    }

    #owl1 .owl-inner > svg:last-child {
        width: 50px;
        position: absolute;
        bottom: 10%;
        right: 0;
    }

#owl1 .owl-inner-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 80px 150px 65px;
    grid-template-rows: 80px 150px 65px;
}

    #owl1 .owl-inner-content img {
        -ms-grid-column-align: center;
        justify-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        width: initial !important;
    }

    #owl1 .owl-inner-content > p:nth-child(2) {
        font-size: 17px !important;
        line-height: 26px;
        text-align: justify;
    }

    #owl1 .owl-inner-content > p:nth-child(3) {
        font-family: Proxima-Nova-Bold;
        font-size: 18px;
        line-height: 26px;
    }

#owl1 .view-case-link {
    width: 205px;
    height: 50px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    grid-column-gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    #owl1 .view-case-link > p {
        font-family: Proxima-Nova-Bold;
        font-size: 18px;
    }

/* end custom owl carousel props*/
@media (min-width: 701px) and (max-width: 1400px) {
    .testimonials-inner {
        height: 769px;
    }

    .testimonials-bg-color {
        height: 479px;
    }
    /*custom owl carousel props*/
    #owl1 .owl-dots {
        margin-top: 58px;
    }

        #owl1 .owl-dots .owl-dot span {
            width: 70px !important;
            height: 6px !important;
        }

    #owl1 .owl-container {
        height: 355px;
    }

    #owl1 .owl-inner {
        position: relative;
        margin: 10px 3% 0% 3%;
        padding-left: 40px;
        padding-right: 40px;
    }

        #owl1 .owl-inner > svg {
            width: 35px !important;
        }

    #owl1 .owl-inner-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 70px 170px 50px;
        grid-template-rows: 70px 170px 50px;
        grid-row-gap: 5px;
    }

        #owl1 .owl-inner-content > p {
            line-height: initial !important;
        }

    #owl1 .view-case-link {
        width: 181px;
        height: 45px;
    }

        #owl1 .view-case-link > p {
            font-family: Proxima-Nova-Bold;
            font-size: 16px;
        }
    /* end custom owl carousel props*/
}

@media screen and (max-width: 700px) {
    .testimonials-inner {
        height: 720px;
    }

    .testimonials-bg-color {
        height: 459px;
    }

    .absolute-test-inner > h1 {
        font-size: 30px;
    }
    /*custom owl carousel props*/
    #owl1 .owl-dots {
        margin-top: 46px;
    }

        #owl1 .owl-dots .owl-dot span {
            width: 50px !important;
            height: 6px !important;
        }

    #owl1 .owl-container {
        height: 410px;
    }

    #owl1 .owl-inner {
        position: relative;
        margin: 10px 3% 0% 3%;
        padding-left: 10px;
        padding-right: 10px;
    }

        #owl1 .owl-inner > svg {
            width: 35px !important;
        }

    #owl1 .owl-inner-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 70px 190px 50px;
        grid-template-rows: 70px 190px 50px;
        grid-row-gap: 5px;
    }

        #owl1 .owl-inner-content > p {
            line-height: initial !important;
        }

    #owl1 .view-case-link {
        width: 181px;
        height: 45px;
    }

        #owl1 .view-case-link > p {
            font-family: Proxima-Nova-Bold;
            font-size: 16px;
        }
    /* end custom owl carousel props*/
}

/* Resources Section */
#res-section .resources-container {
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%;
}

#res-section .resources-inner {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    grid-column-gap: 50px;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#res-section .subscribe-content {
    position: relative;
    max-width: 480px;
}

    #res-section .subscribe-content h1 {
        font: 40px/49px Proxima-Nova-Extrabold;
        margin-bottom: 35px;
        text-align: left;
    }

    #res-section .subscribe-content p {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 35px !important;
        text-align: left;
    }

#res-section .form-subscribe {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 153px;
    grid-template-columns: auto 153px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

#res-section #txtSubscribe {
    height: 50px;
    margin: 0 !important;
    outline: none !important;
    border: 0.5px solid #222222;
    padding: 5px 10px;
    font-size: 17px;
}

#res-section #btnSubscribe {
    height: 50px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin: 0 !important;
    outline: none !important;
    border: none;
    background-color: #0B2B5A;
    color: #fff;
    text-transform: uppercase;
}

#res-section .blogs-list {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(365px, 440px) [2];
    grid-template-columns: repeat(2, minmax(365px, 440px));
    grid-column-gap: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    #res-section .blogs-list a {
        text-decoration: none;
    }

@media screen and (max-width: 1400px) {
    /* Resources Section */
    #res-section .resources-container {
        position: relative;
        padding: 5% 4%;
    }

    #res-section .resources-inner {
        grid-column-gap: 30px;
    }
}

@media screen and (max-width: 1280px) {
    #res-section .resources-inner {
        position: relative;
        display: -ms-grid;
        display: grid;
        grid-template-areas: "a" "b";
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        grid-column-gap: initial;
        grid-row-gap: 35px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }

    #res-section .subscribe-content {
        position: static;
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        grid-area: b;
        max-width: 480px;
        justify-self: center;
    }

        #res-section .subscribe-content h1 {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: 0;
            font: 40px/42px Proxima-Nova-Extrabold;
            text-align: center;
        }

        #res-section .subscribe-content p {
            font-size: 17px;
            line-height: 27px;
            margin-bottom: 10px !important;
        }

    #res-section .form-subscribe {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 153px;
        grid-template-columns: auto 153px;
    }

    #res-section #txtSubscribe {
        height: 50px;
        margin: 0 !important;
        outline: none !important;
        border: 0.5px solid #222222;
        padding: 5px 10px;
        font-size: 17px;
    }

    #res-section #btnSubscribe {
        height: 50px;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.5px;
        margin: 0 !important;
        outline: none !important;
        border: none;
        background-color: #0B2B5A;
        color: #fff;
        text-transform: uppercase;
    }

    #res-section .blogs-list {
        position: relative;
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: a;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, minmax(290px, 440px));
        grid-column-gap: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 90px;
    }

    #res-section .blog-small .card {
        min-height: 230px;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
}

@media screen and (max-width: 768px) {
    #res-section .resources-inner {
        grid-row-gap: 20px;
    }

    #res-section .subscribe-content {
        max-width: 500px;
    }

        #res-section .subscribe-content h1 {
            font: 30px/37px Proxima-Nova-Extrabold;
        }

        #res-section .subscribe-content a {
            display: block !important;
            font: 18px/22px Proxima-Nova-Bold;
            letter-spacing: 0.25px;
            text-align: center;
            margin-bottom: 45px;
        }

        #res-section .subscribe-content p {
            font-size: 17px;
            line-height: 27px;
            margin-bottom: 20px !important;
        }

    #res-section .form-subscribe {
        -ms-grid-columns: minmax(170px, auto) auto;
        grid-template-columns: minmax(170px, auto) auto;
    }

    #res-section #btnSubscribe {
        font-family: Proxima-Nova-Bold;
        font-size: 17px;
        line-height: 21px;
        padding: 0 14px;
    }

    #res-section .blogs-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: initial;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 85px;
    }

        #res-section .blogs-list .blog-small:last-child {
            display: none;
        }
}

/* Contact Section */
#contact-section {
    background: url("/public/images/contact_section_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
}

.contact-container {
    padding: 5% 4%;
    text-align: center;
    font-size: 18px;
}

    .contact-container h4 {
        font-family: Proxima-Nova-Bold;
        font-size: 40px !important;
    }

    .contact-container h5 {
        font-family: Proxima-Nova-Bold;
        font-size: 30px !important;
    }

.contact_inputs {
    height: 45px;
    width: 100%;
    border: none;
    background-color: rgba(255, 255, 255, 0.3);
    outline: none;
    border: 2px solid transparent;
    padding: 0 10px;
}

    .contact_inputs:focus, .contact_inputs:hover {
        outline: none;
        border: 2px solid rgba(0, 136, 255, 0.5);
    }

.btn-submit {
    max-width: 500px;
    height: 60px;
    background-color: #932545;
    border: none;
    color: white;
    font-family: Proxima-Nova-Bold;
    font-size: 21px;
    text-transform: uppercase;
}

    .btn-submit:hover {
        background-color: #751539;
        color: #FDFDFE;
    }

.lbl-text {
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: normal !important;
    opacity: 0.8;
}

    .lbl-text > span {
        color: #E23364;
    }

.contact-form {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 1.5em !important;
}

.row-div {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 150px minmax(300px, 400px);
    grid-template-columns: 150px minmax(300px, 400px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .row-div #checkPrivacy {
        text-align: left;
        grid-column: 2 / -1 !important;
    }

        .row-div #checkPrivacy .checkmark {
            background-color: rgba(255, 255, 255, 0.2);
        }

    .row-div:nth-last-child(1) input {
        grid-column: 2/-1;
        outline: none;
    }

@media screen and (max-width: 500px) {
    .contact-container {
        padding: 10% 4%;
    }

        .contact-container h4 {
            font-size: 30px !important;
        }

        .contact-container h5 {
            font-size: 25px !important;
        }

    .row-div {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

        .row-div:nth-last-child(1) input {
            grid-column: initial;
        }

        .row-div #checkPrivacy {
            text-align: left;
            grid-column: initial !important;
        }

            .row-div #checkPrivacy .checkmark {
                background-color: rgba(255, 255, 255, 0.2);
            }
}

/* ===== End of Home Page ===== */
/* =========================
          Contact Page 
   ========================= */
#contact-page .page-bg {
    position: relative;
    height: 588px;
    background: url("/public/images/contact_us/factumsoft_office.jpg") no-repeat;
    background-size: cover;
    background-position: 80%;
}

#contact-page h1 {
    font-family: Proxima-Nova-Extrabold;
    font-size: 30px;
}

#contact-page .link {
    font-family: Proxima-Nova-Extrabold;
    font-size: 20px;
}

#contact-page .caption {
    margin-bottom: 64px;
}

#contact-page .content {
    background: url("/public/images/contact_us/world_map.jpg") no-repeat;
    background-size: auto;
    background-position: 50% 200%;
}

/* The Privacy checkbox container*/
#checkPrivacy {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    grid-column: 2 / -1;
}

    /* Hide the browser's default checkbox */
    #checkPrivacy input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    #checkPrivacy .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 22px;
        width: 22px;
        background-color: #E8ECF4;
    }

    /* On mouse-over, add a grey background color */
    #checkPrivacy:hover input ~ .checkmark {
        border: 2px solid #B1264D;
    }

    /* When the checkbox is checked, change style */
    #checkPrivacy input:checked ~ .checkmark {
        border: 2px solid #B1264D;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    #checkPrivacy .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    #checkPrivacy input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    #checkPrivacy .checkmark:after {
        left: 6px;
        top: 1px;
        width: 7px;
        height: 12px;
        border: solid #B1264D;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

#contact-page .content {
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
    justify-items: center;
}

    #contact-page .content > div:first-child {
        margin-left: 5%;
    }

    #contact-page .content .contact-info {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 80px;
    }

        #contact-page .content .contact-info > div:first-child {
            grid-column: span 2;
        }

        #contact-page .content .contact-info > div h5 {
            font-family: Proxima-Nova-Black;
            font-size: 18px;
            text-transform: uppercase;
        }

            #contact-page .content .contact-info > div h5:after {
                content: '';
                display: -ms-grid;
                display: grid;
                margin-top: 12px;
                margin-bottom: 12px;
                width: 40px;
                border-bottom: 4px solid #B1264D;
            }

        #contact-page .content .contact-info > div p {
            font-size: 17px;
        }

        #contact-page .content .contact-info > div:nth-child(n + 2) {
            padding-bottom: 15px;
            border-bottom: 0.5px solid #0B1A21;
        }

#contact-page-form {
    position: absolute;
    right: 8%;
    top: -30%;
    padding: 3%;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
}

    #contact-page-form > .form-inner {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 130px minmax(300px, 360px);
        grid-template-columns: 130px minmax(300px, 360px);
        grid-column-gap: 5px;
        grid-row-gap: 25px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #contact-page-form > .form-inner h1:first-child {
            grid-column: 2 / -1;
            margin: 0;
            text-align: center;
        }

        #contact-page-form > .form-inner > label {
            font-size: 16px;
        }

        #contact-page-form > .form-inner .contact_inputs {
            width: 100%;
            height: 45px;
            background-color: #E8ECF4;
        }

        #contact-page-form > .form-inner input:last-child {
            grid-column: 2 / -1;
            text-transform: uppercase;
            font-family: Proxima-Nova-Bold;
            font-size: 20px;
            letter-spacing: 1px;
            height: 60px;
        }

@media (min-width: 1201px) and (max-width: 1400px) {
    #contact-page .content {
        padding-left: 4%;
        padding-bottom: 4%;
    }

    #contact-page-form {
        right: 4%;
    }
}

@media (min-width: 601px) and (max-width: 1200px) {
    #contact-page .page-bg {
        height: 410px;
    }

    #contact-page .content {
        padding-left: 4%;
        padding-right: 4%;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-column-gap: initial;
        grid-row-gap: 50px;
        background-position: 10% 25%;
    }

        #contact-page .content > div:first-child {
            margin-left: 0;
        }

    #contact-page-form {
        position: relative;
        right: initial;
        top: initial;
        padding-left: 15%;
        padding-right: 15%;
    }

    #checkPrivacy input:not(:checked) ~ .checkmark {
        border: initial !important;
    }
}

@media screen and (max-width: 600px) {
    #contact-page .page-bg {
        height: 236px;
    }

    #contact-page .content {
        padding-left: 5%;
        padding-right: 5%;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-column-gap: initial;
        grid-row-gap: 50px;
        background-size: 680px auto;
        background-position: 10% 30%;
    }

        #contact-page .content > div:first-child {
            margin-left: 0;
        }

        #contact-page .content .contact-info {
            -ms-grid-columns: initial;
            grid-template-columns: initial;
            -ms-grid-rows: auto 1fr 1fr;
            grid-template-rows: auto 1fr 1fr;
            grid-column-gap: initial;
            grid-row-gap: 10px;
        }

            #contact-page .content .contact-info > div:first-child {
                grid-column: auto;
            }

    #contact-page-form {
        position: relative;
        right: initial;
        top: initial;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        padding: 5% 0;
    }

        #contact-page-form > .form-inner {
            -ms-grid-columns: minmax(300px, 600px);
            grid-template-columns: minmax(300px, 600px);
            grid-column-gap: initial;
            grid-row-gap: initial;
        }

            #contact-page-form > .form-inner h1:first-child,
            #contact-page-form > .form-inner input:last-child,
            #checkPrivacy {
                grid-column: auto;
            }

            #contact-page-form > .form-inner h1:first-child,
            #contact-page-form > .form-inner > .contact_inputs,
            #checkPrivacy {
                margin-bottom: 17px !important;
            }

                #checkPrivacy input:not(:checked) ~ .checkmark {
                    border: initial !important;
                }
}

/* ===== End of Contact Page ===== */
/* =========================
      Factumsoft ERP Page 
   ========================= */
#modules {
    position: relative;
    background: url("/public/images/factumsoft-erp/business_background.jpg") no-repeat;
    background-position: right;
    background-size: cover;
}

    /* ERP-Modules Section */
    #modules > .erp-modules-inner {
        position: relative;
        padding-top: 5%;
        padding-bottom: 6%;
    }

        #modules > .erp-modules-inner > h1:after {
            content: '';
            display: block;
            width: 60px;
            border-bottom: 6px solid #B1264D;
            margin-top: 10px;
            margin-bottom: 35px;
        }

        #modules > .erp-modules-inner > p {
            max-width: 646px;
            margin-bottom: 45px !important;
            text-align: justify;
        }

        #modules > .erp-modules-inner > h2 {
            margin-bottom: 35px;
        }

        #modules > .erp-modules-inner > ul {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: minmax(227px, auto) [auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(227px, auto));
            grid-column-gap: 20px;
            grid-row-gap: 40px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            #modules > .erp-modules-inner > ul li a {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: 227px;
                grid-template-columns: 227px;
                -ms-grid-rows: 227px 45px;
                grid-template-rows: 227px 45px;
                grid-row-gap: 15px;
                cursor: pointer;
                text-decoration: none;
            }

            #modules > .erp-modules-inner > ul li:hover .img:after,
            #modules > .erp-modules-inner > ul li:focus .img:after {
                opacity: 0;
            }

            #modules > .erp-modules-inner > ul li a p:hover,
            #modules > .erp-modules-inner > ul li a p:focus {
                color: #072757;
                text-decoration: none;
            }

            #modules > .erp-modules-inner > ul li a > .img {
                background-position: left !important;
                background-size: contain !important;
            }

                #modules > .erp-modules-inner > ul li a > .img:after {
                    content: '';
                    display: block;
                    width: 227px;
                    height: 227px;
                    background-color: #0C2251;
                    opacity: 0.15;
                    -webkit-transition: 0.5s all;
                    transition: 0.5s all;
                }

            #modules > .erp-modules-inner > ul li a > p {
                position: relative;
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: 20px auto;
                grid-template-columns: 20px auto;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
            }

                #modules > .erp-modules-inner > ul li a > p:before {
                    content: '';
                    height: 6px;
                    margin-top: 8px;
                    border-left: 10px solid #B1264D;
                }

/* Your ERP Section */
#your-erp {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

    #your-erp > .img {
        background-position: right !important;
        background-size: cover !important;
    }

    #your-erp > .content {
        padding: 6% 8%;
        background-color: rgba(152, 162, 178, 0.2);
    }

        #your-erp > .content > h1:after {
            content: '';
            display: block;
            width: 60px;
            border-bottom: 6px solid #B1264D;
            margin: 15px 0;
        }

        #your-erp > .content > p {
            max-width: 625px;
            text-align: justify;
        }

/* ERP Process Section */
#process {
    position: relative;
}

    #process > .process-inner {
        position: relative;
        padding: 9% 10% 5% 10%;
        display: -ms-grid;
        display: grid;
        grid-row-gap: 80px;
    }

        #process > .process-inner > .title {
            position: relative;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: minmax(450px, 1fr) [auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
            grid-column-gap: 20px;
            grid-row-gap: 20px;
        }

            #process > .process-inner > .title > h1 {
                max-width: 555px;
            }

        #process > .process-inner > .process-demo {
            position: relative;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: minmax(351px, 412px) [3];
            grid-template-columns: repeat(3, minmax(351px, 412px));
            grid-column-gap: 10px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            border-top: 1px solid #06215B;
        }

            #process > .process-inner > .process-demo > div {
                position: relative;
            }

                #process > .process-inner > .process-demo > div:before {
                    content: '';
                    display: block;
                    width: 11px;
                    height: 11px;
                    background-color: #06215B;
                    -webkit-transform: translateY(-6px);
                    transform: translateY(-6px);
                }

                #process > .process-inner > .process-demo > div > h1 {
                    margin: 10px 0;
                }

                    #process > .process-inner > .process-demo > div > h1:after {
                        content: '';
                        display: block;
                        width: 50px;
                        border-bottom: 6px solid #B1264D;
                        margin: 18px 0;
                    }

                #process > .process-inner > .process-demo > div h3 {
                    max-width: 351px;
                }

                #process > .process-inner > .process-demo > div ul {
                    font-size: 18px;
                    display: -ms-grid;
                    display: grid;
                    margin: 0;
                }

                    #process > .process-inner > .process-demo > div ul li {
                        display: -ms-grid;
                        display: grid;
                        -ms-grid-columns: auto auto;
                        grid-template-columns: auto auto;
                        grid-column-gap: 15px;
                        -webkit-box-align: baseline;
                        -ms-flex-align: baseline;
                        align-items: baseline;
                        -webkit-box-pack: left;
                        -ms-flex-pack: left;
                        justify-content: left;
                    }

                        #process > .process-inner > .process-demo > div ul li:before {
                            content: '';
                            display: inline-block;
                            width: 6px;
                            height: 6px;
                            background-color: #B1264D;
                            -webkit-transform: translateY(-50%);
                            transform: translateY(-50%);
                        }

            #process > .process-inner > .process-demo > svg {
                position: absolute;
                top: 5px;
                right: 0;
                -webkit-transform: translate(24px, -100%);
                transform: translate(24px, -100%);
                z-index: -1;
            }

/* ERP Industry Section */
.erp-industries > .craft-inner {
    padding-top: 80px;
}

    .erp-industries > .craft-inner > h1 {
        font-family: Proxima-Nova-Black;
        font-size: 45px;
        margin-bottom: 40px;
        max-width: 660px;
    }

    .erp-industries > .craft-inner > p {
        font-size: 20px;
        margin-bottom: 40px !important;
        max-width: 660px;
        text-align: justify;
    }

@media (min-width: 601px) and (max-width: 1400px) {
    /* ERP Process Section */
    #process > .process-inner {
        padding: 9% 4% 5% 4%;
    }
}

@media (min-width: 601px) and (max-width: 1200px) {
    /* ERP-Modules Section */
    #modules > .erp-modules-inner {
        padding: 6% 4% 3.5% 4%;
    }

        #modules > .erp-modules-inner > h1 {
            font-size: 40px !important;
        }

        #modules > .erp-modules-inner > ul {
            -ms-grid-columns: minmax(205px, auto) [auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(205px, auto));
        }

            #modules > .erp-modules-inner > ul li a {
                -ms-grid-columns: 205px;
                grid-template-columns: 205px;
                -ms-grid-rows: 205px 45px;
                grid-template-rows: 205px 45px;
            }

                #modules > .erp-modules-inner > ul li a > .img:after {
                    width: 205px;
                    height: 205px;
                }
    /* Your ERP Section */
    #your-erp {
        -ms-grid-columns: initial;
        grid-template-columns: initial;
        -ms-grid-rows: 1fr 360px;
        grid-template-rows: 1fr 360px;
        grid-template-areas: "a" "b";
    }

        #your-erp > .img {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
            grid-area: b;
            background-position: right !important;
            background-size: cover !important;
        }

        #your-erp > .content {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
            grid-area: a;
            padding: 6% 4%;
        }

            #your-erp > .content > h1 {
                font-size: 40px;
            }

                #your-erp > .content > h1:after {
                    width: 60px;
                    margin: 18px 0;
                }

            #your-erp > .content > p {
                max-width: initial;
            }
    /* ERP Process Section */
    #process > .process-inner {
        padding: 5% 4% 7% 4%;
        grid-row-gap: 30px;
    }

        #process > .process-inner > .title {
            -ms-grid-columns: auto;
            grid-template-columns: auto;
            grid-column-gap: initial;
            grid-row-gap: 15px;
        }

            #process > .process-inner > .title > h1 {
                max-width: initial;
                font-size: 36px !important;
            }

        #process > .process-inner > .process-demo {
            -ms-grid-columns: auto;
            grid-template-columns: auto;
            grid-column-gap: initial;
            grid-row-gap: 30px;
            -webkit-box-pack: initial;
            -ms-flex-pack: initial;
            justify-content: initial;
            -ms-flex-line-pack: justify;
            align-content: space-between;
            border-top: none;
            border-left: 1px solid #06215B;
        }

            #process > .process-inner > .process-demo > div:before {
                position: absolute;
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-transform: translate(-44px, 0);
                transform: translate(-44px, 0);
                /* for this it will be 38px + 6px*/
            }

            #process > .process-inner > .process-demo > div {
                margin-left: 38px;
                /* for dot it will be 38px + 6px*/
            }

                #process > .process-inner > .process-demo > div > h1 {
                    margin: 10px 0;
                    -webkit-transform: translate(0, -45%);
                    transform: translate(0, -45%);
                }

                    #process > .process-inner > .process-demo > div > h1:after {
                        margin-top: 6px;
                        margin-bottom: 18px;
                    }

                    #process > .process-inner > .process-demo > div > h1 > span {
                        font-size: 15px !important;
                    }

                #process > .process-inner > .process-demo > div h3 {
                    max-width: initial;
                    margin-top: 0;
                    -webkit-transform: translateY(-30px);
                    transform: translateY(-30px);
                }

                #process > .process-inner > .process-demo > div p {
                    font-size: 17px !important;
                    -webkit-transform: translateY(-30px);
                    transform: translateY(-30px);
                }

            #process > .process-inner > .process-demo > svg {
                position: relative;
                top: initial;
                right: initial;
                -webkit-transform: translate(-13px, 0);
                transform: translate(-13px, 0);
                z-index: 10;
            }
    /* ERP Industry Section */
    .erp-industries > .craft-inner > h1 {
        font-family: Proxima-Nova-Black;
        font-size: 40px;
        margin-bottom: 35px;
    }

    .erp-industries > .craft-inner > p {
        font-size: 18px;
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 720px) {
    /* ERP-Modules Section */
    #modules > .erp-modules-inner > ul {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
}

@media screen and (max-width: 600px) {
    /* ERP-Modules Section */
    #modules > .erp-modules-inner {
        padding: 6% 4% 3.5% 4%;
    }

        #modules > .erp-modules-inner > h1 {
            font-size: 35px !important;
        }

        #modules > .erp-modules-inner p {
            font-size: 18px !important;
        }

        #modules > .erp-modules-inner > ul {
            -ms-grid-columns: minmax(165px, auto) [auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(165px, auto));
            grid-row-gap: 10px;
        }

            #modules > .erp-modules-inner > ul li a {
                -ms-grid-columns: 165px;
                grid-template-columns: 165px;
                -ms-grid-rows: 165px 60px;
                grid-template-rows: 165px 60px;
                grid-row-gap: 10px;
            }

                #modules > .erp-modules-inner > ul li a > .img:after {
                    width: 165px;
                    height: 165px;
                }
    /* Your ERP Section */
    #your-erp {
        -ms-grid-columns: initial;
        grid-template-columns: initial;
        -ms-grid-rows: 225px 1fr;
        grid-template-rows: 225px 1fr;
        grid-template-areas: "a" "b";
    }

        #your-erp > .img {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
            grid-area: a;
            background-position: right !important;
            background-size: cover !important;
        }

        #your-erp > .content {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
            grid-area: b;
            padding: 5% 4%;
        }

            #your-erp > .content > h1 {
                font-size: 35px;
            }

                #your-erp > .content > h1:after {
                    width: 50px;
                    margin: 18px 0;
                }

            #your-erp > .content > p {
                max-width: initial;
            }
    /* ERP Process Section */
    #process > .process-inner {
        padding: 45px 4% 75px 4%;
        grid-row-gap: 60px;
    }

        #process > .process-inner > .title {
            -ms-grid-columns: auto;
            grid-template-columns: auto;
            grid-column-gap: initial;
            grid-row-gap: 15px;
        }

            #process > .process-inner > .title > h1 {
                max-width: initial;
                font-size: 36px !important;
            }

                #process > .process-inner > .title > h1:after {
                    content: '';
                    display: block;
                    width: 50px;
                    border-bottom: 6px solid #B1264D;
                    margin: 10px 0 19px 0;
                }

        #process > .process-inner > .process-demo {
            -ms-grid-columns: auto;
            grid-template-columns: auto;
            grid-column-gap: initial;
            grid-row-gap: 30px;
            -webkit-box-pack: initial;
            -ms-flex-pack: initial;
            justify-content: initial;
            -ms-flex-line-pack: justify;
            align-content: space-between;
            border-top: none;
            border-left: 1px solid #06215B;
        }

            #process > .process-inner > .process-demo > div:before {
                position: absolute;
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-transform: translate(-26px, 0);
                transform: translate(-26px, 0);
                /* for this it will be 38px + 6px*/
            }

            #process > .process-inner > .process-demo > div {
                margin-left: 20px;
                /* for dot it will be 38px + 6px*/
            }

                #process > .process-inner > .process-demo > div > h1 {
                    margin: 10px 0;
                    -webkit-transform: translate(0, -45%);
                    transform: translate(0, -45%);
                }

                    #process > .process-inner > .process-demo > div > h1:after {
                        margin-top: 6px;
                        margin-bottom: 18px;
                    }

                    #process > .process-inner > .process-demo > div > h1 > span {
                        font-size: 15px !important;
                    }

                #process > .process-inner > .process-demo > div h3 {
                    max-width: initial;
                    margin-top: 0;
                    -webkit-transform: translateY(-30px);
                    transform: translateY(-30px);
                }

                #process > .process-inner > .process-demo > div p {
                    font-size: 17px !important;
                    -webkit-transform: translateY(-30px);
                    transform: translateY(-30px);
                }

            #process > .process-inner > .process-demo > svg {
                position: relative;
                top: initial;
                right: initial;
                -webkit-transform: translate(-13px, 0);
                transform: translate(-13px, 0);
                z-index: 10;
            }
    /* ERP Industry Section */
    .erp-industries > .craft-inner > h1 {
        font-family: Proxima-Nova-Black;
        font-size: 35px;
        margin-bottom: 30px;
    }

    .erp-industries > .craft-inner > p {
        font-size: 18px;
        margin-bottom: 25px !important;
    }
}

/* ===== End of Factumsoft ERP Page ===== */
/* =========================
     Factumsoft ERP Modules 
   ========================= */
/* Heading Section */
#module .headingSection {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 800px;
    height: 93vh;
}

    #module .headingSection .img {
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    #module .headingSection .text {
        background-color: rgba(255, 255, 255, 0.9);
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto [3];
        grid-template-rows: repeat(3, auto);
        -ms-flex-line-pack: center;
        align-content: center;
        padding: 15px 60px;
    }

        #module .headingSection .text > svg {
            width: 69px;
            padding-bottom: 35px;
            border-bottom: 8px solid #B1264D;
        }

        #module .headingSection .text > h1 {
            margin-top: 32px;
            font-family: Proxima-Nova-Extrabold;
            font-size: 40px;
        }

        #module .headingSection .text > p {
            font-size: 20px;
            max-width: 604px;
            text-align: justify;
        }

/*Images*/
#module .bi-reports-head {
    background-image: url("/public/images/factumsoft-erp/bi-reports/bi-large.jpg");
}

#module .crm-head {
    background-image: url("/public/images/factumsoft-erp/crm-sales/crm-large.jpg");
}

#module .finance-head {
    background-image: url("/public/images/factumsoft-erp/finance/finance-large.jpg");
}

#module .hr-head {
    background-image: url("/public/images/factumsoft-erp/hr/hr-large.jpg");
}

#module .inventory-head {
    background-image: url("/public/images/factumsoft-erp/inventory/inventory-large.jpg");
}

#module .document-head {
    background-image: url("/public/images/factumsoft-erp/document/document-large.jpg");
}

/* Benefit Section */
#module .benefitSection {
    background-color: #E5E9ED;
    padding: 105px 4%;
}

    #module .benefitSection > h1 {
        font-family: Proxima-Nova-Extrabold;
        font-size: 45px;
        text-align: center;
    }

        #module .benefitSection > h1:after {
            content: '';
            display: block;
            margin: 20px auto 80px;
            width: 60px;
            border-bottom: 8px solid #B1264D;
        }

    #module .benefitSection > .blocks {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 90px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #module .benefitSection > .blocks > div {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-template-areas: "a" "b";
        }

            #module .benefitSection > .blocks > div:nth-child(2n) div:first-child {
                grid-area: span b;
            }

            #module .benefitSection > .blocks > div:nth-child(2n) > div:last-child {
                -ms-grid-row: 1;
                -ms-grid-column: 1;
                grid-area: a;
                display: -ms-grid;
                display: grid;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding-right: 20px;
            }

            #module .benefitSection > .blocks > div:nth-child(2n+1) > div:last-child {
                display: -ms-grid;
                display: grid;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding-left: 20px;
            }

        #module .benefitSection > .blocks .text > ul {
            max-width: 655px;
            font-size: 22px;
            display: -ms-grid;
            display: grid;
            grid-row-gap: 20px;
            margin: 0;
        }

            #module .benefitSection > .blocks .text > ul li {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: auto auto;
                grid-template-columns: auto auto;
                grid-column-gap: 15px;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
            }

                #module .benefitSection > .blocks .text > ul li:before {
                    content: '';
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    background-color: #B1264D;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

/* Features Section */
#module .featureSection {
    padding: 5% 10%;
}

    #module .featureSection > h1 {
        font-family: Proxima-Nova-Black;
        font-size: 45px;
        margin-bottom: 40px;
    }

    #module .featureSection > div {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        grid-column-gap: 30px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #module .featureSection > div > p {
            font-size: 18px;
            max-width: 530px;
        }

            #module .featureSection > div > p > strong {
                font-family: Proxima-Nova-Bold;
                text-transform: uppercase;
            }

        #module .featureSection > div > ul {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: auto [2];
            grid-template-columns: repeat(2, auto);
            grid-row-gap: 20px;
            grid-column-gap: 20px;
        }

            #module .featureSection > div > ul li {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: 25px minmax(250px, auto);
                grid-template-columns: 25px minmax(250px, auto);
                grid-column-gap: 12px;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
            }

                #module .featureSection > div > ul li img {
                    -ms-flex-item-align: baseline;
                    align-self: baseline;
                }

                #module .featureSection > div > ul li p {
                    font-family: Proxima-Nova-Bold;
                    font-size: 20px;
                }

/* Explore Section */
#module .exploreSection {
    background-color: #E5E9ED;
    padding: 5% 10%;
}

    #module .exploreSection .active > div,
    #module .exploreSection a:hover > div {
        border: 2px solid #B1264D !important;
    }

    #module .exploreSection .active > p,
    #module .exploreSection a:hover > p {
        font-family: Proxima-Nova-Extrabold !important;
    }

        #module .exploreSection .active > p:before,
        #module .exploreSection a:hover > p:before {
            background-color: #B1264D !important;
        }

    #module .exploreSection > h1 {
        font-family: Proxima-Nova-Black;
        font-size: 45px;
        margin-bottom: 50px;
    }

    #module .exploreSection > div {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(168px, auto) [auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(168px, auto));
        grid-column-gap: 20px;
        grid-row-gap: 30px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #module .exploreSection > div > a {
            text-decoration: none;
            display: -ms-grid;
            display: grid;
            -ms-grid-rows: auto 85px;
            grid-template-rows: auto 85px;
        }

            #module .exploreSection > div > a .block {
                width: 168px;
                height: 168px;
                background-color: #fff;
                border: 1px solid #BBBFC1;
                display: -ms-grid;
                display: grid;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 20px;
            }

            #module .exploreSection > div > a .blockText {
                max-width: 140px;
                font-family: Proxima-Nova-Bold;
                font-size: 20px;
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: auto auto;
                grid-template-columns: auto auto;
                grid-column-gap: 15px;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
            }

                #module .exploreSection > div > a .blockText:before {
                    content: '';
                    display: inline-block;
                    width: 10px;
                    height: 6px;
                    background-color: #0B1A21;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

@media screen and (max-width: 1300px) {
    #module .headingSection .text {
        padding: 15px 30px;
    }

        #module .headingSection .text h1 {
            margin-top: 15px;
        }

        #module .headingSection .text p {
            line-height: 1.2;
        }
    /* Benefit Section */
    #module .benefitSection {
        padding: 70px 4%;
    }

        #module .benefitSection > .blocks {
            grid-row-gap: 50px;
        }

            #module .benefitSection > .blocks .text > ul {
                font-size: 20px;
                grid-row-gap: 5px;
            }
    /* Features Section */
    #module .featureSection {
        padding: 5% 4%;
    }
}

@media screen and (max-width: 992px) {
    /* Heading Section */
    #module .headingSection {
        background-image: none;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: initial;
        grid-template-columns: initial;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        min-height: initial;
        height: initial;
    }

        #module .headingSection .img {
            min-height: 250px;
            height: 45vh;
            background-position: 50% 75%;
        }
        /*Images*/
        #module .headingSection .img1 {
            background-image: url("/public/images/factumsoft-erp/bi-reports/bi-small.jpg") !important;
        }

        #module .headingSection .img2 {
            background-image: url("/public/images/factumsoft-erp/crm-sales/crm-small.jpg") !important;
        }

        #module .headingSection .img4 {
            background-image: url("/public/images/factumsoft-erp/finance/finance-small.jpg") !important;
        }

        #module .headingSection .img5 {
            background-image: url("/public/images/factumsoft-erp/hr/hr-small.jpg") !important;
        }

        #module .headingSection .img6 {
            background-image: url("/public/images/factumsoft-erp/inventory/inventory-small.jpg") !important;
        }

        #module .headingSection .img3 {
            background-image: url("/public/images/factumsoft-erp/document/document-small.jpg") !important;
        }

        #module .headingSection .text {
            background-color: initial;
            display: block;
            -ms-grid-rows: initial;
            grid-template-rows: initial;
            -ms-flex-line-pack: initial;
            align-content: initial;
            padding: 4%;
        }

            #module .headingSection .text > svg {
                width: 66px;
                padding-bottom: 30px;
            }

            #module .headingSection .text > h1 {
                margin-top: 30px;
                font-size: 40px;
            }

            #module .headingSection .text > p {
                max-width: 900px;
                line-height: 31px;
            }
    /* Benefit Section */
    #module .benefitSection {
        padding: 70px 4%;
    }

        #module .benefitSection > h1 {
            font-size: 40px;
        }

            #module .benefitSection > h1:after {
                margin: 16px auto 20px;
                width: 60px;
                border-bottom: 6px solid #B1264D;
            }

        #module .benefitSection > .blocks {
            grid-row-gap: initial;
        }

            #module .benefitSection > .blocks > div {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: initial;
                grid-template-columns: initial;
                grid-template-areas: initial;
            }

                #module .benefitSection > .blocks > div:nth-child(2n) div:first-child,
                #module .benefitSection > .blocks > div:nth-child(2n+1) div:first-child {
                    grid-area: initial;
                    margin: 40px 0;
                }

                #module .benefitSection > .blocks > div:nth-child(2n) > div:last-child {
                    grid-area: initial;
                    display: -ms-grid;
                    display: grid;
                    -webkit-box-pack: left;
                    -ms-flex-pack: left;
                    justify-content: left;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding-right: initial;
                }

                #module .benefitSection > .blocks > div:nth-child(2n+1) > div:last-child {
                    display: -ms-grid;
                    display: grid;
                    -webkit-box-pack: left;
                    -ms-flex-pack: left;
                    justify-content: left;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding-left: initial;
                }

            #module .benefitSection > .blocks .text > ul {
                max-width: 680px;
                font-size: 20px;
                display: -ms-grid;
                display: grid;
                grid-row-gap: 15px;
                margin: 0;
            }
    /* Features Section */
    #module .featureSection {
        padding: 5% 4%;
    }

        #module .featureSection > h1 {
            font-family: Proxima-Nova-Extrabold;
            font-size: 40px;
            margin-bottom: 10px;
        }

        #module .featureSection > div {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: auto;
            grid-template-columns: auto;
            grid-column-gap: initial;
            -webkit-box-pack: initial;
            -ms-flex-pack: initial;
            justify-content: initial;
        }

            #module .featureSection > div > p {
                font-size: 20px;
                max-width: 580px;
                margin-bottom: 30px !important;
            }

            #module .featureSection > div > ul {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: auto [2];
                grid-template-columns: repeat(2, auto);
                grid-row-gap: 20px;
                grid-column-gap: 10px;
                min-width: 500px;
            }

                #module .featureSection > div > ul li {
                    display: -ms-grid;
                    display: grid;
                    -ms-grid-columns: auto [2];
                    grid-template-columns: repeat(2, auto);
                    grid-column-gap: 8px;
                    -webkit-box-pack: left;
                    -ms-flex-pack: left;
                    justify-content: left;
                }

                    #module .featureSection > div > ul li p {
                        font-size: 18px;
                    }
    /* Explore Section */
    #module .exploreSection {
        padding: 5% 4%;
    }

        #module .exploreSection > h1 {
            font-family: Proxima-Nova-Extrabold;
            font-size: 40px;
            margin-bottom: 40px;
        }

        #module .exploreSection > div {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: minmax(162px, auto) [auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(162px, auto));
            grid-column-gap: 20px;
            grid-row-gap: 30px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            #module .exploreSection > div > a {
                text-decoration: none;
                display: -ms-grid;
                display: grid;
                -ms-grid-rows: auto 85px;
                grid-template-rows: auto 85px;
            }

                #module .exploreSection > div > a .block {
                    width: 162px;
                    height: 162px;
                    margin-bottom: 20px;
                }

                #module .exploreSection > div > a .blockText {
                    max-width: 140px;
                    font-family: Proxima-Nova-Bold;
                    font-size: 20px;
                }
}

@media screen and (max-width: 600px) {
    /* Heading Section */
    #module .headingSection {
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }

        #module .headingSection .img {
            min-height: 250px;
            height: 35vh;
        }
        /*Images*/
        #module .headingSection .img1 {
            background-image: url("/public/images/factumsoft-erp/bi-reports/bi-mobile.jpg") !important;
        }

        #module .headingSection .img2 {
            background-image: url("/public/images/factumsoft-erp/crm-sales/crm-mobile.jpg") !important;
        }

        #module .headingSection .img4 {
            background-image: url("/public/images/factumsoft-erp/finance/finance-mobile.jpg") !important;
        }

        #module .headingSection .img5 {
            background-image: url("/public/images/factumsoft-erp/hr/hr-mobile.jpg") !important;
        }

        #module .headingSection .img6 {
            background-image: url("/public/images/factumsoft-erp/inventory/inventory-mobile.jpg") !important;
        }

        #module .headingSection .img3 {
            background-image: url("/public/images/factumsoft-erp/document/document-mobile.jpg") !important;
        }

        #module .headingSection .text > svg {
            width: 57px;
            padding-bottom: 20px;
        }

        #module .headingSection .text > h1 {
            margin-top: 20px;
            font-size: 30px;
        }
    /* Benefit Section */
    #module .benefitSection {
        padding: 50px 0;
    }

        #module .benefitSection > h1 {
            font-size: 35px;
        }

            #module .benefitSection > h1:after {
                margin: 10px auto;
                width: 50px;
                border-bottom: 6px solid #B1264D;
            }

        #module .benefitSection > .blocks {
            grid-row-gap: initial;
        }

            #module .benefitSection > .blocks > div {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: initial;
                grid-template-columns: initial;
                grid-template-areas: initial;
            }

                #module .benefitSection > .blocks > div:nth-child(2n) div:first-child,
                #module .benefitSection > .blocks > div:nth-child(2n+1) div:first-child {
                    grid-area: initial;
                    margin: 30px 0;
                }

                #module .benefitSection > .blocks > div:nth-child(2n) > div:last-child {
                    grid-area: initial;
                    display: -ms-grid;
                    display: grid;
                    -webkit-box-pack: left;
                    -ms-flex-pack: left;
                    justify-content: left;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding-right: initial;
                }

                #module .benefitSection > .blocks > div:nth-child(2n+1) > div:last-child {
                    display: -ms-grid;
                    display: grid;
                    -webkit-box-pack: left;
                    -ms-flex-pack: left;
                    justify-content: left;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding-left: initial;
                }

            #module .benefitSection > .blocks .text {
                margin: 0 4%;
            }

                #module .benefitSection > .blocks .text > ul {
                    max-width: 680px;
                    font-size: 18px;
                    display: -ms-grid;
                    display: grid;
                    grid-row-gap: 15px;
                    margin: 0;
                }
    /* Features Section */
    #module .featureSection {
        padding: 5% 4%;
    }

        #module .featureSection > h1 {
            font-family: Proxima-Nova-Extrabold;
            font-size: 35px;
            margin-bottom: 15px;
        }

        #module .featureSection > div {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: auto;
            grid-template-columns: auto;
            grid-column-gap: initial;
            -webkit-box-pack: initial;
            -ms-flex-pack: initial;
            justify-content: initial;
        }

            #module .featureSection > div > p {
                font-size: 18px;
                max-width: initial;
                margin-bottom: 25px !important;
            }

            #module .featureSection > div > ul {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: auto;
                grid-template-columns: auto;
                grid-row-gap: 20px;
                grid-column-gap: initial;
                min-width: initial;
            }

                #module .featureSection > div > ul li p {
                    font-size: 17px;
                }
    /* Explore Section */
    #module .exploreSection > h1 {
        font-family: Proxima-Nova-Extrabold;
        font-size: 35px;
        margin-bottom: 40px;
    }

    #module .exploreSection > div {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(164px, auto) [auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(164px, auto));
        grid-column-gap: 20px;
        grid-row-gap: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #module .exploreSection > div > a {
            text-decoration: none;
            display: -ms-grid;
            display: grid;
            -ms-grid-rows: auto 85px;
            grid-template-rows: auto 85px;
        }

            #module .exploreSection > div > a .block {
                width: 164px;
                height: 164px;
                margin-bottom: 20px;
            }

            #module .exploreSection > div > a .blockText {
                max-width: 140px;
                font-family: Proxima-Nova-Bold;
                font-size: 18px;
            }
}

/* ===== End of Modules ===== */
/* =========================
      Industries Page 
   ========================= */
#industries #section1 {
    position: relative;
    background: url("/public/images/industries/main_bg.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    display: -ms-grid;
    display: grid;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60vh;
}

    #industries #section1 h2 {
        font-family: Proxima-Nova-Bold;
        font-size: 30px;
        text-align: center;
        margin: 0 4%;
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }

        #industries #section1 h2:after {
            content: '';
            display: block;
            width: 50px;
            border-bottom: 6px solid #B1264D;
            margin: 20px auto;
        }

#industries #section2 {
    padding: 60px 10%;
    display: -ms-grid;
    display: grid;
    grid-row-gap: 33px;
}

    #industries #section2 > h2 {
        max-width: 900px;
        font-family: Proxima-Nova-Extrabold;
        font-size: 35px;
        line-height: 42px;
        margin: 0;
    }

    #industries #section2 > ul {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(240px, 305px) [auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(240px, 305px));
        grid-gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
    }

        #industries #section2 > ul h5 {
            font-family: Proxima-Nova-Bold;
            font-size: 25px;
        }

            #industries #section2 > ul h5:after {
                content: '';
                display: block;
                width: 50px;
                border-bottom: 6px solid #B1264D;
                margin-top: 20px;
                margin-bottom: 20px;
            }

        #industries #section2 > ul p {
            font-size: 20px;
            text-align: justify;
        }

#industries #section3 {
    background-color: #EAECF0;
    padding: 5% 10%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(300px, 520px) minmax(580px, 838px);
    grid-template-columns: minmax(300px, 520px) minmax(580px, 838px);
    grid-column-gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    #industries #section3 > h2 {
        font-family: Proxima-Nova-Extrabold;
        font-size: 35px;
        letter-spacing: 1px;
        margin: 0;
    }

        #industries #section3 > h2:after {
            content: '';
            display: block;
            width: 50px;
            border-bottom: 6px solid #B1264D;
            margin-top: 20px;
        }

    #industries #section3 > div {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 30px;
    }

        #industries #section3 > div > p {
            font-size: 20px;
            text-align: justify;
        }

        #industries #section3 > div > ul {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: auto [2];
            grid-template-columns: repeat(2, auto);
            grid-row-gap: 20px;
            grid-column-gap: 20px;
        }

            #industries #section3 > div > ul li {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: auto [2];
                grid-template-columns: repeat(2, auto);
                grid-column-gap: 12px;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
            }

                #industries #section3 > div > ul li img {
                    -ms-flex-item-align: baseline;
                    align-self: baseline;
                }

                #industries #section3 > div > ul li p {
                    font-family: Proxima-Nova-Bold;
                    font-size: 20px;
                }

#industries #section4 {
    padding: 5% 10%;
    text-align: center;
    background-color: #F4F5F7;
}

    #industries #section4 > h2 {
        font-family: Proxima-Nova-Extrabold;
        font-size: 35px;
        letter-spacing: 1px;
        margin-bottom: 40px;
    }

    #industries #section4 > ul {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 351px [auto-fit];
        grid-template-columns: repeat(auto-fit, 351px);
        grid-column-gap: 20px;
        grid-row-gap: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #industries #section4 > ul li {
            position: relative;
            -webkit-box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.5);
        }

            #industries #section4 > ul li a {
                position: relative;
            }

                #industries #section4 > ul li a:after {
                    content: '';
                    position: absolute;
                    height: 351px;
                    display: block;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background-color: rgba(255, 255, 255, 0.1);
                    -webkit-transform: translateY(-47.3%);
                    transform: translateY(-47.3%);
                }

                #industries #section4 > ul li a:hover:after {
                    content: '';
                    display: none;
                }

            #industries #section4 > ul li div {
                position: absolute;
                background-color: #08254B;
                left: 0;
                right: 0;
                height: 106px;
                padding: 0 20px;
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: auto [2];
                grid-template-columns: repeat(2, auto);
                grid-column-gap: 15px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
                z-index: 1;
            }

                #industries #section4 > ul li div:after {
                    position: absolute;
                    bottom: 15px;
                    left: 20px;
                    content: '';
                    display: block;
                    width: 11px;
                    border-bottom: 7px solid #B1264D;
                }

                #industries #section4 > ul li div h5 {
                    color: #fff;
                    font-family: Proxima-Nova-Bold;
                    font-size: 20px;
                    text-transform: uppercase;
                }

            #industries #section4 > ul li img {
                background-color: #F9FAFA;
                -o-object-fit: cover;
                object-fit: cover;
            }

@media screen and (max-width: 1200px) {
    #industries #section1 {
        height: 49vh;
    }

    #industries #section2 {
        padding: 55px 4%;
        grid-row-gap: 15px;
    }

    #industries #section3 {
        background-color: #EAECF0;
        padding: 5% 4%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: initial;
        grid-template-columns: initial;
        grid-column-gap: initial;
        grid-row-gap: 25px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }

    #industries #section4 {
        padding: 5% 4%;
    }

        #industries #section4 > h2 {
            margin-bottom: 35px;
        }

        #industries #section4 > ul {
            -ms-grid-columns: 221px [auto-fit];
            grid-template-columns: repeat(auto-fit, 221px);
            grid-column-gap: 20px;
            grid-row-gap: 65px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            #industries #section4 > ul li a:after {
                height: 221px;
                -webkit-transform: translateY(-47.3%);
                transform: translateY(-47.3%);
            }

            #industries #section4 > ul li div {
                height: 67px;
                padding: 0 20px;
                grid-column-gap: 13px;
            }

                #industries #section4 > ul li div:after {
                    bottom: 10px;
                    left: 20px;
                    width: 7px;
                    border-bottom: 4px solid #B1264D;
                }

                #industries #section4 > ul li div h5 {
                    font-size: 15px;
                }

            #industries #section4 > ul li svg {
                width: 25px;
            }
}

@media screen and (max-width: 600px) {
    #industries #section1 {
        background: url("/public/images/industries/main_bg_mobile.jpg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 45vh;
    }

        #industries #section1 h2 {
            font-family: Proxima-Nova-Extrabold;
            font-size: 25px;
        }

            #industries #section1 h2:after {
                margin: 15px auto;
            }

    #industries #section2 {
        padding: 32px 4%;
        grid-row-gap: 10px;
    }

        #industries #section2 > h2 {
            font-family: Proxima-Nova-Bold;
            font-size: 25px;
            line-height: 30px;
        }

        #industries #section2 > ul p {
            font-size: 18px;
        }

    #industries #section3 > h2 {
        font-size: 30px;
    }

    #industries #section3 > div {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 30px;
    }

        #industries #section3 > div > p {
            font-size: 18px;
        }

        #industries #section3 > div > ul {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: initial;
            grid-template-columns: initial;
            grid-row-gap: 20px;
            grid-column-gap: initial;
        }

    #industries #section4 {
        padding: 4% 4%;
    }

        #industries #section4 > ul {
            -ms-grid-columns: 166px [auto-fit];
            grid-template-columns: repeat(auto-fit, 166px);
            grid-column-gap: 20px;
            grid-row-gap: 20px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            #industries #section4 > ul li a:after {
                height: 166px;
                -webkit-transform: translateY(-47.3%);
                transform: translateY(-47.3%);
            }

            #industries #section4 > ul li div {
                height: 50px;
                padding: 0 10px;
                grid-column-gap: 10px;
            }

                #industries #section4 > ul li div:after {
                    bottom: 8px;
                    left: 10px;
                    width: 18px;
                    border-bottom: 3px solid #B1264D;
                }

                #industries #section4 > ul li div h5 {
                    font-size: 13px;
                }

            #industries #section4 > ul li svg {
                width: 18px;
            }
}

/* ===== End of Industries ===== */
/* =========================
      Industries subpage 
   ========================= */
/* Heading Section */
#industry .headingSection {
    position: relative;
    height: auto;
}

    #industry .headingSection .img {
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        min-height: 660px;
        height: 93vh;
    }

    #industry .headingSection .text {
        position: absolute;
        top: 0;
        right: 0;
        width: 50vw;
        min-height: 660px;
        height: 93vh;
        background-color: rgba(255, 255, 255, 0.9);
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto [3];
        grid-template-rows: repeat(3, auto);
        -ms-flex-line-pack: center;
        align-content: center;
        padding: 10px 50px;
    }

        #industry .headingSection .text > svg {
            width: 69px;
            padding-bottom: 25px;
            border-bottom: 8px solid #B1264D;
        }

        #industry .headingSection .text > h1 {
            margin-top: 20px;
            font-family: Proxima-Nova-Bold;
            font-size: 40px;
        }

        #industry .headingSection .text > p {
            font-size: 20px;
            line-height: 1.5;
            text-align: justify;
        }

/*Images*/
#industry .construction-head {
    background-image: url("/public/images/industries/construction/img_construction.jpg");
}

#industry .distribution-head {
    background-image: url("/public/images/industries/distribution/img_distribution.jpg");
}

#industry .education-head {
    background-image: url("/public/images/industries/education/img_education.jpg");
}

#industry .finance-head {
    background-image: url("/public/images/industries/finance/img_finance.jpg");
}

#industry .healthcare-head {
    background-image: url("/public/images/industries/healthcare/img_healthcare.jpg");
}

#industry .hospitality-head {
    background-image: url("/public/images/industries/hospitality/img_hospitality.jpg");
}

#industry .insurance-head {
    background-image: url("/public/images/industries/insurance/img_insurance.jpg");
}

#industry .law-head {
    background-image: url("/public/images/industries/law/img_law.jpg");
}

#industry .manufacturing-head {
    background-image: url("/public/images/industries/manufacturing/img_manufacturing.jpg");
}

#industry .sector-head {
    background-image: url("/public/images/industries/public_sector/img_pub_sector.jpg");
}

#industry .retail-head {
    background-image: url("/public/images/industries/retail/img_retail.jpg");
}

/* Benefit Section */
#industry .benefitSection {
    background-color: #F7F8FA;
    padding: 105px 4%;
}

    #industry .benefitSection > h1 {
        font-family: Proxima-Nova-Extrabold;
        font-size: 45px;
        text-align: center;
    }

        #industry .benefitSection > h1:after {
            content: '';
            display: block;
            margin: 20px auto 80px;
            width: 60px;
            border-bottom: 8px solid #B1264D;
        }

    #industry .benefitSection > .blocks {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 90px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #industry .benefitSection > .blocks > div {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-template-areas: "a" "b";
        }

            #industry .benefitSection > .blocks > div:nth-child(2n) div:first-child {
                grid-area: span b;
            }

            #industry .benefitSection > .blocks > div:nth-child(2n) > div:last-child {
                -ms-grid-row: 1;
                -ms-grid-column: 1;
                grid-area: a;
                display: -ms-grid;
                display: grid;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding-right: 20px;
            }

            #industry .benefitSection > .blocks > div:nth-child(2n+1) > div:last-child {
                display: -ms-grid;
                display: grid;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding-left: 20px;
            }

        #industry .benefitSection > .blocks .text > ul {
            max-width: 655px;
            font-size: 22px;
            display: -ms-grid;
            display: grid;
            grid-row-gap: 20px;
            margin: 0;
        }

            #industry .benefitSection > .blocks .text > ul li {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: auto auto;
                grid-template-columns: auto auto;
                grid-column-gap: 15px;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
            }

                #industry .benefitSection > .blocks .text > ul li:before {
                    content: '';
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    background-color: #B1264D;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

/* Features Section */
#industry .featureSection {
    padding: 5% 10%;
}

    #industry .featureSection > h1 {
        font-family: Proxima-Nova-Extrabold;
        font-size: 45px;
        letter-spacing: 0.8px;
        max-width: 890px;
        margin-bottom: 55px;
    }

    #industry .featureSection > .blocks {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 412px [auto-fit];
        grid-template-columns: repeat(auto-fit, 412px);
        grid-column-gap: 20px;
        grid-row-gap: 30px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #industry .featureSection > .blocks > div {
            display: -ms-grid;
            display: grid;
            -ms-grid-rows: 70px auto;
            grid-template-rows: 70px auto;
            grid-row-gap: 20px;
        }

            #industry .featureSection > .blocks > div > h4 {
                font-family: Proxima-Nova-Extrabold;
                font-size: 27px;
                letter-spacing: 0.5px;
                margin-bottom: 0;
            }

            #industry .featureSection > .blocks > div > ul {
                display: -ms-grid;
                display: grid;
                grid-auto-rows: -webkit-min-content;
                grid-auto-rows: min-content;
                grid-row-gap: 20px;
            }

                #industry .featureSection > .blocks > div > ul li {
                    display: -ms-grid;
                    display: grid;
                    -ms-grid-columns: auto [2];
                    grid-template-columns: repeat(2, auto);
                    grid-column-gap: 12px;
                    -webkit-box-pack: left;
                    -ms-flex-pack: left;
                    justify-content: left;
                }

                    #industry .featureSection > .blocks > div > ul li img {
                        -ms-flex-item-align: baseline;
                        align-self: baseline;
                    }

                    #industry .featureSection > .blocks > div > ul li p {
                        font-family: Proxima-Nova-Bold;
                        font-size: 20px;
                    }

/* Explore Section */
#industry .exploreSection {
    background-color: #F7F8FA;
    padding: 5% 10%;
}

    #industry .exploreSection a:hover > div {
        border: 2px solid #B1264D !important;
    }

    #industry .exploreSection a:hover > p {
        font-family: Proxima-Nova-Extrabold !important;
    }

    #industry .exploreSection > h1 {
        font-family: Proxima-Nova-Black;
        font-size: 40px;
        margin-bottom: 50px;
    }

    #industry .exploreSection > div {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(168px, auto) [auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(168px, auto));
        grid-column-gap: 20px;
        grid-row-gap: 30px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #industry .exploreSection > div > a {
            text-decoration: none;
            display: -ms-grid;
            display: grid;
            -ms-grid-rows: auto 85px;
            grid-template-rows: auto 85px;
        }

            #industry .exploreSection > div > a .block {
                width: 168px;
                height: 168px;
                background-color: #fff;
                border: 1px solid #BBBFC1;
                display: -ms-grid;
                display: grid;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 20px;
            }

            #industry .exploreSection > div > a .blockText {
                max-width: 140px;
                font-family: Proxima-Nova-Bold;
                font-size: 20px;
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: auto auto;
                grid-template-columns: auto auto;
                grid-column-gap: 15px;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
            }

                #industry .exploreSection > div > a .blockText:before {
                    content: '';
                    display: inline-block;
                    width: 10px;
                    height: 6px;
                    background-color: #B1264D;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

/* Number One Section */
#industry .numberOne {
    position: relative;
    padding: 5% 10%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto [2];
    grid-template-columns: repeat(2, auto);
    grid-column-gap: 120px;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

    #industry .numberOne h1 {
        font-family: Proxima-Nova-Bold;
        font-size: 40px;
        letter-spacing: 0.25px;
        max-width: 920px;
        margin: 0;
    }

@media screen and (max-width: 1500px) {
    /* Heading Section */
    #industry .headingSection .text > svg {
        width: 52px;
        padding-bottom: 20px;
    }

    #industry .headingSection .text > h1 {
        margin-top: 15px;
        font-family: Proxima-Nova-Extrabold;
        font-size: 35px;
    }

    #industry .headingSection .text > p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1300px) {
    /* Benefit Section */
    #industry .benefitSection {
        padding: 70px 4%;
    }

        #industry .benefitSection > .blocks {
            grid-row-gap: 50px;
        }

            #industry .benefitSection > .blocks .text > ul {
                font-size: 20px;
                grid-row-gap: 5px;
            }
    /* Features Section */
    #industry .featureSection {
        padding: 5% 4%;
    }

        #industry .featureSection .blocks {
            -ms-grid-columns: 500px [auto-fit];
            grid-template-columns: repeat(auto-fit, 500px);
        }
}

@media screen and (max-width: 1200px) {
    /* Heading Section */
    #industry .headingSection {
        height: auto;
    }

        #industry .headingSection .img {
            height: 407px;
            min-height: initial;
        }

        #industry .headingSection .text {
            position: relative;
            top: initial;
            right: initial;
            width: auto;
            height: auto;
            background-color: transparent;
            padding: 50px;
            min-height: initial;
        }

            #industry .headingSection .text > p {
                font-size: 18px;
            }
}

@media screen and (max-width: 992px) {
    /* Heading Section */
    #industry .headingSection .text > svg {
        width: 60px;
        padding-bottom: 20px;
    }

    #industry .headingSection .text > h1 {
        margin-top: 15px;
        font-size: 35px;
    }

    #industry .headingSection .text > p {
        font-size: 20px;
    }
    /*Images*/
    #industry .construction-head {
        background-image: url("/public/images/industries/construction/img_construction_tablet.jpg");
    }

    #industry .distribution-head {
        background-image: url("/public/images/industries/distribution/img_distribution_tablet.jpg");
    }

    #industry .education-head {
        background-image: url("/public/images/industries/education/img_education_tablet.jpg");
    }

    #industry .finance-head {
        background-image: url("/public/images/industries/finance/img_finance_tablet.jpg");
    }

    #industry .healthcare-head {
        background-image: url("/public/images/industries/healthcare/img_healthcare_tablet.jpg");
    }

    #industry .hospitality-head {
        background-image: url("/public/images/industries/hospitality/img_hospitality_tablet.jpg");
    }

    #industry .insurance-head {
        background-image: url("/public/images/industries/insurance/img_insurance_tablet.jpg");
    }

    #industry .law-head {
        background-image: url("/public/images/industries/law/img_law_tablet.jpg");
    }

    #industry .manufacturing-head {
        background-image: url("/public/images/industries/manufacturing/img_manufacturing_tablet.jpg");
    }

    #industry .sector-head {
        background-image: url("/public/images/industries/public_sector/img_pub_sector_tablet.jpg");
    }

    #industry .retail-head {
        background-image: url("/public/images/industries/retail/img_retail_tablet.jpg");
    }
    /* Benefit Section */
    #industry .benefitSection {
        padding: 70px 4%;
    }

        #industry .benefitSection > h1 {
            font-size: 40px;
        }

            #industry .benefitSection > h1:after {
                margin: 16px auto 20px;
                border-bottom: 6px solid #B1264D;
            }

        #industry .benefitSection > .blocks {
            grid-row-gap: initial;
        }

            #industry .benefitSection > .blocks > div {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: initial;
                grid-template-columns: initial;
                grid-template-areas: initial;
            }

                #industry .benefitSection > .blocks > div:nth-child(2n) div:first-child,
                #industry .benefitSection > .blocks > div:nth-child(2n+1) div:first-child {
                    grid-area: initial;
                    margin: 40px 0;
                }

                #industry .benefitSection > .blocks > div:nth-child(2n) > div:last-child {
                    grid-area: initial;
                    display: -ms-grid;
                    display: grid;
                    -webkit-box-pack: left;
                    -ms-flex-pack: left;
                    justify-content: left;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding-right: initial;
                }

                #industry .benefitSection > .blocks > div:nth-child(2n+1) > div:last-child {
                    display: -ms-grid;
                    display: grid;
                    -webkit-box-pack: left;
                    -ms-flex-pack: left;
                    justify-content: left;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding-left: initial;
                }

            #industry .benefitSection > .blocks .text > ul {
                max-width: initial;
                font-size: 20px;
                display: -ms-grid;
                display: grid;
                grid-row-gap: 15px;
                margin: 0;
            }
    /* Features Section */
    #industry .featureSection {
        padding: 5% 4%;
    }

        #industry .featureSection > h1 {
            font-size: 40px;
            margin-bottom: 58px;
        }

        #industry .featureSection > .blocks {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: initial;
            grid-template-columns: initial;
            grid-column-gap: initial;
            grid-row-gap: 40px;
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
        }

            #industry .featureSection > .blocks > div {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: minmax(200px, 300px) minmax(325px, 400px);
                grid-template-columns: minmax(200px, 300px) minmax(325px, 400px);
                -ms-grid-rows: initial;
                grid-template-rows: initial;
                grid-column-gap: 20px;
                grid-row-gap: 20px;
            }

                #industry .featureSection > .blocks > div > h4 {
                    font-size: 23px;
                    margin: 0;
                }

                #industry .featureSection > .blocks > div > ul {
                    display: -ms-grid;
                    display: grid;
                    grid-auto-rows: -webkit-min-content;
                    grid-auto-rows: min-content;
                    grid-row-gap: 20px;
                }

                    #industry .featureSection > .blocks > div > ul li {
                        display: -ms-grid;
                        display: grid;
                        -ms-grid-columns: 25px minmax(280px, auto);
                        grid-template-columns: 25px minmax(280px, auto);
                        grid-column-gap: 12px;
                        -webkit-box-pack: left;
                        -ms-flex-pack: left;
                        justify-content: left;
                    }

                        #industry .featureSection > .blocks > div > ul li p {
                            font-size: 20px;
                        }
    /* Explore Section */
    #industry .exploreSection {
        padding: 5% 4%;
    }

        #industry .exploreSection > h1 {
            font-size: 40px;
            margin-bottom: 25px;
        }

        #industry .exploreSection > div {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: minmax(162px, auto) [auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(162px, auto));
            grid-column-gap: 20px;
            grid-row-gap: 30px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            #industry .exploreSection > div > a {
                text-decoration: none;
                display: -ms-grid;
                display: grid;
                -ms-grid-rows: auto 85px;
                grid-template-rows: auto 85px;
            }

                #industry .exploreSection > div > a .block {
                    width: 162px;
                    height: 162px;
                    margin-bottom: 20px;
                }

                #industry .exploreSection > div > a .blockText {
                    max-width: 140px;
                    font-size: 20px;
                }
    /* Number One Section */
    #industry .numberOne {
        padding: 5% 4%;
        -ms-grid-columns: auto [2];
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 18px;
    }

        #industry .numberOne h1 {
            font-family: Proxima-Nova-Extrabold;
            font-size: 40px;
        }
}

@media screen and (max-width: 600px) {
    /* Heading Section */
    #industry .headingSection {
        height: auto;
    }

        #industry .headingSection .img {
            height: 300px;
        }

        #industry .headingSection .text {
            position: relative;
            top: initial;
            right: initial;
            width: auto;
            height: auto;
            background-color: transparent;
            padding: 20px 4%;
        }
            /* Heading Section */
            #industry .headingSection .text > svg {
                width: 52px;
                padding-bottom: 20px;
            }

            #industry .headingSection .text > h1 {
                margin-top: 15px;
                font-size: 30px;
            }

            #industry .headingSection .text > p {
                font-size: 20px;
            }
    /*Images*/
    #industry .construction-head {
        background-image: url("/public/images/industries/construction/img_construction_mobile.jpg");
    }

    #industry .distribution-head {
        background-image: url("/public/images/industries/distribution/img_distribution_mobile.jpg");
    }

    #industry .education-head {
        background-image: url("/public/images/industries/education/img_education_mobile.jpg");
    }

    #industry .finance-head {
        background-image: url("/public/images/industries/finance/img_finance_mobile.jpg");
    }

    #industry .healthcare-head {
        background-image: url("/public/images/industries/healthcare/img_healthcare_mobile.jpg");
    }

    #industry .hospitality-head {
        background-image: url("/public/images/industries/hospitality/img_hospitality_mobile.jpg");
    }

    #industry .insurance-head {
        background-image: url("/public/images/industries/insurance/img_insurance_mobile.jpg");
    }

    #industry .law-head {
        background-image: url("/public/images/industries/law/img_law_mobile.jpg");
    }

    #industry .manufacturing-head {
        background-image: url("/public/images/industries/manufacturing/img_manufacturing_mobile.jpg");
    }

    #industry .sector-head {
        background-image: url("/public/images/industries/public_sector/img_pub_sector_mobile.jpg");
    }

    #industry .retail-head {
        background-image: url("/public/images/industries/retail/img_retail_mobile.jpg");
    }
    /* Benefit Section */
    #industry .benefitSection {
        padding: 50px 4%;
    }

        #industry .benefitSection > h1 {
            font-size: 34px;
        }

            #industry .benefitSection > h1:after {
                margin: 10px auto 45px;
                border-bottom: 6px solid #B1264D;
            }

    #module .benefitSection > .blocks {
        grid-row-gap: initial;
    }

        #module .benefitSection > .blocks > div {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: initial;
            grid-template-columns: initial;
            grid-template-areas: initial;
        }

            #module .benefitSection > .blocks > div:nth-child(2n) div:first-child,
            #module .benefitSection > .blocks > div:nth-child(2n+1) div:first-child {
                grid-area: initial;
                margin: 30px 0;
            }

            #module .benefitSection > .blocks > div:nth-child(2n) > div:last-child {
                grid-area: initial;
                display: -ms-grid;
                display: grid;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding-right: initial;
            }

            #module .benefitSection > .blocks > div:nth-child(2n+1) > div:last-child {
                display: -ms-grid;
                display: grid;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding-left: initial;
            }

        #module .benefitSection > .blocks .text {
            margin: 0 4%;
        }

            #module .benefitSection > .blocks .text > ul {
                max-width: 680px;
                font-size: 18px;
                display: -ms-grid;
                display: grid;
                grid-row-gap: 15px;
                margin: 0;
            }
    /* Features Section */
    #industry .featureSection {
        padding: 50px 4%;
    }

        #industry .featureSection > h1 {
            font-size: 35px;
            margin-bottom: 40px;
        }

        #industry .featureSection > .blocks {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: initial;
            grid-template-columns: initial;
            grid-column-gap: initial;
            grid-row-gap: 50px;
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
        }

            #industry .featureSection > .blocks > div {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: initial;
                grid-template-columns: initial;
                -ms-grid-rows: initial;
                grid-template-rows: initial;
                grid-column-gap: initial;
                grid-row-gap: 20px;
            }

                #industry .featureSection > .blocks > div > h4 {
                    font-size: 23px;
                    margin: 0;
                }

                #industry .featureSection > .blocks > div > ul {
                    display: -ms-grid;
                    display: grid;
                    grid-auto-rows: -webkit-min-content;
                    grid-auto-rows: min-content;
                    grid-row-gap: 20px;
                }

                    #industry .featureSection > .blocks > div > ul li {
                        display: -ms-grid;
                        display: grid;
                        -ms-grid-columns: 25px minmax(280px, auto);
                        grid-template-columns: 25px minmax(280px, auto);
                        grid-column-gap: 12px;
                        -webkit-box-pack: left;
                        -ms-flex-pack: left;
                        justify-content: left;
                    }

                        #industry .featureSection > .blocks > div > ul li p {
                            font-size: 18px;
                        }
    /* Explore Section */
    #industry .exploreSection {
        padding: 5% 4%;
    }

        #industry .exploreSection > h1 {
            font-size: 30px;
            margin-bottom: 25px;
        }

        #industry .exploreSection > div {
            -ms-grid-columns: minmax(164px, auto) [auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(164px, auto));
            grid-column-gap: 17px;
            grid-row-gap: 20px;
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
        }

            #industry .exploreSection > div > a {
                -ms-grid-rows: auto auto;
                grid-template-rows: auto auto;
            }

                #industry .exploreSection > div > a .block {
                    width: 164px;
                    height: 164px;
                    margin-bottom: 20px;
                }

                #industry .exploreSection > div > a .blockText {
                    max-width: 140px;
                    font-size: 18px;
                }
    /* Number One Section */
    #industry .numberOne {
        padding: 5% 4%;
        -ms-grid-columns: initial;
        grid-template-columns: initial;
        grid-column-gap: initial;
        grid-row-gap: 25px;
        justify-items: center;
    }

        #industry .numberOne h1 {
            font-size: 30px;
            -ms-grid-column-align: left;
            justify-self: left;
        }
}

/* ===== End of Industries subpage ===== */
/* =========================
      Partnership page 
   ========================= */
#partnership #headingSection {
    position: relative;
    height: auto;
}

    #partnership #headingSection .imgBg {
        position: relative;
        background: url("/public/images/partnership/img_partnership.jpg") no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 300px;
        height: 55vh;
    }

    #partnership #headingSection .headingText {
        position: relative;
        padding: 2% 10%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        -webkit-column-gap: 100px;
        column-gap: 100px;
        -ms-flex-line-pack: center;
        align-content: center;
        min-height: 38vh;
    }

        #partnership #headingSection .headingText h1 {
            position: relative;
            font-family: Proxima-Nova-Extrabold;
            font-size: 45px;
            line-height: 54px;
            letter-spacing: 1px;
            max-width: 385px;
            margin: 0;
        }

            #partnership #headingSection .headingText h1:after {
                content: '';
                display: block;
                margin-top: 30px;
                width: 77px;
                border-bottom: 8px solid #B1264D;
            }

        #partnership #headingSection .headingText p {
            font-size: 22px;
            line-height: 26px;
            max-width: 780px;
            text-align: justify;
        }

#partnership #referralSection {
    padding: 5% 10%;
    background-color: #E9ECF0;
    display: -ms-grid;
    display: grid;
    grid-row-gap: 70px;
}

    #partnership #referralSection > h1 {
        font: 40px/49px Proxima-Nova-Extrabold;
        margin: 0;
        text-align: center;
    }

    #partnership #referralSection > ul {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 290px [auto-fit];
        grid-template-columns: repeat(auto-fit, 290px);
        -webkit-column-gap: 20px;
        column-gap: 20px;
        grid-row-gap: 30px;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        margin: 0;
    }

        #partnership #referralSection > ul div:after {
            content: '';
            display: block;
            width: 60px;
            border-bottom: 8px solid #B1264D;
            margin-top: 15px;
            margin-bottom: 24px;
        }

        #partnership #referralSection > ul h5 {
            font: 22px/27px Proxima-Nova-Black;
            letter-spacing: 0.5px;
            margin-bottom: 15px;
        }

        #partnership #referralSection > ul p {
            font: 20px/24px Proxima-Nova;
        }

    #partnership #referralSection > div {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(450px, auto) minmax(450px, auto);
        grid-template-columns: minmax(450px, auto) minmax(450px, auto);
        -webkit-column-gap: 30px;
        column-gap: 30px;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        margin-top: 6%;
    }

        #partnership #referralSection > div > div:first-child {
            display: -ms-grid;
            display: grid;
            font: 22px/27px Proxima-Nova-Black;
        }

            #partnership #referralSection > div > div:first-child h3 {
                font: 35px/45px Proxima-Nova-Extrabold;
                letter-spacing: 0.25px;
                max-width: 625px;
                margin-bottom: 0;
                margin-top: 0;
            }

            #partnership #referralSection > div > div:first-child ul {
                display: -ms-grid;
                display: grid;
                grid-row-gap: 20px;
            }

                #partnership #referralSection > div > div:first-child ul li {
                    display: -ms-grid;
                    display: grid;
                    -ms-grid-columns: 26px auto;
                    grid-template-columns: 26px auto;
                    grid-column-gap: 10px;
                }

                    #partnership #referralSection > div > div:first-child ul li img {
                        -ms-flex-item-align: baseline;
                        align-self: baseline;
                    }

                    #partnership #referralSection > div > div:first-child ul li p {
                        font: 22px/27px Proxima-Nova-Bold;
                    }

        #partnership #referralSection > div > div:last-child img {
            float: right;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

#faqSection {
    padding: 4% 10%;
    display: -ms-grid;
    display: grid;
    grid-row-gap: 45px;
    justify-items: center;
}

    #faqSection > h2 {
        text-align: center;
        font: 35px/42px Proxima-Nova-Extrabold;
        letter-spacing: 0.25px;
    }

    #faqSection > p {
        text-align: center;
        font: 22px/27px Proxima-Nova-Extrabold;
        letter-spacing: 0.25px;
    }

        #faqSection > p a {
            text-decoration: underline;
            font: 22px/27px Proxima-Nova-Extrabold;
            letter-spacing: 0.25px;
            color: #B1264D !important;
        }

    #faqSection > #FAQaccordion {
        max-width: 1080px;
        width: 100%;
        display: -ms-grid;
        display: grid;
        grid-row-gap: 22px;
    }

        #faqSection > #FAQaccordion .card-header {
            -webkit-box-shadow: 0px 3px 25px -12px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 3px 25px -12px rgba(0, 0, 0, 0.5);
        }

        #faqSection > #FAQaccordion .card .card-body {
            padding: 28px 38px;
            font-size: 20px;
            line-height: 25px;
            text-align: justify;
            -webkit-box-shadow: 0px 3px 25px -12px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 3px 25px -12px rgba(0, 0, 0, 0.5);
        }

        #faqSection > #FAQaccordion .card h2 {
            position: relative;
            margin: 0;
        }

            #faqSection > #FAQaccordion .card h2 button {
                position: relative;
                padding: 20px 65px 20px 26px;
                background-color: #E3E5EE;
                white-space: initial;
                width: 100%;
                font: 22px Proxima-Nova-Bold;
                color: #0B1A21;
                text-decoration: none;
                text-align: left;
                outline: none;
            }

                #faqSection > #FAQaccordion .card h2 button:hover {
                    background-color: #DADCE6;
                }

                #faqSection > #FAQaccordion .card h2 button div {
                    position: absolute;
                    right: 26px;
                    top: 0;
                    bottom: 0;
                    display: -ms-grid;
                    display: grid;
                    justify-items: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    #faqSection > #FAQaccordion .card h2 button div img {
                        -webkit-transition: 0.5s all;
                        transition: 0.5s all;
                    }

#partnership #contactSection {
    background: url("/public/images/partnership/partnership-contact.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 5% 4%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

    #partnership #contactSection > div:first-child > h1 {
        margin-top: 0;
        font: 45px/54px Proxima-Nova-Bold;
        letter-spacing: 0.25px;
    }

    #partnership #contactSection > div:first-child > h2 {
        font: 30px/37px Proxima-Nova-Bold;
        letter-spacing: 0.25px;
    }

        #partnership #contactSection > div:first-child > h2:after {
            content: '';
            display: block;
            width: 68px;
            border-bottom: 8px solid #932545;
            margin-top: 30px;
        }

    #partnership #contactSection .contact-form, #partnership #contactSection label {
        font-size: 18px;
    }

    #partnership #contactSection .btn-submit {
        letter-spacing: 1px;
    }

@media screen and (max-width: 1200px) {
    #partnership #headingSection .imgBg {
        background: url("/public/images/partnership/img_partnership_tablet.jpg") no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 300px;
        height: 30vh;
    }

    #partnership #headingSection .headingText {
        padding: 6% 4%;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        -webkit-column-gap: initial;
        column-gap: initial;
        grid-row-gap: 20px;
        min-height: initial;
    }

        #partnership #headingSection .headingText h1 {
            line-height: 47px;
            max-width: 515px;
        }

            #partnership #headingSection .headingText h1:after {
                margin-top: 20px;
                margin-bottom: 30px;
                width: 70px;
                border-bottom: 8px solid #B1264D;
            }

        #partnership #headingSection .headingText p {
            font-size: 22px;
            line-height: 26px;
            max-width: initial;
        }

    #partnership #referralSection {
        padding: 7% 0;
        grid-row-gap: 70px;
    }

        #partnership #referralSection > h1 {
            padding: 0 4%;
            font: 40px/49px Proxima-Nova-Extrabold;
        }

        #partnership #referralSection > ul {
            padding: 0 4%;
            -ms-grid-columns: minmax(250px, 326px) [2];
            grid-template-columns: repeat(2, minmax(250px, 326px));
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
        }

            #partnership #referralSection > ul div:after {
                width: 60px;
                border-bottom: 8px solid #B1264D;
                margin-top: 15px;
                margin-bottom: 24px;
            }

        #partnership #referralSection > div {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-template-areas: "a" "b";
            -webkit-column-gap: initial;
            column-gap: initial;
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
            margin-top: 0;
        }

            #partnership #referralSection > div > div:first-child {
                -ms-grid-row: 2;
                -ms-grid-column: 1;
                grid-area: b;
                padding: 0 4%;
                font: 22px/27px Proxima-Nova-Black;
            }

                #partnership #referralSection > div > div:first-child h3 {
                    font: 40px/49px Proxima-Nova-Extrabold;
                    letter-spacing: initial;
                    max-width: 650px;
                    margin-top: 25px;
                    margin-bottom: 20px;
                }

                #partnership #referralSection > div > div:first-child ul li p {
                    font: 22px/27px Proxima-Nova-Bold;
                }

            #partnership #referralSection > div > div:last-child {
                overflow: hidden;
                -ms-grid-row: 1;
                -ms-grid-column: 1;
                grid-area: a;
            }

                #partnership #referralSection > div > div:last-child img {
                    float: initial;
                    width: 100%;
                }

    #faqSection {
        padding: 7% 4% 10%;
        grid-row-gap: 40px;
    }

        #faqSection > h2 {
            font: 40px/49px Proxima-Nova-Extrabold;
            letter-spacing: normal;
        }

        #faqSection > #FAQaccordion .card h2 button {
            padding: 20px 65px 20px 26px;
            font: 20px Proxima-Nova-Bold;
        }

            #faqSection > #FAQaccordion .card h2 button div {
                right: 26px;
                top: 0;
                bottom: 0;
            }

    #partnership #contactSection {
        background-position: 32% center;
        padding: 8% 4%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        grid-row-gap: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #partnership #contactSection > div:first-child > h1 {
            margin-top: 0;
            font: 40px/30px Proxima-Nova-Bold;
            letter-spacing: 0.25px;
        }

        #partnership #contactSection > div:first-child > h2 {
            font: 25px/37px Proxima-Nova-Bold;
            letter-spacing: 0.25px;
        }

            #partnership #contactSection > div:first-child > h2:after {
                width: 60px;
                border-bottom: 6px solid #932545;
                margin-top: 20px;
            }

        #partnership #contactSection .contact-form, #partnership #contactSection label {
            font-size: 18px;
        }

        #partnership #contactSection .btn-submit {
            letter-spacing: 1px;
        }
}

@media screen and (max-width: 600px) {
    #partnership #headingSection .imgBg {
        background: url("/public/images/partnership/img_partnership_mobile.jpg") no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 250px;
        height: 43vh;
    }

    #partnership #headingSection .headingText {
        padding: 6% 4%;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        -webkit-column-gap: initial;
        column-gap: initial;
        grid-row-gap: 20px;
        min-height: initial;
    }

        #partnership #headingSection .headingText h1 {
            font-size: 30px;
            line-height: 37px;
        }

            #partnership #headingSection .headingText h1:after {
                margin-top: 15px;
                margin-bottom: initial;
                width: 60px;
                border-bottom: 8px solid #B1264D;
            }

        #partnership #headingSection .headingText p {
            font-size: 20px;
            line-height: 26px;
            max-width: initial;
        }

    #partnership #referralSection {
        padding: 8% 0;
        grid-row-gap: 40px;
    }

        #partnership #referralSection > h1 {
            padding: 0 4%;
            font: 30px/37px Proxima-Nova-Extrabold;
        }

        #partnership #referralSection > ul {
            padding: 0 4%;
            -ms-grid-columns: minmax(auto, 360px);
            grid-template-columns: minmax(auto, 360px);
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
        }

            #partnership #referralSection > ul div:after {
                width: 56px;
                border-bottom: 7px solid #B1264D;
                margin-top: 15px;
                margin-bottom: 24px;
            }

        #partnership #referralSection > div {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-template-areas: "a" "b";
            -webkit-column-gap: initial;
            column-gap: initial;
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
            margin-top: 0;
        }

            #partnership #referralSection > div > div:first-child {
                -ms-grid-row: 2;
                -ms-grid-column: 1;
                grid-area: b;
                padding: 0 4%;
            }

                #partnership #referralSection > div > div:first-child h3 {
                    font: 30px/37px Proxima-Nova-Extrabold;
                    letter-spacing: initial;
                    max-width: 650px;
                    margin-bottom: 20px;
                }

                #partnership #referralSection > div > div:first-child ul li p {
                    font: 20px/24px Proxima-Nova-Bold;
                }

    #faqSection {
        padding: 7% 4% 15%;
        grid-row-gap: 25px;
    }

        #faqSection > h2 {
            font: 30px/37px Proxima-Nova-Extrabold;
            letter-spacing: normal;
        }

        #faqSection > #FAQaccordion .card h2 button {
            padding: 20px 65px 20px 26px;
            font: 18px Proxima-Nova-Bold;
        }

            #faqSection > #FAQaccordion .card h2 button div {
                right: 26px;
                top: 0;
                bottom: 0;
            }

    #partnership #contactSection {
        background-position: 29% center;
        padding: 10% 4%;
    }

        #partnership #contactSection > div:first-child > h1 {
            text-align: center;
            font: 35px/42px Proxima-Nova-Bold;
            letter-spacing: 0.1px;
            margin: 0;
        }

        #partnership #contactSection > div:first-child > h2 {
            text-align: center;
            font: 25px/30px Proxima-Nova-Bold;
            letter-spacing: 0.25px;
            margin-top: 10px;
        }

            #partnership #contactSection > div:first-child > h2:after {
                width: 50px;
                border-bottom: 6px solid #932545;
                margin: 15px auto auto;
            }

        #partnership #contactSection .contact-form, #partnership #contactSection label {
            font-size: 18px;
        }
}

/* ===== End of Partnership page ===== */
/* =========================
      About us page 
   ========================= */
#about-page .headingSection {
    position: relative;
    height: auto;
}

    #about-page .headingSection .img {
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        min-height: 490px;
        height: 60vh;
    }

    #about-page .headingSection .text {
        position: absolute;
        top: 0;
        right: 0;
        width: 50vw;
        min-height: 490px;
        height: 60vh;
        background-color: rgba(255, 255, 255, 0.9);
        display: -ms-grid;
        display: grid;
        -ms-flex-line-pack: center;
        align-content: center;
        padding: 10px 50px;
    }

        #about-page .headingSection .text > h1 {
            font: 45px/54px Proxima-Nova-Extrabold;
            letter-spacing: 0.25px;
            margin-top: 0;
        }

        #about-page .headingSection .text > h2 {
            font: 35px/42px Proxima-Nova-Extrabold;
            letter-spacing: 0.25px;
            margin-top: 20px;
        }

            #about-page .headingSection .text > h2:after {
                content: '';
                display: block;
                margin: 15px 0 5px;
                width: 60px;
                border-bottom: 8px solid #B1264D;
            }

        #about-page .headingSection .text > p {
            font-size: 20px;
            line-height: 24px;
            max-width: 680px;
            text-align: justify;
        }

/*Images*/
#about-page .about-head {
    background-image: url("/public/images/about_us/about-bg.jpg");
}

#about-page #Business-Philosophy {
    position: relative;
    background-color: #E9ECF0;
    padding: 50px 10%;
}

    #about-page #Business-Philosophy > h1 {
        text-align: center;
        font: 40px/49px Proxima-Nova-Extrabold;
        letter-spacing: 0.1px;
    }

    #about-page #Business-Philosophy > ul {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #about-page #Business-Philosophy > ul li {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(30% - 20px);
            flex: 0 0 calc(30% - 20px);
            padding: 20px;
            margin: 25px 20px;
        }

            #about-page #Business-Philosophy > ul li img {
                width: 60px;
                height: 60px;
            }

            #about-page #Business-Philosophy > ul li span:after {
                content: '';
                display: block;
                width: 60px;
                border-bottom: 8px solid #B1264D;
                margin: 30px 0 15px;
            }

            #about-page #Business-Philosophy > ul li h3 {
                font: 25px/27px Proxima-Nova-Extrabold;
                letter-spacing: 0.5px;
            }

            #about-page #Business-Philosophy > ul li p {
                font-size: 20px;
                min-width: 330px;
                max-width: 350px;
                text-align: justify;
            }

@media screen and (max-width: 1200px) {
    /* Heading Section */
    #about-page .headingSection {
        height: auto;
    }

        #about-page .headingSection .img {
            min-height: 250px;
            height: 40vh;
        }

        #about-page .headingSection .text {
            position: relative;
            top: initial;
            right: initial;
            width: auto;
            min-height: 480px;
            max-height: initial;
            height: 53vh;
            background-color: #E9ECF0;
            padding: 40px 4%;
        }

            #about-page .headingSection .text > h1 {
                font: 45px/54px Proxima-Nova-Extrabold;
                letter-spacing: 0.25px;
                margin-top: 0;
            }

            #about-page .headingSection .text > h2 {
                font: 35px/42px Proxima-Nova-Extrabold;
                letter-spacing: 0.25px;
                margin-top: 20px;
            }

            #about-page .headingSection .text > p {
                font-size: 20px;
                line-height: 24px;
                max-width: 720px;
            }

    #about-page #Business-Philosophy {
        position: relative;
        background-color: #fff;
        padding: 50px 4%;
    }

        #about-page #Business-Philosophy > h1 {
            text-align: center;
            font: 40px/49px Proxima-Nova-Extrabold;
            letter-spacing: 0.1px;
            margin-bottom: 55px;
        }

        #about-page #Business-Philosophy > ul {
            position: relative;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: minmax(320px, 340px) [auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(320px, 340px));
            grid-column-gap: 20px;
            grid-row-gap: 50px;
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
            -ms-flex-wrap: initial;
            flex-wrap: initial;
        }

            #about-page #Business-Philosophy > ul li {
                -webkit-box-flex: initial;
                -ms-flex: initial;
                flex: initial;
                padding: 0;
                margin: 0;
            }

                #about-page #Business-Philosophy > ul li img {
                    width: 55px;
                    height: 55px;
                }

                #about-page #Business-Philosophy > ul li h3 {
                    font: 25px/21px Proxima-Nova-Extrabold;
                    letter-spacing: 0.5px;
                }

                #about-page #Business-Philosophy > ul li p {
                    font-size: 20px;
                    min-width: initial;
                    max-width: initial;
                }
}

@media screen and (max-width: 768px) {
    /* Heading Section */
    #about-page .headingSection {
        height: auto;
    }

        #about-page .headingSection .img {
            min-height: 250px;
            height: 40vh;
        }

        #about-page .headingSection .text {
            position: relative;
            top: initial;
            right: initial;
            width: auto;
            min-height: 480px;
            height: 53vh;
            background-color: #E9ECF0;
            padding: 40px 4%;
        }

            #about-page .headingSection .text > h1 {
                font: 35px/42px Proxima-Nova-Extrabold;
                letter-spacing: 0.1px;
                margin-top: 0;
            }

            #about-page .headingSection .text > h2 {
                font: 30px/37px Proxima-Nova-Extrabold;
                letter-spacing: 0.1px;
                margin-top: 20px;
            }

            #about-page .headingSection .text > p {
                font-size: 20px;
                line-height: 24px;
                max-width: 720px;
            }
    /*Images*/
    #about-page .about-head {
        background-image: url("/public/images/about_us/about-bg-tablet.jpg");
    }

    #about-page #Business-Philosophy {
        background-color: #fff;
        padding: 40px 4%;
    }

        #about-page #Business-Philosophy > h1 {
            text-align: center;
            font: 35px/42px Proxima-Nova-Extrabold;
            letter-spacing: 0.1px;
            margin-bottom: 45px;
        }

        #about-page #Business-Philosophy > ul {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: minmax(290px, 400px);
            grid-template-columns: minmax(290px, 400px);
            grid-column-gap: initial;
            grid-row-gap: 40px;
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
        }

            #about-page #Business-Philosophy > ul li img {
                width: 55px;
                height: 55px;
            }

            #about-page #Business-Philosophy > ul li h3 {
                font: 25px/21px Proxima-Nova-Extrabold;
                letter-spacing: 0.5px;
            }

            #about-page #Business-Philosophy > ul li p {
                font-size: 20px;
                min-width: initial;
                max-width: initial;
            }
}

@media screen and (max-width: 480px) {
    /* Heading Section */
    #about-page .headingSection .img {
        min-height: 180px;
        height: 30vh;
    }

    #about-page .headingSection .text {
        min-height: initial;
        height: auto;
    }
    /*Images*/
    #about-page .about-head {
        background-image: url("/public/images/about_us/about-bg-mobile.jpg");
    }
}

/* ===== End of About us page ===== */
/* =========================
         Careers page
   ========================= */
#careers .headingSection {
    min-height: 400px;
    height: 93vh;
    width: 100%;
    background: url("/public/images/about_us/careers/careers-bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 0 10%;
}

    #careers .headingSection h1 {
        position: relative;
        font: 45px/54px Proxima-Nova-Extrabold;
        color: #fff;
        margin: 0;
    }

        #careers .headingSection h1:after {
            content: '';
            display: block;
            width: 60px;
            border-bottom: 8px solid #B1264D;
            margin: 15px 0 30px;
        }

    #careers .headingSection p {
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        max-width: 582px;
        text-align: justify;
    }

#careers .offerSection {
    display: -ms-grid;
    display: grid;
    padding: 5% 10%;
}

    #careers .offerSection h1 {
        position: relative;
        font: 45px/54px Proxima-Nova-Black;
        margin: 0 0 50px;
        text-align: center;
    }

    #careers .offerSection ul {
        margin: 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto [3];
        grid-template-columns: repeat(3, auto);
        grid-column-gap: 10px;
        grid-row-gap: 80px;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

        #careers .offerSection ul li:nth-child(n+4) {
            margin-left: 115px;
        }

        #careers .offerSection ul li .block {
            height: 230px;
            width: 230px;
            background-color: #F8F9FB;
            border: 2px solid #B1BCCD;
            display: -ms-grid;
            display: grid;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-items: center;
        }

        #careers .offerSection ul li p {
            font: 18px/23px Proxima-Nova-Bold;
            max-width: 230px;
        }

            #careers .offerSection ul li p:before {
                content: '';
                display: block;
                width: 15px;
                border-top: 6px solid #B1264D;
                margin: 22px 0 10px;
            }

#opportunitySection {
    position: relative;
    padding: 5% 10%;
    background-color: #E9ECF0;
}

    #opportunitySection > h1 {
        position: relative;
        text-align: center;
        font: 40px/49px Proxima-Nova-Extrabold;
        letter-spacing: 0.1px;
        margin-top: 0;
        margin-bottom: 45px;
    }

    #opportunitySection > ul {
        position: relative;
        display: -ms-grid;
        display: grid;
        grid-row-gap: 15px;
    }

        #opportunitySection > ul li {
            display: -ms-grid;
            display: grid;
            grid-row-gap: 5px;
            border-bottom: 1px solid #06215B;
        }

            #opportunitySection > ul li h5 {
                font: 20px/24px Proxima-Nova-Bold;
                letter-spacing: 0.1px;
                margin: 0;
            }

            #opportunitySection > ul li div {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: auto auto;
                grid-template-columns: auto auto;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin-bottom: 15px;
            }

                #opportunitySection > ul li div p {
                    font: 18px/22px Proxima-Nova-Bold;
                    letter-spacing: 0.1px;
                    color: #98A2B2;
                }

                #opportunitySection > ul li div a {
                    text-decoration: none;
                    font: 20px/27px Proxima-Nova-Bold;
                    color: #B1264D !important;
                }

                    #opportunitySection > ul li div a:hover {
                        color: #751539 !important;
                    }

@media screen and (max-width: 1200px) {
    #careers .headingSection {
        min-height: 400px;
        height: 45vh;
        background: url("/public/images/about_us/careers/careers-bg-tablet.jpg") no-repeat;
        background-size: cover;
        background-position: center;
        padding: 0 4%;
    }

        #careers .headingSection h1 {
            font: 35px/42px Proxima-Nova-Extrabold;
        }

            #careers .headingSection h1:after {
                width: 60px;
                margin: 15px 0 30px;
            }

        #careers .headingSection p {
            font-size: 18px;
            line-height: 29px;
            letter-spacing: 0.2px;
        }

    #careers .offerSection {
        display: -ms-grid;
        display: grid;
        padding: 5% 4%;
    }

        #careers .offerSection h1 {
            font: 40px/49px Proxima-Nova-Black;
            margin: 0 0 35px;
        }

        #careers .offerSection ul {
            -ms-grid-columns: auto [3];
            grid-template-columns: repeat(3, auto);
            grid-column-gap: 15px;
            grid-row-gap: 40px;
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
        }

            #careers .offerSection ul li:nth-child(n+4) {
                margin-left: 0;
            }

            #careers .offerSection ul li .block {
                height: 165px;
                width: 165px;
            }

                #careers .offerSection ul li .block img {
                    height: 40px;
                }

            #careers .offerSection ul li p {
                font: 17px/23px Proxima-Nova-Bold;
                max-width: 165px;
            }

                #careers .offerSection ul li p:before {
                    width: 15px;
                    margin: 22px 0 10px;
                }

    #opportunitySection {
        padding: 5% 4%;
    }

        #opportunitySection > h1 {
            font: 35px/42px Proxima-Nova-Extrabold;
            margin-bottom: 25px;
        }

        #opportunitySection > ul {
            position: relative;
            display: -ms-grid;
            display: grid;
            grid-row-gap: 15px;
        }

            #opportunitySection > ul li {
                grid-row-gap: 1px;
            }

                #opportunitySection > ul li h5 {
                    font: 20px/24px Proxima-Nova-Bold;
                }

                #opportunitySection > ul li div {
                    margin-bottom: 15px;
                }

                    #opportunitySection > ul li div p {
                        font: 18px/22px Proxima-Nova-Bold;
                    }

                    #opportunitySection > ul li div a {
                        font: 20px/27px Proxima-Nova-Bold;
                    }
}

@media screen and (max-width: 600px) {
    #careers .headingSection {
        min-height: 400px;
        height: 93vh;
        background: url("/public/images/about_us/careers/careers-bg-mobile.jpg") no-repeat;
        background-size: cover;
        background-position: center;
        padding: 5px 4%;
    }

        #careers .headingSection h1 {
            font: 30px/37px Proxima-Nova-Extrabold;
        }

            #careers .headingSection h1:after {
                width: 50px;
            }

    #careers .offerSection {
        display: -ms-grid;
        display: grid;
        padding: 8% 4%;
    }

        #careers .offerSection h1 {
            font: 30px/37px Proxima-Nova-Black;
            margin: 0;
        }

            #careers .offerSection h1:after {
                content: '';
                display: block;
                margin: 15px auto 35px;
                width: 50px;
                border-bottom: 8px solid #B1264D;
            }

        #careers .offerSection ul {
            -ms-grid-columns: 165px [auto-fit];
            grid-template-columns: repeat(auto-fit, 165px);
            grid-column-gap: 10px;
            grid-row-gap: 22px;
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
        }

            #careers .offerSection ul li p {
                letter-spacing: 0.2px;
            }

                #careers .offerSection ul li p:before {
                    width: 16px;
                    margin: 13px 0 6px;
                }

    #opportunitySection {
        padding: 8% 4%;
    }

        #opportunitySection > h1 {
            font: 30px/37px Proxima-Nova-Extrabold;
            margin-bottom: 70px;
        }

        #opportunitySection > ul {
            grid-row-gap: 15px;
        }

            #opportunitySection > ul li {
                grid-row-gap: 1px;
            }

                #opportunitySection > ul li h5 {
                    font: 20px/28px Proxima-Nova-Bold;
                }

                #opportunitySection > ul li div {
                    margin-bottom: 12px;
                }

                    #opportunitySection > ul li div p {
                        font: 17px/21px Proxima-Nova-Bold;
                    }

                    #opportunitySection > ul li div a {
                        font: 18px/27px Proxima-Nova-Bold;
                    }
}

/* ===== End of Careers page ===== */
/* =========================
            Job page
   ========================= */
#job .headingSection {
    min-height: 400px;
    height: 50vh;
    width: 100%;
    background: url("/public/images/about_us/job/img_employee.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

    #job .headingSection h1 {
        margin-top: 0;
        text-align: center;
        color: #fff;
        font: 40px/54px Proxima-Nova-Bold;
    }

    #job .headingSection div {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        grid-column-gap: 15px;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

        #job .headingSection div img {
            margin-right: 10px;
        }

        #job .headingSection div p {
            font: 20px/54px Proxima-Nova-Bold;
            color: #fff;
        }

#job .aboutSection {
    max-width: 1084px;
    padding: 50px 0;
    margin: 0 auto;
}

    #job .aboutSection h2 {
        font: 35px/42px Proxima-Nova-Black;
        letter-spacing: 0.1px;
        padding-bottom: 5px;
        margin: 0 0 20px;
        border-bottom: 6px solid #B1264D;
    }

    #job .aboutSection div {
        margin-bottom: 30px;
    }

    #job .aboutSection h5 {
        font: 20px/24px Proxima-Nova-Black;
        letter-spacing: 0.25px;
        margin-top: 0;
    }

    #job .aboutSection ul {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 1px;
    }

        #job .aboutSection ul li {
            font-size: 18px;
            line-height: 25px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 10px auto;
            grid-template-columns: 10px auto;
            grid-column-gap: 8px;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
        }

            #job .aboutSection ul li:before {
                content: '';
                display: block;
                height: 6px;
                border-left: 6px solid #B1264D;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

    #job .aboutSection p {
        font-size: 18px;
        line-height: 25px;
    }

    #job .aboutSection a {
        font: 18px/25px Proxima-Nova-Bold;
        color: #B1264D !important;
    }

@media screen and (max-width: 1200px) {
    #job .headingSection {
        min-height: 300px;
        height: 45vh;
        -ms-flex-line-pack: end;
        align-content: end;
        padding: 0 4% 6%;
    }

        #job .headingSection h1 {
            font: 40px/49px Proxima-Nova-Bold;
        }

        #job .headingSection div {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: auto auto;
            grid-template-columns: auto auto;
            grid-column-gap: 15px;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }

            #job .headingSection div p {
                font: 20px/54px Proxima-Nova-Bold;
                letter-spacing: 0.2px;
            }

    #job .aboutSection {
        padding: 40px 4%;
    }

        #job .aboutSection h2 {
            font: 30px/37px Proxima-Nova-Black;
            padding-bottom: 8px;
            margin: 0 0 25px;
            border-bottom: 5px solid #B1264D;
        }
}

@media screen and (max-width: 600px) {
    #job .headingSection {
        min-height: 250px;
        height: 45vh;
        background: url("/public/images/about_us/job/img_employee_mobile.jpg") no-repeat;
        background-size: cover;
        background-position: center;
        -ms-flex-line-pack: end;
        align-content: end;
        padding: 0 4% 5%;
    }

        #job .headingSection h1 {
            font: 30px/37px Proxima-Nova-Bold;
        }

        #job .headingSection div {
            grid-column-gap: 10px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            #job .headingSection div p img {
                height: 28px;
                margin-right: 2px;
            }

            #job .headingSection div p {
                font: 17px/45px Proxima-Nova-Bold;
                letter-spacing: 0.2px;
            }

    #job .aboutSection {
        padding: 30px 4% 0;
    }

        #job .aboutSection h2 {
            font: 25px/30px Proxima-Nova-Black;
            padding-bottom: 8px;
            margin: 0 0 25px;
            border-bottom: 4px solid #B1264D;
        }
}

/* ===== End of Job page ===== */
/* =========================
            Q&A page
   ========================= */
#QandA .headingSection {
    position: relative;
    background: url("/public/images/support/img_questions.jpg") no-repeat;
    background-size: cover;
    background-position: left center;
    min-height: 600px;
}

    #QandA .headingSection .contact-form {
        position: absolute;
        top: 0;
        bottom: 0;
        font-size: 16px;
        color: #fff;
        background-color: rgba(255, 255, 255, 0.3);
        padding: 25px 60px 15px 60px;
        grid-row-gap: 10px !important;
        width: 584px;
    }

        #QandA .headingSection .contact-form h5 {
            font: 30px/37px Proxima-Nova-Bold;
            letter-spacing: 0.1px;
            text-align: center;
            margin: 0;
        }

        #QandA .headingSection .contact-form .contact_inputs {
            background-color: rgba(210, 218, 234, 0.5);
        }

    #QandA .headingSection .row-div {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

        #QandA .headingSection .row-div .btn-submit {
            max-width: initial;
        }

        #QandA .headingSection .row-div:nth-last-child(1) input {
            grid-column: initial;
        }

        #QandA .headingSection .row-div #checkPrivacy {
            grid-column: initial !important;
        }

        #QandA .headingSection .row-div #checkPrivacy {
            font-size: 16px;
            margin-bottom: 0 !important;
        }

            #QandA .headingSection .row-div #checkPrivacy .checkmark {
                background-color: rgba(210, 218, 234, 0.5);
            }

#QandA #faqSection > h2:after {
    content: '';
    display: block;
    width: 50px;
    border-bottom: 6px solid #B1264D;
    margin: 30px auto 0;
}

@media screen and (max-width: 1200px) {
    #QandA .headingSection {
        background-position: 15% center;
        min-height: 600px;
    }

        #QandA .headingSection .contact-form {
            top: 0;
            bottom: 0;
            font-size: 16px;
            padding: 25px 45px 15px 45px;
            width: 420px;
        }

    #QandA #faqSection > h2:after {
        width: 50px;
        margin: 12px auto 0px;
    }
}

@media screen and (max-width: 600px) {
    #QandA .headingSection {
        background-position: 45% center;
        min-height: 600px;
    }

        #QandA .headingSection .contact-form {
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 30px 30px 15px 30px;
            width: auto;
        }

    #QandA #faqSection > h2 {
        font-size: 25px;
    }

        #QandA #faqSection > h2:after {
            width: 40px;
            margin: 15px auto 0;
        }
}

/* ===== End of Q&A ===== */
/* =========================
         Resources page
   ========================= */
#resources .headingSection {
    min-height: 400px;
    height: 50vh;
    background: url("/public/images/resources/img_resources.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    display: -ms-grid;
    display: grid;
    grid-row-gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: end;
    align-content: end;
    padding: 4% 4%;
}

    #resources .headingSection h1 {
        text-align: center;
        font: 40px/49px Proxima-Nova-Extrabold;
        color: #fff;
        margin: 0;
    }

        #resources .headingSection h1:after {
            content: '';
            display: block;
            width: 50px;
            border-bottom: 6px solid #B1264D;
            margin: 10px auto 0;
        }

    #resources .headingSection > p {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        margin: 0 0 20px !important;
    }

    #resources .headingSection .subscribe-content {
        text-align: center;
    }

        #resources .headingSection .subscribe-content p {
            text-align: center;
            font-size: 17px;
            line-height: 27px;
            color: #fff;
            margin: 0 0 10px !important;
        }

    #resources .headingSection .form-subscribe {
        position: relative;
        max-width: 475px;
        margin: 0 auto;
    }

#resources #txtSubscribe {
    position: relative;
    padding: 16px 150px 16px 16px;
    font-size: 17px;
    background-color: rgba(255, 255, 255, 0.3);
    width: 100%;
    outline: none;
    border: 0.5px solid #222;
    color: #fff;
}

#resources ::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

#resources :-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

#resources ::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

#resources ::placeholder {
    color: #fff;
    opacity: 1;
}

#resources #btnSubscribe {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    padding: 0 20px;
    font: 16px/20px Proxima-Nova-Bold;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

@media screen and (max-width: 992px) {
    #resources .headingSection {
        min-height: 400px;
        height: 45vh;
        background: url("/public/images/resources/img_resources_tablet.jpg") no-repeat;
        background-position: center;
        background-size: cover;
        grid-row-gap: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

        #resources .headingSection h1 {
            font: 40px/49px Proxima-Nova-Bold;
        }

        #resources .headingSection > p {
            font-size: 20px;
            line-height: 30px;
            margin: 0 0 20px !important;
        }

        #resources .headingSection .subscribe-content p {
            font-size: 17px;
            line-height: 27px;
        }

        #resources .headingSection .form-subscribe {
            max-width: 450px;
        }

    #resources #txtSubscribe {
        padding: 16px 150px 16px 16px;
    }

    #resources #btnSubscribe {
        position: absolute;
        right: 6px;
        top: 4px;
        bottom: 4px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    #resources .headingSection {
        min-height: 500px;
        height: 85vh;
        background: url("/public/images/resources/img_resources_mobile.jpg") no-repeat;
        background-position: center;
        background-size: cover;
        grid-row-gap: 15px;
    }

        #resources .headingSection h1 {
            font: 30px/42px Proxima-Nova-Bold;
        }

        #resources .headingSection > p {
            font-size: 18px;
            line-height: 30px;
            margin: 0 0 20px !important;
        }

        #resources .headingSection .subscribe-content p {
            font-size: 17px;
            line-height: 22px;
        }

    #resources #txtSubscribe {
        padding: 16px 150px 16px 16px;
    }

    #resources #btnSubscribe {
        position: absolute;
        right: 6px;
        top: 4px;
        bottom: 4px;
        padding: 0 20px;
    }
}

#resources .title {
    margin-top: 0;
    text-align: center;
    font: 40px/49px Proxima-Nova-Extrabold;
}

    #resources .title:after {
        content: '';
        display: block;
        width: 50px;
        border-bottom: 6px solid #B1264D;
        margin: 10px auto 0;
    }

#resources .subtitle {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}

#resources .show {
    display: block !important;
}

#resources .tab:hover {
    font-family: Proxima-Nova-Bold;
    border-bottom: 6px solid #B1264D !important;
}

#resources .tabActive {
    font-family: Proxima-Nova-Bold;
    border-bottom: 6px solid #B1264D !important;
}

#resources .contentActive {
    display: block !important;
}

#resources .block {
    padding: 3% 4%;
    margin: 0 auto;
    max-width: 1500px;
    display: -ms-grid;
    display: grid;
    grid-row-gap: 45px;
}

#resources #resourceTab {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr [3];
    grid-template-columns: repeat(3, 1fr);
}

    #resources #resourceTab a {
        text-decoration: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        text-align: center;
        font-size: 25px;
        line-height: 30px;
        padding-bottom: 15px;
        border-bottom: 6px solid #E3E6EE;
    }

@media screen and (max-width: 992px) {
    #resources .title {
        font: 35px/42px Proxima-Nova-Extrabold;
    }

    #resources .subtitle {
        line-height: 30px;
    }

    #resources .block {
        padding: 5% 4%;
        grid-row-gap: 36px;
    }

    #resources #resourceTab p {
        font-size: 22px;
        line-height: 27px;
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 600px) {
    #resources .title {
        font: 30px/37px Proxima-Nova-Extrabold;
    }

    #resources .subtitle {
        line-height: 27px;
    }

    #resources .block {
        grid-row-gap: 25px;
    }

    #resources #resourceTab p {
        font-size: 20px;
        line-height: 24px;
        padding: 0 5px 5px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

/*Blog Section*/
.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
    text-align: justify;
}

#resourceContent .blogs > div:first-child {
    max-width: 200px;
}

#resources #dropdownMenuLink {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    color: #384348 !important;
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    grid-column-gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    border: 1px solid #808184;
    border-radius: initial !important;
}

    #resources #dropdownMenuLink span {
        display: -ms-grid !important;
        display: grid !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

#resources .dropdown-menu {
    z-index: 5;
    right: 0;
    max-width: 200px;
    padding: 6px 0;
    font-size: 18px;
}

#resources .open > .dropdown-menu {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 7px;
}

    #resources .open > .dropdown-menu a {
        text-decoration: none;
        padding-left: 12px;
        padding-right: 12px;
    }

        #resources .open > .dropdown-menu a:hover {
            background-color: #E3E6EE;
        }

.dropdown-backdrop {
    position: initial !important;
    top: initial !important;
    right: initial !important;
    bottom: initial !important;
    left: initial !important;
    z-index: initial !important;
}

#resources .blogs {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 18px;
}

#resources .blogs-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(290px, 440px) [3];
    grid-template-columns: repeat(3, minmax(290px, 440px));
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-column-gap: 10px;
    grid-row-gap: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.blog-small {
    position: relative;
    -webkit-box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.1);
}

    .blog-small a {
        position: relative;
        text-decoration: none !important;
    }

    .blog-small > a div img {
        width: 100%;
    }

    .blog-small .card {
        position: relative;
        padding: 30px 30px 12px;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 1fr auto auto;
        grid-template-rows: 1fr auto auto;
        grid-row-gap: 10px;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        height: 280px;
    }

        .blog-small .card > h5 {
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
            margin: 0;
            font: 22px/27px Proxima-Nova-Extrabold;
            letter-spacing: 0.25px;
        }

        .blog-small .card > p {
            width: 100%;
            font-size: 17px;
            line-height: 22px;
            letter-spacing: 0.2px;
            overflow: hidden;
        }

    .blog-small .more-info {
        -ms-grid-row-align: end;
        align-self: end;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        grid-column-gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .blog-small .more-info p:first-child {
            font: 16px/20px Proxima-Nova-Bold;
            letter-spacing: 0.1px;
            opacity: 0.7;
        }

        .blog-small .more-info p:last-child {
            font: 18px/22px Proxima-Nova-Bold;
            letter-spacing: 0.2px;
        }

            .blog-small .more-info p:last-child:hover {
                text-decoration: underline;
            }

#resources .pagination {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-align: center;
    z-index: auto !important;
    height: auto !important;
}

/*Pagination*/
#page-navi {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(45px, auto) [auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(45px, auto));
    grid-column-gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 60px 0 0;
}

    #page-navi li {
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
    }

        #page-navi li a {
            text-decoration: none;
            display: -ms-grid;
            display: grid;
            justify-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 45px;
            height: 45px;
            -webkit-transition: background 200ms linear;
            transition: background 200ms linear;
            font-size: 21px;
            line-height: 25px;
            color: #0B1A21;
        }

            #page-navi li a.current,
            #page-navi li a:hover {
                font: 22px/27px Proxima-Nova-Bold;
                background: #E3E5EE;
                color: #0B1A21;
            }

            #page-navi li a.disable {
                cursor: not-allowed;
                background: #E3E5EE;
            }

        #page-navi li:first-child {
            margin-right: 50px;
        }

        #page-navi li:last-child {
            margin-left: 50px;
        }

        #page-navi li .previos {
            background-image: url("/public/images/resources/left.svg") !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
            background-size: auto !important;
        }

        #page-navi li .next {
            background-image: url("/public/images/resources/right.svg") !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
            background-size: auto !important;
        }

@media screen and (max-width: 1200px) {
    /*Blog Section*/
    #resources .blogs {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 25px;
    }

    #resources .blogs-list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(290px, 440px) [2];
        grid-template-columns: repeat(2, minmax(290px, 440px));
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-column-gap: 15px;
        grid-row-gap: 50px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .blog-small .card {
        position: relative;
        padding: 20px 25px 12px;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 1fr auto auto;
        grid-template-rows: 1fr auto auto;
        grid-row-gap: 10px;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        height: 250px;
    }

        .blog-small .card > h5 {
            margin: 0;
            font: 20px/25px Proxima-Nova-Extrabold;
            letter-spacing: 0.25px;
        }

        .blog-small .card > p {
            font-size: 16px;
            line-height: 20px;
            letter-spacing: 0.2px;
        }

    .blog-small .more-info {
        -ms-grid-row-align: end;
        align-self: end;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        grid-column-gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .blog-small .more-info p:first-child {
            font: 16px/20px Proxima-Nova-Bold;
            letter-spacing: 0.1px;
            opacity: 0.7;
        }

        .blog-small .more-info p:last-child {
            font: 18px/22px Proxima-Nova-Bold;
            letter-spacing: 0.2px;
        }

            .blog-small .more-info p:last-child:hover {
                text-decoration: underline;
            }
    /*Pagination*/
    #page-navi {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(32px, auto) [auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(32px, auto));
        grid-column-gap: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        margin: 50px 0 0;
    }

        #page-navi li a {
            width: 32px;
            height: 32px;
            font-size: 17px;
            line-height: 21px;
        }

            #page-navi li a.current,
            #page-navi li a:hover {
                font: 17px/21px Proxima-Nova-Bold;
            }

        #page-navi li:first-child {
            margin-right: 50px;
        }

        #page-navi li:last-child {
            margin-left: 50px;
        }
}

@media screen and (max-width: 768px) {
    /*Blog Section*/
    #resourceContent .blogs > div:first-child {
        max-width: initial;
    }

    #resources .dropdown-menu {
        max-width: initial;
    }

    #resources .blogs {
        grid-row-gap: 10px;
    }

    #resources .blogs-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: initial;
        grid-row-gap: 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .blog-small .card {
        position: relative;
        padding: 12px 15px;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto auto auto;
        grid-template-rows: auto auto auto;
        grid-row-gap: 10px;
        -ms-flex-line-pack: center;
        align-content: center;
        min-height: 200px;
        height: auto;
    }

        .blog-small .card > h5 {
            margin: 0;
            font: 19px/22px Proxima-Nova-Extrabold;
            letter-spacing: 0.25px;
        }

        .blog-small .card > p {
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0.2px;
        }

    .blog-small .more-info {
        -ms-grid-row-align: end;
        align-self: end;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        grid-column-gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .blog-small .more-info p:first-child {
            font: 13px/16px Proxima-Nova-Bold;
            letter-spacing: 0.1px;
            opacity: 0.7;
        }

        .blog-small .more-info p:last-child {
            font: 16px/20px Proxima-Nova-Bold;
            letter-spacing: 0.2px;
        }
    /*Pagination*/
    #page-navi {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(36px, auto) [auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(36px, auto));
        grid-column-gap: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        margin: 10px 0 0;
    }

        #page-navi li a {
            width: 36px;
            height: 36px;
            font-size: 17px;
            line-height: 21px;
        }

            #page-navi li a.current,
            #page-navi li a:hover {
                font: 17px/21px Proxima-Nova-Bold;
            }

        #page-navi li:first-child {
            margin-right: 25px;
        }

        #page-navi li:last-child {
            margin-left: 25px;
        }
}

/*Content of White papers & Ebooks*/
#resources #resourceContent .ebooks ul {
    position: relative;
    margin-top: 65px;
    display: -ms-grid;
    display: grid;
    grid-row-gap: 65px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    #resources #resourceContent .ebooks ul li {
        position: relative;
        max-width: 1200px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
    }

        #resources #resourceContent .ebooks ul li div {
            position: relative;
            display: -ms-grid;
            display: grid;
            -ms-flex-line-pack: center;
            align-content: center;
            padding: 10px 75px;
        }

            #resources #resourceContent .ebooks ul li div h5 {
                font: 30px/37px Proxima-Nova-Bold;
                letter-spacing: 0.25px;
                margin-top: 0;
                margin-bottom: 13px;
            }

            #resources #resourceContent .ebooks ul li div p {
                font-size: 20px;
                line-height: 30px;
                color: #384348;
                text-align: justify;
            }

        #resources #resourceContent .ebooks ul li > span {
            position: relative;
            text-decoration: none;
        }

        #resources #resourceContent .ebooks ul li span > img {
            width: 100%;
            height: 100%;
        }

        #resources #resourceContent .ebooks ul li span a {
            position: absolute;
            padding: 19px 30px;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            font: 18px/22px Proxima-Nova-Bold;
            color: #B1264D !important;
            border: 2px solid #B1264D;
            white-space: nowrap;
            text-decoration: none;
            text-transform: uppercase;
        }

            #resources #resourceContent .ebooks ul li span a:hover {
                background-color: #B1264D;
                color: #fff !important;
            }

@media screen and (max-width: 1024px) {
    #resources #resourceContent .ebooks ul {
        margin-top: 32px;
        grid-row-gap: 50px;
    }

        #resources #resourceContent .ebooks ul li {
            -ms-grid-columns: auto auto;
            grid-template-columns: auto auto;
        }

            #resources #resourceContent .ebooks ul li div {
                -ms-flex-line-pack: center;
                align-content: center;
                padding: 12px 18px;
            }

                #resources #resourceContent .ebooks ul li div h5 {
                    font: 22px/27px Proxima-Nova-Bold;
                    letter-spacing: 0.1px;
                    margin-bottom: 10px;
                }

                #resources #resourceContent .ebooks ul li div p {
                    font-size: 18px;
                    line-height: 22px;
                }

            #resources #resourceContent .ebooks ul li span a {
                padding: 19px 25px;
            }
}

@media screen and (max-width: 768px) {
    #resources #resourceContent .ebooks ul {
        margin-top: 35px;
        grid-row-gap: 55px;
    }

        #resources #resourceContent .ebooks ul li {
            -ms-grid-columns: auto;
            grid-template-columns: auto;
        }

            #resources #resourceContent .ebooks ul li div {
                -ms-flex-line-pack: center;
                align-content: center;
                padding: 25px 16px;
            }

                #resources #resourceContent .ebooks ul li div h5 {
                    font: 25px/30px Proxima-Nova-Bold;
                    letter-spacing: 0.1px;
                    margin-bottom: 7px;
                }

                #resources #resourceContent .ebooks ul li div p {
                    font-size: 18px;
                    line-height: 25px;
                }

            #resources #resourceContent .ebooks ul li a > img {
                max-height: 218px;
            }
}

/*Content Case Studies*/
#resources #resourceContent .studies ul {
    position: relative;
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    grid-row-gap: 65px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    #resources #resourceContent .studies ul li {
        position: relative;
        max-width: 1200px;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    }

        #resources #resourceContent .studies ul li div {
            position: relative;
            padding: 30px 44px 10px;
        }

            #resources #resourceContent .studies ul li div h5 {
                position: relative;
                font: 30px/35px Proxima-Nova-Bold;
                letter-spacing: 0.1px;
                max-width: 1060px;
            }

            #resources #resourceContent .studies ul li div p {
                position: relative;
                font-size: 20px;
                line-height: 25px;
                max-width: 1060px;
                text-align: justify;
            }

        #resources #resourceContent .studies ul li a {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: auto auto;
            grid-template-columns: auto auto;
            grid-column-gap: 5px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-decoration: none;
            font-family: Proxima-Nova-Bold;
            font-size: 18px;
            letter-spacing: 0.2px;
            width: 200px;
            height: 50px;
            float: right;
        }

@media screen and (max-width: 992px) {
    #resources #resourceContent .studies ul {
        margin-top: 37px;
        grid-row-gap: 80px;
    }

        #resources #resourceContent .studies ul li:nth-child(1) img {
            content: url("/public/images/resources/case-studies/Europcar-bg-tablet.jpg");
        }

        #resources #resourceContent .studies ul li:nth-child(2) img {
            content: url("/public/images/resources/case-studies/BrickWorx-bg-tablet.jpg");
        }

        #resources #resourceContent .studies ul li:nth-child(3) img {
            content: url("/public/images/resources/case-studies/cap-bg-tablet.jpg");
        }

        #resources #resourceContent .studies ul li:nth-child(4) img {
            content: url("/public/images/resources/case-studies/ACCI-bg-tablet.jpg");
        }

        #resources #resourceContent .studies ul li img {
            width: 100%;
        }

        #resources #resourceContent .studies ul li div {
            padding: 30px 30px 12px;
        }

            #resources #resourceContent .studies ul li div h5 {
                font: 30px/35px Proxima-Nova-Bold;
                letter-spacing: initial;
                max-width: initial;
            }

            #resources #resourceContent .studies ul li div p {
                font-size: 20px;
                line-height: 27px;
                max-width: initial;
            }

        #resources #resourceContent .studies ul li a {
            width: 195px;
            height: 50px;
            float: right;
        }
}

@media screen and (max-width: 600px) {
    #resources #resourceContent .studies ul {
        margin-top: 37px;
        grid-row-gap: 70px;
    }

        #resources #resourceContent .studies ul li:nth-child(1) img {
            content: url("/public/images/resources/case-studies/Europcar-bg-mobile.jpg");
        }

        #resources #resourceContent .studies ul li:nth-child(2) img {
            content: url("/public/images/resources/case-studies/BrickWorx-bg-mobile.jpg");
        }

        #resources #resourceContent .studies ul li:nth-child(3) img {
            content: url("/public/images/resources/case-studies/cap-bg-mobile.jpg");
        }

        #resources #resourceContent .studies ul li:nth-child(4) img {
            content: url("/public/images/resources/case-studies/ACCI-bg-mobile.jpg");
        }

        #resources #resourceContent .studies ul li img {
            width: 100%;
        }

        #resources #resourceContent .studies ul li div {
            padding: 29px 19px 19px;
        }

            #resources #resourceContent .studies ul li div h5 {
                font: 27px/30px Proxima-Nova-Bold;
                letter-spacing: 0.1px;
                max-width: initial;
            }

            #resources #resourceContent .studies ul li div p {
                font-size: 18px;
                line-height: 25px;
                max-width: initial;
            }

        #resources #resourceContent .studies ul li a {
            width: 100%;
            height: 60px;
            float: left;
        }
}

/* ===== End of Resources page ===== */
/* =========================
      Case studies pages
   ========================= */
#case-studies .headingSection img {
    min-height: 400px;
    height: 45vh;
}

#case-studies .headingSection nav {
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 25px;
}

#case-studies .headingSection .active {
    opacity: 1;
}

#case-studies .headingSection nav ol {
    background: none !important;
    padding: 0;
}

    #case-studies .headingSection nav ol li,
    #case-studies .headingSection nav ol li a {
        font: 20px/24px Proxima-Nova-Bold;
        color: #0B1A21;
        opacity: 0.5;
    }

#case-studies .breadcrumb-item + .breadcrumb-item::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjU4NiIgaGVpZ2h0PSIxMS45IiB2aWV3Qm94PSIwIDAgNy41ODYgMTEuOSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4zNTQgMC4zNTQpIj48cGF0aCBkPSJNMS4yODIsMCwwLDEuMjgyLDQuMzE0LDUuNiwwLDkuOTFsMS4yODIsMS4yODIsNS42LTUuNlptMCwwIiBmaWxsPSIjZDEyOTM2IiBzdHJva2U9IiNkMTI5MzYiIHN0cm9rZS13aWR0aD0iMC41Ii8+PC9nPjwvc3ZnPg==);
}

@media screen and (max-width: 992px) {
    #case-studies .headingSection img {
        min-height: 300px;
        height: 30vh;
    }

    #case-studies .headingSection imgCap {
        content: url("/public/images/resources/case-studies/cap/cap_bg_tablet.jpg");
    }

    #case-studies .headingSection imgBrickworx {
        content: url("/public/images/resources/case-studies/brickworx/brickworx_bg_tablet.jpg");
    }

    #case-studies .headingSection imgACCI {
        content: url("/public/images/resources/case-studies/acci/acci_bg_tablet.jpg");
    }

    #case-studies .headingSection imgEuropcar {
        content: url("/public/images/resources/case-studies/europcar/europcar_bg_tablet.jpg");
    }

    #case-studies .headingSection nav {
        margin-top: 20px;
    }

        #case-studies .headingSection nav ol li,
        #case-studies .headingSection nav ol li a {
            font: 18px/22px Proxima-Nova-Bold;
        }
}

@media screen and (max-width: 600px) {
    #case-studies .headingSection img {
        min-height: 400px;
        height: 80vh;
    }

    #case-studies .headingSection imgCap {
        content: url("/public/images/resources/case-studies/cap/cap_bg_mobile.jpg");
    }

    #case-studies .headingSection imgBrickworx {
        content: url("/public/images/resources/case-studies/brickworx/brickworx_bg_mobile.jpg");
    }

    #case-studies .headingSection imgACCI {
        content: url("/public/images/resources/case-studies/acci/acci_bg_mobile.jpg");
    }

    #case-studies .headingSection imgEuropcar {
        content: url("/public/images/resources/case-studies/europcar/europcar_bg_mobile.jpg");
    }

    #case-studies .headingSection nav {
        margin-top: 16px;
    }

        #case-studies .headingSection nav ol li,
        #case-studies .headingSection nav ol li a {
            font: 16px/20px Proxima-Nova-Bold;
        }
}

/*Content*/
#case-studies .contentSection {
    padding-top: 2%;
    padding-bottom: 2%;
}

    #case-studies .contentSection h1 {
        text-align: center;
        font: 35px/42px Proxima-Nova-Extrabold;
        letter-spacing: 0.1px;
        margin: 0;
    }

        #case-studies .contentSection h1:after {
            content: '';
            display: block;
            width: 50px;
            border-bottom: 6px solid #B1264D;
            margin: 15px auto 30px;
        }

#case-studies .descriptionDiv {
    display: -ms-grid;
    display: grid;
    margin-bottom: 50px;
}

    #case-studies .descriptionDiv p {
        font-size: 20px;
    }

        #case-studies .descriptionDiv p b {
            font-family: Proxima-Nova-Extrabold;
        }

#case-studies .problemDiv,
#case-studies .solutionDiv {
    margin-bottom: 50px;
}

    #case-studies .problemDiv h3,
    #case-studies .solutionDiv h3,
    #case-studies .resultDiv h3 {
        font: 25px/30px Proxima-Nova-Extrabold;
        margin: 0;
    }

        #case-studies .problemDiv h3:after,
        #case-studies .solutionDiv h3:after,
        #case-studies .resultDiv h3:after {
            content: '';
            display: block;
            width: 50px;
            border-bottom: 6px solid #B1264D;
            margin: 15px 0;
        }

    #case-studies .problemDiv p,
    #case-studies .solutionDiv p,
    #case-studies .resultDiv p {
        font-size: 20px;
        line-height: 30px;
        margin: 10px 0 !important;
    }

    #case-studies .problemDiv ul,
    #case-studies .solutionDiv ul {
        position: relative;
        font-size: 20px;
        line-height: 30px;
        display: -ms-grid;
        display: grid;
        margin: 0;
    }

        #case-studies .problemDiv ul li,
        #case-studies .solutionDiv ul li {
            position: relative;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: auto 1fr;
            grid-template-columns: auto 1fr;
            grid-column-gap: 10px;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
        }

            #case-studies .problemDiv ul li:before,
            #case-studies .solutionDiv ul li:before {
                content: '';
                display: block;
                height: 6px;
                border-left: 10px solid #B1264D;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

#case-studies .brickworxSolution ul {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 20px !important;
    grid-auto-columns: minmax(250px, 330px) !important;
    -ms-grid-rows: auto [7];
    grid-template-rows: repeat(7, auto);
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    grid-auto-flow: column;
}

    #case-studies .brickworxSolution ul li {
        font: 20px/33px Proxima-Nova-Bold;
    }

#case-studies .resultDiv div {
    margin-top: 30px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-column-gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    #case-studies .resultDiv div img {
        -o-object-fit: contain;
        object-fit: contain;
    }

    #case-studies .resultDiv div ul {
        position: relative;
        display: -ms-grid;
        display: grid;
        grid-row-gap: 15px;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin: 0;
    }

        #case-studies .resultDiv div ul li {
            position: relative;
            font: 20px/23px Proxima-Nova-Bold;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 30px auto;
            grid-template-columns: 30px auto;
            grid-column-gap: 10px;
        }

@media screen and (max-width: 992px) {
    #case-studies .contentSection {
        padding-top: 2%;
        padding-bottom: 8%;
    }

        #case-studies .contentSection h1 {
            font: 35px/42px Proxima-Nova-Extrabold;
            letter-spacing: initial;
        }

            #case-studies .contentSection h1:after {
                width: 50px;
            }

    #case-studies .descriptionDiv {
        margin-bottom: 40px;
    }

        #case-studies .descriptionDiv p {
            font-size: 20px;
        }

    #case-studies .problemDiv,
    #case-studies .solutionDiv {
        margin-bottom: 40px;
    }

        #case-studies .problemDiv h3,
        #case-studies .solutionDiv h3,
        #case-studies .resultDiv h3 {
            font: 25px/30px Proxima-Nova-Extrabold;
        }

            #case-studies .problemDiv h3:after,
            #case-studies .solutionDiv h3:after,
            #case-studies .resultDiv h3:after {
                width: 50px;
            }

        #case-studies .problemDiv p,
        #case-studies .solutionDiv p,
        #case-studies .resultDiv p {
            font-size: 20px;
        }

        #case-studies .problemDiv ul,
        #case-studies .solutionDiv ul {
            font-size: 20px;
            line-height: 33px;
        }

    #case-studies .brickworxSolution ul {
        display: -ms-grid;
        display: grid;
        grid-column-gap: 20px !important;
        grid-auto-columns: minmax(250px, 330px) !important;
        -ms-grid-rows: auto [12];
        grid-template-rows: repeat(12, auto);
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        grid-auto-flow: column;
    }

        #case-studies .brickworxSolution ul li {
            font: 20px/33px Proxima-Nova-Bold;
        }

    #case-studies .resultDiv div {
        margin-top: 30px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: initial;
        grid-row-gap: 40px;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }

        #case-studies .resultDiv div img {
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            width: 100%;
            max-height: 345px;
        }

        #case-studies .resultDiv div ul {
            grid-row-gap: 20px;
        }

            #case-studies .resultDiv div ul li {
                font: 20px/23px Proxima-Nova-Bold;
                -ms-grid-columns: 30px auto;
                grid-template-columns: 30px auto;
                grid-column-gap: 15px;
            }
}

@media screen and (max-width: 700px) {
    #case-studies .contentSection {
        padding-top: 2%;
        padding-bottom: 7%;
    }

        #case-studies .contentSection h1 {
            font: 28px/34px Proxima-Nova-Extrabold;
            letter-spacing: initial;
        }

            #case-studies .contentSection h1:after {
                width: 40px;
            }

    #case-studies .descriptionDiv p {
        font-size: 18px;
    }

    #case-studies .problemDiv h3,
    #case-studies .solutionDiv h3,
    #case-studies .resultDiv h3 {
        font: 25px/30px Proxima-Nova-Extrabold;
    }

        #case-studies .problemDiv h3:after,
        #case-studies .solutionDiv h3:after,
        #case-studies .resultDiv h3:after {
            width: 40px;
        }

    #case-studies .problemDiv p,
    #case-studies .solutionDiv p,
    #case-studies .resultDiv p {
        font-size: 20px;
    }

    #case-studies .problemDiv ul,
    #case-studies .solutionDiv ul {
        font-size: 18px;
        line-height: 30px;
    }

    #case-studies .brickworxSolution ul {
        display: -ms-grid;
        display: grid;
        grid-column-gap: 20px !important;
        grid-auto-columns: minmax(250px, 330px) !important;
        -ms-grid-rows: initial;
        grid-template-rows: initial;
        -webkit-box-pack: left !important;
        -ms-flex-pack: left !important;
        justify-content: left !important;
        grid-auto-flow: initial;
    }

        #case-studies .brickworxSolution ul li {
            font: 18px/33px Proxima-Nova-Bold;
        }

    #case-studies .resultDiv div {
        margin-top: 30px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: initial;
        grid-row-gap: 40px;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }

        #case-studies .resultDiv div img {
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            width: 100%;
            max-height: 230px;
        }

        #case-studies .resultDiv div ul {
            grid-row-gap: 30px;
        }

            #case-studies .resultDiv div ul li {
                font: 18px/23px Proxima-Nova-Bold;
                -ms-grid-columns: 30px auto;
                grid-template-columns: 30px auto;
                grid-column-gap: 10px;
            }
}

/*Testimonials*/
#case-studies .testimonialSection {
    position: relative;
    background: url("/public/images/resources/case-studies/testimonial-bg.jpg") no-repeat;
    background-position: left;
    background-size: cover;
    min-height: 430px;
    padding-top: 5%;
    padding-bottom: 5%;
}

    #case-studies .testimonialSection > div {
        position: relative;
        display: -ms-grid;
        display: grid;
        grid-row-gap: 15px;
        min-height: 250px;
    }

    #case-studies .testimonialSection img {
        position: absolute;
    }

        #case-studies .testimonialSection img:first-child {
            top: 0;
            left: 0;
        }

        #case-studies .testimonialSection img:last-child {
            bottom: 0;
            right: 0;
        }

    #case-studies .testimonialSection h2,
    #case-studies .testimonialSection p,
    #case-studies .testimonialSection b {
        padding: 0 125px;
    }

    #case-studies .testimonialSection h2 {
        font: 40px/49px Proxima-Nova-Black;
        letter-spacing: 0.25px;
        margin: 0;
    }

    #case-studies .testimonialSection p {
        font-size: 20px;
        line-height: 26px;
        text-align: justify;
    }

    #case-studies .testimonialSection b {
        font: 20px/25px Proxima-Nova-Bold;
    }

        #case-studies .testimonialSection b:before {
            content: '';
            display: block;
            width: 50px;
            border-top: 6px solid #B1264D;
            margin: 10px 0 15px;
        }

@media screen and (max-width: 992px) {
    #case-studies .testimonialSection {
        background: url("/public/images/resources/case-studies/testimonial-bg-tablet.jpg") no-repeat;
        background-position: left bottom;
        background-size: contain;
        min-height: initial;
        padding-top: 5%;
        padding-bottom: 5%;
    }

        #case-studies .testimonialSection > div {
            position: relative;
            display: -ms-grid;
            display: grid;
            grid-row-gap: 15px;
            min-height: initial;
        }

        #case-studies .testimonialSection img {
            position: static;
            width: 76px;
        }

            #case-studies .testimonialSection img:first-child {
                top: initial;
                left: initial;
            }

            #case-studies .testimonialSection img:last-child {
                bottom: initial;
                right: initial;
                -ms-grid-column-align: right;
                justify-self: right;
            }

        #case-studies .testimonialSection h2,
        #case-studies .testimonialSection p,
        #case-studies .testimonialSection b {
            padding: 0;
        }

        #case-studies .testimonialSection h2 {
            font: 35px/42px Proxima-Nova-Black;
        }
}

@media screen and (max-width: 600px) {
    #case-studies .testimonialSection {
        background: url("/public/images/resources/case-studies/testimonial-bg-mobile.jpg") no-repeat;
        background-position: left bottom;
        background-size: contain;
        min-height: initial;
        padding-top: 5%;
        padding-bottom: 5%;
    }

        #case-studies .testimonialSection > div {
            position: relative;
            display: -ms-grid;
            display: grid;
            grid-row-gap: 15px;
            min-height: initial;
        }

        #case-studies .testimonialSection h2 {
            font: 30px/37px Proxima-Nova-Black;
        }

        #case-studies .testimonialSection b:before {
            width: 40px;
        }
}

/*Case Studies*/
#case-studies .caseSection {
    padding-top: 5%;
    padding-bottom: 5%;
}

    #case-studies .caseSection .active {
        border: 2px solid #B1264D !important;
    }

    #case-studies .caseSection h1 {
        font: 40px/49px Proxima-Nova-Black;
        letter-spacing: 0.25px;
        margin: 0;
    }

        #case-studies .caseSection h1:after {
            content: '';
            display: block;
            width: 50px;
            border-bottom: 6px solid #B1264D;
            margin: 10px 0;
        }

    #case-studies .caseSection ul {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 168px [auto-fit];
        grid-template-columns: repeat(auto-fit, 168px);
        grid-auto-rows: 168px;
        grid-column-gap: 15px;
        grid-row-gap: 30px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 50px;
    }

        #case-studies .caseSection ul li {
            position: relative;
            display: -ms-grid;
            display: grid;
            border: 1px solid #535D62;
        }

            #case-studies .caseSection ul li a {
                display: -ms-grid;
                display: grid;
                -ms-flex-line-pack: center;
                align-content: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

@media screen and (max-width: 992px) {
    #case-studies .caseSection h1 {
        font: 35px/42px Proxima-Nova-Black;
    }

        #case-studies .caseSection h1:after {
            width: 50px;
        }

    #case-studies .caseSection ul {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 160px [auto-fit];
        grid-template-columns: repeat(auto-fit, 160px);
        grid-auto-rows: 160px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 35px;
    }
}

@media screen and (max-width: 600px) {
    #case-studies .caseSection {
        padding-top: 10%;
        padding-bottom: 10%;
    }

        #case-studies .caseSection h1 {
            font: 30px/37px Proxima-Nova-Black;
        }

            #case-studies .caseSection h1:after {
                width: 40px;
            }

        #case-studies .caseSection ul {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 130px [auto-fit];
            grid-template-columns: repeat(auto-fit, 130px);
            grid-auto-rows: 130px;
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
            margin-top: 35px;
        }
}

/* ===== End of Case studies pages ===== */
/* =========================
        Blog subpages
   ========================= */
.blogContainer {
    width: 962px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 992px) {
    .blogContainer {
        width: auto;
        max-width: 700px;
    }
}

#blogSub .content {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

    #blogSub .content > h1 {
        font: 35px/42px Proxima-Nova-Bold;
        margin: 0;
    }

    #blogSub .content h1:after {
        content: '';
        display: block;
        width: 50px;
        border-bottom: 6px solid #B1264D;
        margin: 10px 0 18px;
    }

    #blogSub .content .date {
        display: block;
        font: 15px/18px Proxima-Nova-Bold;
        letter-spacing: 0.1px;
        opacity: 0.7;
        margin-bottom: 20px !important;
    }

    #blogSub .content > img {
        width: 100%;
        max-height: 560px;
        display: block;
    }

    #blogSub .content > div .padImg {
        padding: 20px;
    }

    #blogSub .content p {
        font-size: 18px;
        line-height: 30px;
        text-align: justify;
    }

    #blogSub .content label {
        font: 18px/30px Proxima-Nova-Bold;
    }

    #blogSub .content h6 {
        font: 18px/30px Proxima-Nova-Bold;
    }

#blogSub .blog-block {
    padding: 20px 0;
}

@media screen and (max-width: 1200px) {
    #blogSub .content > h1 {
        font: 30px/37px Proxima-Nova-Bold;
    }

    #blogSub .content > img {
        max-height: 410px;
    }

    #blogSub .content > div .padImg {
        padding: 15px;
    }

    #blogSub .content p {
        font-size: 18px;
        line-height: 30px;
    }

    #blogSub .content h6 {
        font: 18px/30px Proxima-Nova-Bold;
    }
}

@media screen and (max-width: 600px) {
    #blogSub .content > h1 {
        font: 25px/30px Proxima-Nova-Bold;
    }

    #blogSub .content > div .padImg {
        padding: 10px;
    }

    #blogSub .content p {
        font-size: 16px;
        line-height: 25px;
    }

    #blogSub .content label {
        font: 16px/25px Proxima-Nova-Bold;
    }

    #blogSub .content h6 {
        font: 16px/25px Proxima-Nova-Bold;
    }
}

#blogSub .secSection {
    padding-top: 4%;
    padding-bottom: 4%;
}

    #blogSub .secSection .blogContainer {
        text-align: center;
    }

    #blogSub .secSection h3 {
        font: 25px/30px Proxima-Nova-Extrabold;
        margin: 0 0 35px;
        text-align: center;
    }

    #blogSub .secSection p {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 35px !important;
        text-align: center;
    }

        #blogSub .secSection p b {
            font-family: Proxima-Nova-Bold;
            display: block;
        }

@media screen and (max-width: 1200px) {
    #blogSub .secSection {
        padding-top: 5%;
        padding-bottom: 5%;
    }

        #blogSub .secSection p {
            font-size: 20px;
            line-height: 30px;
            margin: 0 0 35px !important;
            text-align: center;
        }
}

@media screen and (max-width: 700px) {
    #blogSub .secSection {
        padding-top: 8%;
        padding-bottom: 8%;
    }

        #blogSub .secSection p {
            font-size: 18px;
            line-height: 30px;
            margin: 0 0 45px !important;
            text-align: center;
        }

            #blogSub .secSection p b {
                display: initial;
            }
}

#blogSub .articles {
    padding-top: 5%;
    padding-bottom: 5%;
}

    #blogSub .articles > h2 {
        margin: 0 0 35px;
        font: 40px/43px Proxima-Nova-Extrabold;
    }

    #blogSub .articles .blogs-list {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(365px, 440px) [2];
        grid-template-columns: repeat(2, minmax(365px, 440px));
        grid-column-gap: 15px;
        grid-row-gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

@media screen and (max-width: 1280px) {
    #blogSub .articles .blogs-list {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(290px, 440px) [2];
        grid-template-columns: repeat(2, minmax(290px, 440px));
        grid-column-gap: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #blogSub .articles .link {
        display: block !important;
        font: 18px/22px Proxima-Nova-Bold;
        letter-spacing: 0.25px;
        text-align: center;
        margin-top: 18px;
    }
}

@media screen and (max-width: 768px) {
    #blogSub .articles > h2 {
        font: 35px/42px Proxima-Nova-Extrabold;
    }

    #blogSub .articles .blogs-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: initial;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* ===== End of Blog subpages ===== */
/* =========================
      White papers pages
   ========================= */
#white-papers .headingSection {
    background: url("/public/images/resources/white-papers/white-paper-bg.jpg") no-repeat;
    background-size: cover;
    background-position: 25% 50%;
    padding: 2% 4%;
    height: 230px;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    #white-papers .headingSection h1 {
        text-align: center;
        font: 50px/61px Proxima-Nova-Bold;
        letter-spacing: 0.5px;
        margin: 0;
        text-transform: uppercase;
    }

#white-papers section:last-child {
    padding: 5% 15px;
}

    #white-papers section:last-child > div {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: auto auto !important;
        grid-template-columns: auto auto !important;
        grid-column-gap: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #white-papers section:last-child > div h2 {
            font: 35px/42px Proxima-Nova-Bold;
            margin: 0;
            text-transform: uppercase;
        }

            #white-papers section:last-child > div h2:after {
                content: '';
                display: block;
                width: 50px;
                border-bottom: 6px solid #B1264D;
                margin: 15px 0 20px;
            }

        #white-papers section:last-child > div p {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 15px !important;
        }

        #white-papers section:last-child > div ul {
            position: relative;
            display: -ms-grid;
            display: grid;
            grid-row-gap: 15px;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            margin: 0;
        }

            #white-papers section:last-child > div ul li {
                position: relative;
                font: 20px/21px Proxima-Nova-Bold;
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: 30px auto;
                grid-template-columns: 30px auto;
                grid-column-gap: 15px;
            }

#white-papers #contact-page-form {
    position: static;
    right: initial;
    top: initial;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #E8ECF4;
    padding: 65px;
}

    #white-papers #contact-page-form > .form-inner > .contact_inputs {
        background-color: #fff;
        margin-bottom: 20px;
    }

    #white-papers #contact-page-form > .form-inner > h5 {
        font: 20px/27px Proxima-Nova-Bold;
        letter-spacing: 0.25px;
        margin: 0 0 20px;
    }

#white-papers #checkPrivacy {
    margin: 0 0 20px !important;
}

    #white-papers #checkPrivacy .checkmark {
        background-color: #fff;
    }

#white-papers #contact-page-form > .form-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(280px, 400px);
    grid-template-columns: minmax(280px, 400px);
    grid-column-gap: initial;
    grid-row-gap: initial;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    #white-papers #contact-page-form > .form-inner input:last-child,
    #white-papers #checkPrivacy,
    #white-papers #contact-page-form > .form-inner h1:first-child {
        grid-column: initial;
    }

@media screen and (max-width: 1200px) {
    #white-papers section:last-child > div {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: 1fr !important;
        grid-template-columns: 1fr !important;
        grid-column-gap: initial;
        grid-row-gap: 50px;
        justify-items: center;
    }

        #white-papers section:last-child > div h2 {
            font: 35px/42px Proxima-Nova-Bold;
        }

        #white-papers section:last-child > div p {
            margin-bottom: 15px !important;
        }
}

@media screen and (max-width: 600px) {
    #white-papers .headingSection h1 {
        font: 40px/49px Proxima-Nova-Bold;
    }

    #white-papers section:last-child {
        padding: 8% 15px 0;
    }

        #white-papers section:last-child > div {
            display: -ms-grid !important;
            display: grid !important;
            -ms-grid-columns: 1fr !important;
            grid-template-columns: 1fr !important;
            grid-column-gap: initial;
            grid-row-gap: 50px;
            justify-items: center;
        }

            #white-papers section:last-child > div h2 {
                font: 30px/37px Proxima-Nova-Bold;
            }

            #white-papers section:last-child > div p {
                margin-bottom: 20px !important;
            }

    #white-papers #contact-page-form {
        padding: 70px 15px;
        margin-left: -15px;
        margin-right: -15px;
    }
}

/* ===== End of White papers page ===== */
/*======== Modals ======== */
.notifyModal {
    overflow: hidden !important;
}

    .notifyModal .modal-dialog-centered {
        display: -ms-grid;
        display: grid;
        justify-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        height: 100vh;
    }

    .notifyModal .modal-dialog {
        margin: 0 auto !important;
    }

    .notifyModal .modal-content {
        border: none;
        border-radius: initial;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    }

    .notifyModal .modal-header {
        background-color: #0F2950;
        border: 1px solid #707070;
    }

        .notifyModal .modal-header button {
            outline: none;
            opacity: initial;
        }

    .notifyModal .modal-body {
        padding: 30px 35px;
    }

        .notifyModal .modal-body h2 {
            font: 30px/37px Proxima-Nova-Bold;
            margin: 0 0 10px;
        }

        .notifyModal .modal-body p {
            font-size: 20px;
            line-height: 26px;
            letter-spacing: 0.25px;
        }

@media (min-width: 992px) {
    .notifyModal .modal-lg {
        width: 600px !important;
    }
}

@media screen and (max-width: 600px) {
    .notifyModal .modal-body {
        padding: 30px 25px;
    }

        .notifyModal .modal-body h2 {
            font: 28px/34px Proxima-Nova-Bold;
            margin: 0 0 15px;
        }
}

/*Request Demo modal*/
#requestDemoModal {
    padding: 0 15px;
}

    #requestDemoModal .modal-dialog-centered {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100vh;
    }

    #requestDemoModal .modal-dialog {
        margin: 0 auto !important;
        max-width: 1460px;
        width: auto !important;
    }

    #requestDemoModal .modal-content {
        border: none;
        border-radius: initial;
        background: url("/public//images/request-modal-bg.jpg") no-repeat;
        background-position: center;
        background-size: cover;
    }

    #requestDemoModal .modal-header {
        border: none;
        padding: 0;
    }

        #requestDemoModal .modal-header button {
            outline: none;
            opacity: initial;
            margin: 0;
            width: 70px;
            height: 70px;
            background-color: rgba(255, 255, 255, 0.2);
        }

            #requestDemoModal .modal-header button svg {
                width: 23px;
                height: 23px;
            }

    #requestDemoModal .modal-body {
        padding: 60px 8%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
        grid-column-gap: 25px;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        color: #fff;
    }

        #requestDemoModal .modal-body > div > h1 {
            font: 40px/49px Proxima-Nova-Bold;
            letter-spacing: 0.25px;
            margin: 0 0 20px;
            max-width: 480px;
        }

        #requestDemoModal .modal-body > div > p {
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0.25px;
            max-width: 540px;
        }

    #requestDemoModal .lbl-text {
        font-size: 18px;
        line-height: 25px;
    }

    #requestDemoModal .msg {
        font-size: 15px;
        bottom: -20px;
    }

    #requestDemoModal .row-div #checkPrivacy {
        font-size: 16px;
    }

@media screen and (max-width: 1200px) {
    #requestDemoModal .modal-body {
        padding: 30px 8%;
        -ms-grid-columns: minmax(330px, 430px) minmax(350px, 400px);
        grid-template-columns: minmax(330px, 430px) minmax(350px, 400px);
        grid-column-gap: 25px;
    }

    #requestDemoModal .row-div {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

        #requestDemoModal .row-div #checkPrivacy,
        #requestDemoModal .row-div:nth-last-child(1) input {
            grid-column: initial !important;
        }
}

@media screen and (max-width: 992px) {
    #requestDemoModal {
        padding: 0;
    }

        #requestDemoModal .modal-body {
            padding: 5px 8% 60px;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-column-gap: initial;
            grid-row-gap: 20px;
        }

        #requestDemoModal .row-div {
            -ms-grid-columns: 150px minmax(300px, 400px);
            grid-template-columns: 150px minmax(300px, 400px);
        }

            #requestDemoModal .row-div #checkPrivacy,
            #requestDemoModal .row-div:nth-last-child(1) input {
                grid-column: 2 / -1 !important;
            }
}

@media screen and (max-width: 600px) {
    #requestDemoModal .modal-body > div > h1 {
        font: 30px/37px Proxima-Nova-Bold;
        letter-spacing: 0.25px;
        margin: 0 0 15px;
        max-width: 315px;
    }

    #requestDemoModal .modal-body > div > p {
        font-size: 18px;
        line-height: 25px;
        letter-spacing: 0.25px;
        max-width: 540px;
    }

    #requestDemoModal .row-div {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

        #requestDemoModal .row-div #checkPrivacy,
        #requestDemoModal .row-div:nth-last-child(1) input {
            grid-column: initial !important;
        }

        #requestDemoModal .row-div #checkPrivacy {
            margin-bottom: 0 !important;
        }
}

/*==== End of Modals ====*/
/* ========================================================Another code============================================================= */
/* Button styles ===*/
.request-demo-div {
    height: 71px;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-request-demo {
    padding: 14px 25px;
    margin: 0 15px;
    text-decoration: none;
    text-align: center;
    font-family: Proxima-Nova-Bold;
    font-size: 18px;
    background-color: #932545;
    color: #fff !important;
    border: none;
    white-space: nowrap;
    outline: none;
}

    .btn-request-demo:hover {
        text-decoration: none;
        background-color: #751539;
        color: #FDFDFE !important;
    }

@media only screen and (max-width: 1400px) {
    .btn-request-demo {
        font-size: 14px !important;
    }
}

@media (min-width: 601px) and (max-width: 1200px) {
    .header-request-btn {
        position: absolute;
        cursor: pointer;
        right: 12%;
        top: 50%;
        -webkit-transform: translate(-5%, -50%);
        transform: translate(-5%, -50%);
        z-index: 20;
        background-color: #932545;
        -webkit-transition: 0.5s all;
        transition: 0.5s all;
    }

    .header-btn {
        display: block !important;
        padding: 14px 25px;
        text-decoration: none;
        text-align: center;
        font-family: Proxima-Nova-Bold;
        font-size: 18px;
        color: #fff !important;
        border: none;
    }

    .request-demo-div {
        display: none !important;
    }
}

@media only screen and (max-width: 600px) {
    .header-btn {
        display: none !important;
    }

    .request-demo-div {
        display: block;
        height: auto;
    }

    .btn-request-demo {
        margin: 0;
        width: 100%;
        height: 53px;
        font-size: 18px !important;
    }
}

/* MATERIAL INPUT DESIGN ============= */
.material-group {
    position: relative;
}

.height60 {
    height: 60px !important;
}

.material-input {
    font-size: 18px;
    padding: 33px 10px 1px 5px;
    display: block;
    border: none;
    border-bottom: 2px solid silver;
    background-color: transparent;
}

    .material-input:focus {
        outline: none;
        border-bottom: 3px solid #01bbd4;
    }

.material-label {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    top: 13px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

/* active state */
.material-input:focus ~ .material-highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

.material-input-valid {
    border: none;
    border-bottom: 1px solid silver !important;
}

.material-input-invalid {
    border: 1px solid #D8192A !important;
}

.msg {
    position: absolute;
    right: 0;
    bottom: -23px;
    font-size: 16px;
    color: #E40000;
    text-align: right;
}

.SearchFont {
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: 300;
    color: #a4a4a4;
    height: 55px !important;
    overflow: hidden;
    width: 100%;
}

.question {
    overflow: hidden;
    height: 60px;
}

/* End of MATERIAL INPUT DESIGN ============= */
/* Blog ==================== */
.dropbtn {
    background-color: white;
    color: #01bbd4;
    padding: 0px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #fff;
}

.blog-suggestion {
    width: 100%;
}

    .blog-suggestion span {
        font-size: 30px;
        font-family: 'Open Sans';
        font-weight: 400;
        color: #282828;
        padding-bottom: 20px;
    }

.sugg-block-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #282828 !important;
}

.sugg-block-date {
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #282828 !important;
}

.blog-detail-content {
    font-size: 14px;
    line-height: 21px;
    color: #282828 !important;
    font-weight: 500 !important;
}

.blogs h1 {
    padding: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 1px !important;
}

@media (max-width: 768px) {
    .blog-details-recent {
        display: none;
    }

    .blogs-carousel {
        display: none !important;
    }
}

@media (min-width: 426px) and (max-width: 579px) {
    .sugg-item {
        min-width: 50% !important;
        width: 50% !important;
    }
}

@media (min-width: 580px) and (max-width: 991px) {
    .sugg-item {
        min-width: 33.3% !important;
        width: 33.3% !important;
    }
}

@media (min-width: 375px) and (max-width: 589px) {
    .blog-head-img {
        min-width: 90% !important;
        width: 90% !important;
        margin-left: 5%;
        margin-bottom: 15px;
    }

    .blog-head-content {
        margin-left: 5%;
        min-width: 90% !important;
        width: 90% !important;
    }

    .blog-recent-title {
        min-width: 70%;
    }

        .blog-recent-title span {
            font-size: 20px;
            font-weight: 500;
            padding-bottom: 5px;
        }

    .blog-recent {
        min-width: 90% !important;
        margin-left: 5%;
    }

        .blog-recent ul li {
            float: left;
        }

            .blog-recent ul li:nth-child(1) {
                margin: 0 !important;
            }

    .blog-header-title {
        color: #282828;
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    .blog-recent ul li a {
        font-size: 14px;
        line-height: 130%;
        font-weight: 500;
        cursor: pointer;
        display: block;
        padding: .2em 1em .2em 0;
        color: #282828 !important;
    }

    .article-date {
        font-size: 13px;
        line-height: 15px;
        color: #282828;
        display: block;
        margin: 2px 0px 0px;
    }

    .sugg-block-title {
        font-size: 13px !important;
    }

    .blog-suggestion span {
        font-size: 30px;
        font-weight: 600;
        color: #282828;
        padding-bottom: 5px;
    }
}

@media (min-width: 590px) and (max-width: 991px) {
    .blog-head-img {
        min-width: 40% !important;
        width: 40% !important;
    }

    .blog-head-content {
        margin-left: 1%;
        min-width: 58% !important;
        width: 58% !important;
    }

    .blog-recent-title {
        min-width: 100%;
    }

        .blog-recent-title span {
            font-size: 22px;
            font-weight: 500;
            padding-bottom: 7px;
        }

    .blog-recent {
        min-width: 100% !important;
    }

        .blog-recent ul li {
            float: left;
        }

            .blog-recent ul li:first-child {
                margin: 0 !important;
            }

    .blog-header-title {
        color: #282828;
        font-size: 20px !important;
        font-weight: 600 !important;
    }

    .article-date {
        font-size: 14px;
        line-height: 16px;
        color: #282828;
        display: block;
        margin: 3px 0px 0px;
    }

    .sugg-block-title {
        font-size: 14px !important;
    }

    .blog-suggestion span {
        font-size: 22px;
        font-weight: 600;
        color: #282828;
        padding-bottom: 7px;
    }
}

.blog-small-list img {
    width: 480px !important;
}

.blog-small-list {
    width: 33.3% !important;
    height: 420px;
}

.blog-card {
    -webkit-box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 40px;
}

    .blog-card:hover {
        -webkit-box-shadow: 4px 4px 9px 6px rgba(0, 0, 0, 0.1);
        box-shadow: 4px 4px 9px 6px rgba(0, 0, 0, 0.1);
    }

.blog-card-home {
    min-height: 460px !important;
}

@media (max-width: 659px) {
    .blog-small-list {
        min-width: 90% !important;
        margin-left: 5%;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog-small-list {
        min-width: 45% !important;
        width: 45% !important;
        margin-left: 2.5%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-small-list {
        min-width: 33% !important;
        width: 33% !important;
    }
}

.blog-card-text {
    min-height: 210px;
}

.blog-block-history {
    background-color: #f5f5f6;
}

.blog-detail-subtitle {
    margin-top: 25px;
    margin-bottom: 5px;
}

    .blog-detail-subtitle img {
        margin-right: 8px;
    }

.blog-subtitle {
    font-size: 20px !important;
    margin-top: 30px !important;
    margin-bottom: 12px !important;
    font-weight: bold;
    text-transform: uppercase;
}

.blog-head-title {
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px !important;
}

/* END  Blog ==================== */
.get-started {
    padding: 0 33px !important;
}

@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	-webkit-backface-visibility: hidden;
}
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}
@-o-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}
	
	80% {
		-o-transform: translateY(10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	
	80% {
		-o-transform: translateY(-10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}
	
	80% {
		-o-transform: translateX(-10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}
	
	80% {
		-o-transform: translateX(10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	
	25% {
		-moz-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}	
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}
	
	25% {
		-o-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		transform: scale(.3);
	}	
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}

.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
    0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-moz-keyframes lightSpeedOut {
	0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-o-keyframes lightSpeedOut {
	0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
	0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}

@font-face {
    font-family: 'Proxima-Nova';
    font-weight: normal;
    font-style: normal;
    src: url('/public/styles/fonts/ProximaNova Regular/ProximaNova-Regular.woff2') format('woff2'), url('/public/styles/fonts/ProximaNova Regular/ProximaNova-Regular.woff') format('woff'), url('/public/styles/fonts/ProximaNova Regular/ProximaNova-Regular.ttf') format('truetype'), url('/public/styles/fonts/ProximaNova Regular/ProximaNova-Regular.eot') format('eot'), url('/public/styles/fonts/ProximaNova Regular/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'Proxima-Nova-Thin';
    font-weight: normal;
    font-style: normal;
    src: url('/public/styles/fonts/ProximaNova Thin/ProximaNova-Thin.woff2') format('woff2'), url('/public/styles/fonts/ProximaNova Thin/ProximaNova-Thin.woff') format('woff'), url('/public/styles/fonts/ProximaNova Thin/ProximaNova-Thin.ttf') format('truetype'), url('/public/styles/fonts/ProximaNova Thin/ProximaNova-Thin.eot') format('eot'), url('/public/styles/fonts/ProximaNova Thin/ProximaNova-Thin.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'Proxima-Nova-Bold';
    font-weight: normal;
    font-style: normal;
    src: url('/public/styles/fonts/ProximaNova Bold/ProximaNova-Bold.woff2') format('woff2'), url('/public/styles/fonts/ProximaNova Bold/ProximaNova-Bold.woff') format('woff'), url('/public/styles/fonts/ProximaNova Bold/ProximaNova-Bold.ttf') format('truetype'), url('/public/styles/fonts/ProximaNova Bold/ProximaNova-Bold.eot') format('eot'), url('/public/styles/fonts/ProximaNova Bold/ProximaNova-Bold.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'Proxima-Nova-Extrabold';
    font-weight: normal;
    font-style: normal;
    src: url('/public/styles/fonts/ProximaNova Extrabold/ProximaNova-Extrabold.woff2') format('woff2'), url('/public/styles/fonts/ProximaNova Extrabold/ProximaNova-Extrabold.woff') format('woff'), url('/public/styles/fonts/ProximaNova Extrabold/ProximaNova-Extrabold.ttf') format('truetype'), url('/public/styles/fonts/ProximaNova Extrabold/ProximaNova-Extrabold.eot') format('eot'), url('/public/styles/fonts/ProximaNova Extrabold/ProximaNova-Extrabold.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'Proxima-Nova-Black';
    font-weight: normal;
    font-style: normal;
    src: url('/public/styles/fonts/ProximaNova Black/ProximaNova-Black.woff2') format('woff2'), url('/public/styles/fonts/ProximaNova Black/ProximaNova-Black.woff') format('woff'), url('/public/styles/fonts/ProximaNova Black/ProximaNova-Black.ttf') format('truetype'), url('/public/styles/fonts/ProximaNova Black/ProximaNova-Black.eot') format('eot'), url('/public/styles/fonts/ProximaNova Black/ProximaNova-Black.eot?#iefix') format('embedded-opentype');
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
        /* fix firefox animation glitch */
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
    /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity 400ms ease;
    }

        .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
            max-height: 0;
        }

    .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d;
    }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
    }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #869791;
            color: #FFF;
            text-decoration: none;
        }

    .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #D6D6D6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791;
        }