/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
/*=================== fonts ====================*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400");
@import url("https://fonts.googleapis.com/css?family=Poppins:300, 300i,400,500,700");
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Medium Layout: 1280px */
/* Tablet Layout: 768px */
/* Mobile Layout: 320px */
/* Wide Mobile Layout: 480px */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* line 1, /Applications/MAMP/htdocs/naim//_reset.scss */
body {
  font-size: 15px;
  line-height: 1.867;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #465160;
}

/* line 9, /Applications/MAMP/htdocs/naim//_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  color: #0f2137;
}

/* line 19, /Applications/MAMP/htdocs/naim//_reset.scss */
h1 {
  font-size: 48px;
  font-weight: 500;
  line-height: 1.25;
}

/* line 25, /Applications/MAMP/htdocs/naim//_reset.scss */
h2 {
  font-size: 24px;
  line-height: 1.238;
  font-weight: 400;
}

/* line 31, /Applications/MAMP/htdocs/naim//_reset.scss */
h3 {
  font-size: 21px;
  font-weight: 400;
}

/* line 36, /Applications/MAMP/htdocs/naim//_reset.scss */
.mb-60px {
  margin-bottom: 60px;
}

/* line 40, /Applications/MAMP/htdocs/naim//_reset.scss */
.mt-40px {
  margin-top: 40px;
}

/* line 44, /Applications/MAMP/htdocs/naim//_reset.scss */
.overflow-hidden {
  overflow: hidden;
}

/* line 48, /Applications/MAMP/htdocs/naim//_reset.scss */
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  margin: 0;
}

/* line 56, /Applications/MAMP/htdocs/naim//_reset.scss */
body.home3 {
  font-size: 16px;
  line-height: 1.875;
  font-family: "Poppins", sans-serif;
  color: #949eb2;
  font-weight: 300;
}

/* line 65, /Applications/MAMP/htdocs/naim//_reset.scss */
.home3 h1,
.home3 h2,
.home3 h3,
.home3 h4,
.home3 h5,
.home3 h6 {
  font-family: "Poppins", sans-serif;
  color: #465064;
}

/* line 74, /Applications/MAMP/htdocs/naim//_reset.scss */
.home3 h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
}

/* line 79, /Applications/MAMP/htdocs/naim//_reset.scss */
.home3 h3 {
  font-size: 20px;
  font-weight: 500;
}

/* line 106, /Applications/MAMP/htdocs/naim//_mixins.scss */
.placeholder {
  text-transform: capitalize;
  font-size: 13px;
  font-weight: 300;
  color: #949eb2;
}

/* line 109, /Applications/MAMP/htdocs/naim//_mixins.scss */
:-moz-placeholder {
  text-transform: capitalize;
  font-size: 13px;
  font-weight: 300;
  color: #949eb2;
}

/* line 112, /Applications/MAMP/htdocs/naim//_mixins.scss */
::-moz-placeholder {
  text-transform: capitalize;
  font-size: 13px;
  font-weight: 300;
  color: #949eb2;
}

/* line 115, /Applications/MAMP/htdocs/naim//_mixins.scss */
::-webkit-input-placeholder {
  text-transform: capitalize;
  font-size: 13px;
  font-weight: 300;
  color: #949eb2;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* line 1, /Applications/MAMP/htdocs/naim//_predefine.scss */
.section-margin {
  margin: 80px 0;
}

@media (min-width: 600px) {
  /* line 1, /Applications/MAMP/htdocs/naim//_predefine.scss */
  .section-margin {
    margin: 100px 0;
  }
}

@media (min-width: 1200px) {
  /* line 1, /Applications/MAMP/htdocs/naim//_predefine.scss */
  .section-margin {
    margin: 100px 0;
  }
}

.section-margin-top {
  margin-top: 80px;
}

@media (min-width: 600px) {
  /* line 1, /Applications/MAMP/htdocs/naim//_predefine.scss */
  .section-margin-top {
    margin-top: 100px;
  }
}

@media (min-width: 1200px) {
  /* line 1, /Applications/MAMP/htdocs/naim//_predefine.scss */
  .section-margin-top {
    margin-top: 120px;
  }
}

/* line 12, /Applications/MAMP/htdocs/naim//_predefine.scss */
.section-padding {
  padding: 80px 0;
}

@media (min-width: 320px) {
  /* line 12, /Applications/MAMP/htdocs/naim//_predefine.scss */
  .section-padding {
    padding: 100px 0;
  }
}

@media (min-width: 1200px) {
  /* line 12, /Applications/MAMP/htdocs/naim//_predefine.scss */
  .section-padding {
    padding: 120px 0;
  }
}

@media (min-width: 320px) {
  /* line 22, /Applications/MAMP/htdocs/naim//_predefine.scss */
  .section-padding-large {
    padding: 80px 0 80px 0;
  }
}

@media (min-width: 1200px) {
  /* line 22, /Applications/MAMP/htdocs/naim//_predefine.scss */
  .section-padding-large {
    padding: 150px 0;
  }
}

/* line 31, /Applications/MAMP/htdocs/naim//_predefine.scss */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.team-footer ul, .about-content ul {
  list-style-type: disc;
  margin: 0;
  padding: 0;
}

/* line 37, /Applications/MAMP/htdocs/naim//_predefine.scss */
a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

/* line 40, /Applications/MAMP/htdocs/naim//_predefine.scss */
a:hover, a:focus {
  text-decoration: none;
  outline: none;
}

/* line 47, /Applications/MAMP/htdocs/naim//_predefine.scss */
button:focus {
  outline: none;
  box-shadow: none;
}

/* line 52, /Applications/MAMP/htdocs/naim//_predefine.scss */
.box-shadow-1, #back-top a {
  box-shadow: 0px 10px 20px 0px rgba(128, 130, 133, 0.4);
}

/* line 56, /Applications/MAMP/htdocs/naim//_predefine.scss */
.bg-gray {
  background: #f8fafd;
}

/* line 60, /Applications/MAMP/htdocs/naim//_predefine.scss */
#back-top {
  position: fixed;
  right: 20px;
  bottom: 30px;
  cursor: pointer;
  z-index: 9999999;
}

@media (max-width: 768px) {
  /* line 60, /Applications/MAMP/htdocs/naim//_predefine.scss */
  #back-top {
    right: 5px;
  }
}

/* line 69, /Applications/MAMP/htdocs/naim//_predefine.scss */
#back-top a {
  display: inline-block;
  height: 40px;
  width: 40px;
  text-align: center;
  display: block;
  color: #fff;
  line-height: 40px;
  font-size: 15px;
  border-radius: 30px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* Custom animation start
============================================================================================ */
@media (max-width: 1200px) {
  /* line 92, /Applications/MAMP/htdocs/naim//_predefine.scss */
  [class*="hero-ani-"] {
    display: none !important;
  }
}

/* line 97, /Applications/MAMP/htdocs/naim//_predefine.scss */
.custom-animation {
  backface-visibility: hidden;
  animation: jumping 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all .9s ease 5s;
  user-select: none;
}

/* line 105, /Applications/MAMP/htdocs/naim//_predefine.scss */
.custom-animation2 {
  backface-visibility: hidden;
  animation: jumping2 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all 1s ease 3s;
  user-select: none;
}

/* line 113, /Applications/MAMP/htdocs/naim//_predefine.scss */
.custom-animation3 {
  backface-visibility: hidden;
  animation: jumping3 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all 7s ease 2s;
  user-select: none;
}

/* line 121, /Applications/MAMP/htdocs/naim//_predefine.scss */
.custom-animation4 {
  backface-visibility: hidden;
  animation: jumping4 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all 8s ease 4s;
  user-select: none;
}

/* line 129, /Applications/MAMP/htdocs/naim//_predefine.scss */
.custom-animation10 {
  backface-visibility: hidden;
  animation: jumping10 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all 8s ease 4s;
  user-select: none;
}

/* line 137, /Applications/MAMP/htdocs/naim//_predefine.scss */
.custom-animation11 {
  backface-visibility: hidden;
  animation: jumping11 9s ease-in-out 2s infinite alternate;
  animation-delay: 1s;
  transition: all 8s ease 4s;
  user-select: none;
}

@keyframes jumping {
  0% {
    transform: translateY(0px) translateX(0) rotate(0) scale(1);
    opacity: .8;
  }
  25% {
    transform: translateY(-10px) translateX(-10px) rotate(20deg) scale(0.8);
    opacity: .9;
  }
  50% {
    transform: translateY(-15px) translateX(-15px) rotate(10deg) scale(0.9);
    opacity: .8;
  }
  75% {
    transform: translateY(-20px) translateX(-20px) rotate(20deg) scale(0.75);
    opacity: .6;
  }
  85% {
    transform: translateY(-25px) translateX(-25px) rotate(20deg) scale(0.9);
    opacity: .7;
  }
  100% {
    transform: translateY(-15px) translateX(-15px) rotate(0) scale(0.95);
    opacity: .85;
  }
}

@keyframes jumping2 {
  0% {
    transform: translateY(0px) translateX(0) rotate(0) scale(1);
    opacity: .5;
  }
  25% {
    transform: translateY(-30px) translateX(10px) rotate(20deg) scale(0.8);
    opacity: .8;
  }
  50% {
    transform: translateY(15px) translateX(-15px) rotate(10deg) scale(0.7);
    opacity: .8;
  }
  75% {
    transform: translateY(30px) translateX(20px) rotate(20deg) scale(0.75);
    opacity: .7;
  }
  100% {
    transform: translateY(-15px) translateX(15px) rotate(0) scale(0.75);
    opacity: .9;
  }
}

@keyframes jumping3 {
  0% {
    transform: translateY(10px) translateX(0) rotate(0) scale(1);
    opacity: .9;
  }
  20% {
    transform: translateY(20px) translateX(10px) rotate(-20deg) scale(0.8);
    opacity: .8;
  }
  40% {
    transform: translateY(15px) translateX(-15px) rotate(10deg) scale(0.75);
    opacity: .8;
  }
  40% {
    transform: translateY(-15px) translateX(-25px) rotate(10deg) scale(0.5);
    opacity: 1;
  }
  80% {
    transform: translateY(-30px) translateX(20px) rotate(-20deg) scale(0.75);
    opacity: .6;
  }
  100% {
    transform: translateY(15px) translateX(15px) rotate(0) scale(0.95);
    opacity: .7;
  }
}

@keyframes jumping4 {
  0% {
    transform: translateY(-30px) translateX(20px) rotate(0) scale(1.2);
    opacity: .7;
  }
  25% {
    transform: translateY(-20px) translateX(10px) rotate(50deg) scale(0.6);
    opacity: .8;
  }
  50% {
    transform: translateY(15px) translateX(-15px) rotate(20deg) scale(0.5);
    opacity: .9;
  }
  75% {
    transform: translateY(30px) translateX(20px) rotate(50deg) scale(0.75);
    opacity: .7;
  }
  100% {
    transform: translateY(-15px) translateX(15px) rotate(0) scale(0.5);
    opacity: .9;
  }
}

@keyframes jumping10 {
  0% {
    transform: rotate(180deg);
    display: block;
  }
  100% {
    transform: rotate(30deg);
    display: block;
  }
}

@keyframes jumping11 {
  0% {
    transform: rotate(180deg) translate(-20px, 20px);
    display: block;
  }
  100% {
    transform: rotate(30deg) translate(0px, 0px);
    display: block;
  }
}

/* Custom animation end
============================================================================================ */
/* Start Gradient Area css
============================================================================================ */
/* line 273, /Applications/MAMP/htdocs/naim//_predefine.scss */
.gradient-bg, #back-top a, .header_area.menu-dark .primary-button, .header_area .primary-button:hover, .home1 .banner-title::after, .home2 .banner-card::before, .home2 .banner-card .primary-button-home2:hover, .team-social-wrap .team-trigger, .blog-img .blog-link, .feature-card-wrapper:hover, .feature-card-wrapper.active, .single_portfolio .overlay-icon, .portfolio_right_text .project-details-box h4:after, .social_details li a:hover, .testimonial-item-wrap:hover, .testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover, .single-post-item:hover .blog-button, .search-widget i, .author-widget ul li a:hover, .tag-cloud-widget ul li a:hover, .newsletter-widget .primary-btn {
  background: #e3f1fb;
}

