.preloader { background: #fff url("../img/loader.gif") no-repeat center center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; }


/****---- Homepage Start ----****/

 
/*** Header Start ***/

.top-strip{ background:#e7ac2b; }
.top-strip .contact-info{ font-size:14px; color:#fff; padding:5px 0px; }
 
header {padding:0px;width: 100%;z-index: 9;transition: all 0.3s ease-in-out;  position:absolute; top:0; left:0; background:#00000020; border-bottom:solid 1px #ffffff20;  }
header.sticky { background:#fff;  position: fixed; width: 100%; z-index: 999; box-shadow: 0px 7px 10px #03030310; top: 0; }
header.sticky .header-left .menu-toggle a { color:#151515; }
header .header-main{ padding:10px 0px; }
header .header-main a{ color:#ffffff; }

header .header-left{ display:flex; align-items:center; }
header .brandlogo img { width: 100%; height: auto; line-height: 1px;  transition: all 0.3s ease-in-out; }
header .brandlogo a { color: #ffffff; font-size: 30px; letter-spacing: 2px; display:inline-block; }
header .header-left .menu-toggle{ margin-right:20px; }
header .header-left .menu-toggle a{ color:#151515; font-size:25px; }
header .brandlogo { width: 200px; transition: all 0.5s ease-in-out; display: inline-block; text-align:center;}
header.sticky .brandlogo img { width:70%; }
header.sticky .header-main a{ color:#151515 }  


.navigation { width:100%; text-align:center;  }
.navigation ul{ list-style:none; padding:0px; margin:0px;  }
.navigation ul li{ display:inline-block;  }
.navigation ul li a{font-size:14px;color: #ffffff;font-family: 'Poppins', sans-serif;padding:15px 20px;position:relative;display:flex;align-items:center;text-transform:capitalize;}
.navigation ul li.active a,
.navigation ul li:hover a {color: #e7ac2b !important; }
.navigation ul li a::after{ content:''; height:10px; width:1px; background:#ccc; display:block; position:absolute; right:0;    }
.navigation ul li:last-child a::after{ content:none; }

header.sticky .navigation ul li a { color:#151515; }
header .header-search .input-group { height: 100%; }


header .header-right { display: flex; }
header .header-right .dropdown .dropdown-menu { top: 54px !important; }
header .header-right .nav { display:flex; align-items:center; margin-right:20px; position:relative; }
header .header-right .nav a{color: #ffffff;font-size:18px;}
header .header-right .nav .dropdown-toggle:after{ content:none; }
header .header-right sup { background: #e7ac2b; border-radius: 30px; height: 18px; width: 18px; padding: 0; top: -10px; right: 3px; text-align: center; line-height: 18px; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; display:none !important; }

header .header-right .account { margin-right: 0px; width:30px; height:30px; }

header .header-right .account a{ color:#151515 !important;  display:inline-table !important; }
header .header-right .account span.username { margin-left: 10px; }
header .header-right .account .img-sec { border-radius: 100%; overflow: hidden; height: 30px; width: 30px; border-radius: 100%; }
header .header-right .account .img-sec img { border-radius: 100%; height: 100%; width: 100%; object-fit: cover; }
header .header-right .account .dropdown-toggle:after{ content:none; }


header .header-cart.dropdown .dropdown-toggle::after { display: none; }
header .header-cart.dropdown .dropdown-menu { right: 0px !important; left: auto !important; }
header .header-cart a.icon { font-size: 25px; position: relative; }
header .header-cart a.icon i { margin-left: -8px; }
header .header-cart a.icon sup {  position: absolute; right: -10px; left: auto; top: -5px; }
header .header-cart .dropdown-menu { right: 0; min-width: 300px; padding: 20px; }
header .header-cart .total-amount { font-size: 14px; font-weight: 600; padding: 5px 15px; margin: 15px 0; background-color: #f3f3f3; line-height: normal; }
header.sticky .header-right .nav a{ color:#ccc; }

header .wishlist-toggle a{ font-size:20px !important; }
header .wishlist-toggle svg{ vertical-align:inherit;  height:inherit; }
header .wishlist-toggle a { height:20px; }

/*** Heading End ***/

/*** Mobile Menu Start ***/

.mobile-nav-active .mobile-menu-overlay { display: block; left: 0; width: 100%; }
.mobile-nav-active .mobile-menu { display: block; left: 0; }
.mobile-menu-overlay { width: 0; position: fixed; left: -100%; top: 0; bottom: 0; background-color: rgba(25, 25, 25, 0.50); z-index: 1000; transition: all 0.4s; z-index: 999; }
.mobile-menu .close-nav { cursor: pointer; display: flex; align-items: center; justify-content: space-between; width: 100%; text-align: right; padding: 15px; background-color: #03030310; }
.mobile-menu .close-nav .title { font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 600; }
.mobile-menu .close-nav i { color: #fff; font-size: 15px; }
.mobile-menu { padding: 0; position: fixed; left: -280px; top: 0; bottom: 0; z-index: 1001; background-color: #a18e53; width: 100%; max-width: 280px; overflow-y: auto; font-size: 1.2rem; line-height: 1.5; transition: all 0.4s ease; }
.mobile-menu ul>li a { text-transform: uppercase; color: #fff; font-size: 14px; padding: 10px 15px; width: 100%; display: block; }
.mobile-menu li a i { float: right; margin-top: 4px; font-size: 11px; transition: all 0.5s ease-in-out; }
.mobile-menu li.open>a { background: #00000090; }
.mobile-menu li.open>a i { transform: rotate(-180deg); }
.mobile-menu li .menu-title { font-size: 13px; font-weight: 600; line-height: 1; margin: 0 15px; border-bottom: solid 1px #ffffff20; padding-bottom: 8px; text-transform: uppercase; color: #fff; }
.mobile-menu li+.menu-title { margin-top: 15px; }
.mobile-nav>ul>li { border-bottom: solid 1px #ffffff20; }
.mobile-nav .submenu-wraper { background-color: #000000; overflow: hidden; max-height: 0; }
.mobile-nav .submenu-wraper li a { text-transform: capitalize; color: #a8a8a8; font-size: 13px; font-weight: 400; padding: 8px 25px; width: 100%; display: block; }
.mobile-nav .submenu-wraper li a:hover { background: #00000090; color: #ffffff; }
.mobile-nav .open .submenu-wraper { display: block; max-height: 700px; overflow: auto; transition: max-height 0.25s ease-in; padding: 15px 0; }

/*** Mobile Menu End ***/
 
/*** Mini Cart Start ***/

.miniwishlist { position:relative; padding:10px 20px; position: fixed; right: -380px; top: 0; bottom: 0; z-index: 1001; background-color: #fff; width: 100%; max-width: 380px; overflow-y: auto; font-size: 1.2rem; line-height: 1.5; transition: all 0.4s ease; }
.miniwishlist .close-sidebar i.icon-cancel { font-size: 15px;cursor:pointer; }
.miniwishlist .close-sidebar .title { font-weight: 700; font-size: 16px;}
.miniwishlist .close-sidebar { display: flex; align-items: center; justify-content: space-between; }
.miniwishlist-active { overflow:hidden; }
.miniwishlist-active .miniwishlist-overlay { display: block; right: 0; width: 100%; }
.miniwishlist-overlay { width: 0; position: fixed; right: -100%; top: 0; bottom: 0; background-color: rgba(25, 25, 25, 0.50); z-index: 1000; transition: all 0.4s; z-index: 999; }
.miniwishlist-active .miniwishlist  { right:0; }
 

.miniwishlist .wishlist-footer { position:absolute; bottom:0; width:100%; background:#fff; left:0; }

.miniwishlist .wishlist-footer .view-wishlist a{ display:inline-block; width:100%; background:#e7ac2b; color:#fff; font-size:16px;  text-align:center; padding:10px 10px;  }  
.miniwishlist .total-amount { display:flex; justify-content:space-between; font-size:14px;  border-top: solid 1px #eee; padding:10px 20px; }
.miniwishlist .total-amount span{ display:block; }
.miniwishlist .total-amount .label{  color:#151515; font-size:14px; font-weight:600;}
.miniwishlist .total-amount .value { font-weight:600; color: #e7ac2b }

/*** Mini Cart End ***/


/*** Top Banner Start ***/

.top-banner{ height:auto;  margin:0px auto;   background: url('../img/banner-1.jpg') no-repeat;background-size: cover; padding-top:30px; }
.top-banner .container { width:100%;  position:relative;  height:100vh;}

.top-banner .img-sec{ width:100%; z-index:0;text-align: center; max-height: 690px; max-width:600px; height:100%; }
.top-banner .img-sec img{height: 100%; width: 100%;} 
.top-banner .content-sec{ color:#fff;  z-index:9; margin:0px ; position:relative; z-index:2; max-width:600px; width:100% ;margin-top: 0;}
.top-banner .content-sec h2{ font-size: 50px; line-height:80px; }
.top-banner .content-sec p{ color:#fff }
.top-banner .btn{ color:#fff !important; }
.top-banner .btn:hover{ background:#e7ac2b;  color:#fff !important; }

/*** Top Banner End ***/

 

/*** On Demand Section Start ***/

.on-demand-work { position:relative; padding-bottom:0px; }
.on-demand-work .item{ overflow:hidden; }
.on-demand-work .container{ position:relative; }
.on-demand-work .owl-carousel{  background-image:url('../css/img/slider-bg.jpg') repeat-x;  }

.on-demand-work .content-sec{position:absolute; right:0; top:0; z-index:3; width:50%;  height:100%; display:flex; align-items:center;   }
.on-demand-work .content {}
.on-demand-work .content .title{font-size:40px;margin: 10px 0px 5px;font-family: 'Crimson Text', serif;font-weight:700;}
.on-demand-work .content .material{font-size: 16px;color:#151515;font-weight: 600; margin-bottom:10px; }
.on-demand-work .content .price{font-size:25px;font-weight:700;color: #e7ac2b; margin-bottom: 20px;}

/*** On Demand Section End ***/

 
 
 
/*** About Section Start ***/

.about-us { height:auto; display:flex; align-items:center; background:#eee  }
.about-us .content{ margin-bottom:0px; font-size:32px; line-height:55px; color:#151515; text-align:center; font-family: 'Crimson Text', serif; }
.about-us .logo-center{ max-width:350px; margin:0px auto; text-align:center; margin-bottom:40px; }

/*** About Section End ***/


/*** Featured Products Start ***/

.product-listing{ display:flex; flex-wrap:wrap;  justify-content:center; }
.product-listing .product-card{ width:calc(100% / 5); padding:0px 10px; }

/*** Featured Products End ***/


/*** Newsletter Start ***/

.newsletter{ background:url('../img/newsletter-bg.jpg'); }

.newsletter .subscribe-form{margin:0px auto;}
.newsletter .subscribe-form .form-group{display:flex;align-items:center;justify-content:center;}
.newsletter .subscribe-form  input{height:100%;display: block;height: 40px;width: 30%;border: none;border-radius: 5px 0px 0px 5px !important;padding: 7px 15px;font-size: 14px;}
.newsletter .subscribe-form  input:focus{ outline:none; border:none; } 
.newsletter .subscribe-form  .btn.btn-pri { border-radius:0px 5px 5px 0px !important;height: 40px; }

/*** Newsletter End ***/

/*** Homepage Contact Start ***/

.contact-sec .footer-logo {width:200px; margin-bottom:40px; }
.contact-sec .footer-logo a{ display:block; }
.contact-sec .footer-logo img{ width:100%; height:auto;  }
.contact-sec::after{   width:55%; display: block; position: absolute; z-index: 2; height: 100%; right: 0; top: 0; background: #040404; box-shadow: 10px 10px 50px 10px #00000010; z-index:1  }
.contact-sec h3 { margin-bottom: 30px; font-weight: normal; padding-right:100px;  }
.contact-sec .contact-details a{  color:#151515 }
 
.contact-sec .container-fluid{position: relative;z-index:3;margin-bottom: 100px;}
.contact-sec .contact-details { margin-top:40px; }
.contact-sec .contact-details ul{ margin-left:0px; padding-left:0px; padding-right:140px;  }
.contact-sec .contact-details ul li{ margin-bottom:20px; font-size:14px; line-height:24px; position:relative; padding-left:40px;display:flex; align-items:center; }
.contact-sec .contact-details ul .fa-phone-alt { font-size:20px; }
.contact-sec .contact-details ul li svg{ font-size:30px; position:absolute; left:0px; top:5px;  color: #e5a826 }
.social-madia { margin-top:30px; display:flex; align-items:center; }
.social-madia h5 { position: relative; display: flex; align-items: center; color:#151515;  }
.social-madia h5::after { content: ''; display: inline-block; height: 1px; margin: 0px 20px; width: 80px; background: #151515; }
.social-madia a { margin: 0px 10px; color: #151515; }
.social-madia a:hover{color: #e5a826}


/*** Homepage Contact End ***/










/*** Footer Start ***/



footer {padding:0px; color: #151515; background:url(../img/footer-bg.jpg); position:relative; overflow:hidden; }
footer .container{padding-bottom: 0;}




footer .copyright{font-size:14px;color:#151515;padding: 30px 10px;text-align: center;border-top: solid 1px #00000010; }


/*** Footer End ***/


/****---- Homepage End ----****/


 .inner-page header.sticky{ position:fixed; top:0; }

 /****---- Inner Page Common Start ----****/

.inner-page { position:relative;  }
.inner-page header{ border-bottom:solid 1px #eee; background:#fff; position:relative; }
.inner-page header .navigation ul li a,
.inner-page header .header-right .nav a{ color:#151515 }


.inner-page .page-heading{font-size: 50px;font-family: 'Crimson Text', serif; font-weight:700; margin-bottom: 10px;  }
.inner-page h5{  line-height:40px;  }
.inner-page .cover{ position:relative; text-align:center; }
.inner-page .cover img.main-img {width:100%; border-radius:0px 0px 500px 500px ; position:relative;   top:0;  padding: 20px;border: solid 1px #eeeeee; padding-top:0px; border-top:0px; }
.inner-page .cover .logo{width: 300px;margin-top: 50px;}
.inner-page .content-sec {position:relative; padding:80px 100px;}
.inner-page .content-sec .content{ font-size:25px;font-weight: 500; line-height:40px;font-family: 'Crimson Text', serif;}


/****---- Inner Page Common End ----****/


/****---- Join Us Start ----****/


.join-us .content { width: 100%; }
.join-us .nav-link { font-size: 18px; font-weight: 400; }
.join-us .joinus-with{ display:flex; justify-content:center; }
.join-us .facebook,
.join-us .google{ width:auto; height:40px; border-radius:5px; margin:0px 5px;  display:inline-flex; align-items:center; justify-content:center; padding:10px 30px !important; }
.join-us .facebook{ background:#375ca0; color:#fff }
.join-us .google{ background:#da3d29; color:#fff }
.join-us svg,
.join-us i{ margin-right:10px; }
.join-us a { color: #b89a51; }
.joinus-with { text-align: center; }
.joinus-with a { width: 100%; color: #262626; border: solid 1px #e2e2e2; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; border-radius: 5px; display: inline-block; padding: 10px; align-items: center; z-index: 99; }
.joinus-with a img { height: 25px; width: 25px; margin-right: 10px; vertical-align: middle; }
.joinus-with a { padding: 10px 20px; }
.joinus-with a:hover { box-shadow: 0px 7px 10px #03030310; }
.join-us .continue-with { padding: 0 10px; color: #262626; font-size: 14px; font-family: 'Khula', sans-serif; font-weight: 600; text-transform: uppercase; display: flex; width: 80%; justify-content: center; align-items: center; text-align: center; margin: 30px auto; line-height: 1 }
.nav-tabs { border-bottom: solid 1px #e2e2e2 !important; margin-bottom: 30px; }
.nav-tabs .nav-item { width: 50%; text-align: center; border: none; }
.nav-tabs .nav-link { border: none; margin: 0px; color: #262626; }
.nav-tabs .nav-link.active { color: #b89a51; border-bottom: solid 2px #b89a51; }
.join-us .continue-with:before,
.join-us .continue-with:after { content: ''; width: 10%; border-top: 1px solid #e2e2e2; margin: 0 10px 0 0; }
.join-us .continue-with:after { margin: 0 0 0 10px; }
.join-us .custom-checkbox label::before { top: 4px; }
.forgot-pass,
.rem-pass { color: #262626; font-size: 14px; margin: 10px 0px 20px; }
.accept-terms { color: #262626; font-size: 14px; text-align: left !important; margin: 20px; }
.joinus-with p { margin-bottom: 0; width: 100%; }


/****---- Join Us End ----****/

/****---- About Us Start ----****/


.about-proprietor{ background:url(../img/about-proprietor.jpg) no-repeat fixed; background-size:cover;  padding:100px 0px; height:100vh; display:flex; align-items:center; }
.about-proprietor .subheading {  color:#e5a826; margin:20px 0px; font-size:20px !important;   }
.about-proprietor h2{ color:#fff; font-weight:600 }

.about-proprietor p{ color:#fff }
.about-proprietor .social-madia h5,
.about-proprietor .social-madia a{ color:#fff }

.about-proprietor .social-madia h5::after{ background-color:#e7ac2b; }

.inner-page .content-sec ul { margin-top:50px;  }
.inner-page .content-sec ul li{ font-size:20px;  color:#151515; margin-bottom:25px;  position:relative;padding-left: 30px;line-height: 16px;font-weight: 500;font-family: 'Crimson Text', serif;}
.inner-page .content-sec ul li i,
.inner-page .content-sec ul li svg{ position:absolute; left:0; top:0; color:#e5a826;font-size: 16px;}


/****---- About Us End ----****/



/****---- Services Start ----****/
 
.services {position: relative;padding: 100px 0px 100px;overflow: hidden;display:flex;align-items:center;background: #f9f9f9; }
.services .sec-heading{ margin-bottom:150px; }
.services .container{  width:60%; max-width:1000px; margin:0px auto; position:relative;display:inline-block; }
.service-card{ position:relative;padding-left: 150px;margin-bottom:80px; }
.service-card:last-child{ margin-bottom:0px; }
.service-card img{ position:absolute; height:120px; top:-80px; width:auto; right:100px; }
.service-card .card-heading{ font-size: 32px;font-weight: 600;color: #151515; margin-bottom:10px;font-family: 'Crimson Text', serif;z-index:2; position:relative; }
.service-card p{ font-weight: 500;line-height: 30px; font-size: 20px;font-family: 'Crimson Text', serif;margin-bottom:10px; }
.service-card .number{ font-family: 'Crimson Text', serif;  position:absolute; font-size:160px;color: #2125292b;left:0;top: -60px; font-weight:600; line-height:1; }

/****---- Services End ----****/



/****---- Portfolio Page Start ----****/

.portfolio {padding: 100px 0px;border-bottom: solid 1px #ebebeb;background: #fbfbfb;}
.portfolio .page-heading{ text-align:center; margin-bottom:0px; }

.portfolio .product-search{ font-size:14px;}
.portfolio .product-search form{ display:flex; }
.portfolio .product-search input[type="text"]{ border:solid 1px #ccc; border-radius:8px 0px 0px 8px !important; padding:10px 20px; height:45px; min-width:300px; font-size:18px; }
.portfolio .product-search button[type="submit"]{ width:50px;text-align:center; justify-content:center; border-radius:0px 8px 8px 0px; padding:10px;height:45px; margin:0px; vertical-align:top; font-size:20px; }
 
.portfolio .nav-tabs { justify-content:center; border-bottom:none; margin-bottom:40px; margin-top:30px; }
.portfolio .nav-link { line-height:1; padding:0 20px; position:relative; }
.portfolio .separator{line-height:1;font-size: 40px;color: #ccc;display: flex;align-items: center;font-weight: 100;font-family: 'Crimson Text', serif;}

.portfolio .nav-tabs button{color: #151515; font-size:40px; border:none; border:none;font-family: 'Crimson Text', serif;}
.portfolio .nav-link.active { color:#e5a826; background:none; }


.portfolio-item { margin:30px 0px; transition: all ease-in-out 0.5s; position: relative; padding: 0% 2% 0%;  }
.portfolio-item .img-sec { transition: all ease-in-out 0.5s; position: relative; overflow: hidden; }
.portfolio-item .img-sec img { position: relative; width: 100%; transition: all ease-in-out 0.5s; }
.portfolio-item .detail { text-align:center; transition: all ease-in-out 0.5s; margin-top: 20px; }
.portfolio-item .detail .title a{ font-size: 20px; color: #151515; margin: 10px 0px; animation-delay:0.5s; font-weight:600 }
.portfolio-item .detail .subtitle { font-size: 16px; color: #151515; margin: 10px 0px; animation-delay:1s; text-align:center; width:100%; }
.portfolio-item .detail a.preview-link { display: flex; justify-content:center; width: 100%; font-family: 'Poppins', sans-serif; font-size: 14px; margin-top:30px; animation-delay:1.5s;}

/****---- Portfolio Page End ----****/




/****---- Product Detail Start ----****/

.single-product-detail { position:relative; padding-left:100px; }

#sp-prev,
#sp-next{font-family: "Font Awesome 5 Free" !important; font-weight:900; font-size: 20px; line-height:1; text-align:center; }
.sp-lightbox #sp-prev::before{ content:"\f104"; }
.sp-lightbox #sp-next::before{ content:"\f105"; }

.single-product-detail .badges{ position:relative !important; left:0; margin-bottom:0px; top:auto; }
.single-product-detail .product-id{ font-size:16px; font-weight:500;  margin-bottom:10px; color:#999; border-top:solid 1px #ccc; padding-top:15px; margin-top:15px; }
.single-product-detail .product-title{ font-size:40px; font-family: 'Crimson Text', serif; font-weight:700; margin-bottom:20px; line-height:50px; }
.single-product-detail .price{ color: #e7ac2b; font-size:30px; font-weight:500 }
.single-product-detail table{ font-size:14px; margin:20px 0px 30px; }
.single-product-detail table td{ padding:10px; border:solid 1px #ccc;  }
.single-product-detail .actions .btn{ margin-right:20px; font-size:16px; padding:15px 25px;  }
.single-product-detail .actions .btn svg{ margin-right:10px; }
.single-product-detail .share{ justify-content:space-between; display:flex; align-items:center; font-size:14px; white-space:nowrap;  }
.single-product-detail .share a{ color:#151515; font-weight:600; font-size:14px; margin:0px 10px;  }

.related-products{ padding:50px 0px; border-bottom: solid 1px #ebebeb; border-top: solid 1px #ebebeb; background: #fbfbfb; }


/****---- Product Detail End ----****/