@import url("variables.css");
@import url("reset.css");
@import url("fonts.css");

/*= General Style =*/

body {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  position: fixed;
  font-family: var(--ff-body);
  font-size: var(--fs-normal);
  line-height: 1rem;
  color: var(--primary-color);
}

.container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.inner-container {
  padding: 0 2%;
}

.loader-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--bg-color);
  z-index: 999999;
}

.loader-overlay .image-block {
  width: 240px;
  margin: 55vh auto 24px;
}

.loader-overlay .image-block img {
  width: 100%;
}

.loader-overlay .text-block p {
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: var(--primary-color);
}

.welcome-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--bg-color);
  background: url('../images/welcome-bg-1.jpg');
  display: none;
  z-index: 9999999;
}

.welcome-overlay .inner .animate-logo-block{
  position: absolute;
  width: 70%;
  max-width: 600px;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%);
}

.welcome-overlay .inner .animate-logo-block.block-4,
.welcome-overlay .inner .animate-logo-block.block-5{
  bottom: none;
  top: 100%;
}

.welcome-overlay .inner .animate-logo-block img {
  width: 100%;
}

.nav-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--black-color);
  z-index: 999;
  display: none;
}

a.mobile_only,
a.mobile_only {
  cursor: not-allowed;
}

a.mobile_only.mob_active,
a.mobile_only.mob_active {
  cursor: pointer;
}

/* Header Style */

.header-block .header-block-0 {
  border-top: 2px solid var(--highlight-color);
  background: var(--secondary-color);
}

.header-block .header-block-0 .text-block-1 {
  float: left;
}

.header-block .header-block-0 .text-block-1 p,
.header-block .header-block-0 .text-block-1 p span {
  color: var(--white-color);
  font-weight: 500;
  text-align: left;
}

.header-block .header-block-0 .contact-block {
  float: right;
}

.header-block .header-block-0 .contact-block a {
  display: inline-block;
  vertical-align: middle;
}

.header-block .header-block-0 .contact-block a i {
  display: inline-block;
  vertical-align: middle;
  margin-top: 1px;
  margin-right: 4px;
  color: var(--white-color);
}