/* line 276, /Applications/MAMP/htdocs/naim//_predefine.scss */
.gradient-bg-reverse, #back-top a:hover, .team-social-wrap .team-trigger:hover, .blog-img .blog-link:hover, .single_portfolio .overlay-icon:hover {
  background: -webkit-linear-gradient(135deg, #dd2476 32%, #ff512f 95%);
  background: -moz-linear-gradient(135deg, #dd2476 32%, #ff512f 95%);
  background: -o-linear-gradient(135deg, #dd2476 32%, #ff512f 95%);
  background: linear-gradient(135deg, #dd2476 32%, #ff512f 95%);
}

/* line 280, /Applications/MAMP/htdocs/naim//_predefine.scss */
.border-gradient {
  border-image: -webkit-linear-gradient(90deg, red 0%, green 100%);
  border-image: -moz-linear-gradient(90deg, red 0%, green 100%);
  border-image: -o-linear-gradient(90deg, red 0%, green 100%);
  border-image: linear-gradient(90deg, red 0%, green 100%);
}

/* line 284, /Applications/MAMP/htdocs/naim//_predefine.scss */
.gradient-bg2, .primary-button, .feature-card .feature-link {
  background: #7ecdd5;
}

/* line 288, /Applications/MAMP/htdocs/naim//_predefine.scss */
.gradient-color, .section-intro-title, .feature-icon [class^="flaticon-"]:before,
.feature-icon [class*=" flaticon-"]:before,
.feature-icon [class^="flaticon-"]:after,
.feature-icon [class*=" flaticon-"]:after, .filter-btn li.active, .filter-btn li:hover, .single-post-blog:hover h3 a, .comments-area .btn-reply:hover {
  background: #46b8c3;
  background: #46b8c3;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 294, /Applications/MAMP/htdocs/naim//_predefine.scss */
.gradient-color2, .single-project h3, .single-project:hover i,
.single-project:hover a {
  background: -webkit-linear-gradient(135deg, #071590 0%, #ff003c 100%);
  background: -moz-linear-gradient(135deg, #071590 0%, #ff003c 100%);
  background: -o-linear-gradient(135deg, #071590 0%, #ff003c 100%);
  background: linear-gradient(135deg, #071590 0%, #ff003c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* End Gradient Area css
============================================================================================ */
/* line 303, /Applications/MAMP/htdocs/naim//_predefine.scss */
.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

/* line 312, /Applications/MAMP/htdocs/naim//_predefine.scss */
.video-play-button {
  position: relative;
  box-sizing: content-box;
  display: inline-block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 46px 8px 18px 28px;
}

/* line 320, /Applications/MAMP/htdocs/naim//_predefine.scss */
.video-play-button:before, .video-play-button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 80px;
  height: 80px;
  background: transparent;
  border-radius: 50%;
  border: 1px solid #dddddd;
}

/* line 334, /Applications/MAMP/htdocs/naim//_predefine.scss */
.video-play-button:before {
  z-index: 0;
  -webkit-animation: pulse-border 2000ms ease-out infinite;
  -moz-animation: pulse-border 2000ms ease-out infinite;
  -o-animation: pulse-border 2000ms ease-out infinite;
  animation: pulse-border 2000ms ease-out infinite;
}

/* line 338, /Applications/MAMP/htdocs/naim//_predefine.scss */
.video-play-button:after {
  z-index: 1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  box-shadow: 0px 10px 30px rgba(39, 0, 110, 0.3);
}

/* line 343, /Applications/MAMP/htdocs/naim//_predefine.scss */
.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 16px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

@-moz-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

@-o-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* header style start
  ============================================================================================ */
/* line 4, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: background 0.4s, all 0.3s linear;
}

/* line 12, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.menu-dark .navbar .nav .nav-item .nav-link {
  color: #13141b;
}

/* line 15, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.menu-dark .primary-button {
  color: #fff !important;
}

/* line 20, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar-brand {
  margin-right: 30px;
  padding: 0;
}

/* line 24, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .primary-button {
  background: transparent;
  border: 1px solid #dddddd;
  padding: 9px 30px;
}

/* line 28, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .primary-button:hover {
  border: 1px solid transparent;
}

/* line 33, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .menu_nav {
  width: 100%;
}

@media (max-width: 991px) {
  /* line 33, /Applications/MAMP/htdocs/naim//_header.scss */
  .header_area .menu_nav {
    margin-top: 30px;
  }
}

/* line 39, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar {
  background: transparent;
  border: 0px;
  border-radius: 0px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  /* line 39, /Applications/MAMP/htdocs/naim//_header.scss */
  .header_area .navbar {
    background: #0f2137;
    padding: 16px;
  }
}

/* line 50, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .navbar-toggler {
  color: #fff;
}

/* line 53, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav-right {
  min-width: 140px;
}

/* line 57, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item {
  margin-right: 40px;
}

/* line 59, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item .dropdown-toggle {
  margin-right: 10px;
}

/* line 61, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item .dropdown-toggle:after {
  content: "\e64b";
  font-family: 'themify';
  position: relative;
  top: 2px;
  left: 3px;
  border: 0px;
  font-size: 9px;
}

/* line 71, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item > .nav-link {
  color: #433636;
  text-transform: capitalize;
  font-weight: 400;
  padding: 30px 0;
  display: inline-block;
  border-top: 4px solid transparent;
}

@media (max-width: 991px) {
  /* line 71, /Applications/MAMP/htdocs/naim//_header.scss */
  .header_area .navbar .nav > .nav-item > .nav-link {
    padding: 10px 0px;
    border-top: 0px;
	color: #fff;
  }
}

/* line 85, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item.active > .nav-link, .header_area .navbar .nav > .nav-item:hover > .nav-link {
  border-top: 4px solid #fff;
}

@media (max-width: 991px) {
  /* line 85, /Applications/MAMP/htdocs/naim//_header.scss */
  .header_area .navbar .nav > .nav-item.active > .nav-link, .header_area .navbar .nav > .nav-item:hover > .nav-link {
    border-top: 0px;
  }
}

/* line 92, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item.submenu {
  position: relative;
}

/* line 94, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item.submenu ul {
  border: none;
  padding: 0px;
  border-radius: 0px;
  box-shadow: none;
  margin: 0px;
  background: #fff;
}

@media (max-width: 991px) {
  /* line 94, /Applications/MAMP/htdocs/naim//_header.scss */
  .header_area .navbar .nav > .nav-item.submenu ul {
    background: transparent;
  }
}

@media (min-width: 992px) {
  /* line 94, /Applications/MAMP/htdocs/naim//_header.scss */
  .header_area .navbar .nav > .nav-item.submenu ul {
    position: absolute;
    top: 120%;
    left: 0px;
    min-width: 210px;
    text-align: left;
    opacity: 0;
    transition: all 300ms ease-in;
    visibility: hidden;
    display: block;
    border: none;
    padding: 15px 0px;
    border-radius: 0px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4);
  }
}

/* line 119, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item.submenu ul:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #eeeeee transparent transparent transparent;
  position: absolute;
  right: 24px;
  top: 45px;
  z-index: 3;
  opacity: 0;
  transition: all 400ms linear;
}

/* line 133, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item.submenu ul .nav-item {
  display: block;
  float: none;
  margin-right: 0px;
  margin-left: 0px;
  transition: all 0.4s linear;
}

@media (max-width: 991px) {
  /* line 133, /Applications/MAMP/htdocs/naim//_header.scss */
  .header_area .navbar .nav > .nav-item.submenu ul .nav-item {
    border-bottom: 0;
  }
}

/* line 142, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item.submenu ul .nav-item .nav-link {
  line-height: 35px;
  font-size: 16px;
  font-weight: 400;
  color: #0f2137 !important;
  padding: 0px 30px;
  transition: all 150ms linear;
  display: block;
  margin-right: 0px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  position: relative;
}

/* line 153, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item.submenu ul .nav-item .nav-link:before {
  content: '';
  position: absolute;
  top: 16px;
  left: 10px;
  width: 5px;
  height: 5px;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 166, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item.submenu ul .nav-item:last-child {
  border-bottom: none;
}

/* line 170, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item.submenu ul .nav-item:hover .nav-link {
  margin-left: 20px;
}

/* line 172, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item.submenu ul .nav-item:hover .nav-link:before {
  opacity: 1;
  visibility: visible;
  background: #ff512f;
}

@media (min-width: 992px) {
  /* line 182, /Applications/MAMP/htdocs/naim//_header.scss */
  .header_area .navbar .nav > .nav-item.submenu:hover ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
  }
}

/* line 188, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item.submenu:hover ul .nav-item {
  margin-top: 0px;
}

/* line 194, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .navbar .nav > .nav-item:last-child {
  margin-right: 0px;
}

/* line 201, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.navbar_fixed .main_menu {
  position: fixed;
  width: 100%;
  top: -70px;
  left: 0;
  right: 0;
  z-index: 99;
  transform: translateY(70px);
  transition: transform 500ms ease, background 500ms ease;
  -webkit-transition: transform 500ms ease, background 500ms ease;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
}

/* line 212, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.navbar_fixed .main_menu .navbar {
  background: #fff;
}

/* line 216, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
  line-height: 20px;
  color: #0f2137;
}

/* line 223, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.navbar_fixed .main_menu .primary-button {
  color: #0f2137;
}

/* line 225, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.navbar_fixed .main_menu .primary-button:hover {
  color: #fff;
}

/* line 230, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.navbar_fixed .main_menu .primary-button2:hover {
  color: #0f2137;
}

/* line 239, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .logo_white {
  display: block;
}

/* line 242, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area .logo_black {
  display: none;
}

/* line 246, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.navbar_fixed .logo_white {
  display: none;
}

/* line 249, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.navbar_fixed .logo_black {
  display: block;
}

/* line 255, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.navbar_fixed .navbar .nav > .nav-item.active > .nav-link, .header_area.navbar_fixed .navbar .nav > .nav-item:hover > .nav-link {
  border-top: 4px solid #0f2137 !important;
}

@media (max-width: 991px) {
  /* line 255, /Applications/MAMP/htdocs/naim//_header.scss */
  .header_area.navbar_fixed .navbar .nav > .nav-item.active > .nav-link, .header_area.navbar_fixed .navbar .nav > .nav-item:hover > .nav-link {
    border-top: 0px !important;
  }
}

/* line 263, /Applications/MAMP/htdocs/naim//_header.scss */
.header_area.navbar_fixed .navbar .navbar-toggler {
  color: #0f2137;
}

