header {
  background-color: #111;
  color: #fff;
}
.spacer {
  padding-top: 70px	
}

@media all and (min-width: 992px) {
	.navbar{ padding-top: 0; padding-bottom: 0; }
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
	.navbar .nav-link{ padding-top:0.5rem; padding-bottom:0.25rem;  }
}
@media (max-width: 992px) {
    .megamenu {
        max-height: 300px;
        overflow: auto;
    }
}

.megamenu .nav-link {
	padding-top: 0.5rem;
	padding-bottom: 0.25rem;
	padding-left: 0rem;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .megamenu .nav-link {
    padding-left: 0rem;
  }
}

.carousel-item {
  height: 65vh;
  min-height: 540px;
  max-height: 720px;
}

.carousel-item h2 {
  font-size: 2.5rem;
  line-height: 1.2;
  text-align: left;
}

@media (min-width: 768px) {
  .carousel-item h2 {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .carousel-item h2 {
    font-size: 4rem;
  }
}

@media (min-width: 1200px) {
  .carousel-item h2 {
    font-size: 5rem;
    max-width: 60rem;
  }
}

.container-1600 {
	max-width: 1600px;
}	

.phone {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
@media (min-width: 992px) {
.phone {
	padding-top: 0rem;
	padding-bottom: 0rem;
	}
}
.featured {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .featured {
    padding-top: 4rem;
  padding-bottom: 4rem;
  }
}

.featured .card {
  background-color: #3f2080;
  color: #fff;
  margin-bottom: 1rem;
  border: 0;
}

.featured .card:hover {
  background-color: #0fa1c0;
  color: #fff;
  -webkit-box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.15) !important;
}

.intro {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 992px) {
  .intro {
    padding-top: 4rem;
  padding-bottom: 5rem;
  }
}
.inner-banner {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #3f2080;
  color: #fff;
}
.bg-image {
  background-image: url("../img/banner_about_us.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.services {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 992px) {
  .services {
    padding-top: 6rem;
  padding-bottom: 6rem;
  }
}
.services img {
  padding-bottom: 1rem;
}
.portfolio {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 992px) {
  .portfolio {
  padding-top: 6rem;
  padding-bottom: 6rem;
  }
}
.portfolio img {
  padding: 2rem;
  max-width: 99%;
}
@media (min-width: 768px) {
  .portfolio img {
  padding: 1rem;
  max-width: 49%;
  }
}
@media (min-width: 992px) {
  .portfolio img {
  padding: 1rem;
  max-width: 33%;
  }
}
.focus {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: #fff;
  background-image: url("../img/bg-2.svg");
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .focus {
    padding-top: 6rem;
  padding-bottom: 6rem;
  }
}

.showcase {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.showcase .showcase-text {
 padding:3rem
}
.showcase .showcase-img {
 min-height:30rem;
 background-size:cover
}
@media (min-width:768px) {
 .showcase .showcase-text {
  padding:5rem
 }
}
.product {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 992px) {
  .product {
    padding-top: 4rem;
  padding-bottom: 3rem;
  }
}
.details {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 992px) {
  .details {
    padding-top: 4rem;
  padding-bottom: 4rem;
  }
}
.leftcol {
  padding-right: 1rem;
}
@media (min-width: 992px) {
  .leftcol {
    padding-right: 2rem;
  }
}
.leftcol ul {
  padding-left: 1.2rem;
}
.leftcol li {
  padding-bottom: 0.5rem;
}
.rightcol .card {
  background-color: #fff;	
  text-decoration: none;
}
.rightcol a {
  color: #2b2d42;	
  text-decoration: none;
}
.rightcol .card:hover {
  background-color: #37236a !important; 
}
.features li {
  padding-bottom: 0.5rem;
}
.features i {
  color: #35b510;
    padding-right: 0.5rem;
}
.portfolio-section figcaption {
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 0.8em;
	line-height: 1.2;
}
.end {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: linear-gradient(45deg,#37236a 0 0,#3f2080 100%);
}
@media (min-width: 992px) {
  .end {
    padding-top: 2rem;
  padding-bottom: 2rem;
  }
}
.end li {
  padding-bottom: 0.5rem;
}
.end a {
  color: #fff;
  font-size: 0.925rem;
}
.end a:hover {
  color: #face00;
}
footer {
  padding: 20px 0;
  background-color: #2f1c5f;
  color: #f9f9f9;
  font-size: 0.8em;
}
footer a {
  color: #f9f9f9;
  font-weight: 700;
}
footer a:hover {
  color: #fabf1a;
}
.footer-links {
	text-align: center;
	padding-bottom: 1rem;
}
@media (min-width: 768px) {
	.footer-links {
	text-align: left;
	padding-bottom: 0rem;}
}
.footer-address {
	text-align: center;
}
@media (min-width: 768px) {
	.footer-address {
	text-align: right;}
}
.panel {
  margin-bottom: 1rem;
  border-bottom: 1px solid #432371;
  border-radius: 0;
}
.panel-body {
  padding: 1rem;
}
.panel-body h5 {
  font-size: 1rem;
}
.panel-heading {
  padding: .8rem 1rem;
  border-bottom: 1px solid transparent;
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}
.panel-heading h3 {
  font-size: 1.2rem;
  margin-bottom: 0;
}
.panel ul {
  margin-left: 0.5rem;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  color: inherit;
}
.panel-title i {
  margin-right: 1rem;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel-group {
  margin-bottom: 21px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #fff;
  background-color: #3f2080;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
/* Horizontal line */
.collapsible-link::before {
  content: '';
  width: 14px;
  height: 2px;
  background: #333;
  position: absolute;
  top: calc(50% - 1px);
  right: 1rem;
  display: block;
  transition: all 0.3s;
}
/* Vertical line */
.collapsible-link::after {
  content: '';
  width: 2px;
  height: 14px;
  background: #333;
  position: absolute;
  top: calc(50% - 7px);
  right: calc(1rem + 6px);
  display: block;
  transition: all 0.3s;
}
.collapsible-link[aria-expanded='true']::after {
  transform: rotate(90deg) translateX(-1px);
}
.collapsible-link[aria-expanded='true']::before {
  transform: rotate(180deg);
}