.header-block .header-block-0 .contact-block a p {
  display: inline-block;
  vertical-align: middle;
  color: var(--white-color);
  font-weight: 500;
  text-align: right;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.header-block .header-block-0 .text-block-2 p a:hover,
.header-block .header-block-0 .text-block-2 p a:focus {
  color: var(--highlight-light-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.header-block .header-block-0 .contact-block .divider-block {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px;
}

.header-block .header-block-0 .contact-block .divider-block p {
  color: var(--white-color);
  font-weight: 500;
}

.header-block .header-block-0 .text-block-3 {
  display: none;
  float: right;
}

.header-block .header-block-0 .text-block-3 p {
  color: var(--primary-color);
  text-align: right;
}

.header-block .header-block-1 .inner-container {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.header-block .header-block-1 .logo-block {
  display: inline-block;
  font-size: 0;
}

.header-block .header-block-1 .logo-block a {
  display: block;
  max-width: 420px;
  font-size: 0;
}

.header-block .header-block-1 .logo-block .divider-block {
  width: 0;
  padding-right: 10%;
  padding-left: 10%;
  display: inline-block;
  vertical-align: middle;
}

.header-block .header-block-1 .logo-block .divider-block span {
  display: block;
  width: 49%;
  height: 34px;
  border-right: 1px solid var(--mid-grey-color);
}

.header-block .header-block-1 .logo-block .image-block {
  width: 34%;
  display: inline-block;
  vertical-align: middle;
}

.header-block .header-block-1 .logo-block .image-block.image-block-2 {
  width: 45%;
}

.header-block .header-block-1 .logo-block .image-block img {
  width: 100%;
}

.header-block .header-block-1 .nav-button-block {
  display: none;
  position: absolute;
  right: 2%;
  bottom: 0;
  height: 100%;
}

.header-block .header-block-1 .nav-button-block .icon-block i {
  font-size: 32px;
  line-height: 1em;
  color: var(--primary-color);
}
.header-block .header-block-1 .navigation-block .close-button {
  display: none;
}

.header-block .header-block-1 .navigation-block .close-button .icon-block {
  cursor: pointer;
}

.header-block .header-block-1 .navigation-block .close-button .icon-block i {
  color: var(--primary-color);
  font-size: 27px;
  line-height: 1em;
}

.header-block
  .header-block-2
  .navigation-block
  .close-button:hover
  .icon-block
  i,
.header-block
  .header-block-2
  .navigation-block
  .close-button:focus
  .icon-block
  i {
  color: var(--secondary-color);
}

.header-block .header-block-1 .navigation-block {
  display: inline-block;
  font-size: 0;
}

.header-block .header-block-1 .navigation-block ul.navigation {
  text-align: right;
  font-size: 0;
}

.header-block .header-block-1 .navigation-block ul.navigation li {
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.header-block .header-block-1 .navigation-block ul.navigation li.nav-header {
  display: none;
  background: var(--secondary-color);
}

.header-block .header-block-1 .navigation-block ul.navigation li.nav-header p {
  color: var(--white-color);
  font-weight: 700;
  text-align: center;
}

.header-block .header-block-1 .navigation-block ul.navigation li a {
  display: block;
  padding: 11px 20px 10px;
  text-transform: uppercase;
}

.header-block .header-block-1 .navigation-block ul.navigation li.last a {
  padding-right: 0;
}

.header-block .header-block-1 .navigation-block ul.navigation li a p {
  color: var(--primary-color);
  text-align: center;
  font-weight: 500;
  position: relative;
  font-size: var(--p1-size);
  line-height: var(--p1-line);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.header-block .header-block-1 .navigation-block ul.navigation li.active a p,
.header-block .header-block-1 .navigation-block ul.navigation li a:hover p,
.header-block .header-block-1 .navigation-block ul.navigation li a:focus p {
  color: var(--secondary-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.header-block .header-block-2 {
  background: var(--primary-color);
}

.header-block .header-block-2 .header-block-2-inner {
  position: relative;
  text-align: center;
}

/* Footer Style */

.footer-block {
  background: var(--white-color);
}

.footer-block .inner {
  width: 100%;
  font-size: 0;
}

.footer-block .footer-main {
  position: relative;
}

.footer-block .footer-main .footer-0 {
  background: var(--secondary-color);
}

.footer-block .footer-main .footer-0 .inner-container {
  font-size: 0;
}

.footer-block .footer-main .footer-0 .block-01 {
  display: inline-block;
  width: 70%;
  padding-right: 5%;
  vertical-align: middle;
}

.footer-block .footer-main .footer-0 .block-02 {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
}

.footer-block .footer-main .footer-0 .head-block-1 h2 {
  color: var(--white-color);
  font-weight: 600;
  text-align: right;
}

.footer-block .footer-main .footer-0 .text-block-1 p {
  color: var(--white-color);
  font-weight: 500;
  text-align: right;
}

.footer-block .footer-main .footer-0 .button-block a {
  display: inline-block;
  padding: 14px 24px;
  font-weight: 700;
  border-radius: 4px;
  color: var(--white-color);
  background: transparent;
  border: 2px solid var(--white-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.footer-block .footer-block footer-main .footer-0 .button-block a:hover,
.footer-main .footer-0 .button-block a:focus {
  color: var(--secondary-color);
  background: var(--white-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.footer-block .footer-1 .footer-11 .social-icons ul {
  font-size: 0;
}

.footer-block .footer-1 .footer-11 .social-icons li {
  display: inline-block;
  vertical-align: middle;
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  margin-right: 14px;
}

.footer-block .footer-1 .footer-11 .social-icons li a {
  display: block;
}

.footer-block .footer-1 .footer-11 .social-icons li:first-child {
  margin-left: 0;
}

.footer-block .footer-1 .footer-11 .social-icons li:last-child {
  margin-right: 0;
}

.footer-block .footer-1 .footer-11 .social-icons .icon-block-1 {
  background: var(--white-color);
  border: 1px solid var(--white-color);
  padding: 5px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.footer-block .footer-1 .footer-11 .social-icons .icon-block-1 i {
  font-size: 19px;
  line-height: 27px;
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  width: 27px;
  height: 27px;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}

.footer-block .footer-1 .footer-11 .social-icons .icon-block-1:hover i,
.footer-block .footer-1 .footer-11 .social-icons .icon-block-1:focus i {
  color: var(--highlight-color);
}

.footer-block .footer-1 .image-block-1 {
  max-width: 210px;
  margin: 0 auto;
}

.footer-block .footer-1 .image-block-1 img {
  width: 100%;
}

.footer-block .footer-1 .list-block {
  border-top: 1px solid var(--primary-color);
}

.footer-block .footer-1 .list-block ul {
  text-align: center;
}

.footer-block .footer-1 .list-block ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px;
}

.footer-block .footer-1 .list-block ul li:first-child {
  margin-left: 0;
}

.footer-block .footer-1 .list-block ul li:last-child {
  margin-right: 0;
}

.footer-block .footer-1 .list-block a {
  display: block;
}

.footer-block .footer-1 .list-block p {
  color: var(--primary-color);
  font-weight: 500;
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.footer-block .footer-1 .list-block a:hover p,
.footer-block .footer-1 .list-block a:focus p,
.footer-block .footer-1 .list-block a:active p {
  color: var(--highlight-color);
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.footer-block .footer-1 .list-block ul li.active p {
  color: var(--highlight-color);
}

.footer-block .footer-1 .contact-links {
  display: inline-block;
  vertical-align: middle;
  width: 65%;
  padding-left: 5%;
}

.footer-block .footer-1 .contact-links ul {
  font-size: 0;
}

.footer-block .footer-1 .contact-links ul li {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  margin-right: 2%;
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.footer-block .footer-1 .contact-links ul li a {
  display: block;
}

.footer-block .footer-1 .contact-links a .icon-block-1 {
  width: 27px;
  height: 27px;
  padding: 17px;
  border-radius: 50%;
  border: 1px solid var(--light-grey-color);
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.footer-block .footer-1 .contact-links a:hover .icon-block-1,
.footer-block .footer-1 .contact-links a:focus .icon-block-1 {
  border: 1px solid var(--highlight-color);
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.footer-block .footer-1 .contact-links a .icon-block-1 i {
  font-size: 27px;
  line-height: 27px !important;
  text-align: center;
  color: var(--secondary-color);
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.footer-block .footer-1 .contact-links a .icon-block-1 i.fa-paper-plane {
  font-size: 25px;
}

.footer-block .footer-1 .contact-links .content-block {
  display: inline-block;
  vertical-align: middle;
}

.footer-block .footer-1 .contact-links .text-block-2 p {
  text-align: left;
  color: var(--highlight-color);
  font-weight: 700;
}

.footer-block .footer-1 .contact-links .text-block-3 p {
  color: var(--primary-color);
  font-weight: 500;
}

.footer-block .footer-1 .text-block-1 {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  padding-right: 4%;
  border-right: 1px solid var(--primary-color);
}

.footer-block .footer-1 .text-block-1 p {
  color: var(--primary-color);
}

.footer-block .footer-1 .contact-links ul li:hover .icon-block-1 i,
.footer-block .footer-1 .contact-links ul li:focus .icon-block-1 i,
.footer-block .footer-1 .contact-links ul li:active .icon-block-1 i {
  color: var(--highlight-color);
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.footer-block .footer-2 {
  background: var(--black-color);
  padding-top: 10px;
  padding-bottom: 10px;
}

.footer-block .footer-2 .text-block-2 {
  display: inline-block;
  vertical-align: middle;
  width: 58%;
  padding-right: 2%;
}

.footer-block .footer-2 .text-block-2 span {
  margin-right: 7px;
}

.footer-block .footer-2 .text-block-2 span i {
  line-height: 1em;
  color: var(--white-color);
}

.footer-block .footer-2 .text-block-2 p {
  color: var(--white-color);
}

.footer-block .footer-2 .text-block-3 {
  display: inline-block;
  vertical-align: middle;
  width: 38%;
  padding-left: 2%;
}

.footer-block .footer-2 .text-block-3 p {
  color: var(--white-color);
  text-align: right;
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.footer-block .footer-2 .text-block-3 p:hover a,
.footer-block .footer-2 .text-block-3 p:active a,
.footer-block .footer-2 .text-block-3 p:focus a {
  color: var(--highlight-color);
  transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

/* Main Content */

/* Home */

.home .block-1 .slider-block li {
  display: block;
}

.home .block-1 .slider-block .image-block img {
  width: 100%;
}

.home .block-2 .inner-container {
  padding: 0;
  font-size: 0;
}

.home .block-2 .block-21 {
  display: inline-block;
  width: 42%;
  padding-left: 2%;
  padding-right: 1%;
  vertical-align: top;
}

.home .block-2 .block-22 {
  display: inline-block;
  width: 52%;
  padding-left: 1%;
  padding-right: 2%;
  vertical-align: top;
}

.home .block-2 .head-block-1 h1 {
  color: var(--secondary-color);
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
}

.home .block-2 .text-block-1 p {
  color: var(--primary-color);
  text-align: left;
  font-weight: 500;
}

.home .block-2 .text-block-2 p {
  color: var(--primary-color);
  text-align: left;
  font-weight: 600;
  text-align: justify;
}

.home .block-2 .text-block-3 p {
  color: var(--primary-color);
  text-align: left;
  font-weight: 400;
  text-align: justify;
}

.home .block-2 .divider-block {
  width: 20%;
  max-width: 100px;
  height: 3px;
  background-color: var(--secondary-color);
}

.home .block-2 .block-23 {
  text-align: center;
  font-size: 0;
}

.home .block-2 .block-23 .block {
  display: inline-block;
  width: 23%;
  padding-left: 1%;
  padding-right: 1%;
  vertical-align: top;
}

.home .block-2 .block-23 .block .icon-block {
  max-width: 70px;
  margin: 0 auto;
}

.home .block-2 .block-23 .block .icon-block img {
  width: 100%;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.home .block-2 .block-23 .block .head-block-2 h2 {
  color: var(--highlight-color);
  font-weight: 500;
  text-align: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.home .block-3 .head-block-1 h2 {
  color: var(--secondary-color);
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
}

.home .block-3 .text-block-1 p {
  color: var(--primary-color);
  text-align: center;
  font-weight: 500;
}

.home .block-3 .text-block-2 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.home .block-3 .text-block-2 p {
  color: var(--primary-color);
  text-align: justify;
  font-weight: 400;
}

.home .block-3 .divider-block {
  width: 20%;
  max-width: 100px;
  height: 3px;
  background-color: var(--secondary-color);
  margin-left: auto;
  margin-right: auto;
}

.home .block-3 .block-31 {
  text-align: center;
  font-size: 0;
}

.home .block-3 .block-31 .block {
  display: inline-block;
  width: 29.33%;
  max-width: 340px;
  padding-left: 2%;
  padding-right: 2%;
  vertical-align: top;
}

.home .block-3 .block-31 .block a {
  display: block;
}

.home .block-3 .block-31 .block a .image-block {
  border: 1px solid var(--secondary-color);
  overflow: hidden;
  border-radius: 10px;
}

.home .block-3 .block-31 .block a .image-block img {
  width: 100%;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.home .block-3 .block-31 .block a:hover .image-block img,
.home .block-3 .block-31 .block a:focus .image-block img {
  scale: 1.05;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.home .block-3 .block-31 .block a .head-block-2 h3 {
  color: var(--secondary-color);
  font-weight: 500;
  text-align: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.home .block-3 .block-31 .block a:hover .head-block-2 h3,
.home .block-3 .block-31 .block a:focus .head-block-2 h3 {
  color: var(--primary-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.home .block-4 {
  position: relative;
}

.home .block-4 .inner-container {
  padding: 0;
  font-size: 0;
}

.home .block-4 .block-41 {
  display: inline-block;
  width: 56%;
  padding-left: 2%;
  padding-right: 2%;
  vertical-align: middle;
}

.home .block-4 .block-42 {
  display: inline-block;
  width: 36%;
  padding-left: 2%;
  padding-right: 2%;
  vertical-align: middle;
}

.home .block-4 .head-block-1 h2 {
  color: var(--highlight-color);
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
}

.home .block-4 .text-block-1 p {
  color: var(--primary-color);
  text-align: left;
  font-weight: 500;
}

.home .block-4 .text-block-2 p {
  color: var(--primary-color);
  text-align: justify;
  font-weight: 400;
  text-align: justify;
}

.home .block-4 .divider-block {
  width: 20%;
  max-width: 100px;
  height: 3px;
  background-color: var(--secondary-color);
}

.home .block-4 .image-block {
  margin-left: auto;
  position: relative;
}

.home .block-4 .image-block img {
  width: 100%;
  border-radius: 10px;
}

.home .block-4 .block-41 .image-block {
  width: 56%;
  max-width: 340px;
  margin-left: 4%;
  display: none;
}

.home .block-5 {
  background: var(--highlight-color);
}

.home .block-5 .inner-container {
  padding: 0;
  font-size: 0;
  text-align: left;
  font-size: 0;
  max-width: 1080px;
}

.home .block-5 .block-51 {
  display: inline-block;
  width: 56%;
  padding-left: 2%;
  padding-right: 2%;
  vertical-align: middle;
}

.home .block-5 .block-52 {
  display: inline-block;
  width: 36%;
  padding-left: 2%;
  padding-right: 2%;
  vertical-align: middle;
  text-align: center;
}

.home .block-5 .head-block-1 h2 {
  color: var(--white-color);
  font-weight: 600;
  text-align: right;
}

.home .block-5 .text-block-1 p {
  color: var(--white-color);
  font-weight: 500;
  text-align: right;
}

.home .block-5 .block-52 .block {
  display: inline-block;
  width: 43%;
  padding-left: 2%;
  padding-right: 2%;
  vertical-align: middle;
}

.home .block-5 .block-52 .icon-block {
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
}

.home .block-5 .block-52 .icon-block img {
  display: block;
  padding: 10px;
  border: 2px solid #ffffff;
}

.home .block-6 .inner-container {
  padding: 0;
  font-size: 0;
}

.home .block-6 .head-block-1 h2 {
  color: var(--secondary-color);
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
}

.home .block-6 .text-block-1 p {
  color: var(--primary-color);
  text-align: center;
  font-weight: 500;
}

.home .block-6 .text-block-2 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.home .block-6 .text-block-2 p {
  color: var(--primary-color);
  text-align: justify;
  font-weight: 400;
}

.home .block-6 .divider-block {
  width: 20%;
  max-width: 100px;
  height: 3px;
  background-color: var(--secondary-color);
  margin-left: auto;
  margin-right: auto;
}

.home .block-6 .block-61 {
  display: inline-block;
  width: 36%;
  padding-left: 2%;
  padding-right: 2%;
  vertical-align: top;
}

.home .block-6 .block-62 {
  display: inline-block;
  width: 56%;
  padding-left: 2%;
  padding-right: 2%;
  vertical-align: top;
}

.home .block-6 .block-62 .image-block {
  display: none;
  width: 56%;
  max-width: 340px;
  margin-right: 4%;
}

.home .block-6 .image-block img {
  width: 100%;
  border-radius: 10px;
}

/* About Us Page */

.aboutus .block-1 {
  background: var(--primary-color);
}
.aboutus .block-1 .head-block-1 h1 {
  color: var(--white-color);
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}

.aboutus .block-1 .text-block-1 p {
  color: var(--white-color);
  text-align: center;
  font-weight: 500;
}

.aboutus .block-2 .text-block-1 p {
  color: var(--primary-color);
  text-align: justify;
}

.aboutus .block-2 .text-block-1 p span {
  color: var(--primary-color);
  font-weight: 600;
}

.aboutus .block-2 .image-block {
  float: right;
  width: 36%;
  padding-left: 2%;
  padding-bottom: 14px;
}

.aboutus .block-2 .image-block.image-block-2 {
  display: none;
}

.aboutus .block-2 .image-block img {
  width: 100%;
  border-radius: 10px;
}

.aboutus .block-3 .head-block-1 h2 {
  color: var(--secondary-color);
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
}

.aboutus .block-3 .text-block-1 p {
  color: var(--primary-color);
  text-align: center;
  font-weight: 500;
}

.aboutus .block-3 .text-block-2 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.aboutus .block-3 .text-block-2 p {
  color: var(--primary-color);
  text-align: justify;
  font-weight: 400;
}

.aboutus .block-3 .divider-block {
  width: 20%;
  max-width: 100px;
  height: 3px;
  background-color: var(--secondary-color);
  margin-left: auto;
  margin-right: auto;
}

.aboutus .block-3 .block-31 {
  text-align: center;
  font-size: 0;
  display: none;
}

.aboutus .block-3 .block-31 .block {
  display: inline-block;
  width: 29.33%;
  max-width: 240px;
  padding-left: 2%;
  padding-right: 2%;
}

.aboutus .block-3 .block-31 .block a {
  display: block;
}

.aboutus .block-3 .block-31 .block a .image-block {
  border: 1px solid var(--secondary-color);
  overflow: hidden;
}

.aboutus .block-3 .block-31 .block a .image-block img {
  width: 100%;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.aboutus .block-3 .block-31 .block a:hover .image-block img,
.aboutus .block-3 .block-31 .block a:focus .image-block img {
  scale: 1.05;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.aboutus .block-3 .block-31 .block a .text-block p {
  color: var(--primary-color);
  font-weight: 500;
  text-align: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.aboutus .block-3 .block-31 .block a:hover .text-block p,
.aboutus .block-3 .block-31 .block a:focus .text-block p {
  color: var(--secondary-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.aboutus .block-4 {
  background: var(--secondary-color);
}

.aboutus .block-4 .text-block-1 p {
  color: var(--white-color);
  font-weight: 500;
  font-style: italic;
  text-align: center;
}

.aboutus .block-4 .text-block-1 p span {
  color: var(--highlight-color);
  font-style: italic;
  font-weight: 600;
}

.aboutus .block-4 .text-block-2 p {
  color: var(--white-color);
  font-weight: 500;
  text-align: center;
}

.aboutus .block-5 .block-51 {
  max-width: 940px;
  margin: 0 auto;
}

.aboutus .block-5 .head-block-1 {
  border-left: 3px solid var(--highlight-color);
  padding-left: 24px;
}

.aboutus .block-5 .head-block-1 h2 {
  color: var(--secondary-color);
  font-weight: 700;
}

.aboutus .block-5 .head-block-1 p {
  color: var(--primary-color);
  font-weight: 700;
}

.aboutus .block-5 .text-block-1 p {
  color: var(--primary-color);
}

/* Product List Page */

.productlist .block-1 {
  background: var(--primary-color);
}
.productlist .block-1 .head-block-1 h1 {
  color: var(--white-color);
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.productlist .block-1 .text-block-1 p {
  color: var(--white-color);
  text-align: center;
  font-weight: 600;
}

.productlist .block-2 .text-block-1 p {
  color: var(--primary-color);
  text-align: justify;
}

.productlist .block-3 .inner-container {
  padding: 0;
  font-size: 0;
}

.productlist .block-3 .block-31 {
  max-width: 1080px;
  margin: 0 auto;
  font-size: 0;
}

.productlist .block-3 .block-311 {
  display: inline-block;
  width: 42%;
  padding-left: 2%;
  padding-right: 1%;
  vertical-align: top;
}

.productlist .block-3 .block-312 {
  display: inline-block;
  width: 52%;
  padding-left: 1%;
  padding-right: 2%;
  vertical-align: top;
}

.productlist .block-3 .head-block-1 h2 {
  color: var(--secondary-color);
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
}

.productlist .block-3 .text-block-1 p {
  color: var(--primary-color);
  text-align: left;
  font-weight: 500;
}

.productlist .block-3 .text-block-2 p {
  color: var(--primary-color);
  text-align: left;
  text-align: justify;
}

.productlist .block-3 .text-block-3 p {
  color: var(--primary-color);
  text-align: left;
  font-weight: 400;
  text-align: justify;
}

.productlist .block-3 .divider-block {
  width: 20%;
  max-width: 100px;
  height: 3px;
  background-color: var(--secondary-color);
}

.productlist .block-3 .block-32 {
  text-align: center;
  font-size: 0;
}

.productlist .block-3 .block-32 .block {
  display: inline-block;
  width: 23%;
  max-width: 340px;
  padding-left: 1%;
  padding-right: 1%;
}

.productlist .block-3 .block-32 .block a {
  display: block;
  max-width: 270px;
  margin: 0 auto;
}

.productlist .block-3 .block-32 .block a .image-block {
  border: 1px solid var(--secondary-color);
  overflow: hidden;
  border-radius: 10px;
}

.productlist .block-3 .block-32 .block a .image-block img {
  width: 100%;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.productlist .block-3 .block-32 .block a:hover .image-block img,
.productlist .block-3 .block-32 .block a:focus .image-block img {
  scale: 1.05;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.productlist .block-3 .block-32 .block a .head-block-2 p {
  color: var(--primary-color);
  font-weight: 600;
  text-align: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.productlist .block-3 .block-32 .block a:hover .head-block-2 p,
.productlist .block-3 .block-32 .block a:focus .head-block-2 p {
  color: var(--secondary-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

/* Product Page */

.products .block-1 {
  background: var(--primary-color);
}
.products .block-1 .head-block-1 h1 {
  color: var(--white-color);
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.products .block-1 .text-block-1 p {
  color: var(--white-color);
  text-align: center;
  font-weight: 600;
}

.products .block-2 .inner-container {
  padding: 0;
  text-align: center;
  font-size: 0;
  margin: 0 auto;
}

.products .block-2 .block-21 {
  display: inline-block;
  vertical-align: top;
  width: 31%;
  padding-left: 2%;
  padding-right: 2%;
}

.products .block-2 .block-22 {
  display: inline-block;
  vertical-align: top;
  width: 61%;
  padding-left: 2%;
  padding-right: 2%;
}

.products .block-2 .block-22 .clearfix {
  display: none;
}

.products .block-2 .block-22 .image-block {
  display: none;
  float: left;
  width: 46%;
  max-width: 270px;
  margin-right: 4%;
}

.products .block-2 .text-block-1 p {
  color: var(--primary-color);
  text-align: justify;
  font-weight: 400;
}

.products .block-2 .head-block-1 h2 {
  color: var(--highlight-color);
  font-weight: 700;
  text-align: left;
}

.products .block-2 ul {
  text-align: left;
}

.products .block-2 ul li {
  color: var(--primary-color);
  text-align: left;
  font-weight: 400;
  list-style-type: square;
  list-style-position: inside;
}

.products .block-2 .image-block {
  border: 1px solid var(--secondary-color);
  overflow: hidden;
  border-radius: 10px;
}

.products .block-2 .image-block img {
  width: 100%;
}

/* Gallery Page */

.gallery .block-1 {
  background: var(--primary-color);
}
.gallery .block-1 .head-block-1 h1 {
  color: var(--white-color);
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.gallery .block-1 .text-block-1 p {
  color: var(--white-color);
  text-align: center;
  font-weight: 600;
}

.gallery .block-2 .inner-container {
  padding-left: 1%;
  padding-right: 1%;
}

.gallery .block-2 .block {
  float: left;
  width: 23%;
  padding-left: 1%;
  padding-right: 1%;
}

.gallery .block-2 .block .image-block {
  position: relative;
}

.gallery .block-2 .block a {
  display: block;
}

.gallery .block-2 .block a .image-block img {
  width: 100%;
}

.gallery .block-2 .block a .image-block .overlay-block {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.gallery .block-2 .block a:hover .image-block .overlay-block,
.gallery .block-2 .block a:focus .image-block .overlay-block {
  opacity: 1;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.gallery .block-2 .block a .image-block .icon-block {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
}

.gallery .block-2 .block a .image-block .icon-block img {
  display: block;
  width: 32px;
  margin: 0 auto;
}

/* Contactus */

.contactus .block-1 {
  background: var(--primary-color);
}
.contactus .block-1 .head-block-1 h1 {
  color: var(--white-color);
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.contactus .block-1 .text-block-1 p {
  color: var(--white-color);
  text-align: center;
  font-weight: 600;
}

.contactus .block-2 .text-block-1 {
  max-width: 1080px;
  margin: 0 auto;
}

.contactus .block-2 .text-block-1 p {
  text-align: center;
  color: var(--primary-color);
}

.contactus .block-2 .text-block-2 p {
  text-align: justify;
  color: var(--primary-color);
}

.contactus .block-3 .inner-container {
  max-width: 1080px;
  padding: 0;
  font-size: 0;
  text-align: left;
  margin: 0 auto;
}

.contactus .block-3 .block-31 {
  vertical-align: top;
  width: 49%;
  display: inline-block;
  padding-left: 2%;
  padding-right: 2%;
}

.contactus .block-3 .block-32 {
  display: inline-block;
  width: 43%;
  vertical-align: top;
  padding-left: 2%;
  padding-right: 2%;
}

.contactus .block-3 .block-31 .head-block-1 h2,
.contactus .block-3 .block-32 .head-block-1 h2 {
  color: var(--highlight-color);
  font-weight: 700;
  text-align: left;
}

.contactus .block-3 .block-32 .detail-block .head-block h3 {
  font-weight: 700;
  color: #434343;
}

.contactus .block-3 .block-31 .form-block .block {
  padding-bottom: 14px;
}

.contactus .block-3 .block-31 .form-block input[type="text"] {
  display: block;
  width: 100%;
  border: 1px solid var(--mid-grey-color);
  outline: none;
  background: var(--white-color);
  color: var(--primary-color);
  text-align: left;
  padding: 10px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border-radius: 4px;
}

.contactus .block-3 .block-31 .form-block input[type="text"]:hover,
.contactus .block-3 .block-31 .form-block input[type="text"]:focus {
  border: 1px solid var(--secondary-color);
  box-shadow: 1px 1px 4px 1px var(--light-grey-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.contactus .block-3 .block-31 .form-block textarea {
  display: block;
  width: 100%;
  border: 1px solid var(--mid-grey-color);
  outline: none;
  background: var(--white-color);
  color: var(--primary-color);
  text-align: left;
  padding: 10px;
  height: 112px;
  resize: vertical;
  border-radius: 4px;
}

.contactus .block-3 .block-31 .form-block textarea:hover,
.contactus .block-3 .block-31 .form-block textarea:focus {
  border: 1px solid var(--highlight-color);
  box-shadow: 1px 1px 4px 1px var(--light-grey-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.contactus .block-3 .block-31 .form-block input[type="submit"] {
  display: block;
  width: 100%;
  max-width: 150px;
  border: 2px solid var(--highlight-color);
  color: var(--highlight-color);
  font-weight: 700;
  text-align: center;
  padding: 14px 10px;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.contactus .block-3 .block-31 .form-block input[type="submit"]:hover,
.contactus .block-3 .block-31 .form-block input[type="submit"]:focus {
  background: var(--highlight-color);
  color: var(--white-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.contactus .block-3 .block-32 .block .icon-block {
  margin-right: 14px;
  display: inline-block;
  vertical-align: top;
}

.contactus .block-3 .block-32 .block .icon-block i {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  color: var(--primary-color);
  text-align: center;
  margin: 0 auto;
}

.contactus .block-3 .block-32 .block .detail-block {
  display: inline-block;
  vertical-align: middle;
}

.contactus .block-3 .block-32 .block .detail-block .link-block {
  padding-top: 4px;
  padding-left: 31px;
}

.contactus .block-3 .block-32 .block .detail-block a {
  display: block;
  text-align: left;
  font-weight: 500;
}

.contactus .block-3 .block-32 .block .detail-block .head-block h2 {
  color: var(--highlight-color);
  font-weight: 700;
}

.contactus .block-3 .block-32 .block .detail-block .text-block {
  display: inline-block;
}

.contactus .block-3 .block-32 .block .detail-block .text-block p {
  color: #000000;
  text-align: left;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.contactus .block-3 .block-32 .block .detail-block .text-block-1 .link-block a {
  color: var(--highlight-color);
  font-weight: 500;
}

.contactus .block-3 .block-32 .block .detail-block .link-block a {
  color: var(--highlight-color);
  text-align: left;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.contactus .block-3 .block-32 .block .detail-block .link-block a:hover,
.contactus .block-3 .block-32 .block .detail-block .link-block a:active {
  text-decoration: underline;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.contactus .block-3 .block-32 .block .detail-block a:hover .text-block p,
.contactus .block-3 .block-32 .block .detail-block a:focus .text-block p {
  color: var(--highlight-color);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.contactus .block-4 .iframe-block {
  width: 100%;
  margin: 0 auto;
}

.contactus .block-4 .iframe-block iframe {
  width: 100%;
  height: 400px;
}