@media (max-width: 1665px) {
  /* line 270, /Applications/MAMP/htdocs/naim//_header.scss */
  .home2 .header_area {
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 1665px) {
  /* line 275, /Applications/MAMP/htdocs/naim//_header.scss */
  .home2 .header_area .navbar {
    background: #fff;
  }
}

/* line 279, /Applications/MAMP/htdocs/naim//_header.scss */
.home2 .header_area .navbar .navbar-toggler {
  color: #0f2137;
}

@media (max-width: 1665px) {
  /* line 283, /Applications/MAMP/htdocs/naim//_header.scss */
  .home2 .header_area .primary-button {
    color: #0f2137;
  }
  /* line 286, /Applications/MAMP/htdocs/naim//_header.scss */
  .home2 .header_area .primary-button:hover {
    color: #fff;
  }
}

/* line 291, /Applications/MAMP/htdocs/naim//_header.scss */
.home2 .header_area .menu_nav {
  -ms-flex-pack: start;
  justify-content: start;
}

@media (max-width: 1665px) {
  /* line 291, /Applications/MAMP/htdocs/naim//_header.scss */
  .home2 .header_area .menu_nav {
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/* line 300, /Applications/MAMP/htdocs/naim//_header.scss */
.home2 .header_area.navbar_fixed .main_menu .primary-button {
  color: #0f2137;
}

/* line 302, /Applications/MAMP/htdocs/naim//_header.scss */
.home2 .header_area.navbar_fixed .main_menu .primary-button:hover {
  color: #fff;
}

/* line 306, /Applications/MAMP/htdocs/naim//_header.scss */
.home2 .header_area.navbar_fixed .main_menu .navbar {
  background: #fff;
}

/* line 310, /Applications/MAMP/htdocs/naim//_header.scss */
.home2 .header_area .logo_black {
  display: block;
}

/* line 313, /Applications/MAMP/htdocs/naim//_header.scss */
.home2 .header_area .logo_white {
  display: none;
}

@media (min-width: 992px) {
  /* line 316, /Applications/MAMP/htdocs/naim//_header.scss */
  .home2 .header_area .navbar-brand {
    position: absolute;
    left: 100px;
  }
}

/* line 322, /Applications/MAMP/htdocs/naim//_header.scss */
.home2 .header_area .nav-right {
  position: absolute;
  right: 100px;
}

/* line 328, /Applications/MAMP/htdocs/naim//_header.scss */
.home2 .header_area .navbar .nav > .nav-item > .nav-link {
  color: #13141b;
}

/* line 333, /Applications/MAMP/htdocs/naim//_header.scss */
.home2 .header_area .navbar .nav > .nav-item.active > .nav-link, .home2 .header_area .navbar .nav > .nav-item:hover > .nav-link {
  border-top: 4px solid #0f2137;
}

@media (max-width: 991px) {
  /* line 333, /Applications/MAMP/htdocs/naim//_header.scss */
  .home2 .header_area .navbar .nav > .nav-item.active > .nav-link, .home2 .header_area .navbar .nav > .nav-item:hover > .nav-link {
    border-top: 0px;
  }
}

/* line 347, /Applications/MAMP/htdocs/naim//_header.scss */
.home3 .header_area .navbar-brand {
  position: absolute;
  left: 100px;
}

@media (max-width: 991px) {
  /* line 347, /Applications/MAMP/htdocs/naim//_header.scss */
  .home3 .header_area .navbar-brand {
    position: relative;
    left: 30px;
  }
}

@media (max-width: 575px) {
  /* line 347, /Applications/MAMP/htdocs/naim//_header.scss */
  .home3 .header_area .navbar-brand {
    left: 10px;
  }
}

/* line 358, /Applications/MAMP/htdocs/naim//_header.scss */
.home3 .header_area .nav-right {
  position: absolute;
  right: 100px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 362, /Applications/MAMP/htdocs/naim//_header.scss */
  .home3 .header_area .navbar .nav .nav-item {
    margin-right: 30px;
  }
}

/* line 366, /Applications/MAMP/htdocs/naim//_header.scss */
.home3 .header_area .navbar .nav .nav-item .nav-link {
  font-weight: 500;
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 366, /Applications/MAMP/htdocs/naim//_header.scss */
  .home3 .header_area .navbar .nav .nav-item .nav-link {
    font-size: 13px;
  }
}

/* line 376, /Applications/MAMP/htdocs/naim//_header.scss */
.home2.common-page .header_area .nav-right {
  position: relative;
  right: 0px;
}

/* line 381, /Applications/MAMP/htdocs/naim//_header.scss */
.home2.common-page .header_area .navbar-brand {
  position: relative;
  left: 0px;
}

/* header style end
	============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Home Banner Area css
============================================================================================ */
/* line 5, /Applications/MAMP/htdocs/naim//_banner.scss */
.home1 .hero-banner {
  background: url(../img/dongpoxuan-banner.png) center no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 600px;
  position: relative;
}

.banner-fonts {
	flex: 0 0 80%;
}

/* line 12, /Applications/MAMP/htdocs/naim//_banner.scss */
.home1 .banner-card {
 /* background: rgba(0, 0, 0, 0.75);
  max-width: 560px;*/
  padding: 50px;
  text-align: center;
}

@media (min-width: 1200px){
.home1 .banner-card {
    display: flex;
}
}

@media (max-width: 575px) {
  /* line 12, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home1 .banner-card {
    padding: 30px 20px;
  }
}

/* line 19, /Applications/MAMP/htdocs/naim//_banner.scss */
.home1 .banner-card p {
  color: #000;
  margin-bottom: 0;
  font-size: 19px;
}

/* line 23, /Applications/MAMP/htdocs/naim//_banner.scss */
.home1 .banner-card .primary-button {
  margin-top: 35px;
}

/* line 27, /Applications/MAMP/htdocs/naim//_banner.scss */
.home1 .banner-title {
  color: #443636;
  position: relative;
  margin-bottom: 15px;
  padding-top: 30px;
}

@media (max-width: 575px) {
  /* line 27, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home1 .banner-title {
    font-size: 30px;
  }
}

/* line 35, /Applications/MAMP/htdocs/naim//_banner.scss 
.home1 .banner-title::after {
  content: "";
  display: block;
  width: 50px;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
}*/

/* line 48, /Applications/MAMP/htdocs/naim//_banner.scss */
[class*="hero-ani-"] {
  position: absolute;
}

/* line 52, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-1 {
  left: 4%;
  bottom: 12%;
}

/* line 57, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-2 {
  top: 36%;
  left: 18%;
}

/* line 62, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-3 {
  top: 3%;
  left: 2%;
}

/* line 67, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-4 {
  right: 13%;
  bottom: 50%;
}

/* line 72, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-5 {
  bottom: 19%;
  left: 25%;
}

/* line 77, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-6 {
  bottom: 20%;
  left: 47%;
}

/* line 82, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-7 {
  top: 13%;
  left: 51%;
}

/* line 87, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-8 {
  left: 68%;
  top: 60%;
}

/* line 92, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-9 {
  left: 66%;
  top: 26%;
}

/* line 97, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-10 {
  top: 10%;
  left: 28%;
}

/* line 102, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-11 {
  top: 0;
  left: 0;
}

/* line 107, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-12 {
  bottom: 0;
  right: 5%;
}

/* line 111, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-13 {
  top: 18%;
  left: 0;
}

@media (max-width: 1440px) {
  /* line 111, /Applications/MAMP/htdocs/naim//_banner.scss */
  .hero-ani-13 {
    display: none;
  }
}

/* line 119, /Applications/MAMP/htdocs/naim//_banner.scss */
.hero-ani-14 {
  bottom: 10%;
  right: 29%;
}

@media (max-width: 1440px) {
  /* line 119, /Applications/MAMP/htdocs/naim//_banner.scss */
  .hero-ani-14 {
    display: none;
  }
}

@media (min-width: 1921px) {
  /* line 128, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home2 .hero-banner {
    margin-top: 150px;
  }
}

@media (min-width: 767px) {
  /* line 132, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home2 .hero-banner .container-fluid {
    padding-left: 10%;
  }
}

@media (min-width: 991px) {
  /* line 132, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home2 .hero-banner .container-fluid {
    padding-left: 5%;
  }
}

@media (min-width: 1200px) {
  /* line 132, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home2 .hero-banner .container-fluid {
    padding-left: 7%;
  }
}

@media (min-width: 1665px) {
  /* line 132, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home2 .hero-banner .container-fluid {
    padding-left: 21%;
  }
}

@media (min-width: 1921px) {
  /* line 132, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home2 .hero-banner .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1140px;
  }
}

/* line 157, /Applications/MAMP/htdocs/naim//_banner.scss */
.home2 .banner-card {
  max-width: 460px;
  padding-left: 38px;
  position: relative;
}

@media (max-width: 1199px) {
  /* line 157, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home2 .banner-card {
    margin-top: 150px;
  }
}

/* line 166, /Applications/MAMP/htdocs/naim//_banner.scss */
.home2 .banner-card::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: rgba(70, 81, 96, 0.102);
}

/* line 176, /Applications/MAMP/htdocs/naim//_banner.scss */
.home2 .banner-card::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 50%;
}

/* line 186, /Applications/MAMP/htdocs/naim//_banner.scss */
.home2 .banner-card .primary-button-home2 {
  background: transparent;
  border: 1px solid #dddddd;
  padding: 9px 30px;
  color: #0f2137;
}

@media (max-width: 351px) {
  /* line 186, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home2 .banner-card .primary-button-home2 {
    margin-left: 0px !important;
  }
}

/* line 194, /Applications/MAMP/htdocs/naim//_banner.scss */
.home2 .banner-card .primary-button-home2:hover {
  border: 1px solid transparent;
  color: #fff;
}

/* line 201, /Applications/MAMP/htdocs/naim//_banner.scss */
.home2 .banner-title {
  font-weight: 700;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  /* line 201, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home2 .banner-title {
    font-size: 30px;
  }
}

/* line 211, /Applications/MAMP/htdocs/naim//_banner.scss */
.home3 .hero-banner {
  background: url(../img/banner/banner-home3.png) left center no-repeat;
  background-size: cover;
  padding-top: 270px;
  padding-bottom: 550px;
}

@media (min-width: 1921px) {
  /* line 211, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home3 .hero-banner {
    background-position: top;
  }
}

@media (max-width: 991px) {
  /* line 211, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home3 .hero-banner {
    padding-bottom: 270px;
  }
}

/* line 222, /Applications/MAMP/htdocs/naim//_banner.scss */
.home3 .hero-banner [class*="hero-ani-"] {
  filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  -moz-filter: blur(2px);
  -webkit-filter: blur(2px);
}

/* line 225, /Applications/MAMP/htdocs/naim//_banner.scss */
.home3 .hero-banner .primary-button-home3 {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

/* line 228, /Applications/MAMP/htdocs/naim//_banner.scss */
.home3 .hero-banner .primary-button-home3:hover {
  background: #fff;
  color: #465064;
}

/* line 234, /Applications/MAMP/htdocs/naim//_banner.scss */
.home3 .banner-card {
  max-width: 850px;
  margin-right: auto;
  margin-left: auto;
}

/* line 238, /Applications/MAMP/htdocs/naim//_banner.scss */
.home3 .banner-card p {
  color: #fff;
  font-size: 18px;
}

/* line 243, /Applications/MAMP/htdocs/naim//_banner.scss */
.home3 .banner-title {
  font-size: 60px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 243, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home3 .banner-title {
    font-size: 50px;
  }
}

@media (max-width: 991px) {
  /* line 243, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home3 .banner-title {
    font-size: 40px;
  }
}

@media (max-width: 575px) {
  /* line 243, /Applications/MAMP/htdocs/naim//_banner.scss */
  .home3 .banner-title {
    font-size: 30px;
  }
}

/* End Home Banner Area css
============================================================================================ */
/* Start Common Banner Area css
============================================================================================ */
/* line 267, /Applications/MAMP/htdocs/naim//_banner.scss */
.banner_area {
  position: relative;
  min-height: 250px;
  z-index: 1;
  background: #f8fafd;
}

/* line 272, /Applications/MAMP/htdocs/naim//_banner.scss */
.banner_area .banner_inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 250px;
  z-index: 1;
}

@media (max-width: 991px) {
  /* line 272, /Applications/MAMP/htdocs/naim//_banner.scss */
  .banner_area .banner_inner {
    margin-top: 70px;
  }
}

/* line 282, /Applications/MAMP/htdocs/naim//_banner.scss */
.banner_area .banner_inner .banner_content h2 {
  font-size: 45px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0px;
  text-transform: capitalize;
  font-weight: bold;
  color: #0f2137;
}

.banner_content-2 h2 {
  font-size: 40px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0px;
  text-transform: capitalize;
  font-weight: bold;
  color: #0f2137;
}

/* line 290, /Applications/MAMP/htdocs/naim//_banner.scss */
.banner_area .banner_inner .banner_content .page_link {
  margin-top: 8px;
}

/* line 292, /Applications/MAMP/htdocs/naim//_banner.scss */
.banner_area .banner_inner .banner_content .page_link a {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  margin-right: 20px;
  position: relative;
  color: #465160;
}

/* line 298, /Applications/MAMP/htdocs/naim//_banner.scss */
.banner_area .banner_inner .banner_content .page_link a:before {
  content: "/";
  font-size: 14px;
  position: absolute;
  right: -15px;
  top: 54%;
  transform: translateY(-50%);
}

/* line 306, /Applications/MAMP/htdocs/naim//_banner.scss */
.banner_area .banner_inner .banner_content .page_link a:last-child {
  margin-right: 0px;
}

/* line 308, /Applications/MAMP/htdocs/naim//_banner.scss */
.banner_area .banner_inner .banner_content .page_link a:last-child:before {
  display: none;
}

/* line 312, /Applications/MAMP/htdocs/naim//_banner.scss */
.banner_area .banner_inner .banner_content .page_link a:hover {
  color: #ff512f;
}

/* End Common Banner Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* line 1, /Applications/MAMP/htdocs/naim//_section-intro.scss */


/* line 1, /Applications/MAMP/htdocs/naim//_section-intro.scss */
.section-intro-img {
  content: "";
  display: block;
  position: relative;
  width: 10%;
  height: 5px;
  background: #7ecdd5;
 margin-bottom: 60px;
}

/* line 16, /Applications/MAMP/htdocs/naim//_section-intro.scss */
.section-intro-title {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  margin-bottom: 5px;
}

/* line 26, /Applications/MAMP/htdocs/naim//_section-intro.scss */
.section-intro-white .section-intro-title {
  background: 0;
  background-image: 0;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

/* line 32, /Applications/MAMP/htdocs/naim//_section-intro.scss */
.section-intro-white h2 {
  color: #fff;
}

/* line 38, /Applications/MAMP/htdocs/naim//_section-intro.scss */
.home3 .section-intro {
  margin-bottom: 90px;
}

@media (max-width: 1200px) {
  /* line 38, /Applications/MAMP/htdocs/naim//_section-intro.scss */
  .home3 .section-intro {
    margin-bottom: 50px;
  }
}

@media (max-width: 991px) {
  /* line 38, /Applications/MAMP/htdocs/naim//_section-intro.scss */
  .home3 .section-intro {
    margin-bottom: 40px;
  }
}

/* line 46, /Applications/MAMP/htdocs/naim//_section-intro.scss */
.home3 .section-intro .section-intro-title {
  line-height: 14px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 46, /Applications/MAMP/htdocs/naim//_section-intro.scss */
  .home3 .section-intro .section-intro-title {
    margin-bottom: 15px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 53, /Applications/MAMP/htdocs/naim//_section-intro.scss */
  .home3 .section-intro h2 {
    font-size: 35px;
  }
}

@media (max-width: 575px) {
  /* line 53, /Applications/MAMP/htdocs/naim//_section-intro.scss */
  .home3 .section-intro h2 {
    font-size: 30px;
  }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* line 1, /Applications/MAMP/htdocs/naim//_btn.scss */
.primary-button {
  position: relative;
  font-family: "Poppins", sans-serif;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  padding: 10px 30px;
  background-size: 200%;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 14, /Applications/MAMP/htdocs/naim//_btn.scss */
.primary-button:hover {
  opacity: .9;
  color: #fff;
  background-position: 100% 0;
  box-shadow: 0px 10px 20px rgba(128, 130, 133, 0.3);
}

/* line 22, /Applications/MAMP/htdocs/naim//_btn.scss */
.primary-button2 {
  position: relative;
  font-family: "Poppins", sans-serif;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #465064;
  border-radius: 5px;
  padding: 11px 30px;
  background: #fff;
  border: 1px solid #d7dbe3;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 35, /Applications/MAMP/htdocs/naim//_btn.scss */
.primary-button2:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

/* line 41, /Applications/MAMP/htdocs/naim//_btn.scss */
.blog-button {
  position: relative;
  font-family: "Poppins", sans-serif;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  color: #0f2137;
  border-radius: 0px;
  padding: 2px 36px;
  background: #fff;
  border: 1px solid #d7dbe3;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 56, /Applications/MAMP/htdocs/naim//_btn.scss */
.button-subscribe {
  font-family: "Poppins", sans-serif;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #ff512f;
  border-radius: 5px;
  padding: 10px 30px;
  background-color: #fff;
  border: 1px solid transparent;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 67, /Applications/MAMP/htdocs/naim//_btn.scss */
.button-subscribe:hover {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

/* line 74, /Applications/MAMP/htdocs/naim//_btn.scss */
button {
  cursor: pointer;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* line 4, /Applications/MAMP/htdocs/naim//_home.scss */
.about-area2 {
  padding-bottom: 82px;
}

@media (min-width: 600px) {
  /* line 4, /Applications/MAMP/htdocs/naim//_home.scss */
  .about-area2 {
    padding-bottom: 102px;
  }
}

@media (min-width: 1200px) {
  /* line 4, /Applications/MAMP/htdocs/naim//_home.scss */
  .about-area2 {
    padding-bottom: 182px;
  }
}

/* line 13, /Applications/MAMP/htdocs/naim//_home.scss */
[class*="about-ani-"] {
  position: absolute;
}

/* line 17, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-1 {
  top: -40%;
  right: 8%;
}

/* line 22, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-2 {
  top: -14%;
  right: 4%;
}

/* line 27, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-3 {
  top: -14%;
  right: 29%;
}

/* line 32, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-4 {
  top: -4%;
  right: 18%;
}

/* line 37, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-5 {
  top: 23%;
  right: 47%;
}

/* line 42, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-6 {
  right: 0;
  top: 45%;
}

/* line 47, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-7 {
  right: 11%;
  top: 47%;
}

/* line 52, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-8 {
  right: 19.5%;
  top: 64%;
}

/* line 57, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-9 {
  left: 49%;
  top: 75%;
}

/* line 62, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-10 {
  left: 59%;
  top: 111%;
}

/* line 67, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-11 {
  bottom: -15%;
  left: 47%;
}

/* line 72, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-12 {
  bottom: -5%;
  left: 77%;
}

/* line 77, /Applications/MAMP/htdocs/naim//_home.scss */
.about-ani-13 {
  right: 7%;
  bottom: -4%;
}

/* line 84, /Applications/MAMP/htdocs/naim//_home.scss */
.home3 .about-content h2 {
  font-weight: 700;
}

/* line 90, /Applications/MAMP/htdocs/naim//_home.scss */
.about-content {
  max-width: 520px;
}

.about-content-2 {
  max-width: 100%;
}

.about-content-2 h2 {
  font-size: 42px;
  margin-bottom: 30px;
  font-weight: 500;
}

/* line 92, /Applications/MAMP/htdocs/naim//_home.scss */
.about-content h2 {
  font-size: 42px;
  margin-bottom: 30px;
  font-weight: 500;
}

@media (max-width: 767px) {
  /* line 92, /Applications/MAMP/htdocs/naim//_home.scss */
  .about-content h2 {
    font-size: 28px;
  }
}

/* line 100, /Applications/MAMP/htdocs/naim//_home.scss */
.about-content p {
  margin-bottom: 25px;
  max-width: 450px;
}

/* line 106, /Applications/MAMP/htdocs/naim//_home.scss */
.about-imgs {
  text-align: left;
  position: relative;
}

/* line 109, /Applications/MAMP/htdocs/naim//_home.scss */
.about-imgs .about-img2 {
  position: absolute;
  bottom: -95px;
  right: 65px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 109, /Applications/MAMP/htdocs/naim//_home.scss */
  .about-imgs .about-img2 {
    right: 15px;
  }
}

/* line 119, /Applications/MAMP/htdocs/naim//_home.scss */
.about-shape-bg {
  position: relative;
}

/* line 121, /Applications/MAMP/htdocs/naim//_home.scss */
.about-shape-bg::after {
  content: "";
  display: block;
  position: absolute;
  width: 540px;
  height: 1000px;
  background: url(../img/home/genenova-logo-shape.png) left center no-repeat;
  background-size: cover;
  top: -220px;
  right: 0;
  z-index: -1;
}

/* line 135, /Applications/MAMP/htdocs/naim//_home.scss */
.team-bg {
  background-size: 100% 100%;
}

/* line 140, /Applications/MAMP/htdocs/naim//_home.scss */
.card-team {
  border: 1px solid #d7dbe3;
}

/* line 144, /Applications/MAMP/htdocs/naim//_home.scss */
.team-footer {
  padding: 30px 30px 30px 40px;
}

/* line 146, /Applications/MAMP/htdocs/naim//_home.scss */
.team-footer h3 {
  margin: 0;
}

/* line 149, /Applications/MAMP/htdocs/naim//_home.scss */
.team-footer p {
  margin-bottom: 0;
}

/* line 152, /Applications/MAMP/htdocs/naim//_home.scss */
.team-footer a {
  display: inline-block;
}

/* line 157, /Applications/MAMP/htdocs/naim//_home.scss */
.team-img {
  position: relative;
  overflow: hidden;
}

/* line 160, /Applications/MAMP/htdocs/naim//_home.scss */
.team-img img {
  border-radius: 0 0px 86px 0px;
}

/* line 163, /Applications/MAMP/htdocs/naim//_home.scss */
.team-img::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(19, 20, 27, 0.6);
  border-radius: 0 0px 86px 0px;
  transform: translateY(-250px) scale(1.05);
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 181, /Applications/MAMP/htdocs/naim//_home.scss */
.team-social-wrap {
  position: absolute;
  bottom: 7px;
  right: 40px;
  z-index: 2;
}

/* line 186, /Applications/MAMP/htdocs/naim//_home.scss */
.team-social-wrap .team-trigger {
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  position: relative;
  margin-bottom: 17px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 200, /Applications/MAMP/htdocs/naim//_home.scss */
.team-social-wrap .team-trigger i,
.team-social-wrap .team-trigger span {
  font-size: 15px;
  color: #fff;
  line-height: 60px;
}

/* line 206, /Applications/MAMP/htdocs/naim//_home.scss */
.team-social-wrap .team-trigger .team-social {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) translateY(50px);
  min-height: 200px;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  visibility: hidden;
}

/* line 216, /Applications/MAMP/htdocs/naim//_home.scss */
.team-social-wrap .team-trigger .team-social li {
  display: block;
  margin-bottom: 10px;
}

/* line 219, /Applications/MAMP/htdocs/naim//_home.scss */
.team-social-wrap .team-trigger .team-social li:last-child {
  margin-bottom: 20px;
}

/* line 222, /Applications/MAMP/htdocs/naim//_home.scss */
.team-social-wrap .team-trigger .team-social li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  border: 1px solid rgba(215, 219, 227, 0.35);
}

/* line 229, /Applications/MAMP/htdocs/naim//_home.scss */
.team-social-wrap .team-trigger .team-social li a i,
.team-social-wrap .team-trigger .team-social li a span {
  line-height: 40px;
  font-size: 13px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 235, /Applications/MAMP/htdocs/naim//_home.scss */
.team-social-wrap .team-trigger .team-social li a:hover {
  color: #0f2137;
  background: #fff;
  border-color: #fff;
}

/* line 239, /Applications/MAMP/htdocs/naim//_home.scss */
.team-social-wrap .team-trigger .team-social li a:hover i {
  color: #0f2137;
}

/* line 247, /Applications/MAMP/htdocs/naim//_home.scss */
.team-social-wrap .team-trigger:hover .team-social {
  opacity: 1;
  z-index: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* line 258, /Applications/MAMP/htdocs/naim//_home.scss */
.card-team:hover .team-img::after {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0) scale(1);
}

/* line 266, /Applications/MAMP/htdocs/naim//_home.scss */
.subscribe-bg {
  background: url(../img/genenova-what-we-do-banner.jpg) left center no-repeat;
  background-size: cover;
  padding: 135px 0;
}

/* line 272, /Applications/MAMP/htdocs/naim//_home.scss */
.subscribe-mw {
  max-width: 570px;
  margin-right: auto;
  margin-left: auto;
}

/* line 276, /Applications/MAMP/htdocs/naim//_home.scss */
.subscribe-mw p {
  color: #fff;
}

/* line 281, /Applications/MAMP/htdocs/naim//_home.scss */
.form-subscribe {
  margin: 40px 0 30px 0;
}

/* line 283, /Applications/MAMP/htdocs/naim//_home.scss */
.form-subscribe .form-control {
  border: 1px solid rgba(215, 219, 227, 0.35);
  background: transparent;
  font-size: 13px;
  height: 48px;
  color: #fff;
  padding-left: 30px;
  border-radius: 5px !important;
}

/* line 291, /Applications/MAMP/htdocs/naim//_home.scss */
.form-subscribe .form-control::placeholder {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
}

/* line 295, /Applications/MAMP/htdocs/naim//_home.scss */
.form-subscribe .form-control:focus {
  outline: 0;
  box-shadow: none;
}

/* line 302, /Applications/MAMP/htdocs/naim//_home.scss */
.card-blog {
  background: #fff;
  overflow: hidden;
}

/* line 307, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-footer {
  padding: 35px 30px 30px 40px;
}

/* line 309, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-footer h3 {
  margin-bottom: 20px;
}

/* line 312, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-footer p {
  margin-bottom: 0;
}

/* line 315, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-footer a {
  display: inline-block;
}

/* line 320, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-info {
  margin-top: 15px;
}

/* line 322, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-info li {
  float: left;
}

/* line 324, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-info li::after {
  content: "|";
  padding-right: 8px;
  padding-left: 8px;
}

/* line 329, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-info li:last-child::after {
  display: none;
  padding-right: 0;
}

/* line 333, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-info li a {
  font-size: 13px;
  color: #a7b2c8;
  font-weight: 400;
}

/* line 337, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-info li a:hover {
  color: #0f2137;
}

/* line 342, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-info::after {
  content: "";
  display: block;
  clear: both;
  display: table;
}

/* line 350, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-img {
  position: relative;
}

/* line 352, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-img img {
  border-radius: 0 0px 86px 0px;
}

/* line 355, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-img .blog-link {
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0px 10px 20px 0px rgba(226, 43, 107, 0.4);
  position: absolute;
  bottom: 0;
  right: 40px;
  z-index: 5;
  transform: translateX(70px);
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 371, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-img .blog-link i,
.blog-img .blog-link span {
  font-size: 15px;
  color: #fff;
  line-height: 60px;
}

/* line 381, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-img::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(19, 20, 27, 0.6);
  border-radius: 0 0px 86px 0px;
  transform: translateY(-50px) scale(1.05);
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 399, /Applications/MAMP/htdocs/naim//_home.scss */
.card-blog:hover .blog-img::after {
  opacity: 1;
  z-index: 1;
  transform: translateY(0) scale(1);
}

/* line 404, /Applications/MAMP/htdocs/naim//_home.scss */
.card-blog:hover .blog-link {
  transform: translateX(0);
  opacity: 1;
  z-index: 5;
}

/* line 411, /Applications/MAMP/htdocs/naim//_home.scss */
.blog-bg {
  background: url(../img/home/blog-bg.png) left center no-repeat;
  background-size: cover;
}

/* Start Blog Area css
============================================================================================ */
/* line 419, /Applications/MAMP/htdocs/naim//_home.scss */
.home-blog-area {
  padding-bottom: 50px;
}

@media (min-width: 600px) {
  /* line 419, /Applications/MAMP/htdocs/naim//_home.scss */
  .home-blog-area {
    padding-bottom: 70px;
  }
}

@media (min-width: 1200px) {
  /* line 419, /Applications/MAMP/htdocs/naim//_home.scss */
  .home-blog-area {
    padding-bottom: 120px;
  }
}

/* line 429, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog {
  background: #fff;
  margin-bottom: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 434, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog .blog-thumb {
  position: relative;
  overflow: hidden;
}

/* line 438, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog .blog-details {
  padding: 40px 35px;
}

/* line 440, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog .blog-details p {
  margin-bottom: 0;
}

/* line 443, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog .blog-details .blog-meta {
  margin-top: 40px;
}

/* line 445, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog .blog-details .blog-meta a {
  font-size: 13px;
  color: #949eb2;
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid #949eb2;
  display: inline-block;
  line-height: 12px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 454, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog .blog-details .blog-meta a:first-child {
  padding-left: 0px;
}

/* line 457, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog .blog-details .blog-meta a:last-child {
  padding-right: 0px;
  border-right: 0px;
}

/* line 461, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog .blog-details .blog-meta a:hover {
  color: #465160;
}

/* line 466, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog .blog-details h5 {
  margin-bottom: 15px;
}

/* line 468, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog .blog-details h5 a {
  color: #0f2137;
  font-size: 21px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 472, /Applications/MAMP/htdocs/naim//_home.scss */
.single-blog .blog-details h5 a:hover {
  color: #ff512f;
}

/* End Blog Area css
============================================================================================ */
/* Start Newsletter Area css
============================================================================================ */
/* line 487, /Applications/MAMP/htdocs/naim//_home.scss */
.newsletter_area {
  color: #ffffff;
}

/* line 491, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription_box {
  background: url(../img/subscribe-bg.jpg) no-repeat center;
  background-size: cover;
  padding: 74px 0px;
  position: relative;
  z-index: 1;
}

/* line 497, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription_box:before {
  content: "";
  position: absolute;
  z-index: -1;
  box-shadow: 0 60px 80px -40px rgba(0, 0, 0, 0.5);
  top: 17%;
  bottom: 0px;
  left: 5%;
  right: 5%;
}

@media (max-width: 767px) {
  /* line 491, /Applications/MAMP/htdocs/naim//_home.scss */
  .subscription_box {
    padding: 50px 20px;
  }
}

/* line 510, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription_box h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 45px;
}

/* line 515, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription_box p {
  margin-top: 20px;
  font-size: 14px;
  margin-bottom: 0;
}

/* line 521, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription_box .subscription input {
  min-width: 74%;
  max-width: 74%;
  line-height: 60px;
  padding: 0 20px;
  border: 0px;
  background: transparent;
  font-size: 14px;
  font-weight: 300;
  border-radius: 5px;
  color: #ffffff;
}

/* line 532, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription_box .subscription input:focus {
  outline: none;
}

@media (max-width: 767px) {
  /* line 521, /Applications/MAMP/htdocs/naim//_home.scss */
  .subscription_box .subscription input {
    min-width: 56%;
    max-width: 56%;
  }
}

@media (max-width: 320px) {
  /* line 521, /Applications/MAMP/htdocs/naim//_home.scss */
  .subscription_box .subscription input {
    padding: 0 10px;
  }
}

/* line 106, /Applications/MAMP/htdocs/naim//_mixins.scss */
.subscription_box .subscription input.placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-weight: 300;
}

/* line 109, /Applications/MAMP/htdocs/naim//_mixins.scss */
.subscription_box .subscription input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-weight: 300;
}

/* line 112, /Applications/MAMP/htdocs/naim//_mixins.scss */
.subscription_box .subscription input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-weight: 300;
}

/* line 115, /Applications/MAMP/htdocs/naim//_mixins.scss */
.subscription_box .subscription input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-weight: 300;
}

/* line 549, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription_box .subcribe-form {
  max-width: 60%;
  margin: 0px auto 0px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 549, /Applications/MAMP/htdocs/naim//_home.scss */
  .subscription_box .subcribe-form {
    max-width: 70%;
  }
}

@media (max-width: 991px) {
  /* line 549, /Applications/MAMP/htdocs/naim//_home.scss */
  .subscription_box .subcribe-form {
    max-width: 90%;
  }
}

@media (max-width: 767px) {
  /* line 549, /Applications/MAMP/htdocs/naim//_home.scss */
  .subscription_box .subcribe-form {
    max-width: 100%;
  }
}

/* line 564, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription_box .primary-button2 {
  border-radius: 50px;
  min-width: 24%;
}

@media (max-width: 767px) {
  /* line 564, /Applications/MAMP/htdocs/naim//_home.scss */
  .subscription_box .primary-button2 {
    padding: 11px 35px;
  }
}

@media (max-width: 480px) {
  /* line 564, /Applications/MAMP/htdocs/naim//_home.scss */
  .subscription_box .primary-button2 {
    padding: 11px 20px;
  }
}

@media (max-width: 320px) {
  /* line 564, /Applications/MAMP/htdocs/naim//_home.scss */
  .subscription_box .primary-button2 {
    padding: 11px 13px;
  }
}

/* line 576, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription_box .primary-button2:hover {
  background: transparent;
}

/* line 582, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription .info {
  color: #fff;
  width: 100%;
  font-size: 12px;
  background: transparent;
  position: absolute;
  left: 0;
}

/* line 591, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription .info.valid {
  color: green;
}

/* line 595, /Applications/MAMP/htdocs/naim//_home.scss */
.subscription .info.error {
  color: red;
}

/* End Newsletter Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Feature Area
=========================================================================================== */
/* line 4, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card-wrapper {
  position: relative;
  padding: 2px;
  transform: scale(1.02) translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 11, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card-wrapper:hover, .feature-card-wrapper.active {
  transform: scale(1);
}

/* line 15, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card-wrapper:hover .feature-card, .feature-card-wrapper.active .feature-card {
  background: #fff;
}

/* line 18, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card-wrapper:hover .feature-link, .feature-card-wrapper.active .feature-link {
  transform: translateX(0);
  opacity: 1;
  z-index: 1;
}

/* line 26, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card {
  padding: 45px 25px;
  background: transparent;
  z-index: -1;
}

@media (max-width: 575px) {
  /* line 26, /Applications/MAMP/htdocs/naim//_feature.scss */
  .feature-card {
    padding: 45px 20px;
  }
}

/* line 33, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card .feature-icon {
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
}

/* line 38, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card .feature-icon img {
  display: inline-block;
  margin-left: 12px;
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

/* line 45, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card .feature-icon::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 98px;
  height: 60px;
  background: url(../img/icon-img/feature-icon-bg.png) left center no-repeat;
  background-size: 100% 100%;
  z-index: -1;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  -o-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

/* line 59, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card h3 {
  margin-bottom: 20px;
  text-transform: capitalize;
}

/* line 63, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card p {
  margin-bottom: 22px;
}

/* line 66, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card .feature-link {
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 50%;
  background-size: 200%;
  transform: translateX(-50px);
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 78, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card .feature-link i,
.feature-card .feature-link span {
  color: #fff;
  line-height: 45px;
  font-size: 14px;
}

/* line 84, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-card .feature-link:hover {
  background-position: 100% 0;
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* line 96, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-bg {
  background: url(../img/home/feature-bg.png) left center no-repeat;
  background-size: cover;
}

/* line 101, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-media {
  padding: 45px 45px 45px 50px;
  background: #fff;
  margin-bottom: 10px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

@media (max-width: 575px) {
  /* line 101, /Applications/MAMP/htdocs/naim//_feature.scss */
  .feature-media {
    padding: 45px 15px;
  }
}

/* line 109, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-media h3 {
  text-transform: capitalize;
  margin-bottom: 20px;
}

/* line 113, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-media p {
  margin-bottom: 0;
}

/* line 116, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-media:hover {
  box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.1);
}

/* line 121, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-icon {
  margin-right: 30px;
  font-size: 60px;
  line-height: 1.2;
}

/* line 125, /Applications/MAMP/htdocs/naim//_feature.scss */
.feature-icon [class^="flaticon-"]:before,
.feature-icon [class*=" flaticon-"]:before,
.feature-icon [class^="flaticon-"]:after,
.feature-icon [class*=" flaticon-"]:after {
  font-size: 60px;
}

@media (max-width: 575px) {
  /* line 125, /Applications/MAMP/htdocs/naim//_feature.scss */
  .feature-icon [class^="flaticon-"]:before,
  .feature-icon [class*=" flaticon-"]:before,
  .feature-icon [class^="flaticon-"]:after,
  .feature-icon [class*=" flaticon-"]:after {
    font-size: 35px;
  }
}

/* End Feature Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Service Area
=========================================================================================== */
/* line 3, /Applications/MAMP/htdocs/naim//_service.scss */
.service-area {
  padding: 80px 0px 40px;
}

@media (min-width: 600px) {
  /* line 3, /Applications/MAMP/htdocs/naim//_service.scss */
  .service-area {
    padding: 120px 0px 60px;
  }
}

@media (min-width: 1200px) {
  /* line 3, /Applications/MAMP/htdocs/naim//_service.scss */
  .service-area {
    padding: 150px 0px 80px;
  }
}

/* line 12, /Applications/MAMP/htdocs/naim//_service.scss */
.single-service {
  margin-bottom: 60px;
  margin-right: 30px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

@media (max-width: 1480px) {
  /* line 12, /Applications/MAMP/htdocs/naim//_service.scss */
  .single-service {
    margin-right: 0px;
  }
}

/* line 19, /Applications/MAMP/htdocs/naim//_service.scss */
.single-service img {
  filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 23, /Applications/MAMP/htdocs/naim//_service.scss */
.single-service h4 {
  margin-top: 40px;
  font-size: 20px;
  margin-bottom: 20px;
}

/* line 28, /Applications/MAMP/htdocs/naim//_service.scss */
.single-service p {
  margin-bottom: 0px;
}

/* line 32, /Applications/MAMP/htdocs/naim//_service.scss */
.single-service:hover img {
  filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

/* End Service Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Portfolio Area
=========================================================================================== */
/* line 5, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.filter-btn li {
  display: inline-block;
  color: #465160;
  font-weight: 400;
  text-transform: capitalize;
  cursor: pointer;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 16, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.filter-btn li::after {
  content: "|";
  padding-right: 15px;
  padding-left: 15px;
}

/* line 21, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.filter-btn li:last-child {
  padding-right: 0;
}

/* line 24, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.filter-btn li:last-child::after {
  display: none;
}

/* line 28, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.filter-btn::after {
  content: "";
  display: block;
  clear: both;
  display: table;
}

/* line 36, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.filters-content {
  overflow: hidden;
}

/* line 40, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single_portfolio {
  position: relative;
  overflow: hidden;
}

/* line 43, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single_portfolio .single_portfolio_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(19, 20, 27, 0.9);
  transform: translateY(-250px);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 56, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single_portfolio .overlay-content {
  position: absolute;
  bottom: 35px;
  left: 40px;
}

/* line 60, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single_portfolio .overlay-content h3 {
  font-size: 21px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 5px;
}

/* line 66, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single_portfolio .overlay-content p {
  font-size: 14px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.6);
}

/* line 72, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single_portfolio .overlay-icon {
  width: 45px;
  height: 45px;
  display: block;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 40px;
  right: 40px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 85, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single_portfolio .overlay-icon i,
.single_portfolio .overlay-icon span {
  font-size: 15px;
  line-height: 45px;
  color: #fff;
}

/* line 95, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single_portfolio:hover .single_portfolio_overlay {
  opacity: 1;
  z-index: 1;
  visibility: visible;
  transform: translateY(0px);
}

/* End Portfolio Area
=========================================================================================== */
/* Start Latest Project Area
=========================================================================================== */
/* line 109, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.latest-project-area {
  padding: 0px 0 50px;
  position: relative;
}

@media (min-width: 600px) {
  /* line 109, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .latest-project-area {
    padding: 0px 0 70px;
  }
}

@media (min-width: 1200px) {
  /* line 109, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .latest-project-area {
    padding: 0px 0 120px;
  }
}

/* line 118, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.latest-project-area:after {
  content: '';
  position: absolute;
  top: -40%;
  right: 0;
  width: 100%;
  min-height: 1030px;
  background: url(../img/portfolio-bg.png) no-repeat center;
  background-position: right top;
  z-index: -1;
}

/* line 129, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.latest-project-area .container-fluid {
  position: relative;
  padding-left: 20%;
  padding-right: 0;
}

@media (min-width: 1921px) {
  /* line 129, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .latest-project-area .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1140px;
  }
}

@media (max-width: 991px) {
  /* line 129, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .latest-project-area .container-fluid {
    padding-left: 6%;
    padding-right: 6%;
  }
}

@media (max-width: 576px) {
  /* line 129, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .latest-project-area .container-fluid {
    padding-left: 11%;
  }
}

/* line 146, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.latest-project-area .owl-nav {
  display: -ms-flexbox !important;
  display: flex !important;
  position: absolute;
  top: -80px;
  right: 25%;
}

@media (max-width: 1199px) {
  /* line 146, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .latest-project-area .owl-nav {
    display: none !important;
  }
}

/* line 156, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.latest-project-area .owl-nav .owl-prev img {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

/* line 160, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.latest-project-area .owl-nav .owl-next {
  margin-left: 15px;
}

/* line 162, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.latest-project-area .owl-nav .owl-next img {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

/* line 166, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.latest-project-area .owl-nav img {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  filter: grayscale(110%);
  -o-filter: grayscale(110%);
  -ms-filter: grayscale(110%);
  -moz-filter: grayscale(110%);
  -webkit-filter: grayscale(110%);
}

/* line 169, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.latest-project-area .owl-nav img:hover {
  -webkit-transform: scalex(1.8);
  -moz-transform: scalex(1.8);
  -ms-transform: scalex(1.8);
  -o-transform: scalex(1.8);
  transform: scalex(1.8);
  filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

/* line 177, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single-project {
  margin-top: 90px;
  background: #fff;
  margin-bottom: 30px;
  padding: 50px 40px;
  position: relative;
  margin-left: 25px;
  box-shadow: 0px 10px 15px rgba(111, 54, 255, 0.2);
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 186, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single-project:hover {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}

@media (min-width: 1200px) {
  /* line 177, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .single-project {
    margin-top: 50px;
  }
}

@media (min-width: 991px) {
  /* line 177, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .single-project {
    margin-top: 40px;
  }
}

@media (max-width: 575px) {
  /* line 177, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .single-project {
    margin-left: 0px;
  }
}

@media (max-width: 1440px) {
  /* line 198, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .single-project.mt--60 {
    margin-top: -37px;
  }
}

@media (max-width: 1300px) {
  /* line 198, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .single-project.mt--60 {
    margin-top: -30px;
  }
}

@media (max-width: 1024px) {
  /* line 198, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .single-project.mt--60 {
    margin-top: -20px;
  }
}

@media (max-width: 991px) {
  /* line 198, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .single-project.mt--60 {
    margin-top: 0px;
  }
}

/* line 212, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single-project h3 {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 10px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 212, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .single-project h3 {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  /* line 212, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .single-project h3 {
    font-size: 20px;
  }
}

/* line 224, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single-project p {
  margin-bottom: 30px;
}

/* line 227, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single-project a {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #949eb2;
  cursor: pointer;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 234, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.single-project a i {
  position: relative;
  top: 2px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* End Latest Project Area
=========================================================================================== */
/* Start Portfolio Details Area
=========================================================================================== */
/* line 255, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_details_area .owl-nav {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 100px;
  right: 10%;
}

@media (max-width: 1199px) {
  /* line 255, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .portfolio_details_area .owl-nav {
    display: none !important;
  }
}

/* line 265, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_details_area .owl-nav .owl-prev img {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

/* line 269, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_details_area .owl-nav .owl-next {
  margin-left: 170px;
}

/* line 271, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_details_area .owl-nav .owl-next img {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

/* line 275, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_details_area .owl-nav .owl-prev,
.portfolio_details_area .owl-nav .owl-next {
  color: #465160;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 279, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_details_area .owl-nav .owl-prev img,
.portfolio_details_area .owl-nav .owl-next img {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  filter: grayscale(110%);
  -o-filter: grayscale(110%);
  -ms-filter: grayscale(110%);
  -moz-filter: grayscale(110%);
  -webkit-filter: grayscale(110%);
}

/* line 283, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_details_area .owl-nav .owl-prev:hover,
.portfolio_details_area .owl-nav .owl-next:hover {
  color: #0f2137;
  font-weight: 500;
}

/* line 286, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_details_area .owl-nav .owl-prev:hover img,
.portfolio_details_area .owl-nav .owl-next:hover img {
  -webkit-transform: scalex(1.8);
  -moz-transform: scalex(1.8);
  -ms-transform: scalex(1.8);
  -o-transform: scalex(1.8);
  transform: scalex(1.8);
  filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

/* line 296, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_right_text h3 {
  color: #0f2137;
  font-size: 42px;
  margin-bottom: 18px;
  font-weight: 500;
}

@media (max-width: 991px) {
  /* line 296, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .portfolio_right_text h3 {
    font-size: 30px;
  }
}

/* line 305, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_right_text p {
  margin-bottom: 0px;
  font-size: 15px;
}

/* line 309, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_right_text .project-details-box {
  border: 1px solid #eeeeee;
  padding: 50px 40px;
  margin-top: 50px;
}

@media (max-width: 1199px) {
  /* line 309, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .portfolio_right_text .project-details-box {
    padding: 40px 20px;
  }
}

/* line 316, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_right_text .project-details-box h4 {
  position: relative;
  font-size: 20px;
  margin-bottom: 50px;
}

/* line 320, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_right_text .project-details-box h4:after {
  content: '';
  position: absolute;
  top: 38px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 50px;
  height: 2px;
}

/* line 333, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_right_text .list li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}

/* line 337, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_right_text .list li:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

/* line 341, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_right_text .list li .item-name {
  font-size: 16px;
  color: #0f2137;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  display: inline-block;
}

/* line 348, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_right_text .list li:last-child {
  margin-bottom: 0px;
}

/* line 351, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.portfolio_right_text .list li i {
  color: #465160;
}

/* line 358, /Applications/MAMP/htdocs/naim//_portfolio.scss */
h5 {
  line-height: 28px;
}

/* line 363, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.social_details li {
  display: inline-block;
  margin-right: 10px;
}

/* line 366, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.social_details li a {
  display: inline-block;
  color: #0f2137;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  color: #0f2137;
  background: transparent;
  border: 1px solid #dddddd;
  border-radius: 30px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 379, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.social_details li a:hover {
  color: #fff;
}

@media (max-width: 1199px) {
  /* line 366, /Applications/MAMP/htdocs/naim//_portfolio.scss */
  .social_details li a {
    margin-bottom: 8px;
  }
}

/* line 387, /Applications/MAMP/htdocs/naim//_portfolio.scss */
.social_details li:last-child {
  margin-right: 0px;
}

/* End Portfolio Details Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Work Area
=========================================================================================== */
/* line 4, /Applications/MAMP/htdocs/naim//_work.scss */
.work-area {
  padding-bottom: 50px;
  position: relative;
}

@media (min-width: 600px) {
  /* line 4, /Applications/MAMP/htdocs/naim//_work.scss */
  .work-area {
    padding-bottom: 70px;
  }
}

@media (min-width: 1200px) {
  /* line 4, /Applications/MAMP/htdocs/naim//_work.scss */
  .work-area {
    padding-bottom: 120px;
  }
}

/* line 16, /Applications/MAMP/htdocs/naim//_work.scss */
.work-area .col-lg-4:nth-child(1) .single-work:before, .work-area .col-lg-4:nth-child(2) .single-work:before, .work-area .col-lg-4:nth-child(3) .single-work:before {
  content: '';
  position: absolute;
  height: 64px;
  z-index: -1;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 26, /Applications/MAMP/htdocs/naim//_work.scss */
.work-area .col-lg-4:nth-child(1) .single-work, .work-area .col-lg-4:nth-child(3) .single-work {
  box-shadow: 0px 10px 30px rgba(111, 54, 255, 0.2);
}

/* line 28, /Applications/MAMP/htdocs/naim//_work.scss */
.work-area .col-lg-4:nth-child(1) .single-work:before, .work-area .col-lg-4:nth-child(3) .single-work:before {
  bottom: -34px;
  left: 25%;
  width: 0%;
  background: url(../img/dashline1.png) no-repeat;
  z-index: 1;
}

/* line 36, /Applications/MAMP/htdocs/naim//_work.scss */
.work-area .col-lg-4:nth-child(1) .single-work:hover:before, .work-area .col-lg-4:nth-child(3) .single-work:hover:before {
  width: 103%;
}

/* line 43, /Applications/MAMP/htdocs/naim//_work.scss */
.work-area .col-lg-4:nth-child(2) .single-work {
  box-shadow: 0px 10px 30px rgba(19, 206, 103, 0.2);
}

/* line 45, /Applications/MAMP/htdocs/naim//_work.scss */
.work-area .col-lg-4:nth-child(2) .single-work:before {
  top: -34px;
  left: 25%;
  width: 0%;
  background: url(../img/dashline2.png) no-repeat;
}

/* line 52, /Applications/MAMP/htdocs/naim//_work.scss */
.work-area .col-lg-4:nth-child(2) .single-work:hover:before {
  width: 103%;
}

/* line 59, /Applications/MAMP/htdocs/naim//_work.scss */
.work-area .col-lg-4:nth-child(3) .single-work {
  box-shadow: 0px 10px 30px rgba(255, 198, 47, 0.2);
}

/* line 61, /Applications/MAMP/htdocs/naim//_work.scss */
.work-area .col-lg-4:nth-child(3) .single-work:before {
  left: -25%;
  background: url(../img/dashline3.png) no-repeat;
}

/* line 70, /Applications/MAMP/htdocs/naim//_work.scss */
.single-work {
  margin-bottom: 30px;
  background: #fff;
  padding: 50px 40px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 75, /Applications/MAMP/htdocs/naim//_work.scss */
.single-work img {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 78, /Applications/MAMP/htdocs/naim//_work.scss */
.single-work h4 {
  margin-top: 30px;
  font-size: 20px;
  margin-bottom: 15px;
}

/* line 83, /Applications/MAMP/htdocs/naim//_work.scss */
.single-work p {
  margin-bottom: 22px;
}

/* line 86, /Applications/MAMP/htdocs/naim//_work.scss */
.single-work a {
  color: #465064;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 91, /Applications/MAMP/htdocs/naim//_work.scss */
.single-work:hover a {
  color: #071590;
}

/* End Work Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Testimonial Area
=========================================================================================== */
/* line 4, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-item {
  padding: 45px 40px 40px 50px;
  border: 1px solid #d7dbe3;
  background: #fff;
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98);
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

@media (max-width: 575px) {
  /* line 4, /Applications/MAMP/htdocs/naim//_testimonial.scss */
  .testimonial-item {
    padding: 45px 20px;
  }
}

/* line 13, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-item:hover {
  -webkit-transform: scale(1) translateZ(0);
  -moz-transform: scale(1) translateZ(0);
  -ms-transform: scale(1) translateZ(0);
  -o-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}

/* line 18, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-item > p {
  font-size: 18px;
  font-style: italic;
}

/* line 22, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-item .media {
  margin-top: 40px;
}

/* line 24, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-item .media img {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

/* line 29, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-item .media h4 {
  font-size: 16px;
  margin-bottom: 5px;
}

/* line 33, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-item .media p {
  font-size: 14px;
}

/* line 39, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-item-wrap {
  padding: 2px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 49, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-carousel .owl-nav i,
.testimonial-carousel .owl-nav span {
  font-size: 14px;
  color: #465160;
}

/* line 54, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
  padding: 0;
  margin: 0;
  width: 45px;
  height: 45px;
  display: block;
  border: 1px solid #d7dbe3;
  border-radius: 50%;
  background: transparent;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

@media (max-width: 767px) {
  /* line 54, /Applications/MAMP/htdocs/naim//_testimonial.scss */
  .testimonial-carousel .owl-nav .owl-prev,
  .testimonial-carousel .owl-nav .owl-next {
    display: none;
  }
}

/* line 68, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-carousel .owl-nav .owl-prev i,
.testimonial-carousel .owl-nav .owl-prev span,
.testimonial-carousel .owl-nav .owl-next i,
.testimonial-carousel .owl-nav .owl-next span {
  color: #465160;
  line-height: 45px;
}

/* line 73, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
  border-color: transparent;
  box-shadow: 0px 10px 20px 0px rgba(226, 43, 107, 0.4);
}

/* line 77, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-carousel .owl-nav .owl-prev:hover i,
.testimonial-carousel .owl-nav .owl-prev:hover span,
.testimonial-carousel .owl-nav .owl-next:hover i,
.testimonial-carousel .owl-nav .owl-next:hover span {
  color: #fff;
}

/* line 83, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-carousel .owl-nav .owl-prev {
  position: absolute;
  top: -120px;
  right: 55px;
}

/* line 88, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-carousel .owl-nav .owl-next {
  position: absolute;
  top: -120px;
  right: 0;
}

/* End Testimonial Area
=========================================================================================== */
/* Start Testimonial 2 Area
=========================================================================================== */
/* line 102, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area {
  padding-bottom: 190px;
}

@media (max-width: 1200px) {
  /* line 102, /Applications/MAMP/htdocs/naim//_testimonial.scss */
  .testimonial-area {
    padding-bottom: 150px;
  }
}

@media (max-width: 991px) {
  /* line 102, /Applications/MAMP/htdocs/naim//_testimonial.scss */
  .testimonial-area {
    padding-bottom: 50px;
  }
}

/* line 110, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area .owl-carousel .owl-item img {
  width: auto;
}

/* line 113, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area .owl-nav {
  display: -ms-flexbox !important;
  display: flex !important;
  position: absolute;
  bottom: -55px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  /* line 113, /Applications/MAMP/htdocs/naim//_testimonial.scss */
  .testimonial-area .owl-nav {
    display: none !important;
  }
}

/* line 124, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area .owl-nav .owl-prev img {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

/* line 128, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area .owl-nav .owl-next {
  margin-left: 15px;
}

/* line 130, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area .owl-nav .owl-next img {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

/* line 134, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area .owl-nav img {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  filter: grayscale(110%);
  -o-filter: grayscale(110%);
  -ms-filter: grayscale(110%);
  -moz-filter: grayscale(110%);
  -webkit-filter: grayscale(110%);
}

/* line 137, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area .owl-nav img:hover {
  -webkit-transform: scalex(1.8);
  -moz-transform: scalex(1.8);
  -ms-transform: scalex(1.8);
  -o-transform: scalex(1.8);
  transform: scalex(1.8);
  filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

/* line 149, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area .col-lg-4:nth-child(1) .single-testimonial .testi-bottom:before, .testimonial-area .col-lg-4:nth-child(2) .single-testimonial .testi-bottom:before, .testimonial-area .col-lg-4:nth-child(3) .single-testimonial .testi-bottom:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 40px;
  height: 3px;
  width: 90px;
}

/* line 163, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area .col-lg-4:nth-child(1) .single-testimonial .testi-bottom:before {
  background: #6e35ff;
}

/* line 172, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area .col-lg-4:nth-child(2) .single-testimonial .testi-bottom:before {
  background: #3bcc66;
}

/* line 181, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.testimonial-area .col-lg-4:nth-child(3) .single-testimonial .testi-bottom:before {
  background: #f8c72e;
}

/* line 190, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.single-testimonial {
  box-shadow: 0px 10px 30px rgba(111, 54, 255, 0.2);
  margin-bottom: 50px;
  margin-top: 90px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

@media (min-width: 1200px) {
  /* line 190, /Applications/MAMP/htdocs/naim//_testimonial.scss */
  .single-testimonial {
    margin-top: 50px;
  }
}

@media (min-width: 991px) {
  /* line 190, /Applications/MAMP/htdocs/naim//_testimonial.scss */
  .single-testimonial {
    margin-top: 40px;
  }
}

@media (min-width: 600px) {
  /* line 190, /Applications/MAMP/htdocs/naim//_testimonial.scss */
  .single-testimonial {
    margin-left: 15px;
    margin-right: 15px;
  }
}

/* line 205, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.single-testimonial .testi-top {
  padding: 40px;
  background: #fff;
}

/* line 208, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.single-testimonial .testi-top p {
  margin-bottom: 0px;
  margin-top: 25px;
}

/* line 213, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.single-testimonial .testi-bottom {
  background: #f8fafd;
  padding: 25px 40px;
  position: relative;
  border-radius: 5px 5px 0px 0px;
}

/* line 218, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.single-testimonial .testi-bottom h5 {
  font-size: 16px;
  margin-bottom: 5px;
}

/* line 222, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.single-testimonial .testi-bottom p {
  font-size: 14px;
  margin-bottom: 0px;
}

/* line 227, /Applications/MAMP/htdocs/naim//_testimonial.scss */
.single-testimonial:hover {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}

/* End Testimonial 2 Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Happy Client Area
=========================================================================================== */
/* line 3, /Applications/MAMP/htdocs/naim//_client.scss */
.happy-client-area {
  position: relative;
  margin-top: -243px;
}

@media (min-width: 1921px) {
  /* line 3, /Applications/MAMP/htdocs/naim//_client.scss */
  .happy-client-area {
    margin-top: 150px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 3, /Applications/MAMP/htdocs/naim//_client.scss */
  .happy-client-area {
    margin-top: -200px;
  }
}

@media (max-width: 991px) {
  /* line 3, /Applications/MAMP/htdocs/naim//_client.scss */
  .happy-client-area {
    margin-top: -50px;
  }
}

/* line 15, /Applications/MAMP/htdocs/naim//_client.scss */
.happy-client-area .owl-carousel .owl-item img {
  width: auto !important;
  margin-left: auto;
}

@media (max-width: 991px) {
  /* line 15, /Applications/MAMP/htdocs/naim//_client.scss */
  .happy-client-area .owl-carousel .owl-item img {
    margin: auto;
  }
}

/* End Happy Client Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Collaboration Area
=========================================================================================== */
/* line 4, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area {
  position: relative;
}

@media (min-width: 320px) {
  /* line 4, /Applications/MAMP/htdocs/naim//_video.scss */
  .collaboration-area {
    padding-bottom: 80px;
  }
}

@media (min-width: 1200px) {
  /* line 4, /Applications/MAMP/htdocs/naim//_video.scss */
  .collaboration-area {
    padding-bottom: 265px;
  }
}

/* line 12, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area:after {
  content: '';
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  min-height: 970px;
  background: url(../img/collaboration/collaboration-bg.png) no-repeat center;
  background-position: left top;
  z-index: -1;
}

/* line 23, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .video-play-box {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  min-width: 80px;
  min-height: 80px;
  line-height: 80px;
  border-radius: 65px;
  text-align: center;
}

/* line 35, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .video-play-box:after {
  background: #fff;
  z-index: 0;
  -webkit-animation: pulse-border 2000ms ease-out infinite;
  -moz-animation: pulse-border 2000ms ease-out infinite;
  -o-animation: pulse-border 2000ms ease-out infinite;
  animation: pulse-border 2000ms ease-out infinite;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  z-index: -1;
}

/* line 50, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .video-play-box img {
  position: relative;
  top: 8px;
  left: 5px;
}

/* line 56, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .overlay {
  background: -webkit-linear-gradient(135deg, #071590 0%, #ff003c 100%);
  background: -moz-linear-gradient(135deg, #071590 0%, #ff003c 100%);
  background: -o-linear-gradient(135deg, #071590 0%, #ff003c 100%);
  background: linear-gradient(135deg, #071590 0%, #ff003c 100%);
  opacity: .85;
}

/* line 60, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .img-top {
  position: absolute;
  right: 50px;
  top: 50px;
  z-index: 1;
}

/* line 66, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .text-wrap {
  position: absolute;
  left: 50px;
  bottom: 50px;
  z-index: 1;
}

/* line 71, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .text-wrap h3 {
  font-size: 20px;
  color: #fff;
}

/* line 75, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .text-wrap p {
  font-size: 14px;
  margin-bottom: 0px;
  color: #949eb2;
}

@media (min-width: 1921px) {
  /* line 81, /Applications/MAMP/htdocs/naim//_video.scss */
  .collaboration-area .collaboration-img {
    display: none;
  }
}

@media (max-width: 1199px) {
  /* line 81, /Applications/MAMP/htdocs/naim//_video.scss */
  .collaboration-area .collaboration-img {
    display: none;
  }
}

/* line 88, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .collaboration-img .img-fluid {
  position: absolute;
}

/* line 91, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .collaboration-img .img-1 {
  right: 29%;
  bottom: 16%;
}

/* line 95, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .collaboration-img .img-2 {
  right: 0%;
  bottom: 15%;
}

/* line 99, /Applications/MAMP/htdocs/naim//_video.scss */
.collaboration-area .collaboration-img .img-3 {
  right: 4%;
  bottom: 21%;
  z-index: -1;
}

/* End Collaboration Area
=========================================================================================== */
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

@-moz-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

@-o-keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    transform: translate(-50%, -50%) translateZ(0) scale(1.5);
    opacity: 0.1;
  }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*=================== contact banner start ====================*/
/* line 5, /Applications/MAMP/htdocs/naim//_contact.scss */
.contact-page-area .section-intro h2 {
  font-size: 42px;
  font-weight: 500;
}

/* line 10, /Applications/MAMP/htdocs/naim//_contact.scss */
.contact-page-area .contact-btns {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 40px;
  color: #fff;
  margin-bottom: 30px;
}

/* line 17, /Applications/MAMP/htdocs/naim//_contact.scss */
.contact-page-area .contact-btns:hover {
  color: #fff;
}

/* line 22, /Applications/MAMP/htdocs/naim//_contact.scss */
.contact-page-area .form-area .form-control {
  margin-bottom: 30px;
}

/* line 24, /Applications/MAMP/htdocs/naim//_contact.scss */
.contact-page-area .form-area .form-control:focus {
  box-shadow: none !important;
  border-color: #ced4da !important;
}

/* line 29, /Applications/MAMP/htdocs/naim//_contact.scss */
.contact-page-area .form-area input {
  padding: 15px;
  height: 40px;
  line-height: 40px;
  border: 0px;
  border-bottom: 1px solid #465160;
}

/* line 36, /Applications/MAMP/htdocs/naim//_contact.scss */
.contact-page-area .form-area input,
.contact-page-area .form-area textarea {
  border-radius: 0;
  font-size: 13px !important;
}

/* line 41, /Applications/MAMP/htdocs/naim//_contact.scss */
.contact-page-area .form-area textarea {
  height: 160px;
  margin-top: 0px;
  padding: 15px;
}

@media (max-width: 992px) {
  /* line 46, /Applications/MAMP/htdocs/naim//_contact.scss */
  .contact-page-area .form-area .form-group {
    margin-bottom: 0;
  }
}

/* line 52, /Applications/MAMP/htdocs/naim//_contact.scss */
.contact-page-area .single-contact-address {
  margin-bottom: 12px;
}

/* line 54, /Applications/MAMP/htdocs/naim//_contact.scss */
.contact-page-area .single-contact-address h5 {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 5px;
}

/* line 59, /Applications/MAMP/htdocs/naim//_contact.scss */
.contact-page-area .single-contact-address p {
  margin-bottom: 5px;
}

/*=================== contact form end ====================*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Blog Area css
============================================================================================ */
/* line 4, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item {
  position: relative;
  box-shadow: 0px 10px 20px rgba(0, 1, 18, 0.08);
  margin-bottom: 45px;
}

/* line 8, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item figure {
  overflow: hidden;
  margin-bottom: 0px;
}

/* line 12, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item .post-img {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 15, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item .meta-box {
  padding: 35px 40px 40px;
}

@media (max-width: 767px) {
  /* line 15, /Applications/MAMP/htdocs/naim//_blog.scss */
  .single-post-item .meta-box {
    padding: 35px 20px 40px;
  }
}

/* line 21, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item h3 {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 500;
}

@media (max-width: 767px) {
  /* line 21, /Applications/MAMP/htdocs/naim//_blog.scss */
  .single-post-item h3 {
    font-size: 25px;
  }
}

/* line 28, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item h3 a {
  color: #0f2137;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 33, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item p {
  margin-bottom: 0px;
}

/* line 36, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item .post-meta {
  padding-top: 25px;
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
}

/* line 43, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item .meta-details li a {
  position: relative;
  display: inline-block;
  color: #949eb2;
  padding-right: 20px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 49, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item .meta-details li a:after {
  content: '';
  position: absolute;
  top: 8px;
  right: 10px;
  background: #949eb2;
  width: 1px;
  height: 12px;
}

@media (max-width: 767px) {
  /* line 49, /Applications/MAMP/htdocs/naim//_blog.scss */
  .single-post-item .meta-details li a:after {
    content: none;
  }
}

/* line 61, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item .meta-details li a:hover {
  color: #465160;
}

/* line 67, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item .meta-details li:last-child a:after {
  content: none;
}

/* line 75, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item:hover .post-img {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}

/* line 79, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item:hover h3 a {
  color: #ff512f;
}

/* line 83, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-item:hover .blog-button {
  color: #fff;
  box-shadow: 0px 10px 20px rgba(226, 43, 107, 0.3);
}

/* line 91, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog {
  position: relative;
  box-shadow: 0px 10px 20px rgba(0, 1, 18, 0.08);
  margin-bottom: 30px;
}

/* line 95, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog figure {
  overflow: hidden;
  margin-bottom: 0px;
}

/* line 99, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog .post-img {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 102, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog .meta-box {
  padding: 30px;
}

@media (max-width: 767px) {
  /* line 102, /Applications/MAMP/htdocs/naim//_blog.scss */
  .single-post-blog .meta-box {
    padding: 30px 20px;
  }
}

/* line 108, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog h3 {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 400;
}

@media (max-width: 767px) {
  /* line 108, /Applications/MAMP/htdocs/naim//_blog.scss */
  .single-post-blog h3 {
    font-size: 25px;
  }
}

