/*

Elegance Template

https://templatemo.com/tm-528-elegance

==================================================
CSS SITEMAP >>>>

  01. GENERAL CSS
  02. HEADER CSS
  03. SOCIAL ICONS CSS
  04. WELCOME BLOCK CSS
  05. ABOUT BLOCK CSS
  06. SERVICES BLOCK CSS
  07. WORK BLOCK CSS
  08. CONTACT BLOCK CSS
  09. TESTIMONOALS BLOCK CSS
  10. SKILLS BLOCK CSS

0073ff
b9b9b9
==================================================*/
/*==============================================
01. GENERAL CSS
================================================*/
/* line 32, global/old.scss */
html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

/* line 41, global/old.scss */
body {
  font: 16px/1.6 'Raleway', Arial, Helvetica, sans-serif;
  color: #081089;
  text-align: center;
  background: #b9b9b9; }

/* line 48, global/old.scss */
img {
  border: 0;
  max-width: 100%; }

/* line 53, global/old.scss */
html {
  -ms-overflow-style: scrollbar; }

/* line 57, global/old.scss */
.alltrans,
.social-icons li a,
.owl-nav > button,
.owl-nav > button:after,
.counter-box,
.about-img:after,
.gallery-img img,
.form-control,
.owl-dot,
.subscribe-row,
.close-btn,
.close-btn:before,
.close-btn:after,
.tag-btn,
.btn {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }

/* line 76, global/old.scss */
a {
  color: #081089;
  text-decoration: none; }

/* line 81, global/old.scss */
a:hover,
a:focus {
  color: #081089;
  outline: none;
  text-decoration: underline; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* line 89, global/old.scss */
  a:active {
    background-color: transparent; } }
/* line 94, global/old.scss */
p {
  margin: 0 0 20px; }

/* line 98, global/old.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  margin: 0 0 20px;
  font-weight: 600; }

/* line 110, global/old.scss */
h1 {
  font-size: 30px; }

/* line 113, global/old.scss */
h2 {
  font-size: 26px; }

/* line 117, global/old.scss */
h3 {
  font-size: 22px;
  font-weight: 600; }

/* line 122, global/old.scss */
h4 {
  font-size: 20px;
  font-weight: 600; }

/* line 127, global/old.scss */
h5 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 600; }

/* line 133, global/old.scss */
h6 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 600; }

/* line 139, global/old.scss */
table {
  width: 100%;
  border-collapse: collapse; }

/* line 143, global/old.scss */
table td {
  padding: 7px;
  border: #4e95f4 1px solid; }

/* line 147, global/old.scss */
table tr {
  background: #f1f1f1; }

/* line 150, global/old.scss */
table tr:hover {
  background-color: #ffc6cb; }

/* line 154, global/old.scss */
#main {
  padding: 0;
  background: #fff; }

/* line 159, global/old.scss */
.no-margin {
  margin: 0 !important; }

/* line 163, global/old.scss */
figure {
  margin: 0; }

/* line 167, global/old.scss */
.opacity-no {
  opacity: 1 !important; }

/* line 171, global/old.scss */
video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%; }

/* line 179, global/old.scss */
#video:after {
  content: '';
  opacity: 0.9;
  background: #b9b9b9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b9b9b9 0%, #b9b9b9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b9b9b9 0%, #b9b9b9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b9b9b9 0%, #b9b9b9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$bgColor, endColorstr=$bgColor, GradientType=0);
  /* IE6-9 */
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

/* line 194, global/old.scss */
.wrapper-background-dark:after {
  background: #222;
  opacity: 0.95; }

/* line 199, global/old.scss */
.section {
  position: relative; }

/* line 203, global/old.scss */
.section-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*z-index: 1;*/ }

/* line 212, global/old.scss */
.section-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: opacity(0.2); }

/* line 218, global/old.scss */
.section-bg-hard img {
  filter: opacity(1); }

/* line 221, global/old.scss */
.home .section-bg img {
  filter: blur(4px) brightness(0.5); }

/* line 225, global/old.scss */
.section-inner {
  padding: 20px 30px 0; }

/* line 229, global/old.scss */
.fp-scrollable {
  height: calc(100vh - 200px) !important; }

/* line 233, global/old.scss */
#fp-nav ul li a span {
  display: none; }

/* line 237, global/old.scss */
.btn {
  background: #081089;
  color: #fff;
  text-align: center;
  line-height: 52px;
  padding: 0 35px;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: 600;
  border: 2px solid transparent;
  border-radius: 10px; }

/* line 250, global/old.scss */
.btn:hover, .btn:focus {
  color: #081089;
  border-color: #fff;
  background: none; }

/* line 256, global/old.scss */
.btn:focus {
  box-shadow: none;
  outline: none; }

/* line 261, global/old.scss */
.btn.btn-xs {
  line-height: 34px;
  font-size: 12px;
  padding: 0 20px;
  font-weight: 500; }

/* line 268, global/old.scss */
.btn.btn-outline {
  background: none;
  border-color: #081089;
  color: #081089;
  border-width: 1px; }

