/**
* Template Name: Ninestars - v4.9.1
* Template URL: https://bootstrapmade.com/ninestars-free-bootstrap-3-theme-for-creative/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  color: #212529;
}

a {
  color: #0c5460;
  text-decoration: none;
}

a:hover {
  color: #0cb302d;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-primary {
  font-family: "Poppins", sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #cb302d;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #ee7843;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 72px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo h1 {
  font-size: 30px;
  margin: 0;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 2px;
}

#header .logo h1 a,
#header .logo h1 a:hover {
  color: #7a6960;
  text-decoration: none;
}

#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 40px;
}

#main {
  margin-top: 72px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-size: 15px;
  color: #000;
  white-space: nowrap;
  transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #cb302d;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  background: #cb302d;
  color: #fff;
  padding: 10px 25px;
  margin-left: 30px;
  border-radius: 50px;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #ee7843;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 15px;
  text-transform: none;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #cb302d;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #7a6960;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(78, 64, 57, 0.9);
  transition: 0.3s;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #7a6960;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #cb302d;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #cb302d;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 105vh;
  background: #fef8f5;
 /* border-bottom: 2px solid #fcebe3;*/
  margin: 72px 0 -72px 0;
}

#hero h1 {
  margin: 0;
  font-size: 42px;
  font-weight: 300;
  line-height: 56px;
  color: #000;
}

#hero h2 {
  color: #333;
  margin: 15px 0 0 0;
  font-size: 24px;
}

#hero .btn-get-started {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 3px;
  transition: 0.5s;
  margin-top: 30px;
  color: #fff;
  background: #1e9c99;
}

#hero .btn-get-started:hover {
  background: #0c5460;
}

#hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 991px) {
  #hero {
    height: calc(200vh);
  }

  #hero .animated {
    -webkit-animation: none;
    animation: none;
  }

  #hero .hero-img {
    text-align: center;
  }

  #hero .hero-img img {
    width: 50%;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  #hero h2 {
    font-size: 18px;
    line-height: 24px;
  }

  #hero .hero-img img {
    width: 70%;
  }
}

@media (max-width: 575px) {
  #hero .hero-img img {
    width: 80%;
  }
}

@media (max-height: 600px) {
  #hero {
    height: 120vh;
  }
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding:0;
  overflow: hidden;
}

.section-bg {
  background-color: #fef8f5;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 15px;
  color: #333;
  margin: 15px 0 0 0;
}

.section-title p {
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
  font-size: 32px;
  font-weight: 700;
  color: #000;
}

.section-title p::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 2px;
  background: #cb302d;
  bottom: 0;
  left: calc(50% - 30px);
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background-color: #fef5f1;
  min-height: 40px;
}

.breadcrumbs h2 {
  font-size: 24px;
  font-weight: 300;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6c757d;
  content: "/";
}

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }

  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about h3 {
  font-weight: 700;
  font-size: 34px;
  color: #000;
}

.about h4 {
  font-size: 18px;
  font-weight: 400;
  margin-top: 5px;
  color: #5a6570;
}

.about i {
  font-size: 48px;
  margin-top: 15px;
  color: #333;
}

.about p {
  font-size: 15px;
  color: #5a6570;
}

#about .btn-get-started {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 3px;
  transition: 0.5s;
  margin-top: 30px;
  color: #fff;
  background: #cb302d;
}

@media (max-width: 991px) {
  .about .about-img img {
    max-width: 70%;
  }
}

@media (max-width: 767px) {
  .about .about-img img {
    max-width: 90%;
  }
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  margin: 0 0 40px 0;
  background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  transition: all 0.3s ease-in-out;
  border-radius: 15px;
  text-align: center;
  border-bottom: 3px solid #fff;
}

.services .icon-box:hover {
  transform: translateY(-5px);
  border-color: #0c5460;
}

.services .icon i {
  font-size: 48px;
  line-height: 1;
  margin-bottom: 15px;
  color: #0c5460;
}

.services .title {
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 10px;
  font-size: 24px;
}

.services .title a {
  color: #333;
}

