.header {background-color: #003b46;}
.banner {background-image: url(../images/slider.jpg); height: auto; background-position: right center; background-repeat: no-repeat; background-size: cover;}
.form{background-color: #68080c; height:600px;}
.form-head{color: #fff; text-align: center; padding: 10px 5px 0px 5px; font-family: 'Montserrat', sans-serif; margin-top: 50px;}
.logo { padding: 5px 10px; margin: 5px; width: 150px;}
.form-control{ background-color: #fbfbfbd6; height: auto !important; padding: 20px 0px; border: none;}
input, button, select, optgroup, textarea { width: 100%; padding: 0.375rem 0.75rem; border-radius: 5px; border: none; background-color: #efefef;     border: 1px solid #003b46;}
.bg-white {background-color: #ffffff;}
.form-space{padding: 10px 0px;}
.form-space2{padding: 15px 0px;} 
.form-space3{padding: 25px 0px;}
.white {color: #ffffff;}
.font{font-family: 'Montserrat', sans-serif;}
.sec1{font-family: 'Montserrat', sans-serif; text-align: center; background-color: #68080c; color: #fff; margin: 40px 0px 40px 0px; padding:5px; border-radius: 5px;}
.sec2{font-family: 'Montserrat', sans-serif; text-align: center; color: #fff; margin: 10px 0px 10px 0px; padding:5px; border-radius: 5px;}
.bg-grey{background-color: rgba(201,201,201,.23);}
.features{padding: 25px 25px;  border-radius: 5px; border: 1px solid #68080c; background-color: #fff; width: 100%;}
.copy{font-weight: bold; color: #ffffff;}
.bg-img { background-image: url(../images/bg.jpg); background-size: cover; height: auto; z-index: 1 ;}
.features:hover {-webkit-box-shadow: 2px 2px 5px 1px rgba(117,117,117,0.46); -moz-box-shadow: 2px 2px 5px 1px rgba(117,117,117,0.46); box-shadow: 2px 2px 5px 1px rgba(117,117,117,0.46); background-color: #68080c; color: #fff;}
.top-content {  }
.imgsection {
    padding: 30px 0px;
    background-color: #f1eded;
    background-image: url(../images/bg7.png);
}
.gold{ color: #fff;     background-color: yellowgreen;      padding: 0px 5px;}

/* width */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #003b46;; 
  border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #003b46;; 
}



.content { padding: 10px 15px; border: 1px solid #f2f2f2; background-color: #ffffff; color: #000;}
.pre-text { text-align: right; font-size: 10px; font-weight: 600; color: #8a8a8a;}
.price { text-align: right; font-size: 16px; font-weight: 800; line-height: 20px; }
.after-text { text-align: right; font-size: 10px; font-weight: 600; color: #8a8a8a;}
.content h1 { font-size: 12px; text-align: left; line-height: 20px; font-weight: 600; color: #8a8a8a; }
.ficon { color: #54595f; }
.ficon:hover { color: #000; }
.slider-title { font-size: 32px; font-weight: 600; line-height: 36px; color: #fff; margin-bottom: 20px; }
.slider-text { color: #fff; font-size: 18px;}
.highlights i.fa { padding-right: 10px; }
.highlights { padding: 0px 20px 10px 20px; }
.slider { padding: 100px 20px; }
.w-90 { width: 90%; }
.carousel-control-prev, .carousel-control-next { width: 5%; }
.submit { background-color: #003b46;; font-weight: 600; color: #fff; border: 1px solid #003b46;; }
.submit:hover { background-color: #fff; font-weight: 600; color: #003b46;; border: 1px solid #003b46;; }
.content i.fa { color: #8a8a8a; }
i.fa { color: #fff; }
.carousel { z-index: 10; }
.testi-box { padding: 25px; background-color: #f3f3f3; }
.testimonials-name { text-align: right; margin-top: 15px; font-weight: 500; }
.card-body { border-bottom: 1px solid #e7e7e7; font-size: 12px; padding: 5px 20px; }
.accordion > .card:first-of-type { border-bottom: 1px solid #e7e7e7; }
.card a { font-size: 12px; }
.rating { position: absolute; top: 10px; left: 25px; background-color: #003b46;; border-radius: 10px; padding: 2px 10px; font-weight: 600; font-size: 14px; color: #fff; }
.fa-star:before { color: #fff; }
.slider-row { height: 75vh; }
.yellow { color: #003b46;; }
.onlydesktop { display: block; }
.onlymobile { display: none; }
.mobile-contact li { list-style: none; }
.mobile-contact ul { padding-left: 0px; margin-bottom: 0px; }
.mobile-contact a { color: #fff; font-size: 12px; }
.card-body ul { padding-left: 10px; }
.test-margin { margin: 0px 0px 20px 0px; }







.features li {list-style: circle; padding-top: 10px; font-size: 14px;}
.features ul {margin-left: -10px;}
.features-head { text-align: center; font-family: 'Montserrat', sans-serif; font-weight: bold;}
body {color: #54595f; font-family: 'Montserrat', sans-serif;}
.features-icon{ width: 125px; margin-bottom: 20px; }
.features p {text-align: center; margin-top:15px;}

.row-eq-height {
  display: -webkit-box !Important;
  display: -webkit-flex !Important; 
  display: -ms-flexbox !Important;
  display: flex !Important;
}
.rank {width: 100px;}
td { padding: 15px 0px; }
.bg-blue{background-color: #003b46;;}
.link {text-decoration: none; color: #68080c;}
.firstcharacter {
  color: #fff;
  float: left;
  font-size: 75px;
  line-height: 60px;
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 3px;
}
.form-space4 {padding-bottom: 20px;}
.form-space5 {padding: 40px 0px;}
.pb50{padding-bottom: 50px;}
.pt20 {padding-top:20px;}
.pbt40{padding-top: 20px; padding-bottom:20px;}
.mrcenter{ margin: 0 auto; display: block;}
.social-img{width: 20px;}
.social li { list-style: none; margin: 0px 5px; }
.social ul { display: inline-flex; float: right; }
.form-space6 {padding: 25px 0px 10px 0px; }

@media screen and (max-width:900px) {
	.mobile-space {padding-top: 25px;}
	.pt25{padding-top: 25px;}    
	.firstcharacter {font-size: 50px; text-align: center; line-height: 25px;}
	.ftext{font-size: 14px;}
	.copy{font-size: 12px; text-align: center; font-weight: bold;}
	.social{text-align: center;}
	.form-head {padding: 20px 5px 0px 5px; }
}
.top5{justify-content: center;}
textarea {height: 130px;}
.menugrid ul { display: flex; list-style: none; margin-bottom: 0px; float: right;}
.menugrid li { padding: 24px 10px; }
.menugrid a { color: #fff; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px; }
.menugrid a:hover { color: grey; }
.big { font-size: 50px !Important; color: #68080c; }
.data a { color: #68080c; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 16px; }
.data a:hover { color: #ffc107; }
.merri { font-family: 'Montserrat', sans-serif; font-weight: bold; }
.bg-maroon-gradient { background: linear-gradient(110deg, #e7b348fa 65%, #6e0f16 100%) !important; }
.pt50 { padding-top: 50px; }
.uses h4  { color: #fff; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: bold; }
.uses p { color: #fff; }
.uses img { width: 120px; }
.sell { position: fixed; top: 200px; right: -65px; transform: rotate(-90deg); z-index: 9999; }
.sell a  {background-color: #ffc107; padding: 10px 20px; color: #6e0f16; font-weight: bold; text-decoration: none; border-radius: 10px 10px 0px 0px;}
.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.services img { border-radius: 75px; }
.services .features-head { text-transform: uppercase; }
.services .features:hover {-webkit-box-shadow: 2px 2px 5px 1px rgba(117,117,117,0.46); -moz-box-shadow: 2px 2px 5px 1px rgba(117,117,117,0.46); box-shadow: 2px 2px 5px 1px rgba(117,117,117,0.46); background-color: #ffc107; color: #fff;}
.view-mobile {display: none;}

@media  screen and (max-width: 768px) {
.menugrid ul { display: block; padding-left: 0px; margin-left: 0px; width: 100%; text-align: center; }
.menugrid li {padding: 5px 10px;}
.form-head { margin-top: 0px; }
.form { height: 520px; }
.mobile-center { text-align: center; }
.view-mobile {display: block;}
.social ul {float: none; padding-left: 0px;}
.slider-row { height: auto; padding-bottom: 50px; }
.top-content { margin-top: 50px; }
.slider-title { font-size: 20px; line-height: 26px; }
.slider-text { font-size: 14px; }
.slider { padding: 0px 25px 0px 25px; }
.onlydesktop { display: none; }
.onlymobile { display: block; }
.test-margin { margin: 0px 0px 0px 0px; }
}




a.bookbuttn {
    position: absolute;
    color: #003b46;;
    font-weight: 700;
    border-radius: 10px;
    border: 1px solid #003b46;;
    padding: 4px 9px;
    font-size: 12px;
    right: 10px;
    bottom: 15px;
	text-decoration: none;
}

a.bookbuttn:hover {
    background-color: #003b46;;
    color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 768px){
.slider-row { 
    height: auto;
    padding-bottom: 50px;
display: flex; 
flex-flow: column;}
.col-md-4 { order: 1}
.col-md-8 { order: 2}
}


/* Carousel code */



@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    #multicarousel .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    #multicarousel .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    #multicarousel .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    #multicarousel .carousel-inner .active + .carousel-item {
        display: block;
    }
    #multicarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #multicarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    #multicarousel .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    #multicarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #multicarousel .carousel-item-next.carousel-item-left + .carousel-item,
    #multicarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    #multicarousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    #multicarousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #multicarousel .carousel-item-prev.carousel-item-right + .carousel-item,
    #multicarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    #multicarousel .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    #multicarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    #multicarousel .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    #multicarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    #multicarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    #multicarousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    #multicarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */ 
    #multicarousel .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    #multicarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    #multicarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* caroousel code ends */


.boximg {
  height: 450px;
}