/* line 115, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog h3 a {
  color: #0f2137;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 120, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog p {
  margin-bottom: 0px;
}

/* line 123, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog .post-meta {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
}

/* line 130, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog .meta-details li a {
  position: relative;
  display: inline-block;
  color: #949eb2;
  padding-right: 20px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 136, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog .meta-details li a:after {
  content: '';
  position: absolute;
  top: 8px;
  right: 10px;
  background: #949eb2;
  width: 1px;
  height: 12px;
}

@media (max-width: 767px) {
  /* line 136, /Applications/MAMP/htdocs/naim//_blog.scss */
  .single-post-blog .meta-details li a:after {
    content: none;
  }
}

/* line 148, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog .meta-details li a:hover {
  color: #465160;
}

/* line 154, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog .meta-details li:last-child a:after {
  content: none;
}

/* line 162, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-post-blog:hover .post-img {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}

/* End Blog Area css
============================================================================================ */
/* Start Blog Sidebar Area css
============================================================================================ */
@media (max-width: 991px) {
  /* line 179, /Applications/MAMP/htdocs/naim//_blog.scss */
  .sidebar {
    margin-top: 80px;
  }
}

/* line 185, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-widget {
  border: 1px solid #eee;
  padding: 30px;
  margin-bottom: 30px;
}

@media (max-width: 420px) {
  /* line 185, /Applications/MAMP/htdocs/naim//_blog.scss */
  .single-widget {
    padding: 30px 10px;
  }
}