.services .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 0 35px 0;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 0 15px 15px 0;
  display: inline-block;
  padding: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #212529;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #cb302d;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  flex-wrap: wrap;
  z-index: 1;
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(122, 105, 96, 0.6);
  position: absolute;
  left: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
}

.portfolio .portfolio-wrap img {
  transition: 0.3s;
  position: relative;
  width: 300px;
  /* height: 200px;*/
  z-index: 1;
  margin-top:20px;
}

.portfolio .portfolio-wrap .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  top: calc(50% - 32px);
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #cb302d;
  margin: 0 4px;
  line-height: 0;
  background-color: #fff;
  padding-top: 6px;
  padding-right: 1px;
  border-radius: 50px;
  text-align: center;
  width: 32px;
  height: 32px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a i {
  line-height: 0;
  font-size: 20px;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  background: #cb302d;
  color: #fff;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
}

.portfolio .portfolio-wrap:hover::before {
  left: 0;
}

.portfolio .portfolio-wrap:hover .portfolio-links {
  opacity: 1;
  top: calc(50% - 16px);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
  bottom: 0;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #cb302d;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #cb302d;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(122, 105, 96, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
.faq {
  padding: 30px 0;
}

.faq .faq-list {
  padding: 0;
  list-style: none;
}

.faq .faq-list li {
  border-bottom: 1px solid #eae7e5;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.faq .faq-list .question {
  display: block;
  position: relative;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  font-weight: 600;
  padding-left: 25px;
  cursor: pointer;
  color:  #0c5460;;
  transition: 0.2s;
}

.faq .faq-list i {
  font-size: 16px;
  position: absolute;
  left: 0;
  top: -2px;
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 25px;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list .collapsed {
  color: #343a40;
}

.faq .faq-list .collapsed:hover {
  color: #0c5460;
}

.faq .faq-list .collapsed .icon-show {
  display: inline-block;
  transition: 0.2s;
}

.faq .faq-list .collapsed .icon-close {
  display: none;
  transition: 0.2s;
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
  background: #fff;
  padding: 60px 0;
}

.team .member {
  text-align: center;
  margin-bottom: 20px;
  background: #343a40;
  position: relative;
  overflow: hidden;
}

.team .member .member-info {
  opacity: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

.team .member .member-info-content {
  position: absolute;
  left: 50px;
  right: 0;
  bottom: 0;
  transition: bottom 0.4s;
}

.team .member .member-info-content h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

.team .member .member-info-content span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}

.team .member .social {
  position: absolute;
  left: -50px;
  top: 0;
  bottom: 0;
  width: 50px;
  transition: left ease-in-out 0.3s;
  background: rgba(78, 64, 57, 0.6);
  text-align: center;
}

.team .member .social a {
  transition: color 0.3s;
  display: block;
  color: #fff;
  margin-top: 15px;
}

.team .member .social a:hover {
  color: #cb302d;
}


#team .btn-get-started {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 3px;
  transition: 0.2s;
  margin-top: 30px;
  color: #fff;
  background: #1e9c99;
}

.compilers-btn {
  display: inline-block;
  min-width:100px;
  max-width:200px;
  min-height:40px;
  background-color: #e0ecff;
  font-weight:500;
  border-radius: 50px;
  border: 2px solid #e0ecff;
  align-items: center;
  justify-content: center;
  vertical-align:middle;
  padding-left: 30px;
  padding-right:30px;
  padding-top:10px;
  padding-bottom:10px;
  color:#3b4bbb;
}
#prepare .btn-get-started {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 3px;
  transition: 0.2s;
  margin-top: 15px;
  color: #fff;
  background: #1e9c99;
}

#Team1 .btn-get-started {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 3px;
  transition: 0.2s;
  margin-top: 30px;
  color: #fff;
  background: #cb302d;
}

.team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

.team .member:hover .member-info {
  background: linear-gradient(0deg, rgba(78, 64, 57, 0.95) 0%, rgba(78, 64, 57, 0.95) 15%, rgba(255, 255, 255, 0) 100%);
  opacity: 1;
  transition: 0.4s;
}

