/* --- colors --- */
/* #EA5315 - orange */
/* #58969A - green */
body{
  overflow-x: hidden;
  font-family: 'Montserrat', sans-serif;
  background-color: #f4f2eb;
  width: 100%;
}

.bg-main{
  background-color: #f4f2eb;
}
.bg-navbarGrey {
  background-color: #333333;
}
.bg-lightgrey{
  background-color: #5d5d5d;
}
.bg-midlightgrey{
  background-color: #3d3939;
}
.bg-grey{
  background-color: #434343;
}
.bg-darkgrey{
  background-color: #333333;
}
.bg-browngrey {
  background-color: #4a433e;
}
.bg-brown{
  background-color: #3a1c0b;
}
.bg-lightbrown{
  background-color: #4a433e;
}
.bg-gold{
  background-color: #bf9456;
}
.bg-cream{
  background-color: #ece8de;
}
.lightgrey{
  color: #9a9494;
}
.grey{
  color: #5e5e5d;
}
.darkgrey{
  color: #120e0f;
}
.brown{
  color: #3a1c0b;
}
.gold{
  color: #bf9456;
}
.cream{
  color: #e9e5db;
}
.white{
  color: white;
}
.border-dotted-gold{
  border: 1px dashed #bf9456;
}

p {
  font-size: 0.8em;
  margin-bottom: 0.5rem;
  color: #5e5e5d;
}

h1 {
  font-size: 5.0rem;
  font-family: 'Teko', sans-serif;
}
h2 {
  font-size: 3.8rem;
  font-family: 'Teko', sans-serif;
}
h3 {
  font-size: 3.0rem;
  font-family: 'Teko', sans-serif;
}

h4 {
  font-size: 2.5rem;
  font-family: 'Teko', sans-serif;
}

h5 {
  font-size: 1.8rem;
  font-family: 'Teko', sans-serif;
}
h6 {
  font-size: 1.5rem;
  font-family: 'Teko', sans-serif;
}
.bold {
  font-weight: bold;
}

.montserrat-thin {
  font-family: 'Montserrat', Thin;
  font-weight: 100;
}

.m-text {
  font-weight:500;
  line-height: 2.5em;
  font-size: 0.9rem;
}

.img-deco {
  width: 220px;
}