/* line 192, /Applications/MAMP/htdocs/naim//_blog.scss */
.single-widget .title {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 21px;
}

/* line 201, /Applications/MAMP/htdocs/naim//_blog.scss */
.search-widget i {
  display: inline-block;
  padding: 18px;
  color: #fff;
  font-size: 14px;
  border: 0;
  box-shadow: 0px 10px 20px rgba(226, 43, 107, 0.3);
}

/* line 210, /Applications/MAMP/htdocs/naim//_blog.scss */
.search-widget form.example {
  border: 0;
  background: transparent;
  border-radius: 50px;
}

/* line 215, /Applications/MAMP/htdocs/naim//_blog.scss */
.search-widget form.example input[type="text"] {
  padding: 18px;
  font-size: 14px;
  border: none;
  float: left;
  width: 80%;
  background: transparent;
  color: #465160;
}

/* line 223, /Applications/MAMP/htdocs/naim//_blog.scss */
.search-widget form.example input[type="text"]:focus {
  outline: none;
}

/* line 227, /Applications/MAMP/htdocs/naim//_blog.scss */
.search-widget form.example button {
  float: left;
  width: 20%;
  padding: 6px;
  font-size: 17px;
  border: none;
  cursor: pointer;
  background: transparent;
}

/* line 235, /Applications/MAMP/htdocs/naim//_blog.scss */
.search-widget form.example button:focus {
  outline: none;
}