.team .member:hover .member-info-content {
  bottom: 30px;
  transition: bottom 0.4s;
}

.team .member:hover .social {
  left: 0;
  transition: left ease-in-out 0.3s;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .clients-slider .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
}

.clients .clients-slider .swiper-slide img:hover {
  opacity: 1;
}

.clients .clients-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #cb302d;
}

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #cb302d;
}

/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/
.contact .info {
  border-top: 3px solid #cb302d;
  border-bottom: 3px solid #cb302d;
  padding: 30px;
  background: #fff;
  width: 100%;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.contact .info i {
  font-size: 20px;
  color: #cb302d;
  float: left;
  width: 44px;
  height: 44px;
  background: #fdf1ec;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #7a6960;
}

.contact .info p {
  padding: 0 0 10px 60px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #ab9d95;
}

.contact .info .email p {
  padding-top: 5px;
}

.contact .info .social-links {
  padding-left: 60px;
}

.contact .info .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #333;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
  margin-right: 10px;
}

.contact .info .social-links a:hover {
  background: #cb302d;
  color: #fff;
}

.contact .info .email:hover i,
.contact .info .address:hover i,
.contact .info .phone:hover i {
  background: #cb302d;
  color: #fff;
}

.contact .php-email-form {
  width: 100%;
  border-top: 3px solid #cb302d;
  border-bottom: 3px solid #cb302d;
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input {
  height: 44px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type=submit] {
  background: #cb302d;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #0c5460;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {

  background-color: #222;

  color: #d3d3d3;

  font-size: 12px;

}

#footer li {

  line-height: 28px;
  text-align:left;

}

#footer li {

  list-style: none;

}

#footer a {

  color: #fff1ef;

  font-weight: 500;
  text-align:left;

}

#footer a:hover {

  color: #ff8877;

}

#footer p {

  line-height: 24px;

}

#footer .footer-top {

  padding-top: 100px;

}

#footer .footer-top .columns {

  border-left: 1px solid #2e2e2e;

}

#footer .footer-top .columns:first-child {

  border: none;

}

#footer .footer-bottom {

  margin-top: 40px;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  padding-top: 20px;

}

#footer p {

  color: #d3d3d3;

}

#footer .block {

  margin-bottom: 20px;

}

#footer .block-about {

  padding-right: 80px;

}

.block-companies {

  padding-right: 50px;

}

#footer .block-links li {

  float: left;

  width: 50%;

}

#footer .block .block-title {

  color: #ffffff;

  font-size: 16px;

  letter-spacing: 0.3px;

  margin-top: 0;

  margin-bottom: 25px;

  padding-bottom: 10px;

  position: relative;

  font-weight: 500;
  text-align:left;

}

#footer .block-content img {

  margin-top: 20px;

}

#footer .block .block-title:not(.no-underline):before {

  background: #ff8877;

  bottom: 0;

  content: "";

  height: 2px;

  position: absolute;

  width: 50px;

}

#footer .copyright {

  text-transform: uppercase;

}

#footer .copyright p {

  font-size: 11px;

  margin-bottom: 0px;

}

.block-companies ul {

  margin: 0px -10px;

}

.block-companies ul li a {

  display: inline-block;

  text-align: left;

  background: rgba(0, 0, 0, 0.5);

  padding: 10px;

  padding-bottom: 0px;

  font-size: 12px;

  border-radius: 4px;

  text-transform: lowercase;

  margin-bottom: 20px;

}

.block-companies ul li a:hover img {

  opacity: 0.5;

}

.block-companies ul li img {

  margin: 0px !important;

  border-radius: 4px;

}

.block-companies ul li {

  float: left;

  width: 33.333333%;

  padding: 0 10px;

}

.block-instagram-widget a {

  position: relative;

  display: block;

}

.block-instagram-widget {

  margin: 0 5px;

}

.block-instagram-widget li {

  float: left;

  width: 33.333%;

  padding: 0 5px;

  position: relative;

  overflow: hidden;

  padding-bottom: 10px;

}

