@charset "utf-8";
/* CSS Document */
body {
  font-family: 'Arvo', serif;
  font-size: 14px;
  line-height: 2;
  font-weight: 500;
  color: dimgrey; 
}
.img-nav {
    max-width: 200px;
    max-height: 90px;
}
.bg-grey {
	background: #434C53;
}
.ftco-social {
  padding: 0; }
  .ftco-social li {
    list-style: none;
    margin-right: 10px; }
.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.shadow-section {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.ftco-section {
  padding: 6em 0;
  position: relative;
text-align: left;}
  @media (max-width: 767.98px) {
    .ftco-section {
      padding: 6em 0; 
	  text-align: left;} }
  @media (min-width: 768px) {
    .ftco-section .container-fluid {
      padding: 0 4em; } }
.bg-image {
    /* The image used */
    background-image: url("photographer.jpg");
    height: 45vh;
    /* Add the blur effect */
    filter: blur(8px);
    -webkit-filter: blur(8px);
    /* Full height */
    
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}

/* Position text in the middle of the page/image */
.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  border: 3px solid #f1f1f1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  padding: 20px;
  text-align: center;
}

/* The hero image */
.hero-image {
    /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
    background-image: url("../img/hero2.jpg");
    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: rgba(0,0,0,0.69);
    padding-top: 10px;
    padding-bottom: 10px;
   height: 70vh;
}

.hero-image1 {
    /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
    background-image: url(../img/Plasterwarecab.jpg);
    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: rgba(0,0,0,0.69);
    padding-top: 15px;
    padding-bottom: 15px;
    max-height: 60vh;
    min-height: 60vh;
}

/* Place text in the middle of the image */
.hero-text {
    font-family: 'Arvo', serif;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-transform: uppercase;
    text-shadow: -1px 1px 3px rgba(0,0,0,1.00);
}
.hero-image-page {
    /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
    
    /* Set a specific height */
    height: 40vh;
    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: rgba(0,0,0,0.69);
}
.hero-image-page-art {
    /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
    
    /* Set a specific height */
    height: 40vh;
    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: rgba(0,0,0,0.69);
}

/* Place text in the middle of the image */
.hero-text-page {
	font-family: 'Arvo', serif;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-transform: uppercase;
    text-shadow: -1px 1px 3px rgba(0,0,0,1.00);
}
.wrap-about {
  position: relative; }
  @media (min-width: 768px) {
    .wrap-about {
      padding-left: 6em; } }
.heading-section .subheading {
  font-size: 14px;
  display: block;
  margin-bottom: 10px; }

.heading-section h2 {
    font-size: 38px;
	font-family: 'Arvo', serif;
    font-weight: 500;
    color: rgba(46,46,46,1.00);
    position: relative;
}
  .heading-section h2 strong {
    font-weight: 700; }
  @media (max-width: 767.98px) {
    .heading-section h2 {
      font-size: 28px; } }
  .heading-section h2:after, .heading-section h2:before {
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(67,76,83,1.00);
    content: ''; }
  .heading-section h2:before {
    width: 80px;
    height: 2px;
    bottom: -19px; }

.heading-section.heading-section-white .subheading {
  color: rgba(255, 255, 255, 0.9); }