@media (max-width: 1024px) {
  /* line 227, /Applications/MAMP/htdocs/naim//_blog.scss */
  .search-widget form.example button {
    padding-left: 2px;
  }
}

/* line 242, /Applications/MAMP/htdocs/naim//_blog.scss */
.search-widget form.example::after {
  content: "";
  clear: both;
  display: table;
}

/* line 249, /Applications/MAMP/htdocs/naim//_blog.scss */
.author-widget {
  text-align: left;
}

/* line 251, /Applications/MAMP/htdocs/naim//_blog.scss */
.author-widget h4 {
  font-size: 21px;
  font-weight: 400;
  padding: 25px 0 5px;
}

/* line 256, /Applications/MAMP/htdocs/naim//_blog.scss */
.author-widget p {
  margin-bottom: 0px;
}

/* line 259, /Applications/MAMP/htdocs/naim//_blog.scss */
.author-widget ul {
  margin-top: 25px;
}

/* line 261, /Applications/MAMP/htdocs/naim//_blog.scss */
.author-widget ul li {
  padding-right: 10px;
  display: inline-block;
}

/* line 264, /Applications/MAMP/htdocs/naim//_blog.scss */
.author-widget ul li:last-child {
  margin-right: 0px;
}

/* line 267, /Applications/MAMP/htdocs/naim//_blog.scss */
.author-widget ul li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #0f2137;
  color: #fff;
  border-radius: 20px;
  text-align: center;
  font-size: 12px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 278, /Applications/MAMP/htdocs/naim//_blog.scss */