.block-instagram-widget li img {

  width: 100%;

}

.block-instagram-widget a .overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  color: #ffffff;

  font-size: 16px;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}

.block-instagram-widget a .overlay i {

  top: 50%;

  left: 50%;

  position: absolute;

  transform: translate(-50%, -50%);

}

.block-instagram-widget a:hover .overlay {

  opacity: 1;

  background-color: #f6b138;

}

.block-twitter-widget {

  font-size: 12px;

  line-height: 18px;

  font-weight: 300;

}

.block-twitter-widget .twitter-item {

  margin-top: 20px;

  font-weight: 600;

  border-bottom: 1px solid rgba(255, 255, 255, 0.09);

}

.block-twitter-widget .twitter-item:nth-last-child(1) {

  border-bottom: none;

}

.block-twitter-widget .twitter-item .twitter-context {

  margin: 10px 0 10px 0;

  font-weight: 500;

  color: #666;

}

.block-twitter-widget .twitter-date {

  margin-left: 10px;

}

.twitter-content {

  font-weight: 400;

}

.social-links {

  margin-left: auto;

  margin-right: auto;

  padding-top: 5%;

}



.social-links li a {

  font-size: 12px;

}

.social-links li {

  padding-left: 20px;

  display: inline-block;

  text-align: right;

}

.profile-tabs .nav-tabs li {

  margin-right: 3px;

  display: inline-block;

}

.profile-tabs .nav-tabs {

  position: absolute;

  top: -108px;

  padding: 0;

  margin: 0;

  list-style-type: none;

}

.profile-tabs .nav-tabs li a {

  padding: 9px 10px;

  display: inline-block;

  text-align: center;

  min-width: 112px;

  background: #eeeeee;

  color: #a2a2a2;

  text-transform: uppercase;

  font-size: 14px;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

}

.profile-tabs .nav-tabs li.active a {

  background: #fff;

  color: #333333;

}

.compny-profile .main-title {

  font-size: 18px;

  font-weight: 600;

  margin-top: 0px;

  border-bottom: 1px solid #f1f1f1;

  padding-bottom: 10px;

  display: inline-block;

  width: 100%;

}

.compny-profile .profile-company-content .tab-content h3 {

  font-size: 18px;

  font-weight: 600;

  margin-top: 0px;

  border-bottom: 1px solid #f1f1f1;

  padding: 30px;

  padding-bottom: 20px;

  margin-bottom: 20px;

}

.compny-profile .profile-company-content .tab-content p {

}

.compny-profile .compny-thumbnail {

  padding: 5px;

  border-radius: 4px;

  border: 1px solid #f1f1f1;

  margin-bottom: 20px;

  text-align: center;

  margin-top: 20px;

}

.profile-company-content .sidebar-information ul {

  margin: 0px;

  padding: 0px;

}

.profile-company-content .sidebar-information ul li {

  padding: 0px;

  list-style: none;

}



.profile-company-content .sidebar-information ul {

  margin: 0px;

  padding: 0px;

}

.profile-company-content .sidebar-information ul li {

  padding: 0px;

  list-style: none;

}



.profile-company-content .sidebar-info ul {

  margin: 0px;

  padding: 0px;

}

.profile-company-content .sidebar-info ul li {

  padding: 0px;

  list-style: none;

}



.filter-wrapper {

  border-radius: 4px;

  position: relative;

}

.filter-wrapper .filter-search {

  position: relative;

}

.filter-wrapper .filter-search .fltr-srch {

  float: right;

  font-weight: 600;

  color: #494949;

  padding: 16px 30px;

  letter-spacing: -1px;

  margin-bottom: 0px;

}

.filter-wrapper .filter-search ul {

  width: 100%;

  padding: 0 10px;

}

.filter-wrapper .filter-search li {

  width: 28%;

  float: left;

  margin: 15px 0px;

  padding: 0px 15px;

}

.filter-wrapper .filter-search li:nth-last-child(1) {

  width: 16%;

  float: right;

}

.filter-wrapper .filter-search li label {

  width: 100%;

  margin: 0px;

}