/* line 275, global/old.scss */
.btn.btn-outline:hover, .btn.btn-outline:focus {
  background: #081089;
  color: #fff; }

/* line 280, global/old.scss */
.btn.btn-dark {
  color: #222;
  border-color: #222; }

/* line 285, global/old.scss */
.btn.btn-dark:hover, .btn.btn-dark:focus {
  background: #081089;
  color: #fff; }

/* line 290, global/old.scss */
.owl-carousel .owl-stage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

/* line 297, global/old.scss */
.owl-carousel .owl-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1 0 auto; }

/* line 305, global/old.scss */
.preloader {
  background: -moz-linear-gradient(top, #363636 0%, #363636 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #363636 0%, #363636 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #363636 0%, #363636 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#363636', GradientType=0);
  /* IE6-9 */
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
  text-align: center; }

/* line 319, global/old.scss */
.preloader-bounce {
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute; }

/* line 328, global/old.scss */
.preloader-bounce > span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0.3em;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: bounce 0.6s infinite alternate;
  animation: bounce 0.6s infinite alternate;
  background: #fff; }

/* line 340, global/old.scss */
.preloader-bounce > span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  background: #fff; }

/* line 346, global/old.scss */
.preloader-bounce > span:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  background: #fff; }

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  to {
    -webkit-transform: translateY(-1.2em);
    transform: translateY(-1.2em); } }
@keyframes bounce {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  to {
    -webkit-transform: translateY(-1.2em);
    transform: translateY(-1.2em); } }
/* line 374, global/old.scss */
#fullpage {
  z-index: 99; }

/*==============================================
02. HEADER CSS
================================================*/
/* line 382, global/old.scss */
#header {
  padding: 20px 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  transition: all 0.5s linear; }

/* line 391, global/old.scss */
#header.use-bg {
  background-color: rgba(0, 0, 0, 0.8); }

/* line 404, global/old.scss */
.container-fluid {
  padding: 0 20px; }

/* line 408, global/old.scss */
a#logo {
  text-decoration: none;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700; }

/* line 415, global/old.scss */
.navbar {
  padding: 0; }

/* line 419, global/old.scss */
.navbar-toggle {
  display: none; }

/* line 423, global/old.scss */
.navbar-nav {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row; }

/* line 429, global/old.scss */
.navbar-nav li {
  margin-left: 30px; }

/* line 433, global/old.scss */
.navbar-nav li a {
  color: #081089;
  font-size: 15px;
  text-decoration: none;
  display: block;
  font-weight: 500;
  opacity: 0.9;
  transition: all 0.5s linear; }

/* line 443, global/old.scss */
.navbar-nav > li {
  position: relative; }

/* line 446, global/old.scss */
.navbar-nav li ul {
  list-style: none;
  padding: 0;
  background: silver;
  border: 1px solid grey;
  position: absolute;
  top: 100%;
  display: none;
  /*visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;*/ }

/* line 458, global/old.scss */
.navbar-nav > li:hover ul {
  display: block;
  /*visibility: visible;
  opacity: 1;*/ }

/* line 463, global/old.scss */
.navbar-nav li li {
  margin: 0; }

/* line 466, global/old.scss */
.navbar-nav li li a {
  padding: 10px 20px;
  line-height: 1;
  text-align: left; }

/* line 471, global/old.scss */
.navbar-nav li li:hover a {
  background: rgba(255, 255, 255, 0.5); }

/* line 476, global/old.scss */
.navbar-nav > li > a:after {
  content: '';
  display: block;
  height: 2px;
  background: #081089;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scale(0);
  transform: scale(0);
  margin-top: 4px; }

/* line 488, global/old.scss */
.navbar-nav > li > a:hover:after, .navbar-nav > li.active > a:after {
  -webkit-transform: scale(1);
  transform: scale(1); }

/* line 493, global/old.scss */
.navbar-nav li a:hover {
  opacity: 1; }

/* line 497, global/old.scss */
.navbar-nav li.active a {
  opacity: 1; }

/* line 501, global/old.scss */
.collapse:not(.show) {
  display: block; }

/*==============================================
03. SOCIAL ICONS CSS
================================================*/
/* line 508, global/old.scss */
#social-icons {
  padding: 0;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 199; }

/* line 517, global/old.scss */
.social-icons {
  margin: 0;
  padding: 0;
  list-style: none; }

/* line 523, global/old.scss */
.social-icons li {
  display: block;
  margin: 1px 0px; }

/* line 528, global/old.scss */
.social-icons li a {
  width: 50px;
  height: 50px;
  display: inline-block;
  line-height: 50px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  color: #081089;
  font-size: 18px; }