.heading-section.heading-section-white h2 {
  font-size: 38px;
  color: #fff; }
  .heading-section.heading-section-white h2:after, .heading-section.heading-section-white h2:before {
    display: none; }

.heading-section.heading-section-white p {
  color: rgba(255, 255, 255, 0.9); }

.heading-section.heading-section-wo-line h2:after, .heading-section.heading-section-wo-line h2:before {
  display: none; }

.insta-img,
.room-img,
.hero-wrap,
.img,
.blog-img,
.user-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 0px;
    color: rgba(252,252,252,1.00);
    background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(167,170,179,1.00) 13.47%,rgba(67,76,83,1.00) 51.83%);
    background-image: -moz-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(167,170,179,1.00) 13.47%,rgba(67,76,83,1.00) 51.83%);
    background-image: -o-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(167,170,179,1.00) 13.47%,rgba(67,76,83,1.00) 51.83%);
    background-image: linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(167,170,179,1.00) 13.47%,rgba() 51.83%);
    padding-bottom: 40px;
}
.img-2 {
  position: relative; }
  @media (min-width: 768px) {
    .img-2 {
      margin-top: -2px; } }
  @media (max-width: 767.98px) {
    .img-2 {
      height: 300px;
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    .img-2.img-3 {
      margin-top: 0; } }
  .img-2 .icon {
    width: 100px;
    height: 100px;
    background-color: #434C53;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
    .img-2 .icon span {
      color: #fff;
      font-size: 24px; }
.room {
  display: block;
  width: 100%;
  margin-bottom: 30px; }
  @media (max-width: 991.98px) {
    .room {
      margin-bottom: 30px; } }
  .room .img {
    display: block;
    height: 250px; }
  .room .icon {
    width: 60px;
    height: 60px;
    background: #fff;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .room .icon span {
      color: #000000; }
  .room:hover .icon {
    opacity: 1; }
  .room .text {
    border: 1px solid #e6e6e6;
    border-top: 1px solid transparent;
    background: #fff;
    position: relative; }
    .room .text h3 {
      font-size: 22px;
      margin-bottom: 5px; }
      .room .text h3 a {
        color: #000000; }
    .room .text span.price {
      font-size: 26px;
      color: #000000;
      position: relative; }
      .room .text span.price:after {
        position: absolute;
        bottom: -3px;
        left: 0;
        right: 0;
        width: 100%;
        height: 2px;
        content: '';
        background: #d1ba90; }
    .room .text span.per {
      color: #b3b3b3; }
    .room .text .btn-custom {
      color: #000000; }
    .room .text ul.list {
      padding: 0; }
      .room .text ul.list li {
        list-style: none;
        color: #000000;
        font-size: 14px; }
        .room .text ul.list li span {
    color: #434C53;
}

.room-img {
  height: 400px;
  margin-bottom: 2em; }

.room-single h2 {
  font-size: 28px; }

.room-single .loc {
  margin-right: 10px; }
  .room-single .loc a {
    color: #999999; }

.room-single ul {
  margin: 0;
  padding: 0; }
  .room-single ul li {
    list-style: none;
    margin-bottom: 10px; }
.image-popup {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }
.card-body-text {
    font-size: 14px;
	
}
img {
  vertical-align: middle;
  border-style: none; }
.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-image {
    background-size: cover;
    height: 200px;
    right: 79px;
}
#map {
  width: 100%; }
  @media (max-width: 991.98px) {
    #map {
      height: 300px; } }
.ftco-bg-dark {
    background-color: #191413;
}

.ftco-footer {
    font-size: 16px;
    padding-top: 3em;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 3em;
    background-color: #181C1E;
}
  .ftco-footer .ftco-footer-logo {
    text-transform: uppercase;
    letter-spacing: .1em; }
  .ftco-footer .ftco-footer-widget h2 {
    font-weight: normal;
    color: #fff;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 400; }
  .ftco-footer .ftco-footer-widget ul li a span {
    color: #fff; }
  .ftco-footer .ftco-footer-widget .btn-primary {
    background: #fff !important;
    border: 2px solid #fff !important; }
    .ftco-footer .ftco-footer-widget .btn-primary:hover {
      background: #fff;
      border: 2px solid #fff !important; }
  .ftco-footer p {
    color: rgba(255, 255, 255, 0.7); }
  .ftco-footer a {
    color: rgba(255, 255, 255, 0.7); }
    .ftco-footer a:hover {
      color: #fff; }
  .ftco-footer .ftco-heading-2 {
    font-size: 17px;
    font-weight: 400;
    color: #000000; }

.ftco-footer-social li {
  list-style: none;
  margin: 0 10px 0 0;
  display: inline-block; }
  .ftco-footer-social li a {
    height: 50px;
    width: 50px;
    display: block;
    float: left;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    position: relative; }
    .ftco-footer-social li a span {
      position: absolute;
      font-size: 26px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .ftco-footer-social li a:hover {
      color: #fff; }

.footer-small-nav > li {
  display: inline-block; }
  .footer-small-nav > li a {
    margin: 0 10px 10px 0; }
    .footer-small-nav > li a:hover, .footer-small-nav > li a:focus {
    color: #FFFFFF;
}
.border-bottom-grey {
    -webkit-box-shadow: 0px 10px 20px 6px rgba(0,0,0,0.50);
    box-shadow: 0px 10px 20px 6px rgba(0,0,0,0.50);
	
}
.title {
    margin-top: 15px;
    margin-bottom: 60px;
	
}
.title-font
{
    font-family: 'Arvo', serif;
    font-size: 45pt;
    font-weight: 500;
    
}
.h1-new {
	
}
.shoptop {
    background-size: cover;
    background-image: url(../img/plaster2.jpg);
    background-position: center center;
    height: 250px;
    max-height: 250px;
	
}
.shopmain {
    height: 200px;
    max-height: 200px;
	
}
.shopmain1 {
    height: 200px;
    background-image: url(../img/mirrors.jpg);
    background-size: cover;
    background-position: center center;
	
}
.shopmain2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    height: 200px;
    background-color: rgba(0,0,0,0.85);
    background-image: url(../img/vase.jpg);
	
}

.shopmain3 {
    height: 200px;
    background-image: url(../img/cushions.jpg);
    background-position: center center;
    background-size: cover;
	
}
.overlay {
    background-color: rgba(0,0,0,0.52);
	
}
.hero-textshop {
    font-family: 'Arvo', serif;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-transform: uppercase;
    text-shadow: 2px 1px 0px rgba(0,0,0,1.00);
}






.card-product-list,
 .card-product-grid {
     margin-bottom: 0
 }

 .card {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 0.10rem;
     margin-top: 10px
 }

 .card-product-grid:hover {
     -webkit-box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);
     box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);
     -webkit-transition: .3s;
     transition: .3s
 }

 .card-product-grid .img-wrap {
    border-radius: 0.2rem 0.2rem 0 0;
    height: 220px;
    background-size: cover;
 }

 .card .img-wrap {
     overflow: hidden
 }

 .card-lg .img-wrap {
     height: 280px
 }

 .card-product-grid .img-wrap {
     border-radius: 0.2rem 0.2rem 0 0;
     height: 228px;
     padding: 16px
 }

 [class*='card-product'] .img-wrap img {
     height: 100%;
     max-width: 100%;
     width: auto;
     display: inline-block;
     -o-object-fit: cover;
     object-fit: cover
 }

 .img-wrap {
    text-align: center;
    display: block;
 }

 .card-product-grid .info-wrap {
     overflow: hidden;
     padding: 18px 20px
 }

 [class*='card-product'] a.title {
     color: #212529;
     display: block
 }

 .rating-stars {
     display: inline-block;
     vertical-align: middle;
     list-style: none;
     margin: 0;
     padding: 0;
     position: relative;
     white-space: nowrap;
     clear: both
 }

 .rating-stars li.stars-active {
     z-index: 2;
     position: absolute;
     top: 0;
     left: 0;
     overflow: hidden
 }

 .rating-stars li {
     display: block;
     text-overflow: clip;
     white-space: nowrap;
     z-index: 1
 }

 .card-product-grid .bottom-wrap {
     padding: 18px;
     border-top: 1px solid #e4e4e4
 }





 .fa {
     color: #FF5722
 }
.img-product {
    max-height: 330px;
	
}





.abc {
    padding-left: 40px
}

.pqr {
    padding-right: 70px;
    padding-top: 14px
}

.para {
    float: right;
    margin-right: 0;
    padding-left: 80%;
    top: 0
}

.fa-star {
    color: yellow
}

li {
    list-style: none;
    line-height: 50px;
    color: #000
}

.col-md-2 {
    padding-bottom: 20px;
    font-weight: bold
}

.col-md-2 a {
    text-decoration: none;
    color: #000
}

.col-md-2.mio {
    font-size: 12px;
    padding-top: 7px
}

.des::after {
    content: '.';
    font-size: 0;
    display: block;
    border-radius: 20px;
    height: 6px;
    width: 55%;
    background: yellow;
    margin: 14px 0
}

.r4 {
    padding-left: 25px
}

.btn-outline-warning {
    border-radius: 0;
    border: 2px solid yellow;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    width: 70%
}

@media screen and (max-width: 620px) {
    .container {
        width: 98%;
        display: flex;
        flex-flow: column;
        text-align: center
    }

    .des::after {
        content: '.';
        font-size: 0;
        display: block;
        border-radius: 20px;
        height: 6px;
        width: 35%;
        background: yellow;
        margin: 10px auto
    }

    .pqr {
        text-align: center;
        margin: 0 30px
    }

    .para {
        text-align: center;
        padding-left: 90px;
        padding-top: 10px
    }

    .klo {
        display: flex;
        text-align: center;
        margin: 0 auto;
        margin-right: 40px
    }
}
.slider-text {
    font-family: 'Arvo', serif;
	
}
.dark-grey {
	color: rgba(67,76,83,1.00);
}
.text-use {
	font-family: 'Arvo', serif;
}
a.class-white {
color: rgba(255,255,255,1.00);	
}
.img-3 {
    height: 200px;
    min-width: 200px;
}