.filter-wrapper .filter-search .fltr-srch i {

  margin-left: 5px;

}

.filter-wrapper .filter-search .form-control {

  font-size: 14px;

  padding: 0 15px;

  font-weight: 500;

  height: 40px !important;

}

.filter-wrapper .filter-search .inside-from {

  position: absolute;

  left: 0px;

  width: 100%;

  top: -140px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.filter-wrapper .filter-search .btn {

  height: 40px;

  line-height: 40px;

  width: 100%;

  border-radius: 4px;

}

iframe {

  border: none;

}

.compny-profile {

  position: relative;

}

.profile-main {

  background: #fff;

  border-radius: 5px;

  width: 100%;

  margin-bottom: 30px;

  box-shadow: 0 0 5px rgba(206, 206, 206, 1);

}

.profile-company-content .sidebar .sidebar-information .single-category li a {

  font-size: 12px;

  font-weight: normal;

}

.profile-company-content .sidebar .sidebar-information .single-category li {

  display: flex;

  width: 100%;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  line-height: 30px;

  padding-bottom: 5px;

}



.profile-company-content .sidebar .sidebar-info .single-categ li a {

  font-size: 12px;

  font-weight: normal;

}

.profile-company-content .sidebar .sidebar-info .single-categ li {

  display: inline-block;

  width: 100%;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  line-height: 30px;

  padding-bottom: 5px;

}



.profile-company-content .sidebar .sidebar-information .single-category li p {

  padding-left: 5px;

}

.profile-company-content

  .sidebar

  .sidebar-information

  .single-category

  li::before {

  content: "\2714\0020";

}



.collapsed.main-title {

  display: none;

}

.profile-company-content .sidebar {

  margin-bottom: 30px;

  border-radius: 5px;

}

.profile-company-content .com-rate i {

  float: right;

  color: #ffc10a;

  font-size: 14px;

}

.profile-company-content .form-side input {

  border: 1px solid #eaeaea;

  margin-bottom: 10px;

  font-size: 14px;

  height: 40px;

  color: #000;

  width: 100%;

  padding: 0 10px;

  font-weight: 500;

}

.profile-company-content .form-side textarea {

  border: 1px solid #eaeaea;

  margin-bottom: 10px;

  font-size: 14px;

  height: 100px;

  width: 100%;

  padding: 5px 10px;

  font-weight: 500;

}

.profile-company-content .form-side textarea button {

  border-right: none;

}

.profile-company-content

  .sidebar

  .sidebar-information

  .single-category

  .subtitle {

  font-size: 13px;

  font-weight: 600;

  float: right;

  text-align: right;

  line-height: 26px;

  padding-left: 20px;

}

.profile-company-content .sidebar .sidebar-information .single-category .title {

  font-size: 13px;

  margin: 0px;

  font-weight: 600;

  line-height: 26px;

  float: left;

  padding-right: 20px;

}

.profile-company-content

  .sidebar

  .sidebar-information

  .single-category

  .subtitle

  a {

  color: #000;

  font-weight: 600;

}



.profile-company-content .sidebar .sidebar-info .single-categ .subtitle {

  font-size: 13px;

  font-weight: 600;

  float: right;

  text-align: right;

  line-height: 26px;

  padding-left: 20px;

}

.profile-company-content .sidebar .sidebar-info .single-categ .title {

  font-size: 13px;

  margin: 0px;

  font-weight: 600;

  line-height: 26px;

  float: left;

  padding-right: 20px;

}

.profile-company-content .sidebar .sidebar-info .single-categ .subtitle a {

  color: #000;

  font-weight: 600;

}



.compny-profile .profile-serv .icon {

  height: 112px;

  width: 112px;

  line-height: 110px;

  border-radius: 50%;

  border: 1px solid #2aadde;

  margin-right: 30px;

}

.compny-profile .profile-serv .media-left {

  display: table-cell;

  vertical-align: top;

}

.compny-profile .profile-serv .media-body {

  display: table-cell;

  vertical-align: top;

}

.compny-profile .profile-serv .media {

  margin: 15px 0;

  margin-top: 30px;

}

.compny-profile .profile-serv p {

  font-size: 14px;

}

.compny-profile .profile-serv .media h6 {

  margin-top: 0px;

  font-weight: normal;

  margin-bottom: 15px;

}

.compny-profile .image-part {

  margin-bottom: 20px;

}

.compny-profile .profile-company-content .tab-content iframe {

  border: none;

  width: 100%;

  height: 360px;

  margin-top: 10px;

  border-radius: 6px;

}

.compny-profile .profile-in {

  padding: 30px;

  padding-top: 0px;

  top: 0px;

}

.compny-profile .user-info ul {

  margin-bottom: 0px;

}

.compny-profile .user-info {

  background: rgba(0, 0, 0, 0.8);

  border-radius: 4px;

  max-width: 1140px;

  margin: 0px auto;

  position: absolute;

  overflow: hidden;

  bottom: 0px;

  left: 0px;

  right: 0px;

  display: inline-block;

  width: 100%;

  border-bottom-left-radius: 0px;

  border-bottom-right-radius: 0px;

}

.compny-profile .user-info:before {

  position: absolute;

  left: 0px;

  right: 0px;

  margin: 0 auto;

  height: 100%;

  width: 1px;

  content: "";

  background: rgba(255, 255, 255, 0.2);

}

.compny-profile .user-info .user-in {

  padding: 30px 50px;

}

.compny-profile .user-info .veri {

  color: #0f0 !important;

  font-size: 12px;

  height: 26px;

  width: 26px;

  float: right;

  margin-top: 5px;

  display: inline-block;

  text-align: center;

  line-height: 26px;

  border: 1px solid #0f0;

  border-radius: 50%;

}

.compny-profile .user-info .col-left {

  float: left;

  width: 50%;

}

.compny-profile .user-info h1 {

  font-size: 28px;

  color: #fff;

  letter-spacing: -1px;

  margin: 0px;

  margin-bottom: 10px;

}

.compny-profile .user-info h6 {

  font-size: 14px;

  color: #fff;

  margin: 0px;

  font-weight: 500;

  margin-top: 5px;

  margin-bottom: 20px;

}

.compny-profile .user-info p {

  color: #fff;

  font-weight: 500;

}

.compny-profile .user-info p a {

  font-size: 12px;

  color: #999999;

  text-decoration: underline;

}

.custom-select {

  font-size: 12px;

}

.profile-company-content .tab-content .header-listing .custom-select-box {

  width: 220px;

  display: inline-block;

  height: 40px;

  overflow: hidden;

}

.compny-profile .profile-in .header-listing {

  position: absolute;

  top: 20px;

  right: 40px;

}

.compny-profile .profile-in .listing-ver-3 .aply {

  position: relative;

  width: 100%;

  text-align: left;

  margin-top: 5px;

  margin-bottom: 0px;

}

.compny-profile .profile-in .listing-ver-3 .aply .btn {

  margin-bottom: 0px;

}

.compny-profile .user-info li {

  list-style: none;

  color: #fff;

}

.compny-profile .user-info ul {

  padding: 0px;

}

.compny-profile .user-info li p {

  margin-bottom: 0px;

  font-weight: normal;

  font-size: 14px;

}

.compny-profile .user-info h1 a {

  position: relative;

}

.compny-profile .user-info li .stars i {

  color: #ffc10a;

}

.compny-profile .user-info .followr {

  position: relative;

}

.compny-profile .user-info .followr ul {

  margin-bottom: 0px;

}

.compny-profile .user-info .followr:before {

  content: "";

  position: absolute;

  left: -50px;

  top: 0px;

  width: 150%;

}

.compny-profile .user-info .tooltip {

  position: absolute !important;

  left: 60% !important;

  top: 10px !important;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 4px;

  padding: 5px 10px;

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.compny-profile .user-info .tooltip .tooltip-inner {

  font-size: 12px;

  line-height: 18px;

  font-weight: normal;

}

.compny-profile .user-info .followr p {

  font-weight: normal;

}

.compny-profile .user-info .followr p span {

  text-decoration: underline;

}

.compny-profile .user-info .followr li {

}

.compny-profile .user-info li span {

  font-size: 14px;

  font-weight: normal;

  margin-left: 10px;

}

.compny-profile .user-info .followr li span {

  color: #999999;

  margin: 0px;

}

.compny-profile .modal .modal-dialog {

  max-width: 100%;

  width: 100%;

  margin: 0px;

  background: rgba(0, 0, 0, 0.9);

  -webkit-transition: all 0.2s ease-in;

  -o-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

}

.modal.show .modal-dialog {

  -webkit-transform: translate(0, 0);

  transform: translate(0, 0);

}

.compny-profile .modal {

  background: rgba(0, 0, 0, 0);

  padding: 0 !important;

}

.compny-profile .modal-backdrop.in {

  background: none;

}

.compny-profile .modal-content {

  max-width: 700px;

  margin: 0 auto;

}

.compny-profile .modal ul li {

  margin-bottom: 10px;

}

.compny-profile .modal ul {

  padding: 0px;

}

.compny-profile .modal form input {

  border: none;

  font-size: 12px;

  font-weight: 600;

  height: 40px;

  color: #fff;

  background: rgba(255, 255, 255, 0.1);

}

.compny-profile .modal form textarea {

  color: #fff;

  font-size: 12px;

  font-weight: 600;

  background: rgba(255, 255, 255, 0.1);

}

.compny-profile .modal h6 {

  color: #fff;

  font-size: 18px;

  font-weight: normal;

  margin: 0px;

  margin-bottom: 20px;

}

.compny-profile .modal h6 a {

  color: #fff;

  border-radius: 50%;

  margin-right: 0px;

  display: inline-block;

  height: 25px;

  width: 25px;

  text-align: center;

  line-height: 25px;

}

.compny-profile .modal button {

  width: 200px;

  margin: 0 auto;

}

.compny-profile .modal .modal-content {

  padding: 50px 0;

  border: none;

}

.modal-open {

  overflow: inherit !important;

  padding: 0px !important;

}

.compny-profile .modal form textarea {

  border: none;

  font-size: 14px;

  font-weight: normal;

  height: 100px;

}

.compny-profile .modal ul li {

  list-style: none;

}

.compny-profile .modal-content {

  background: none;

  box-shadow: none;

}

.position-center-center {

  left: 50%;

  position: absolute;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.compny-profile .user-info .social-links {

  display: inline-block;

  width: 100%;

  margin-bottom: 20px;

}

.compny-profile .user-info .social-links a {

  display: inline-block;

  height: 36px;

  width: 36px;

  border: 1px solid #fff;

  color: #fff;

  border-radius: 50%;

  line-height: 34px;

  font-size: 12px;

  text-align: center !important;

  margin-right: 5px;

}

.right-top-bnr a {

  border: 1px solid #fff;

  color: #fff;

  border-radius: 4px;

  font-size: 12px;

  font-weight: 600;

  display: inline-block;

  padding: 8px 15px;

  margin-right: 30px;

  margin-bottom: 30px;

}

.right-top-bnr a i {

  margin-right: 5px;

}

.right-top-bnr .bt-ns {

  float: right;

  margin-left: 10px;

  margin-top: 5px;

}

.right-top-bnr .bt-ns a {

  border-radius: 50%;

  height: 36px;

  width: 36px;

  padding: 0px;

  text-align: center;

  line-height: 34px;

}

.right-top-bnr .bt-ns a i {

  margin: 0px;

}

.right-top-bnr a:hover {

  color: #333;

  background: #fff;

}

.profile-bnr {

  min-height: 500px;

  background: url(../images/new-york-bg.jpg) center center no-repeat;

  background-size: cover;

  position: relative;

}

.company-content .header-listing h6 {

  margin: 10px 5px 5px 0;

  display: inline-block;

  font-size: 14px;

  vertical-align: top;

  text-transform: uppercase;

}

.company-content .header-listing .custom-select-box {

  width: 220px;

  display: inline-block;

}

.company-content .header-listing .listing-views {

  padding: 0;

  margin: 4px 0 0 0;

  float: right;

  list-style: none;

  display: inline-block;

}

.company-content .header-listing .listing-views li {

  margin-left: 2px;

  display: inline-block;

  width: 27px;

  height: 27px;

  text-align: center;

  line-height: 27px;

  border: 1px solid #e6e6e6;

  border-radius: 3px;

}

.company-content .header-listing .listing-views li .fa {

  color: #e6e6e6;

}

.company-content .header-listing .listing-views li.active {

  background: #00d793;

  border: 1px solid #00d793;

}

.company-content .header-listing .listing-views li.active .fa {

  color: #fff;

}

.company-content .listing {

  padding-bottom: 0;

}

.company-content .listing .listing-ver-3 {

  margin-bottom: 30px;

}

.company-content

  .listing

  .listing-ver-3

  .listing-inner

  .listing-content

  .location {

  display: inline-block;

}

.company-content

  .listing

  .listing-ver-3

  .listing-inner

  .listing-content

  .type-work {

  margin-left: 5px;

  padding-left: 9px;

  border-left: 1px solid #666;

  display: inline-block;

  color: #666666;

  font-size: 15px;

  font-family: "Poppins", sans-serif;

  font-weight: 400;

  line-height: 1.25em;

}

.company-content

  .listing

  .listing-ver-3

  .listing-inner

  .listing-content

  .type-work.full-time {

  color: #cc66cc;

}

.company-content .pagination {

  margin: 0;

  display: inline-block;

  text-align: center;

}

.company-content .pagination li {

  border: 1px solid transparent;

}

.company-content .pagination li.current {

  background: #fff;

  border: 1px solid #d6d6d6;

  border-radius: 3px;

}

.company-content .pagination li a {

  border-radius: 3px;

}

.profile-company-content {

  position: relative;

  padding-top: 100px;

}

.profile-company-content .container {

  max-width: 1170px;

}

.profile-company-content .nav-tabs {

  position: relative;

  top: 0px;

  padding: 0;

  margin: 0;

  list-style-type: none;

  margin-bottom: 50px;

  border: none;

  background: #fff;

  box-shadow: 0 0 5px rgba(206, 206, 206, 1);

  border-radius: 4px;

  overflow: hidden;

}

.navi-sticky {

  position: relative;

  z-index: 9;

}

.navi-sticky .sticky {

  left: 0px;

  width: 100% !important;

  text-align: center;

}

.navi-sticky li {

  display: inline-block;

}

.navi-sticky .nav {

  display: block;

}

.network h4 {

  margin-top: 0px;

}

.profile-company-content .nav-tabs li a small {

  margin-left: 5px;

}

.profile-company-content .nav-tabs li a {

  padding: 15px 25px;

  display: inline-block;

  text-align: center;

  background: #fff;

  color: #666666;

  font-size: 14px;

  border: none;

  font-weight: 600;

  border-radius: 0px;

}

.nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

  background: #ffc10a;

  color: #000;

}

.profile-company-content .sidebar {

  position: relative;

  padding: 20px;

  display: inline-block;

  width: 100%;

  background: #fff;

  box-shadow: 0 0 5px rgba(206, 206, 206, 1);

}

.portfolio-overlay.style-4 .detail-info h3 {

  font-size: 16px;

  padding: 0px;

  border: none;

}

.contact-company li {

  list-style: none;

}

.contact-company {

  margin-top: 50px;

}

.contact-company li .form-control {

  font-size: 13px;

  font-weight: 500;

  margin-bottom: 15px;

  height: 46px;

}

.contact-company li textarea.form-control {

  height: 150px;

  margin-bottom: 0px;

}

.side-bar-indide .nav-tabs {

  box-shadow: none;

  border-radius: 0px;

}

.side-bar-indide .nav-tabs li {

  width: 100%;

}

.side-bar-indide .nav-tabs li a {

  width: 100%;

  text-align: left;

}