/* line 539, global/old.scss */
.social-icons li a:hover {
  color: #1e1e1e;
  background-color: #fff; }

/*==============================================
04. WELCOME BLOCK CSS
================================================*/
/* line 547, global/old.scss */
.welcome-box {
  font-size: 20px;
  line-height: 1.7; }

/* line 552, global/old.scss */
.welcome-first {
  font-size: 32px;
  display: block;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: #76080c; }

/* line 562, global/old.scss */
.welcome-box p {
  max-width: 620px;
  width: 100%;
  margin: 0 auto 30px;
  color: #76080c; }

/* line 569, global/old.scss */
.welcome-title {
  font-weight: 700;
  font-size: 120px;
  margin-bottom: 10px;
  letter-spacing: 0.02em;
  color: #76080c; }

/* line 577, global/old.scss */
.welcome-title span {
  font-size: 36px;
  display: block;
  font-weight: 300;
  line-height: 1.2; }

/* line 584, global/old.scss */
.welcome-box .btn {
  margin-top: 10px; }

/* line 588, global/old.scss */
.next-section {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

/* line 599, global/old.scss */
.next-section span {
  margin-top: 15px;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500; }

/* line 607, global/old.scss */
.next-section i:hover {
  opacity: 1; }

/*==============================================
05. ABOUT ME
================================================*/
/* line 614, global/old.scss */
.about-img {
  margin: 0 auto 40px;
  position: relative; }

/* line 619, global/old.scss */
.about-img img {
  border-radius: 10px;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.3); }

/* line 625, global/old.scss */
.about-contentbox {
  margin-top: 0;
  text-align: left;
  line-height: 1.8;
  color: #76080c; }

/* line 632, global/old.scss */
.about-contentbox span {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 300; }

/* line 638, global/old.scss */
.about-contentbox h2 {
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700; }

/* line 644, global/old.scss */
.facts-list {
  margin-top: 30px; }

/* line 648, global/old.scss */
.facts-list .item {
  overflow: hidden;
  text-align: center;
  border-radius: 10px;
  width: 100%;
  display: inline-block;
  text-transform: capitalize;
  font-size: 14px;
  padding: 30px 0px;
  background: rgba(0, 0, 0, 0.05); }

/* line 660, global/old.scss */
.counter-box span {
  font-size: 26px;
  font-weight: 700; }

/* line 665, global/old.scss */
.counter-icon {
  font-size: 30px;
  margin-bottom: 10px;
  opacity: 0.75; }

/* line 671, global/old.scss */
.facts-list .item:hover {
  background: #fff;
  color: #1e1e1e; }

/* line 676, global/old.scss */
.facts-list .owl-dots {
  margin-bottom: 30px; }

/* line 680, global/old.scss */
.count-number, .counted {
  display: block;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px; }

/*==============================================
06. SERVICES BLOCK CSS
================================================*/
/* line 691, global/old.scss */
.title-block {
  margin-bottom: 40px;
  color: #76080c; }

/* line 696, global/old.scss */
.title-block span {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 300; }

/* line 702, global/old.scss */
.services-list .item {
  background-color: rgba(250, 250, 250, 0.25);
  border-radius: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

/* line 709, global/old.scss */
.service-icon {
  display: block;
  margin: 0 auto 0;
  font-size: 64px; }

/* line 715, global/old.scss */
.service-box {
  font-size: 15px;
  padding: 40px 20px;
  height: 100%; }

/* line 721, global/old.scss */
.services-list .item:hover {
  background-color: #fff;
  color: #1e1e1e; }

/* line 726, global/old.scss */
.services-list-short {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch; }

/* line 732, global/old.scss */
.services-list-short .item {
  display: block;
  text-decoration: none !important;
  background-color: rgba(250, 250, 250, 0.25);
  border-radius: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  flex: 0 1 100%;
  max-width: 200px;
  margin: 10px; }

/* line 744, global/old.scss */
.services-list-short .service-box {
  padding: 0; }

/* line 747, global/old.scss */
.services-list-short .service-icon {
  font-size: 70px;
  margin: 20px auto 0; }

/* line 752, global/old.scss */
.services-list-short .item.active,
.services-list-short .item:hover {
  background-color: #fff; }

/* line 758, global/old.scss */
.service-box h3 {
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 10px;
  padding: 10px; }

/* line 766, global/old.scss */
.service-box p:last-child {
  margin: 0; }

/* line 770, global/old.scss */
.owl-carousel .owl-dots .owl-dot {
  border-radius: 3px; }

/* line 774, global/old.scss */
.owl-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 50px; }

/* line 785, global/old.scss */
.owl-carousel .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: rgba(255, 255, 255, 0.2); }

/* line 792, global/old.scss */
.owl-carousel .owl-dots .owl-dot:focus {
  outline: none; }

/* line 796, global/old.scss */
.owl-carousel .owl-dots .owl-dot.active {
  background: #081089; }

/* line 800, global/old.scss */
.services-list {
  padding: 0 30px; }

/* line 803, global/old.scss */
.services-list .owl-prev,
.services-list .owl-next {
  position: absolute;
  top: 10%;
  font-size: 70px !important;
  outline: none; }

/* line 810, global/old.scss */
.services-list .owl-prev {
  left: 0; }

/* line 813, global/old.scss */
.services-list .owl-next {
  right: 0; }

/*==============================================
07. WORK BLOCK CSS
================================================*/
/* line 820, global/old.scss */
.gallery-section {
  text-align: center; }

/* line 824, global/old.scss */
.portfolio-item img {
  max-width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 9;
  border-radius: 10px; }

/* line 832, global/old.scss */
.portfolio-item .thumb-inner {
  position: absolute;
  z-index: 99;
  bottom: 0;
  text-align: left;
  padding: 20px;
  background-color: rgba(250, 250, 250, 0.25);
  width: 100%;
  height: 60px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }

/* line 847, global/old.scss */
.portfolio-item .thumb-inner h4 {
  margin-bottom: 0;
  font-size: 16px;
  margin-top: 0px; }

/* line 853, global/old.scss */
.portfolio-item .thumb-inner p {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  margin-bottom: 0px; }

/* line 860, global/old.scss */
.portfolio-item:hover .thumb-inner p {
  position: relative;
  opacity: 1;
  visibility: visible;
  color: #4a4a4a; }

/* line 867, global/old.scss */
.portfolio-item:hover .thumb-inner {
  border-radius: 10px;
  height: 100%;
  background-color: rgba(250, 250, 250, 0.9); }

/* line 873, global/old.scss */
.portfolio-item:hover .thumb-inner h4 {
  margin-top: 30%;
  color: #1e1e1e;
  margin-bottom: 20px; }

/*==============================================
08. CONTACT BLOCK CSS
================================================*/
/* line 882, global/old.scss */
::-webkit-input-placeholder {
  color: #8c8c8c !important;
  opacity: 1; }

/* line 887, global/old.scss */
::-moz-placeholder {
  color: #8c8c8c !important;
  opacity: 1; }

/* line 892, global/old.scss */
:-ms-input-placeholder {
  color: #8c8c8c !important;
  opacity: 1; }

/* line 897, global/old.scss */
:-moz-placeholder {
  color: #8c8c8c !important;
  opacity: 1; }

/* line 902, global/old.scss */
.input-field {
  margin-bottom: 15px; }

/* line 906, global/old.scss */
.form-control {
  height: 50px;
  color: #081089;
  border: none;
  background: rgba(250, 250, 250, 0.05);
  border: 1px solid #081089;
  border-radius: 10px;
  padding: 4px 22px;
  font-size: 14px;
  margin-bottom: 30px; }

/* line 918, global/old.scss */
.form-control:focus {
  box-shadow: none;
  outline: none;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid #081089;
  color: #081089; }

/* line 926, global/old.scss */
.index .form-control.form-control-dark {
  background: rgba(250, 250, 250, 0.75);
  color: #081089; }

/* line 931, global/old.scss */
.index .form-control.form-control-dark:focus {
  background: rgba(54, 40, 158, 0.85);
  color: #fff; }

/* line 936, global/old.scss */
.index .form-control.form-control-dark::-webkit-input-placeholder {
  color: #fff !important; }

/* line 940, global/old.scss */
.index .form-control.form-control-dark::-moz-placeholder {
  color: #fff !important; }

/* line 944, global/old.scss */
.index .form-control.form-control-dark:-ms-input-placeholder {
  color: #fff !important; }

/* line 948, global/old.scss */
.index .form-control.form-control-dark:-moz-placeholder {
  color: #fff !important; }

/* line 952, global/old.scss */
.form-control.form-control-dark:focus {
  background: rgba(0, 0, 0, 0.2); }

/* line 956, global/old.scss */
.form-control.form-control-dark {
  background: rgba(0, 0, 0, 0.1);
  color: #222;
  border: none; }

/* line 962, global/old.scss */
.form-control.form-control-dark::-webkit-input-placeholder {
  color: #222 !important;
  opacity: 0.7; }

/* line 967, global/old.scss */
.form-control.form-control-dark::-moz-placeholder {
  color: #222 !important;
  opacity: 0.7; }

/* line 972, global/old.scss */
.form-control.form-control-dark:-ms-input-placeholder {
  color: #222 !important;
  opacity: 0.7; }

/* line 977, global/old.scss */
.form-control.form-control-dark:-moz-placeholder {
  color: #222 !important;
  opacity: 0.7; }

/* line 982, global/old.scss */
textarea.form-control {
  height: 123px;
  padding-top: 15px; }

/* line 987, global/old.scss */
.contact-section .btn {
  width: 100%; }

/* line 991, global/old.scss */
.contact-box {
  text-align: left; }

/* line 995, global/old.scss */
.contact-box h4 {
  font-size: 24px; }

/* line 999, global/old.scss */
.contact-box h4:after {
  content: '';
  display: block;
  width: 50px;
  height: 2px;
  background: #fff;
  margin: 12px 0; }

/* line 1008, global/old.scss */
.contact-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
  background: rgba(250, 250, 250, 0.25);
  border-radius: 10px;
  padding: 30px;
  font-weight: 700; }

/* line 1024, global/old.scss */
.contact-row i {
  width: 55px;
  font-size: 30px;
  display: block; }

/* line 1030, global/old.scss */
.contact-row i.fa-envelope {
  font-size: 25px; }

/*==============================================
09. TESTIMONOALS BLOCK CSS
================================================*/
/* line 1037, global/old.scss */
.testimonials-section .item {
  background-color: rgba(250, 250, 250, 0.25);
  padding: 40px;
  border-radius: 10px; }

/* line 1043, global/old.scss */
.testimonials-section .item img {
  width: 140px;
  height: 140px;
  margin: 0 auto; }

/* line 1049, global/old.scss */
.testimonials-section .item h4 {
  margin-top: 40px;
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 700; }

/* line 1056, global/old.scss */
.testimonials-section .item p {
  font-size: 17px;
  font-style: italic; }

/*==============================================
10. SKILLS BLOCK CSS
================================================*/
/* line 1064, global/old.scss */
.skills-row {
  margin-top: 80px; }

/* line 1068, global/old.scss */
.skill-item {
  border-bottom: 1px solid rgba(250, 250, 250, 0.1);
  margin-bottom: 50px;
  padding-bottom: 50px; }

/* line 1074, global/old.scss */
.last-skill {
  border-bottom: none; }

/* line 1078, global/old.scss */
.skills-row span {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background-color: #fff;
  color: #1e1e1e;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 700;
  left: 0;
  top: -21px;
  position: absolute;
  z-index: 999; }

/* line 1095, global/old.scss */
.skills-row h6 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  text-align: right;
  margin-bottom: -10px; }

/* line 1104, global/old.scss */
.skill-bar {
  width: 70%;
  height: 6px;
  border-radius: 3px;
  background-color: rgba(250, 250, 250, 0.25);
  position: relative; }

/* line 1112, global/old.scss */
.filled-bar {
  position: absolute;
  z-index: 99;
  width: 64%;
  height: 6px;
  background-color: #fff;
  border-radius: 3px; }

/* line 1121, global/old.scss */
.filled-bar-2 {
  position: absolute;
  z-index: 99;
  width: 82%;
  height: 6px;
  background-color: #fff;
  border-radius: 3px; }

/* line 1146, global/old.scss */
.lg-container {
  position: fixed;
  z-index: 7777; }

@media only screen and (min-width: 768px) {
  /* line 4, global/responsive.scss */
  .nav-box {
    display: block !important;
    height: auto !important; } }
@media only screen and (max-width: 1440px) {
  /* line 10, global/responsive.scss */
  .welcome-title {
    font-size: 100px;
    margin-bottom: 20px; }

  /* line 14, global/responsive.scss */
  .next-section {
    /*	bottom: auto; */ }

  /* line 17, global/responsive.scss */
  .welcome-title:before {
    margin: 20px auto 5px; }

  /* line 20, global/responsive.scss */
  .welcome-first {
    font-size: 26px; }

  /* line 23, global/responsive.scss */
  .welcome-box p {
    margin-bottom: 20px; }

  /* line 26, global/responsive.scss */
  .navbar-nav li a {
    font-size: 15px; }

  /* line 29, global/responsive.scss */
  .subscribe-row h5 {
    font-size: 18px; }

  /* line 32, global/responsive.scss */
  .wide-col-laptop {
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%; }

  /* line 37, global/responsive.scss */
  .service-box h3 {
    font-size: 18px; }

  /* line 40, global/responsive.scss */
  h1, h2 {
    font-size: 56px;
    line-height: 1.05;
    margin-bottom: 10px; }

  /* line 45, global/responsive.scss */
  .title-block p {
    line-height: 1.6; }

  /* line 48, global/responsive.scss */
  .title-block {
    margin-bottom: 25px; }

  /* line 51, global/responsive.scss */
  .service-icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    margin: 0 auto; }

  /* line 58, global/responsive.scss */
  .service-box {
    padding: 30px 20px; }

  /* line 61, global/responsive.scss */
  .testimonial-content {
    font-size: 18px; }

  /* line 64, global/responsive.scss */
  .owl-carousel .owl-item .client-img img {
    max-width: 80px; }

  /* line 67, global/responsive.scss */
  .gallery-section {
    padding-top: 10px; }

  /* line 70, global/responsive.scss */
  .about-img {
    margin-right: 15px; } }
@media only screen and (max-width: 1199px) {
  /* line 75, global/responsive.scss */
  #fp-nav.fp-right {
    right: 5px; }

  /* line 78, global/responsive.scss */
  .welcome-title:before {
    margin: 20px auto 15px; }

  /* line 81, global/responsive.scss */
  .wide-col-laptop {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  /* line 86, global/responsive.scss */
  .about-img {
    margin-right: 0; }

  /* line 89, global/responsive.scss */
  .welcome-title {
    font-size: 80px; }

  /* line 92, global/responsive.scss */
  .welcome-title:after {
    margin-top: 15px; }

  /* line 95, global/responsive.scss */
  .welcome-box {
    font-size: 18px; }

  /* line 98, global/responsive.scss */
  h1, h2 {
    font-size: 48px; }

  /* line 101, global/responsive.scss */
  .counter-box {
    font-size: 13px; }

  /* line 104, global/responsive.scss */
  .count-number, .counted {
    margin-bottom: 5px; }

  /* line 107, global/responsive.scss */
  .owl-nav {
    margin-top: 35px; }

  /* line 110, global/responsive.scss */
  .testimonial-content {
    font-size: 16px;
    padding: 20px 25px; }

  /* line 114, global/responsive.scss */
  .testimonials-section {
    padding-top: 10px; }

  /* line 117, global/responsive.scss */
  .owl-carousel .owl-dots {
    margin-top: 35px; }

  /* line 120, global/responsive.scss */
  .social-icons li a {
    width: 25px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 14px; }

  /* line 130, global/responsive.scss */
  .menu-trigger {
    margin: 0; } }
@media only screen and (max-width: 991px) {
  /* line 135, global/responsive.scss */
  .welcome-box {
    padding: 150px 0px; }

  /* line 138, global/responsive.scss */
  .navbar-nav li a {
    font-size: 13px; }

  /* line 141, global/responsive.scss */
  .navbar-nav li {
    margin-left: 25px; }

  /* line 144, global/responsive.scss */
  .footer-right {
    font-size: 13px; }

  /* line 147, global/responsive.scss */
  .owl-nav > button {
    width: 40px;
    height: 40px; }

  /* line 151, global/responsive.scss */
  .owl-nav > button:after {
    width: 12px;
    height: 12px;
    left: 17px;
    top: 13px; }

  /* line 157, global/responsive.scss */
  .owl-nav > button.owl-next:after {
    left: 11px; }

  /* line 160, global/responsive.scss */
  .contact-box h4 {
    font-size: 20px; }

  /* line 163, global/responsive.scss */
  .contact-row {
    padding: 10px 15px !important;
    font-size: 13px;
    margin-bottom: 15px; }

  /* line 168, global/responsive.scss */
  .facts-row > .row > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }

  /* line 175, global/responsive.scss */
  #ajax-contact {
    margin-top: 20px; }

  /* line 178, global/responsive.scss */
  #ajax-contact input {
    margin-bottom: 20px; }

  /* line 181, global/responsive.scss */
  .contact-row i {
    font-size: 25px;
    width: 45px; }

  /* line 185, global/responsive.scss */
  .contact-row i.fa-envelope {
    font-size: 20px; }

  /* line 188, global/responsive.scss */
  .container-fluid {
    padding: 0 15px; }

  /* line 191, global/responsive.scss */
  .skills-ul {
    top: 0; }

  /* line 194, global/responsive.scss */
  .contact-row {
    padding: 42px 45px; } }
@media only screen and (max-width: 767px) {
  /* line 199, global/responsive.scss */
  #header {
    position: fixed;
    top: 0;
    z-index: 6666;
    background-color: rgba(250, 250, 250, 0.9) !important; }

  /* line 205, global/responsive.scss */
  #navigation button i {
    color: #1e1e1e; }

  /* line 208, global/responsive.scss */
  .welcome-box {
    padding: 0; }

  /* line 211, global/responsive.scss */
  .welcome-box .service-icon {
    width: auto;
    height: auto;
    line-height: 1; }

  /* line 216, global/responsive.scss */
  .welcome-box .justify-content-center {
    margin: 0 !important; }

  /* line 219, global/responsive.scss */
  #logo {
    color: #1e1e1e; }

  /* line 222, global/responsive.scss */
  .navbar-toggle {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 28px;
    position: absolute;
    right: 0;
    top: 50%;
    background: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    box-shadow: none;
    border: 0;
    outline: none;
    cursor: pointer; }

  /* line 239, global/responsive.scss */
  #header {
    padding: 0; }

  /* line 242, global/responsive.scss */
  .navbar {
    padding: 10px 0; }

  /* line 245, global/responsive.scss */
  #logo {
    font-size: 0 !important; }

  /* line 248, global/responsive.scss */
  #logo img {
    height: 30px; }

  /* line 251, global/responsive.scss */
  .navbar-toggle:focus {
    outline: none; }

  /* line 254, global/responsive.scss */
  .navbar-nav {
    margin: 0; }

  /* line 257, global/responsive.scss */
  .collapse:not(.show) {
    display: none; }

  /* line 260, global/responsive.scss */
  .navigation-menu > li {
    display: block;
    margin: 0;
    font-size: 15px;
    text-align: center; }

  /* line 266, global/responsive.scss */
  .navigation-menu > li > a {
    color: #222;
    padding: 15px;
    line-height: 1.2; }

  /* line 271, global/responsive.scss */
  .navbar-nav a {
    color: #222 !important; }

  /* line 274, global/responsive.scss */
  .navbar-nav li ul {
    display: block !important;
    position: static;
    background: transparent;
    border: none; }

  /* line 281, global/responsive.scss */
  #srvcs {
    display: none; }

  /* line 287, global/responsive.scss */
  .navbar-nav {
    overflow-y: auto;
    display: block;
    background: rgba(230, 230, 230, 0.25); }

  /* line 292, global/responsive.scss */
  .navbar-nav li a:after {
    display: none; }

  /* line 295, global/responsive.scss */
  .nav-box {
    position: absolute;
    left: -15px;
    right: -15px;
    border: 0;
    box-shadow: none;
    background: #fff;
    text-align: left;
    top: 100%;
    display: none; }

  /* line 306, global/responsive.scss */
  .welcome-title {
    font-size: 2rem !important;
    margin-bottom: 20px;
    -webkit-text-stroke-width: inherit !important;
    -webkit-text-fill-color: white !important;
    -webkit-text-stroke-color: white !important;
    color: white !important; }

  /* line 314, global/responsive.scss */
  .welcome-first {
    font-size: 20px; }

  /* line 317, global/responsive.scss */
  .welcome-title:before {
    margin: 20px auto 15px; }

  /* line 320, global/responsive.scss */
  .welcome-box {
    font-size: inherit; }

  /* line 323, global/responsive.scss */
  .welcome-box .btn {
    margin-top: 0; }

  /* line 326, global/responsive.scss */
  .about-img {
    margin-bottom: 10px; }

  /* line 329, global/responsive.scss */
  h1, h2 {
    font-size: 36px; }

  /* line 332, global/responsive.scss */
  body {
    font-size: 15px; }

  /* line 335, global/responsive.scss */
  .about-contentbox {
    margin-top: 60px;
    text-align: center; }

  /* line 339, global/responsive.scss */
  .testimonials-section {
    padding-top: 0; }

  /* line 342, global/responsive.scss */
  .testimonials-section .item {
    padding: 10px; }

  /* line 345, global/responsive.scss */
  .testimonial-content {
    padding: 10px;
    line-height: 1; }

  /* line 351, global/responsive.scss */
  h4 {
    font-size: 18px; }

  /* line 354, global/responsive.scss */
  .contact-box {
    margin-top: 30px;
    height: auto; }

  /* line 358, global/responsive.scss */
  .footer-right {
    width: 100%;
    margin: 15px 0 0;
    text-align: left; }

  /* line 363, global/responsive.scss */
  .btn {
    font-size: 15px;
    line-height: 48px;
    padding: 0 30px; }

  /* line 368, global/responsive.scss */
  .contact-row {
    margin-top: 15px; }

  /* line 371, global/responsive.scss */
  .content-section {
    padding: 50px 0; }

  /* line 374, global/responsive.scss */
  .info-inner {
    margin-top: 20px;
    padding-bottom: 15px; }

  /* line 378, global/responsive.scss */
  .index-white .navbar-toggle {
    color: #242424; }

  /* line 381, global/responsive.scss */
  .side-menu .nav-box > ul {
    padding: 70px 40px 40px; }

  /* line 384, global/responsive.scss */
  .side-menu .navbar-nav li a {
    font-size: 20px; }

  /* line 387, global/responsive.scss */
  .social-icons {
    margin: 0 auto; }

  /* line 390, global/responsive.scss */
  .detail-page h1 {
    margin-bottom: 50px; }

  /* line 393, global/responsive.scss */
  .project-detail-col figure {
    margin-top: 35px; }

  /* line 396, global/responsive.scss */
  .project-buttons-margin {
    margin-top: 50px; }

  /* line 402, global/responsive.scss */
  html .bud-list a .caption {
    font-size: 20px; } }
@media only screen and (max-width: 575px) {
  /* line 407, global/responsive.scss */
  .welcome-title {
    font-size: 40px; }

  /* line 410, global/responsive.scss */
  .welcome-first {
    font-size: 16px;
    margin-bottom: 5px; }

  /* line 414, global/responsive.scss */
  .welcome-title:before, .welcome-title:after {
    width: 100%; }

  /* line 417, global/responsive.scss */
  h1, h2 {
    font-size: 30px; }

  /* line 420, global/responsive.scss */
  .about-contentbox {
    line-height: 1.6; }

  /* line 423, global/responsive.scss */
  .owl-carousel .owl-item .client-img img {
    max-width: 65px;
    margin-right: 10px; }

  /* line 427, global/responsive.scss */
  .testimonials-section {
    font-size: 13px; }

  /* line 430, global/responsive.scss */
  .form-control {
    height: 52px;
    font-size: 14px;
    padding: 4px 15px; }

  /* line 435, global/responsive.scss */
  .skill-item {
    border-bottom: 1px solid rgba(250, 250, 250, 0.1);
    margin-bottom: 20px;
    padding-bottom: 50px; }

  /* line 440, global/responsive.scss */
  .skills-row h6 {
    text-align: left;
    margin-bottom: 30px; }

  /* line 444, global/responsive.scss */
  .skill-bar {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background-color: rgba(250, 250, 250, 0.25);
    position: relative; }

  /* line 451, global/responsive.scss */
  .input-field {
    margin-bottom: 15px; }

  /* line 454, global/responsive.scss */
  .subscribe-row h5 {
    font-size: 16px; }

  /* line 457, global/responsive.scss */
  .client-row {
    padding-left: 40px; }

  /* line 460, global/responsive.scss */
  .testimonial-content:before {
    left: 46%; }

  /* line 463, global/responsive.scss */
  .client-row {
    padding-left: 0; } }
@media only screen and (max-width: 460px) {
  /* line 468, global/responsive.scss */
  h4 {
    font-size: 14px; }

  /* line 471, global/responsive.scss */
  .testimonial-content:before {
    left: 45%; } }
@media only screen and (max-width: 320px) {
  /* line 476, global/responsive.scss */
  .gallery-overlay p {
    display: none; }

  /* line 479, global/responsive.scss */
  .testimonial-content:before {
    left: 43%; } }
/* line 3, global/popup.scss */
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(12, 12, 12, 0.7);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  overflow-y: auto; }

/* line 17, global/popup.scss */
.popup__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100%;
  width: 100%;
  padding: 15px; }

/* line 31, global/popup.scss */
.popup.open {
  z-index: 350;
  opacity: 1;
  visibility: visible; }

/* line 36, global/popup.scss */
.popup__body {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 768px; }

/* line 51, global/popup.scss */
.popup__close,
.popup__head {
  -webkit-box-align: center;
  height: 58px; }

/* line 56, global/popup.scss */
.popup__inner {
  width: 100%;
  background-color: #fff;
  max-width: 400px;
  margin: 200px auto 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: max-width 0.4s;
  transition: max-width 0.4s;
  border-radius: 10px; }

/* line 68, global/popup.scss */
.popup__head {
  border-radius: 10px;
  padding: 8px 86px 8px 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  color: #584659;
  background-color: #d9e6fc; }

@media (max-width: 550px) {
  /* line 84, global/popup.scss */
  .popup__head {
    padding: 8px 80px 8px 20px; } }
/* line 88, global/popup.scss */
.popup__close {
  border-top-right-radius: 10px;
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 58px;
  background-color: #fff;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

/* line 106, global/popup.scss */
.popup__close-icon {
  padding: 8px 5px;
  cursor: pointer;
  width: 27px;
  height: 26px;
  position: relative; }

/* line 113, global/popup.scss */
.popup__close-icon div {
  position: absolute;
  width: 17px;
  height: 1px;
  background-color: #0c1c2a;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

/* line 121, global/popup.scss */
.popup__close-icon div:nth-child(1) {
  top: 12px;
  left: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* line 127, global/popup.scss */
.popup__close-icon div:nth-child(2) {
  top: 12px;
  opacity: 0; }

/* line 131, global/popup.scss */
.popup__close-icon div:nth-child(3) {
  top: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/* line 136, global/popup.scss */
.popup__content {
  padding: 30px;
  color: black; }

/* line 140, global/popup.scss */
.popup__content p:last-child {
  margin: 0 0 20px 0; }

/* line 143, global/popup.scss */
.popup__content p:last-child {
  margin-bottom: 0; }

/* line 146, global/popup.scss */
.popup__title {
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 30px;
  color: black; }

/* line 153, global/popup.scss */
.popup__text {
  color: black; }

@media (max-width: 550px) {
  /* line 157, global/popup.scss */
  .popup__content {
    padding: 32px 20px; } }
/*.popup-form__controls {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: end;*/
/*    -ms-flex-pack: end;*/
/*    justify-content: flex-end;*/
/*}*/
/*.popup-form__continue {*/
/*    white-space: nowrap;*/
/*    border-bottom: 1px solid #d9d9d9;*/
/*    font-weight: 400;*/
/*    font-size: 12px;*/
/*    line-height: 14px;*/
/*    color: #0c1c2a;*/
/*    padding-bottom: 3px;*/
/*    margin-right: 20px;*/
/*}*/
/* line 3, global/form.scss */
.form__container {
  max-width: 400px;
  margin: 0 auto;
  border: 1px solid silver;
  border-radius: 10px;
  padding: 1rem; }

/* line 10, global/form.scss */
.form__item {
  margin-bottom: 20px; }

/* line 13, global/form.scss */
.form__input,
.form__textarea {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.6;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: .375rem; }

/* line 28, global/form.scss */
[data-ajax-error] {
  color: red;
  font-size: 12px; }

/* line 32, global/form.scss */
.form__actions {
  text-align: center; }

/* line 19, styles.scss */
.social-icons .in, .social-icons .ln, .social-icons .tw {
  opacity: 0.2;
  pointer-events: none; }

/* line 25, styles.scss */
html:not(.home) #video:after {
  display: none; }

/* line 29, styles.scss */
.page-head {
  padding: 100px 0 60px 0; }
  /* line 31, styles.scss */
  .page-head .welcome-title {
    font-size: 4rem;
    font-weight: 900;
    max-width: 100%;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #081089;
    transition: .5s;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    margin: 0;
    padding: 0; }
    /* line 47, styles.scss */
    .page-head .welcome-title:hover {
      color: #000;
      -webkit-text-fill-color: #000; }
  /* line 53, styles.scss */
  .page-head .service-box {
    font-size: 14px; }
  /* line 56, styles.scss */
  .page-head .service-icon {
    font-size: 30px;
    margin: 10px auto 0; }
  /* line 60, styles.scss */
  .page-head .service-box h3 {
    font-size: 14px;
    padding: 0 0 10px 0; }
  /* line 64, styles.scss */
  .page-head .services-list-short .item {
    max-width: 110px; }

/* line 69, styles.scss */
.page-content {
  background: white;
  padding: 2rem 10px;
  color: black;
  text-align: left; }
  /* line 73, styles.scss */
  .page-content a {
    color: #081089; }
  /* line 78, styles.scss */
  .page-content p {
    text-indent: 1rem; }

/* line 87, styles.scss */
.i18n {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch; }
  /* line 93, styles.scss */
  .i18n a {
    flex: 0 1 auto;
    color: #081089;
    padding: 0 10px;
    border-radius: 10px;
    margin: 0 5px;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.05); }
  /* line 104, styles.scss */
  .i18n a.active {
    color: #081089;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.1); }

@media only screen and (max-width: 767px) {
  /* line 113, styles.scss */
  html .i18n a {
    background: #696969;
    color: #9b9b9b; }
  /* line 117, styles.scss */
  html .i18n a.active {
    background: #696969;
    color: white; } }
/* line 130, styles.scss */
.bud-list a {
  display: block;
  position: relative;
  padding: 6rem 1rem;
  background-color: grey;
  margin: 20px;
  text-align: center;
  text-decoration: none;
  overflow: hidden; }
  /* line 141, styles.scss */
  .bud-list a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1; }
  /* line 152, styles.scss */
  .bud-list a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    transition: all 0.5s linear; }
  /* line 163, styles.scss */
  .bud-list a .caption {
    font-size: 50px;
    font-weight: bold;
    color: white;
    position: relative;
    z-index: 2;
    transition: all 0.5s linear; }
/* line 173, styles.scss */
.bud-list a:hover img {
  transform: scale(1.1); }
/* line 176, styles.scss */
.bud-list a:hover .caption {
  color: #081089; }

@media (max-width: 768px) {
  /* line 5, global/mob.scss */
  .head-phone {
    font-weight: bold;
    display: block !important; }

  /* line 12, global/mob.scss */
  header .navbar-nav > li:first-child {
    display: none; }
  /* line 16, global/mob.scss */
  header .navbar-nav ul {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 10px 0; }
  /* line 22, global/mob.scss */
  header .navbar-nav a {
    padding: 15px !important; }
  /* line 26, global/mob.scss */
  header .navbar-nav li li a {
    text-align: center; }

  /* line 34, global/mob.scss */
  html.home .welcome-box {
    padding-top: 40px; } }

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