/* Basic Styles
================================================== */
.wrapper {
  overflow: hidden; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent; }

html * {
  outline: 0 !important; }

body {
  background: #fff;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  height: 100%;
  font-size: 1.6rem;
  font-family: "Varela Round", sans-serif;
  line-height: 1.5;
  color: #555;
  margin: 0; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 2rem; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  font-size: 2.6rem; }

h2 {
  font-size: 2.5rem; }

h3 {
  font-size: 2.4rem; }

h4 {
  font-size: 2rem; }

h5 {
  font-size: 1.6rem; }

h6 {
  font-size: 1rem; }

strong {
  font-weight: bold; }

p {
  margin: 0 0 2rem 0; }

.fa {
  margin-right: 0.5rem; }

/* Images
================================================== */
img {
  border-style: none; }

/* Link
================================================== */
a {
  color: #800040;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none; }
  a:hover {
    color: #cd0066;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

.btn {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

a:hover,
a:focus {
  text-decoration: none;
  outline: none; }

/* Input textarea select
================================================== */
input,
textarea,
select {
  font-size: 100%;
  font-family: "Varela Round", sans-serif;
  vertical-align: middle;
  color: #666;
  font-weight: 300; }

textarea {
  resize: vertical; }

/* Form
================================================== */
form,
fieldset {
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0;
  border-style: none; }

::-moz-selection {
  background: #800040;
  color: #fff; }

::selection {
  background: #800040;
  color: #fff; }

::-moz-selection {
  background: #800040;
  color: #fff; }

.header .navbar {
  height: 7.5rem;
  margin: 0;
  font-size: 1.3rem; }

.header .navbar-brand {
  height: auto; }

.header .logo {
  margin: 1rem 0 0; }
  .header .logo a {
    font-size: inherit;
    color: #800040;
    /* padding-top: 0.5rem;
			padding-bottom: 0.5rem; */ }

.header .navbar-collapse {
  margin-top: 0.8rem; }

.header .navbar-default .navbar-nav > li > a {
  color: #091D32;
  text-transform: uppercase; }
  .header .navbar-default .navbar-nav > li > a:hover {
    background-color: #800040;
    color: #fff; }

.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > .active > a:hover,
.header .navbar-default .navbar-nav > .active > a:focus {
  background-color: #800040;
  color: #fff; }

.header .navbar-default .navbar-nav > .cta-btn a {
  background-color: #800040;
  color: #fff; }
  .header .navbar-default .navbar-nav > .cta-btn a:hover {
    background-color: #9a004d; }

.header .dropdown-menu > li > a:focus, .header .dropdown-menu > li > a:hover {
  background-color: #800040;
  color: #fff; }

.pad {
  padding: 4em 0; }

.padbtm {
  padding-bottom: 4em; }

.title {
  text-align: center; }
  .title h2 {
    color: #0c9964;
    font-size: 3rem; }

.heading {
  background: rgba(255, 255, 255, 0.8);
  padding: 1em;
  width: 100%;
  position: absolute;
  bottom: 0; }
  .heading h3 {
    font-size: 2rem;
    font-family: "Varela Round", sans-serif;
    font-weight: normal;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
    color: #0c9964; }

.highlight-product .box {
  margin: 1em 0; }
  .highlight-product .box:hover .image-hold {
    border-bottom-color: #0c9964;
    -webkit-box-shadow: 0 0 5px 5px #ddd;
    -moz-box-shadow: 0 0 5px 5px #ddd;
    -ms-box-shadow: 0 0 5px 5px #ddd;
    -o-box-shadow: 0 0 5px 5px #ddd;
    box-shadow: 0 0 5px 5px #ddd; }
  .highlight-product .box:hover img {
    -webkit-transform: scale(1.2) rotate(5deg);
    -moz-transform: scale(1.2) rotate(5deg);
    -ms-transform: scale(1.2) rotate(5deg);
    -o-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg); }

.highlight-product .image-hold {
  position: relative;
  border-bottom: 3px solid #fff;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  overflow: hidden; }

.highlight-product img {
  max-height: calc(16em);
  min-height: calc(16em);
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }

.intro h2 {
  color: #800040; }

.features .icon {
  font-size: 2rem;
  color: #800040; }

.features .cont strong {
  display: block;
  margin: 0 0 0.5em;
  color: #0c9964; }

.overlay, .overlay1 {
  background: rgba(46, 96, 162, 0.85);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.overlay1 {
  background: rgba(64, 80, 95, 0.85); }

.footer {
  color: #fff; }
  .footer .address {
    text-align: left; }
  .footer .text,
  .footer .address,
  .footer .footer-logo {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .footer .cta {
    background: #d7a44e;
    margin: 0 auto;
    padding: 1em;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    position: relative;
    z-index: 1;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    .footer .cta h2 {
      margin: 0 0 0.5em;
      color: #333; }
    .footer .cta .btn-success {
      margin-bottom: 0.5em; }
  .footer .footer-holder {
    background: #4d0027; }
  .footer .widget {
    padding-top: 3em;
    padding-bottom: 2em;
    color: #ff67b3; }
    .footer .widget address span {
      display: block;
      margin: 0.3em 0; }
    .footer .widget h4 {
      color: #fff;
      position: relative;
      overflow: hidden; }
      .footer .widget h4:after {
        position: absolute;
        content: "";
        border: 1px solid #ff67b3;
        width: 100%;
        top: 50%; }
      .footer .widget h4 span {
        background: #4d0027;
        padding-right: 1em; }
    .footer .widget a {
      color: #ff67b3; }
  .footer .social ul li {
    margin: 0 0 0.5em; }
  .footer .social a span {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 2;
    color: #800040; }
  .footer .sitemap ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2; }

.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.btn-success {
  background-color: #0c9964;
  border-color: #0c9964;
  color: #fff;
  font-size: 1.7rem;
  padding: 0.5em 1.5em;
  font-family: "Varela Round", sans-serif; }
  .btn-success:hover, .btn-success:focus {
    background-color: #0eb173;
    border-color: #0eb173; }
.title .panel-default>.panel-heading:before{
    border-top: 5px solid #4d0027;
}