.author-widget ul li a:hover {
  color: #fff;
  box-shadow: 0px 10px 20px rgba(226, 43, 107, 0.3);
}

/* line 290, /Applications/MAMP/htdocs/naim//_blog.scss */
.category-widget ul li {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 291, /Applications/MAMP/htdocs/naim//_blog.scss */
.category-widget ul li a {
  display: block;
  position: relative;
  color: #465160;
  margin: 0px;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0px 10px 20px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 299, /Applications/MAMP/htdocs/naim//_blog.scss */
.category-widget ul li a:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 20px;
  width: 8px;
  height: 8px;
  background: #a6a6a6;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 312, /Applications/MAMP/htdocs/naim//_blog.scss */
.category-widget ul li:hover a {
  color: #ff512f;
}

/* line 314, /Applications/MAMP/htdocs/naim//_blog.scss */
.category-widget ul li:hover a:before {
  height: 3px;
  background: #ff512f;
  top: 22px;
}

/* line 322, /Applications/MAMP/htdocs/naim//_blog.scss */
.category-widget ul li:last-child a {
  border-bottom: 0px;
  padding-bottom: 0px;
}

/* line 332, /Applications/MAMP/htdocs/naim//_blog.scss */
.popular-posts-widget .single-popular-post {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #dddddd;
}

/* line 336, /Applications/MAMP/htdocs/naim//_blog.scss */
.popular-posts-widget .single-popular-post:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px;
}

/* line 342, /Applications/MAMP/htdocs/naim//_blog.scss */
.popular-posts-widget .single-popular-post .popular-details h4 {
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* line 342, /Applications/MAMP/htdocs/naim//_blog.scss */
  .popular-posts-widget .single-popular-post .popular-details h4 {
    font-size: 14px;
  }
}

/* line 353, /Applications/MAMP/htdocs/naim//_blog.scss */
.popular-posts-widget .single-popular-post .popular-details p {
  color: #949eb2;
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 400;
  line-height: 12px;
}

/* line 362, /Applications/MAMP/htdocs/naim//_blog.scss */
.popular-posts-widget .single-popular-post:hover h4 {
  color: #ff512f;
}

@media (max-width: 960px) {
  /* line 332, /Applications/MAMP/htdocs/naim//_blog.scss */
  .popular-posts-widget .single-popular-post {
    margin-bottom: 20px;
  }
}

/* line 374, /Applications/MAMP/htdocs/naim//_blog.scss */
.tag-cloud-widget ul li {
  display: inline-block;
}

/* line 376, /Applications/MAMP/htdocs/naim//_blog.scss */
.tag-cloud-widget ul li a {
  display: inline-block;
  border: 1px solid #eee;
  background: #fff;
  padding: 5px 22px;
  margin-bottom: 12px;
  margin-right: 5px;
  color: #949eb2;
  font-size: 13px;
  font-weight: 400;
  border-radius: 3px;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 388, /Applications/MAMP/htdocs/naim//_blog.scss */
.tag-cloud-widget ul li a:hover {
  box-shadow: 0px 10px 20px rgba(226, 43, 107, 0.3);
  color: #fff;
}

/* line 400, /Applications/MAMP/htdocs/naim//_blog.scss */
.instagram-widget .instafeed li {
  position: relative;
  overflow: hidden;
  width: 50%;
  padding: 5px;
}

/* line 405, /Applications/MAMP/htdocs/naim//_blog.scss */
.instagram-widget .instafeed li:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  background: transparent;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 415, /Applications/MAMP/htdocs/naim//_blog.scss */
.instagram-widget .instafeed li .meta {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 425, /Applications/MAMP/htdocs/naim//_blog.scss */
.instagram-widget .instafeed li .meta a {
  display: inline-block;
  font-size: 14px;
  color: #fff;
}

/* line 432, /Applications/MAMP/htdocs/naim//_blog.scss */
.instagram-widget .instafeed li:hover:before {
  background: rgba(15, 33, 55, 0.8);
}

/* line 435, /Applications/MAMP/htdocs/naim//_blog.scss */
.instagram-widget .instafeed li:hover .meta {
  opacity: 1;
  visibility: visible;
}

/* line 446, /Applications/MAMP/htdocs/naim//_blog.scss */
.newsletter-widget .form-group input {
  width: 100%;
  line-height: 44px;
  padding: 0 15px;
  border-radius: 0;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  display: block;
}

/* line 454, /Applications/MAMP/htdocs/naim//_blog.scss */
.newsletter-widget .form-group input:focus {
  outline: none;
}

/* line 459, /Applications/MAMP/htdocs/naim//_blog.scss */
.newsletter-widget .primary-btn {
  color: #fff;
  width: 100%;
  line-height: 45px;
  border: 1px solid #ff512f;
  box-shadow: 0px 10px 20px rgba(226, 43, 107, 0.3);
}

/* line 466, /Applications/MAMP/htdocs/naim//_blog.scss */
.newsletter-widget .primary-btn:hover {
  background: transparent;
  color: #0f2137;
  box-shadow: none;
}

/* End Blog Sidebar Area css
============================================================================================ */
/* Start Blog Details Area css
============================================================================================ */
/* line 480, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-top {
  margin-bottom: 70px;
}

/* line 482, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-top h6 {
  color: #465160;
}

/* line 486, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-top p:last-of-type {
  margin-bottom: 0px;
}

/* line 490, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-top h2 {
  font-size: 42px;
  font-weight: 500;
  margin-bottom: 25px;
}

@media (max-width: 991px) {
  /* line 490, /Applications/MAMP/htdocs/naim//_blog.scss */
  .blog-details-top h2 {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  /* line 490, /Applications/MAMP/htdocs/naim//_blog.scss */
  .blog-details-top h2 {
    font-size: 30px;
  }
}

/* line 504, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 20px;
}

/* line 510, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area h4 {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 20px;
}

/* line 516, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area .quote i {
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-size: 35px;
}

/* line 522, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area .quote .blockquote {
  color: #465160;
  font-weight: 400;
  font-size: 16px;
}

/* line 528, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area .blog-video {
  position: relative;
}

/* line 530, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area .blog-video .overlay {
  background: rgba(15, 33, 55, 0.4);
}

/* line 533, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area .blog-video .video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 540, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area .blog-tag {
  padding: 29px 0px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

/* line 544, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area .blog-tag i {
  font-size: 18px;
}

/* line 547, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area .blog-tag ul {
  margin-left: 10px;
  line-height: 19px;
}

/* line 550, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area .blog-tag ul li {
  display: inline-block;
  margin-right: 5px;
}

/* line 553, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area .blog-tag ul li a {
  color: #949eb2;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 558, /Applications/MAMP/htdocs/naim//_blog.scss */
.blog-details-area .blog-tag ul li a:hover {
  color: #ff512f;
}

/* End Blog Details Area css
============================================================================================ */
/* Start Comment Area css
============================================================================================ */
/* line 574, /Applications/MAMP/htdocs/naim//_blog.scss */
.comments-area {
  padding-bottom: 50px;
  margin-top: 70px;
  border-bottom: 1px solid #dddddd;
}

@media (max-width: 414px) {
  /* line 574, /Applications/MAMP/htdocs/naim//_blog.scss */
  .comments-area {
    padding: 50px 8px;
  }
}

/* line 581, /Applications/MAMP/htdocs/naim//_blog.scss */
.comments-area h4 {
  font-size: 24px;
  margin-bottom: 50px;
}

/* line 585, /Applications/MAMP/htdocs/naim//_blog.scss */
.comments-area a {
  color: #0f2137;
}

/* line 588, /Applications/MAMP/htdocs/naim//_blog.scss */
.comments-area .comment-list {
  padding-bottom: 20px;
}

/* line 590, /Applications/MAMP/htdocs/naim//_blog.scss */
.comments-area .comment-list:last-child {
  padding-bottom: 0px;
}

/* line 593, /Applications/MAMP/htdocs/naim//_blog.scss */
.comments-area .comment-list.left-padding {
  padding-left: 25px;
}

@media (max-width: 413px) {
  /* line 598, /Applications/MAMP/htdocs/naim//_blog.scss */
  .comments-area .comment-list .single-comment h5 {
    font-size: 12px;
  }
  /* line 601, /Applications/MAMP/htdocs/naim//_blog.scss */
  .comments-area .comment-list .single-comment .date {
    font-size: 11px;
  }
  /* line 604, /Applications/MAMP/htdocs/naim//_blog.scss */
  .comments-area .comment-list .single-comment .comment {
    font-size: 11px;
  }
}

/* line 610, /Applications/MAMP/htdocs/naim//_blog.scss */
.comments-area .thumb {
  margin-right: 20px;
}

/* line 613, /Applications/MAMP/htdocs/naim//_blog.scss */
.comments-area .date {
  font-size: 13px;
  color: #9199a8;
}

/* line 617, /Applications/MAMP/htdocs/naim//_blog.scss */
.comments-area .comment {
  color: #777777;
}

/* line 620, /Applications/MAMP/htdocs/naim//_blog.scss */
.comments-area .btn-reply {
  background: transparent;
  padding: 0px;
  color: #465160;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* End Comment and Reply Area css
============================================================================================ */
/* Start Comment Form Area css
============================================================================================ */
/* line 639, /Applications/MAMP/htdocs/naim//_blog.scss */
.comment-form {
  margin-top: 50px;
  padding-bottom: 150px;
}

/* line 642, /Applications/MAMP/htdocs/naim//_blog.scss */
.comment-form .name {
  padding-left: 0px;
}

@media (max-width: 991px) {
  /* line 642, /Applications/MAMP/htdocs/naim//_blog.scss */
  .comment-form .name {
    padding-right: 0px;
  }
}

/* line 648, /Applications/MAMP/htdocs/naim//_blog.scss */
.comment-form .email {
  padding-right: 0px;
}

@media (max-width: 991px) {
  /* line 648, /Applications/MAMP/htdocs/naim//_blog.scss */
  .comment-form .email {
    padding-left: 0px;
  }
}

/* line 654, /Applications/MAMP/htdocs/naim//_blog.scss */
.comment-form .form-control {
  padding: 10px;
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 0px;
  width: 100%;
  font-size: 13px;
  color: #777777;
}

/* line 662, /Applications/MAMP/htdocs/naim//_blog.scss */
.comment-form .form-control:focus {
  box-shadow: none;
}

/* line 666, /Applications/MAMP/htdocs/naim//_blog.scss */
.comment-form .primary-button {
  font-size: 12px;
  margin-top: 20px;
}

/* End Comment Form Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Footer Area css
============================================================================================ */
/* line 4, /Applications/MAMP/htdocs/naim//_footer.scss */
.footer_area {
  background: #13141b;
  padding-top: 100px;
}

/* line 7, /Applications/MAMP/htdocs/naim//_footer.scss */
.footer_area [class*="hero-ani-"] {
  filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  -moz-filter: blur(3px);
  -webkit-filter: blur(3px);
}

/* line 11, /Applications/MAMP/htdocs/naim//_footer.scss */
.footer_area .single-footer-widget h6 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 32px;
}

/* line 16, /Applications/MAMP/htdocs/naim//_footer.scss */
.footer_area .single-footer-widget ul li {
  margin-bottom: 8px;
}

/* line 18, /Applications/MAMP/htdocs/naim//_footer.scss */
.footer_area .single-footer-widget ul li:last-child {
  margin-bottom: 0;
}

/* line 21, /Applications/MAMP/htdocs/naim//_footer.scss */
.footer_area .single-footer-widget ul li a {
  display: inline-block;
  color: #465160;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 25, /Applications/MAMP/htdocs/naim//_footer.scss */
.footer_area .single-footer-widget ul li a:hover {
  color: #fff;
}

/* line 31, /Applications/MAMP/htdocs/naim//_footer.scss */
.footer_area .footer_bottom {
  margin-top: 100px;
  background: #0e0f18;
  text-align: center;
  padding: 15px 0;
}

@media (max-width: 991px) {
  /* line 31, /Applications/MAMP/htdocs/naim//_footer.scss */
  .footer_area .footer_bottom {
    margin-top: 50px;
  }
}

/* line 39, /Applications/MAMP/htdocs/naim//_footer.scss */
.footer_area .footer_bottom p {
  margin-bottom: 0;
}

/* line 42, /Applications/MAMP/htdocs/naim//_footer.scss */
.footer_area .footer_bottom a {
  color: #fff;
}

/* End Footer Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Footer2 Area css
============================================================================================ */
/* line 4, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2 {
  position: relative;
  padding: 130px 0px;
}

/* line 8, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2.footer-area2-bg:before {
  content: '';
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: url(../img/footer2-bg.png) no-repeat;
  background-position: right bottom;
  width: 100%;
  height: 1540px;
  z-index: -1;
}

@media (max-width: 991px) {
  /* line 20, /Applications/MAMP/htdocs/naim//_footer2.scss */
  .footer-area2 .single-footer-widget {
    margin-bottom: 30px;
  }
}

/* line 24, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2 .single-footer-widget h4 {
  font-size: 20px;
  margin-bottom: 35px;
}

@media (max-width: 1024px) {
  /* line 24, /Applications/MAMP/htdocs/naim//_footer2.scss */
  .footer-area2 .single-footer-widget h4 {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  /* line 24, /Applications/MAMP/htdocs/naim//_footer2.scss */
  .footer-area2 .single-footer-widget h4 {
    margin-bottom: 15px;
  }
}

/* line 35, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2 .single-footer-widget p a {
  color: #ff512f;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 38, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2 .single-footer-widget p a:hover {
  opacity: .7;
}

/* line 44, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2 .single-footer-widget ul li {
  margin-bottom: 8px;
}

/* line 46, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2 .single-footer-widget ul li:last-child {
  margin-bottom: 0px;
}

/* line 49, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2 .single-footer-widget ul li a {
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  color: #949eb2;
}

/* line 52, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2 .single-footer-widget ul li a:hover {
  color: #0f2137;
}

/* line 60, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2 .footer-social a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  background: #fff;
  color: #949eb2;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* line 70, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2 .footer-social a:hover {
  background: #465064;
  color: #fff;
}

/* line 75, /Applications/MAMP/htdocs/naim//_footer2.scss */
.footer-area2 .footer-social i {
  color: #cccccc;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

/* End Footer2 Area css
============================================================================================ */
/*---------------------------------------------------- */

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



/* custom css for preloader and forms */

.margin-top {
	margin-top: 100px;
}

@media screen and (min-width:992px){
  .row {
      justify-content: center;
  }

  .left {
      order:2;
  }

  .right {
      order:1;
  }
  
  .team-bg { 
  background: url(../img/home/team-bg.png) left center no-repeat;
  background-size: 100% 100%;
}
  
}



body.royal_preloader {
    background: none;
    visibility: hidden;
}
#royal_preloader {
    visibility: visible;
    position: fixed;
	width:100%;
	height:100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    margin: 0;
    z-index: 9999999999;
}
#royal_preloader.royal_preloader_number:before,
#royal_preloader.royal_preloader_progress:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -moz-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -ms-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
}
#royal_preloader.complete {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear 0.5s;
       -moz-transition: opacity 0.2s linear 0.5s;
        -ms-transition: opacity 0.2s linear 0.5s;
         -o-transition: opacity 0.2s linear 0.5s;
            transition: opacity 0.2s linear 0.5s;
}
#royal_preloader.royal_preloader_line {
    height: 2px;
    bottom: auto;
}