.navbar-dark .navbar-nav .nav-link { color: #FFF;}
.nav-item a{
  width: 100px;
  color:white;
}
@media (max-width: 992px) {
  .nav-item a{
    width: 100%;
    display: block;
    text-align: center;
  }
}

/* NAVBAR */

.navbar-brand {
  margin-right: 0px;
}

/* HAMBURGER ICON ANIMATION */
.icon-bar {
  width: 22px; 
  height: 2px;
  background-color: #B6B6B6;
  display: block;
  transition: all 0.2s;
  margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
  outline: none;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.transButton {
  background-color: transparent;
  border-radius: 0px;
  color: black;
  border: solid 1px black;
  font-weight: bold;
}

.transButton:hover{
  background-color: #bf9456;
  color: white;
  border: solid 1px #bf9456;
}

/* HAMBURGER ICON ANIMATION */


.form-group input {
  border: 1.4px solid #1511128c;
  border-radius: 0px;
  background-color: inherit;
}

.form-group textarea {
  border: 1.4px solid #1511128c;
  border-radius: 0px;
  background-color: inherit;
}

.goldButton {
  background-color: #bf9456;
  border-radius: 0px;
  color: white;
}
.goldButton:hover {
  background-color: #5e5e5d;
  border-radius: 0px;
  color: white;
}
/*.hoverOpac {
  opacity: 0.7;
}
.hoverOpac:hover {
  opacity: 1.0;
}*/
.goldHover li:hover {
  color: #bf9456;
} 
.greyHover:hover {
  color: #5e5e5d;
  text-decoration: none;
}
.socialIcon{
  border-bottom: 2px solid #bf9456;
  width: 45px;
  height: 45px;
}
.socialIcon:hover {
  background-color: #bf9456; 
}
.socialIcon-x2{
  border-top: 2px solid #bf9456;
  width: 50px;
  height: 50px;
}
.form-control:focus {
  -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #bf9456;
    background-color: inherit;
}

/* MENU */

.menu-text {
  font-family: 'Teko', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #bf9456;
}

.logo-header {
  margin-top: 8px;
  margin-left: 15px;
  border-radius: 40px;
}

.logo-header:hover {
  background-color: #bf9456;
}

.btn-nav {
  background-color: #bf9456;
  border-radius: 50px;
}

.btn-nav:hover {
  color: #FFF;
  background-color: #4a433e;
  border-radius: 50px;
}

.outline {
  margin-left: 1rem!important;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

/* FIXED BUTTON */

.btn-fixed {
  position:fixed;
  bottom:4%;
  right:30px;
  margin:0;
  padding:5px 3px;
  color: #fff;
  background-color: #bf9456;
  border-color: #bf9456;
  border-radius: 25px;
  border: 4px !important;
}

.btn-fixed:hover {
  background-color: #4a433e;
  border-color: #4a433e;
}

.btn-order {
  padding: .75rem 1.35rem;
}

.btn-fixed-social {
  position:fixed;
  bottom:4%;
  /*left:30px;*/
  margin:0;
  padding:5px 3px;
  color: #fff;
  background-color: #bf9456;
  border-color: #bf9456;
  border-radius: 30px;
  border: 4px !important;
}

.btn-fixed-social:hover {
  background-color: #4a433e;
  border-color: #4a433e;
}

.btn-order-social-f {
  padding: 0.75rem 1.125rem;
}

.btn-order-social-i {
  padding: 0.75rem 1.013rem;
}


/* SLIDER */

.box-text-slider {
  width:90%;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.text-slider {
  color: white !important;
  font-family: "Teko";
  font-size: 80px;
}

.text-slider-small {
  color: white !important;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}

.text-slider-small p{
  color: white !important;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

.w-small {
  padding: 0 220px 0 220px;
}

.owl-item img {
  width: 165px !important;
}



/* TITLE */

.subtitle {
  width:40%;
  font-weight: 600;
}

/* BLOCK SECTION */

.block {
  min-height:480px;
}

/* PRICE SECTION */

.box-price {
  width:100%;
  float:left;
  margin-bottom: 50px;
}

.box-prices {
  padding: 0 110px 0 110px;
}

.p-name {
  font-size: 1em;
  font-weight:bold;
}


/* FORM */

.box-form {
 padding: 0 250px 0 250px;
}

.box-form-contact {
  padding: 0 160px 0 160px;
}

#ccms_form_contact .form-control {
  font-size: 0.7rem;
  padding: 0.75rem 0.75rem 0.75rem 3rem;
}

.btn-main {
  font-size: 0.7rem;
  padding: .75rem 1.35rem;
}

.input-icons i { 
  position: absolute; 
} 
          
.input-icons { 
  width: 100%; 
  margin-bottom: 20px; 
} 
          
.icon { 
  padding: 14px 10px 11px 10px;
  color: #bf9456; 
  min-width: 50px; 
  text-align: center; 
} 

#ccms_form_contact .form-group label {
  display: none;
}

.btn-center {
  margin-left: calc(50% - 47px);
}

.col_half {
  display: block;
  position: relative;
  margin-right: 4%;
  float: left;
  width: 48%;
}

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

/* PRODUCTS */

.box-products {
  padding: 0 60px 0 60px;
  max-width: 1300px;
}

.price {
  font-family: 'Teko', sans-serif;
  font-size: 1.3rem;
}

.products-subtext {
  font-weight: 500;
  min-height: 45px;
}

/* GALLERY */

.grid-item {
  margin: 0 15px 15px 0;
}

.g-container {
  max-width: 790px;
}

.button-group button {
  background-color:transparent;
  border: none;
  color: #120e0f;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-right: 25px;
  outline: none;
}

.button-group button:hover {
  color: #bf9456;

}

.button-group button:active {
  color: #bf9456;
}

.button-group {
  padding-left: 1.5rem!important;
}

.img-gallery {
  width: 250px;
}

.modal-body {
  padding: 0px;
}

.hover0pac:after {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.hover0pac:hover:after {
    opacity:1;
}

.text {
  background-color: #bf9456;
  color: white;
  font-size: 11px;
  padding: 8px
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 91%;
  left: 6%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  z-index:99;
}

.hover0pac:hover .middle {
  opacity: 1;
}

.max-h {
    max-height: 280px;
    overflow: hidden;
}

/* QUOTE */

.text-quote {
font-weight:400;
}


/* BANNER */

.banner {
  margin-right: 0px !important;
  margin-left: 0px !important;
}


/* TITLE BANNER */

.text-box {
  margin-top: 150px;
}


/* QUESTIONS */

.card-header {
  background-color: #ece8de;
}

.card-body {
  background-color: #ece8de;
}

#accordion {
  padding: 20px 180px 50px 180px;
}

.card {
  border: none;
  margin-bottom: 5px;
  border-radius: .7rem;
}

.btn-review {
  padding: .5rem .5rem .2rem !important;
}

/* REVIEW */
.carousel-body {
  border-radius: 10px;
  background-color: #f4f2eb;
}

.owl-nav {
  width: fit-content;
  margin-left: auto!important;
  margin-right: auto!important;
  margin: 1rem 0rem;
}

.am-prev {
  border:0px;
}

.am-next {
  border:0px;
}

.icon-review {
  font-size: 1.5rem;
}

/*carousel*/
.carousel-control-prev-icon, .carousel-control-next-icon {
  height: 100px;
  width: 100px;
  background-size: 100%, 100%;
  border-radius: 50%;
  background-image: none;
}

/*colour changing icons*/
.carousel-control-next-icon:after
{
  content: '>';
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 35px;
  color: #bf9456;
  background-color: #4a433e;
}
.carousel-control-prev-icon:after {
  content: '<';
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 35px;
  color: #bf9456;
  background-color: #4a433e;
}


.carousel-box {
  margin: 0px 250px;
}


/* CONTACT */
.h-200 {
  height: 150px;
}


/* FOOTER */
.footer-icon {
  font-size: 1.2rem;
  margin-top: 0.9rem;
}

.footer-text {
  text-transform: uppercase;
  list-style: none; 
  font-size: 0.8em;
}

#m-button {
  margin-bottom: 40px;
}

.chuck:hover {
  color: #bf9456;
}

/* ORDER FORM */
.cof_cartIconLeftCorner {
  background: #bf9456 !important;
}

.extras_modal_row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 1rem;
}

.btn-outline-primary {
  color: black !important;
  border-color: black !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  border-color: #bf9456 !important;
  background-color: #bf9456 !important;
}

.btn-primary {
  background-color: #bf9456 !important;
  border:none;
}

.btn-primary:hover {
  opacity: 0.9;
}

.options_modal_row {
  margin: 0px !important;
}

.thumbnail h3 {
  font-size: 2.5rem;
}

.custom-select {
  background-color: #e7e5de7d;
}

.btn-secondary:hover {
  background-color: #bf9456 !important;
  border-color: #bf9456 !important;
}

.hidden {
  display: none !important;
}


@media (max-width: 1200px) { 
  .box-form {
    padding: 0 100px 0 100px;
  }
  .navbar {
    width: 80% !important;
    left: 10% !important;
  }
}

@media (max-width: 992px) {
  .navbar {
    margin-left: 0!important;
  }
  .w-small {
    padding: 0 120px 0 120px;
  }
  .subtitle {
    width: 60%;
  }
  .box-prices {
    padding: 0 50px 0 50px;
  }
  .box-form {
    padding: 0 50px 0 50px;
  }

  .box-form-contact {
  padding: 0 80px 0 80px;
  }
  .box-products {
    padding: 0 60px 0 60px;
  }
  .g-container {
    max-width: 523px;
  }
  .img-gallery {
    width: 220px;
  }
  #accordion {
    padding: 50px 100px;
  }
  .text-quote {
    font-size: 3.2rem;
  }
  .outline {
  margin-left: auto !important;
  }
}

@media (max-width: 768px) { 
  .w-small {
    padding: 0 20px 0 20px;
  }
  .subtitle {
    width: 80%;
  }
  .box-prices {
    padding: 0 10px 0 10px;
  }
  .box-form {
    padding: 0 20px 0 20px;
  }

  .box-form-contact {
    padding: 0 20px 0 20px;
  }
  .box-products {
    padding: 0 10px 0 10px;
  }
  .g-container {
    max-width: 258px;
  }
  #accordion {
    padding: 50px 0;
  }
  .box-text-slider img {
    width: 125px !important;
  }
  .text-slider {
    font-size: 65px;
  }
  .button-group {
    width: 80%;
  }
  .text-box {
    font-size: 2.6rem;
  }
  .text-quote {
    font-size: 2.8rem;
  }
  #m-button {
  margin-bottom: 60px;
  }
}

@media (max-width: 575px) { 
  .h-200{
    margin-top: 30px !important;
  }
  .box-text-slider {
  top: 53%;
  }
  #m-button {
  margin-bottom: 80px;
  }
}