/* Number Mode */

#royal_preloader.royal_preloader_number .royal_preloader_percentage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    line-height: 100px;
    font-size: 20px;
    font-family: Impact, Arial;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}
#royal_preloader.royal_preloader_number .royal_preloader_percentage > div {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 4px solid transparent;
    border-left-color: #FFFFFF;
    border-radius: 50%;
    -webkit-animation: rotate 0.8s linear infinite;
       -moz-animation: rotate 0.8s linear infinite;
        -ms-animation: rotate 0.8s linear infinite;
         -o-animation: rotate 0.8s linear infinite;
            animation: rotate 0.8s linear infinite;
}

/* Line Mode */

#royal_preloader.royal_preloader_line .royal_preloader_loader {
    position: absolute;
    height: 100%;
    left: 0;
}
#royal_preloader.royal_preloader_line .royal_preloader_peg {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100px;
    opacity: 0.5;
}

/* Text Mode */

#royal_preloader.royal_preloader_text .royal_preloader_loader {
    color: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
	opacity:.2;
    left: 50%;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
    height: 80px;
    line-height: 80px;
    margin: auto;
    letter-spacing: -4px;
    font-size: 55px;
    white-space: nowrap;
}
#royal_preloader.royal_preloader_text .royal_preloader_loader div {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0%;
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* Scale Text Mode */

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader {
    color: #FFFFFF;
    position: absolute;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 32px;
    line-height: 32px;
    margin: auto;
    letter-spacing: 1px;
    font-size: 32px;
    white-space: nowrap;
}

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader span {
    display: inline-block;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader span.loaded {
    -webkit-animation: scale 0.2s forwards;
       -moz-animation: scale 0.2s forwards;
        -ms-animation: scale 0.2s forwards;
         -o-animation: scale 0.2s forwards;
            animation: scale 0.2s forwards;
}

/* Logo Mode */

#royal_preloader.royal_preloader_logo .royal_preloader_loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 5px;
}
#royal_preloader.royal_preloader_logo .royal_preloader_loader div {
    position: absolute;
    bottom: 0%;
    left: 0px;
    right: 0px;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#royal_preloader.royal_preloader_logo .royal_preloader_percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    color: #072E77;
    text-align: center;
	font-family: 'Open Sans';
	font-style: italic;
    font-size: 13px;
    font-weight: 400;
	letter-spacing:2px;
	padding-top:10px;
}

/* Progress Mode */

#royal_preloader.royal_preloader_progress .royal_preloader_percentage {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #AAAAAA;
    color: rgba(255, 255, 255, 0.1);
    font-family: Impact, Arial;
    font-size: 20px;
    text-align: center;
}
#royal_preloader.royal_preloader_progress .royal_preloader_loader {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 60%;
    height: 2px;
    margin: -10px auto auto auto;
    background-color: rgba(0, 0, 0, 0.1);
}
#royal_preloader.royal_preloader_progress .royal_preloader_meter {
    width: 0;
    height: 100%;
    margin: auto;
    padding: 0;
    background-color: #C76363;
}


@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0);}
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate {
    0% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotate {
    0% { -ms-transform: rotate(0); }
    100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes rotate {
    0% { -o-transform: rotate(0); }
    100% { -o-transform: rotate(360deg); }
}
@keyframes rotate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes scale {
    0% { -webkit-transform: scale(0); opacity: 0;}
    50% { -webkit-transform: scale(2);  opacity: 0.5;}
    100% { -webkit-transform: scale(1);  opacity: 1;}
}
@-moz-keyframes scale {
    0% { -moz-transform: scale(0); opacity: 0;}
    50% { -moz-transform: scale(2); opacity: 0.5;}
    100% { -moz-transform: scale(1); opacity: 1;}
}
@-ms-keyframes scale {
    0% { -ms-transform: scale(0); opacity: 0;}
    50% { -ms-transform: scale(2); opacity: 0.5;}
    100% { -ms-transform: scale(1); opacity: 1;}
}
@-o-keyframes scale {
    0% { -o-transform: scale(0); opacity: 0;}
    50% { -o-transform: scale(2); opacity: 0;.5}
    100% { -o-transform: scale(1); opacity: 1;}
}
@keyframes scale {
    0% { transform: scale(0); opacity: 0;}
    50% { transform: scale(2); opacity: 0.5;}
    100% { transform: scale(1); opacity: 1;}
}

#template-contactform { position: relative; }

/* ----------------------------------------------------------------
	Forms
-----------------------------------------------------------------*/

.sm-form-control {
	display: block;
	width: 100%;
	height: 38px;
	padding: 8px 14px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 2px solid #DDD;
	border-radius: 0 !important;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}

.sm-form-control:focus {
	border-color: #AAA;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.sm-form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.sm-form-control:-ms-input-placeholder { color: #999; }
.sm-form-control::-webkit-input-placeholder { color: #999; }

.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {
	cursor: not-allowed;
	background-color: #eeeeee;
	opacity: 1;
}

.sm-form-control { height: auto; }

.form-control { border-radius: 3px; }

.form-control:active,
.form-control:focus {
	border-color: #999;
	box-shadow: none;
}

label {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #555;
	margin-bottom: 10px;
	cursor: pointer;
}

label.label-muted {
	color: #999;
	font-weight: normal;
	margin-right: 5px;
}

form .col_full,
form .col_half,
form .col_one_third,
form .col_two_third,
form .col_three_fourth,
form .col_one_fourth,
form .col_one_fifth,
form .col_two_fifth,
form .col_three_fifth,
form .col_four_fifth,
form .col_one_sixth,
form .col_five_sixth { margin-bottom: 25px; }


/* ----------------------------------------------------------------
	Contact Form
-----------------------------------------------------------------*/


#contact-form-overlay,
#contact-form-overlay-mini {
	position: relative;
	max-width: 800px;
	background-color: #FFF;
	padding: 40px;
	margin: 0 auto;
	z-index: 10;
	border-radius: 4px;
	box-shadow: 0 1px 10px rgba(0,0,0,0.15);
}

#contact-form-overlay-mini {
	float: right;
	width: 380px;
	margin: 0;
}

label.error {
	margin-top: 5px;
	color: #E42C3E;
	font-weight: 400;
}

label.error { display: none !important; }

.show-error-msg + label.error { display: block !important; }

input[type=checkbox]:not(:checked) + label.error { display: block !important; }

.form-control.error,
.sm-form-control.error { border-color: #E42C3E; }

/* Border Form Design
---------------------------------------------------------------------------- */

.border-form-control {
	height: 48px;
	padding: 8px 4px;
	font-size: 21px;
	letter-spacing: 1px;
	background-color: transparent !important;
	border-top: transparent;
	border-right: transparent;
	border-left: transparent;
	border-bottom-width: 1px;
	font-family: 'Poppins', sans-serif;
}

.border-form-control::-moz-placeholder { font-size: 16px; font-weight: 300; }
.border-form-control:-ms-input-placeholder { font-size: 16px; font-weight: 300; }
.border-form-control::-webkit-input-placeholder { font-size: 16px; font-weight: 300; }

textarea.border-form-control {
	resize: none;
	overflow: hidden;
	word-wrap: break-word;
}

.formtext
{
	font-size: 16px; 
	font-weight: 300;	
	color: #999;
	font-family: "poppins";
	margin-right: 10px;
}

.hidden { display: none !important; }

/* ----------------------------------------------------------------
	Columns & Grids
-----------------------------------------------------------------*/


.col_full { width: 100%; }
.col_half,
.postcontent.bothsidebar { width: 48%; }
.col_one_third { width: 30.63%; }
.col_two_third { width: 65.33%; }
.col_one_fourth,
.sidebar { width: 22%; }
.col_three_fourth,
.postcontent { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
body.stretched .container-fullwidth {
	position: relative;
	padding: 0 60px;
	width: 100%;
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
	display: block;
	position: relative;
	margin-right: 4%;
	margin-bottom: 50px;
	float: left;
}

.col_full {
	clear: both;
	float: none;
	margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last { float: right; }

.col_last {
	margin-right: 0 !important;
	clear: right;
}

.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 50px !important;
}

.button.button-circle {
    border-radius: 20px;
}
.button.button-border {
    border: 2px solid #444;
    background-color: transparent;
    color: #333;
    line-height: 36px;
    font-weight: 700;
    text-shadow: none;
}

.button.button-border:not(.button-fill):hover {
	background-color: #7ecdd5;
	color: #FFF;
	border-color: transparent !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

@media (min-width: 575px){
.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #1ABC9C;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
}

@media (max-width: 767px) {


	.postcontent,
	.postcontent.bothsidebar,
	.sidebar,
	.col_full,
	.col_half,
	.col_one_third,
	.col_two_third,
	.col_three_fourth,
	.col_one_fourth,
	.col_one_fifth,
	.col_two_fifth,
	.col_three_fifth,
	.col_four_fifth,
	.col_one_sixth,
	.col_five_sixth {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 50px !important;
	}

	.sidebar.col_last { margin-bottom: 0 !important; }

	form .col_full,
	form .col_half,
	form .col_one_third,
	form .col_two_third,
	form .col_three_fourth,
	form .col_one_fourth,
	form .col_one_fifth,
	form .col_two_fifth,
	form .col_three_fifth,
	form .col_four_fifth,
	form .col_one_sixth,
	form .col_five_sixth { margin-bottom: 25px !important; }

}


/* Preloader */
.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #97bbe1;
  z-index: 9999; }

.loading-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 100px;
  line-height: 100px; }

.loading-text span {
  display: inline-block;
  margin: 0 5px;
  color: #fff;
  font-family: 'Quattrocento Sans', sans-serif; }

.loading-text span:nth-child(1) {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-animation: blur-text 1.5s 0s infinite linear alternate;
  animation: blur-text 1.5s 0s infinite linear alternate; }

.loading-text span:nth-child(2) {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-animation: blur-text 1.5s 0.2s infinite linear alternate;
  animation: blur-text 1.5s 0.2s infinite linear alternate; }

.loading-text span:nth-child(3) {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-animation: blur-text 1.5s 0.4s infinite linear alternate;
  animation: blur-text 1.5s 0.4s infinite linear alternate; }

.loading-text span:nth-child(4) {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-animation: blur-text 1.5s 0.6s infinite linear alternate;
  animation: blur-text 1.5s 0.6s infinite linear alternate; }

.loading-text span:nth-child(5) {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-animation: blur-text 1.5s 0.8s infinite linear alternate;
  animation: blur-text 1.5s 0.8s infinite linear alternate; }

.loading-text span:nth-child(6) {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-animation: blur-text 1.5s 1s infinite linear alternate;
  animation: blur-text 1.5s 1s infinite linear alternate; }

.loading-text span:nth-child(7) {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-animation: blur-text 1.5s 1.2s infinite linear alternate;
  animation: blur-text 1.5s 1.2s infinite linear alternate; }

@-webkit-keyframes blur-text {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px); }
  100% {
    -webkit-filter: blur(4px);
    filter: blur(4px); } }
@keyframes blur-text {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px); }
  100% {
    -webkit-filter: blur(4px);
    filter: blur(4px); } }
/* End Preloader */

.about-us-bold{
	font-size: 18px;
	font-weight: 400;
}

#back-top a {
	background: #4bb7c3;
}

.banner_area-2 {
    position: relative;
    min-height: 70px;
    z-index: 1;
    background: #fff;
}

.about-content-2 h3 {
	font-size: 18px;
    font-weight: 400;
	margin: 10px 0;
}

/* ----------------------------------------------------------------
	Toastr Notifications
-----------------------------------------------------------------*/


.toast-title {
	font-weight: bold;
}
.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.toast-message a,
.toast-message label {
	color: #FFFFFF;
}
.toast-message a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	-webkit-text-shadow: 0 1px 0 #ffffff;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
}
.rtl .toast-close-button {
	left: -0.3em;
	float: left;
	right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
}
.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;
}
.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
}
.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;
}
.toast-top-left {
	top: 12px;
	left: 12px;
}
.toast-top-right {
	top: 12px;
	right: 12px;
}
.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}
.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}
#toast-container {
	position: fixed;
	z-index: 999999;
	pointer-events: none;
	/*overrides*/
}
#toast-container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#toast-container > div {
	position: relative;
	pointer-events: auto;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 20px 25px;
	width: 300px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-repeat: no-repeat;
	-moz-box-shadow: 0 0 12px #999999;
	-webkit-box-shadow: 0 0 12px #999999;
	box-shadow: 0 0 12px #999999;
	color: #FFFFFF;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
}
#toast-container > div.rtl { direction: rtl; }
#toast-container > div:hover {
	-moz-box-shadow: 0 0 12px #000000;
	-webkit-box-shadow: 0 0 12px #000000;
	box-shadow: 0 0 12px #000000;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.toast {
	background-color: #030303;
}
.toast-success {
	background-color: #f5da8c
}
.toast-error {
	background-color: #BD362F;
}
.toast-info {
	background-color: #2F96B4;
}
.toast-warning {
	background-color: #F89406;
}
.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000000;
	opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
}

.dewcube{
	color:#0e0f18;	
	font-size: 2px;
}

.footer_area .footer_bottom .dewcube a {
	text-decoration: none !important; 
	color: #0e0f18;	
}

.dewcube a:hover {
	color: #0e0f18;
}