/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {color: #313030; }
a { color: #cda90c; text-decoration: none; }
a:hover { color: #a2870f; text-decoration: none; }
.container, .container-sm, .container-xl, .container-xxl { max-width: 1170px; }
.nopad { padding: 0 }
.nopadr { padding-right: 0 }
.nopadl { padding-left: 0 }
.ctr { text-align: center }
.rht { text-align: right }
.lft { text-align: left }
.clr { clear: both; height: 0px; margin: 0px; padding: 0px; }
.clr5 { clear: both; height: 5px; margin: 0px; padding: 0px; }
.clr10 { clear: both; height: 10px; margin: 0px; padding: 0px; }
.clr20 { clear: both; height: 20px; margin: 0px; padding: 0px; }
.spc10 { display: block; width: 10px; }
.spc20 { display: block; width: 20px; }
.hidden-xs { display: block }
#admin_menu { position: fixed; top: 0; right: 45%; background: #F00; padding: 1px 10px; z-index: 2000; font-size: 14px; }
#admin_menu a { color: #fff }
.card-header.bg-dark { background-color: #2b2320 !important }
.card-header.bg-warning { background-color: #cda90c !important}
.alert-dark { color: #eee; background-color: #2b2320; border-color: #272727; }
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; }
.btn-block + .btn-block { margin-top: 5px; }
img { width: auto; max-width: 100% }
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 996; background: #ff5821; width: 40px; height: 40px; border-radius: 4px; transition: all 0.4s; }
.back-to-top i { font-size: 28px; color: #fff; line-height: 0; }
.back-to-top:hover { background: #ff774a; color: #fff; }
.back-to-top.active { visibility: visible; opacity: 1; }

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
 [data-aos-delay] {
 transition-delay: 0 !important;
}
}
/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar { background: #39312f; font-size: 14px; padding: 0; color: rgba(255, 255, 255, 0.8); height: 40px; }
#topbar .contact-info i { font-style: normal; color: #cda90c; }
#topbar .contact-info i a, #topbar .contact-info i span { padding-left: 5px; color: #fff; }
#topbar .contact-info i a { line-height: 0; transition: 0.3s; }
#topbar .contact-info i a:hover { color: #ff5821; }
#topbar .cta a { color: #fff; background: #cda90c; padding: 10px 20px; display: inline-block; transition: 0.3s; }
#topbar .cta a:hover { background: #a2870f; }
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header { height: 70px; transition: all 0.5s; z-index: 997; background: #fff; }
#header.fixed-top {border-bottom: 2px solid #cda90c; }
#header.header-fixed { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);  }
#header .logo h1 { font-size: 28px; margin: 0; line-height: 0; font-weight: 700; }
#header .logo h1 a, #header .logo h1 a:hover { color: #635551; text-decoration: none; }
#header .logo img { padding: 0; margin: 0; max-height: 60px; }
.scrolled-offset { margin-top: 70px; }
#main { z-index: 3; }
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar { padding: 0; }
.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; }
.navbar li { position: relative; }
.navbar a, .navbar a:focus { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 30px; font-size: 14px; color: #635551; white-space: nowrap; transition: 0.3s; }
.navbar a i, .navbar a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; }
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #a2870f; }
.navbar .getstarted, .navbar .getstarted:focus { background: #ff5821; padding: 8px 20px; margin-left: 30px; border-radius: 4px; color: #fff; }
.navbar .getstarted:hover, .navbar .getstarted:focus:hover { color: #fff; background: #ff6b3b; }
.navbar .dropdown ul { display: block; position: absolute; left: 14px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-radius: 4px; }
.navbar .dropdown ul li { min-width: 200px; }
.navbar .dropdown ul a { padding: 10px 20px; }
.navbar .dropdown ul a i { font-size: 12px; }
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a { color: #ff5821; }
.navbar .dropdown:hover > ul { opacity: 1; top: 100%; visibility: visible; }
.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; }
.navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible; }
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul { left: -90%; }
.navbar .dropdown .dropdown:hover > ul { left: -100%; }
}
/**
* Mobile Navigation 
*/
.mobile-nav-toggle { color: #473d3a; font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; }
.mobile-nav-toggle.bi-x { color: #fff; }
 @media (max-width: 991px) {
.mobile-nav-toggle { display: block; }
.navbar ul { display: none; }
}
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(43, 37, 35, 0.9); transition: 0.3s; z-index: 999; }
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; }
.navbar-mobile ul { display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0; border-radius: 10px; background-color: #fff; overflow-y: auto; transition: 0.3s; }
.navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size: 15px; color: #473d3a; }
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a { color: #a2870f; }
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus { margin: 15px; }
.navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); }
.navbar-mobile .dropdown ul li { min-width: 200px; }
.navbar-mobile .dropdown ul a { padding: 10px 20px; }
.navbar-mobile .dropdown ul a i { font-size: 12px; }
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a { color: #ff5821; }
.navbar-mobile .dropdown > .dropdown-active { display: block; }
/*--------------------------------------------------------------
# home Section
--------------------------------------------------------------*/
#home { width: 100%; height: 60vh; position: relative; z-index: 1; padding: 0; margin-bottom: -120px; }
#home:before { content: ""; background: rgba(0, 0, 0, 0.4); position: absolute; bottom: 0; top: 0; left: 0; right: 0; }
#home .container { z-index: 2; }
#home h1 { margin: 0 0 10px 0; font-size: 48px; font-weight: 700; line-height: 56px; color: #fff; }
#home h2 { color: #eee; margin-bottom: 50px; font-size: 24px; }
#home .get-started-icon { font-size: 24px; background: #cda90c; padding: 14px; color: #fff; border-radius: 50px; position: relative; z-index: 5; box-shadow: 10px 2px 15px rgba(0, 0, 0, 0.1); }
#home .btn-get-started { font-weight: 400; font-size: 16px; letter-spacing: 1px; display: inline-block; transition: 0.5s; margin-left: -10px; padding: 8px 26px 8px 26px; color: #fff; background: #584b48; border-radius: 0 50px 50px 0; position: relative; z-index: 4; }
#home .btn-get-started:hover { background: #cda90c; }
@media (min-width: 1024px) {
#home { background-attachment: fixed; }
}
@media (max-width: 1024px), (max-height: 768px) {
#home { margin-bottom: -150px; height: 80vh; }
}
@media (max-width: 768px) {
#home { height: 80vh; }
#home h1 { font-size: 28px; line-height: 36px; }
#home h2 { font-size: 18px; line-height: 24px; margin-bottom: 30px; }
}
@media (max-height: 640px) {
#home { height: 120vh; }
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding: 60px 0; overflow: hidden; }
section.portfolioDiv { padding: 0;  }
#requestquote-details {padding: 0;}
.section-bg { background-color: #fff9f7; }
.section-title { text-align: center; padding-bottom: 30px; }
.section-title h2 { font-size: 32px; font-weight: 500; margin-bottom: 20px; padding-bottom: 0; color: #635551; text-transform:capitalize;position: relative;display: inline-block; }
.section-title h2::before { content: ""; position: absolute; width: 110px; bottom: 15px; left: -140px; height: 2px; background: #cda90c; }
.section-title h2::after { content: ""; position: absolute; width: 120px; bottom: 15px; right: -150px; height: 2px; background: #cda90c; }
#testimonials .section-title h2 {color: #F1F1F1;  }
.section-title p { margin-bottom: 0; }
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs { padding: 15px 0; background: #f4f2f2; margin-bottom: 40px; }
.breadcrumbs h2 { font-size: 28px; font-weight: 500;margin: 0; text-transform: capitalize;}
.breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding: 5px 0; margin: 0; font-size: 14px; }
.breadcrumbs ol li + li { padding-left: 10px; }
.breadcrumbs ol li + li::before { display: inline-block; padding-right: 10px; color: #635551; content: "/"; }
/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us { padding: 0 0 30px 0; position: relative; z-index: 3; }
.why-us .content { padding: 30px; background: #cda90c; border-radius: 4px; color: #fff; }
.why-us .content h3 { font-weight: 700; font-size: 32px; margin-bottom: 30px; }
.why-us .content p { margin-bottom: 30px; font-size:16px; text-align:center }
.why-us .content .more-btn { display: inline-block; background: rgba(0,0,0, 0.1); padding: 6px 30px 8px 30px; color: #fff; border-radius: 50px; transition: all ease-in-out 0.4s; }
.why-us .content .more-btn i { font-size: 14px; }
.why-us .content .more-btn:hover { color: #ff5821; background: #fff; }
.why-us .icon-boxes .icon-box { text-align: center; border-radius: 10px; background: #fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); padding: 40px 30px; width: 100%; }
.why-us .icon-boxes .icon-box i { font-size: 40px; color: #cda90c; margin-bottom: 30px; }
.why-us .icon-boxes .icon-box h4 { font-size: 20px; font-weight: 700; margin: 0 0 30px 0; }
.why-us .icon-boxes .icon-box p { font-size: 15px; color: #716f6f; }
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .icon-boxes h4 { font-size: 18px; color: #7f6d68; margin-bottom: 15px; }
.about .icon-boxes h3 { font-size: 28px; font-weight: 700; color: #554945; margin-bottom: 15px; }
.about .icon-box { margin-top: 40px; }
.about .icon-box .icon { float: left; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border: 2px solid #ffcbba; border-radius: 50px; transition: 0.5s; background: #fff; }
.about .icon-box .icon i { color: #cda90c; font-size: 32px; }
.about .icon-box:hover .icon { background: #cda90c; border-color: #a2870f; }
.about .icon-box:hover .icon i { color: #fff; }
.about .icon-box .title { margin-left: 85px; font-weight: 700; margin-bottom: 10px; font-size: 18px; }
.about .icon-box .title a { color: #343a40; transition: 0.3s; }
.about .icon-box .title a:hover { color: #ff5821; }
.about .icon-box .description, .about .icon-box p { margin-left: 85px; line-height: 24px; font-size: 14px; }

.about .play-btn { width: 94px; height: 94px; background: radial-gradient(#cda90c 50%, rgba(250, 210, 94, 0.4) 52%); border-radius: 50%; display: block; position: absolute; left: calc(50% - 47px); top: calc(50% - 47px); overflow: hidden; }
.about .play-btn::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.about .play-btn::before { content: ""; position: absolute; width: 120px; height: 120px; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate-btn 2s; animation: pulsate-btn 2s; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: steps; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 5px solid rgba(255, 88, 33, 0.7); top: -15%; left: -15%; background: rgba(198, 16, 0, 0); }
.about .play-btn:hover::after { border-left: 15px solid #ff5821; transform: scale(20); }
.about .play-btn:hover::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border: none; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 200; -webkit-animation: none; animation: none; border-radius: 0; }
 @-webkit-keyframes pulsate-btn {  0% {
 transform: scale(0.6, 0.6);
 opacity: 1;
}
 100% {
 transform: scale(1, 1);
 opacity: 0;
}
}
 @keyframes pulsate-btn {  0% {
 transform: scale(0.6, 0.6);
 opacity: 1;
}
 100% {
 transform: scale(1, 1);
 opacity: 0;
}
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box { padding: 50px 20px; margin-top: 35px; margin-bottom: 25px; text-align: center; height: 200px; position: relative; background: #fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); }
.services .icon { position: absolute; top: -36px; left: calc(50% - 36px); transition: 0.2s; border-radius: 50%; border: 6px solid #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; width: 72px; height: 72px; background: #cda90c; }
.services .icon i { color: #fff; font-size: 24px; line-height: 0; }
.services .title { font-weight: 700; margin-bottom: 15px; font-size: 18px; text-transform: uppercase; }
.services .title a { color: #343a40; }
.services .icon-box:hover .icon { background: #fff; border: 2px solid #cda90c; }
.services .icon-box:hover .icon i { color: #cda90c; }
.services .icon-box:hover .title a { color: #cda90c; }
.services .description { line-height: 24px; font-size: 14px; }
/*--------------------------------------------------------------
# Values
--------------------------------------------------------------*/
.values .card { border: 0; padding: 160px 20px 20px 20px; position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.values .card-body { z-index: 10; background: rgba(255, 255, 255, 0.9); padding: 15px 30px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); transition: 0.3s; transition: ease-in-out 0.4s; border-radius: 5px; }
.values .card-title { font-weight: 700; text-align: center; margin-bottom: 15px; }
.values .card-title a { color: #473d3a; }
.values .card-text { color: #4b4949; }
.values .read-more a { color: #656262; text-transform: uppercase; font-weight: 600; font-size: 12px; transition: 0.4s; }
.values .read-more a:hover { text-decoration: underline; }
.values .card:hover .card-body { background: #cda90c; }
.values .card:hover .read-more a, .values .card:hover .card-title, .values .card:hover .card-title a, .values .card:hover .card-text { color: #fff; }
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials { padding: 80px 0; }
.testimonials::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }
.testimonials .section-header { margin-bottom: 40px; }
.testimonials .testimonials-carousel, .testimonials .testimonials-slider { overflow: hidden; }
.testimonials .testimonial-item { text-align: center; color: #fff; }
.testimonials .testimonial-item .testimonial-img { width: 100px; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.15); margin: 0 auto; }
.testimonials .testimonial-item h3 { font-size: 20px; font-weight: bold; margin: 10px 0 5px 0; color: #fff; }
.testimonials .testimonial-item h4 { font-size: 14px; color: #ddd; margin: 0 0 15px 0; }
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right { color: rgba(255, 255, 255, 0.6); font-size: 28px; }
.testimonials .testimonial-item .quote-icon-left { display: inline-block; left: -5px; position: relative; }
.testimonials .testimonial-item .quote-icon-right { display: inline-block; right: auto; position:absolute; bottom: -10px; }
.testimonials .testimonial-item p { font-style: italic; margin: 0 auto 15px auto; color: #eee; }
.testimonials .swiper-pagination { margin-top: 20px; position: relative; }
.testimonials .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.5); opacity: 1; }
.testimonials .swiper-pagination .swiper-pagination-bullet-active { 
background-color: #cda90c; }
.testimonials .swiper-slide {background: rgba(0,0,0,.3); padding:20px 0 10px }
@media (min-width: 992px) {
.testimonials .testimonial-item p { width: 80%; line-height: 1.3;position: relative;}
}
#feedback {padding: 10px 0 30px  }
#feedback .testimonial-item .testimonial-img { width: 100px; border-radius: 50%; border: 4px solid rgba(0,0,0, 0.15); margin: 0 auto; }
#feedback .testimonial-item .testimonial-img { width:75px }
#feedback .testimonial-item h3 { font-size: 18px; font-weight: bold; margin: 10px 0 5px 0; color: #555; }
#feedback .testimonial-item h4 { font-size: 14px; color: #777; margin: 0 0 15px 0; }
#feedback .testimonial-item .quote-icon-left, #feedback .testimonial-item .quote-icon-right { color: rgba(0,0,0, 0.6); font-size: 20px; }
#feedback .testimonial-item .quote-icon-left { display: inline-block; left: -5px; position: relative; }
#feedback .testimonial-item .quote-icon-right { display: inline-block; right: -10px; position:absolute; bottom: 0; }
#feedback .testimonial-item p {font-size: 14px; font-style: italic; margin: 0 auto 15px auto; color: #777;position: relative; }

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters { padding: 0; margin: 0 auto 35px auto; list-style: none; text-align: center; border-radius: 50px; padding: 2px 15px; }
.portfolio #portfolio-flters li { cursor: pointer; display: inline-block; padding: 10px 20px 12px 20px; font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; color: #313030; margin-bottom: 5px; transition: all 0.3s ease-in-out; border-radius: 10px; border:1px dotted #cda90c }
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active { color: #F1F1f1; background: #cda90c; }
.portfolio #portfolio-flters li:last-child { margin-right: 0; }
.portfolio .portfolio-item { margin-bottom: 30px; }
.portfolio .portfolio-item .portfolio-info { opacity: 0; position: absolute; left: 30px; right: 30px; bottom: 0; z-index: 3; transition: all ease-in-out 0.3s; background: rgba(255, 255, 255, 0.9); padding: 15px; }
.portfolio .portfolio-item .portfolio-info h4 { font-size: 18px; color: #fff; font-weight: 600; color: #473d3a; }
.portfolio .portfolio-item .portfolio-info p { color: #7f6d68; font-size: 14px; margin-bottom: 0; }
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link { position: absolute; right: 40px; font-size: 24px; top: calc(50% - 18px); color: #635551; }
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover { color: #ff5821; }
.portfolio .portfolio-item .portfolio-info .details-link { right: 10px; }
.portfolio .portfolio-item .portfolio-links { opacity: 0; left: 0; right: 0; text-align: center; z-index: 3; position: absolute; transition: all ease-in-out 0.3s; }
.portfolio .portfolio-item .portfolio-links a { color: #fff; margin: 0 2px; font-size: 28px; display: inline-block; transition: 0.3s; }
.portfolio .portfolio-item .portfolio-links a:hover { color: #ffa587; }
.portfolio .portfolio-item:hover .portfolio-info { opacity: 1; bottom: 20px; }

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details { padding-top: 20px; }
.portfolio-details .portfolio-details-slider img { width: 100%; }
.portfolio-details .portfolio-details-slider .swiper-pagination { margin-top: 20px; position: relative; }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; border: 1px solid #ff5821; }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active { background-color: #cda90c; }
.portfolio-details .portfolio-info { padding: 30px; box-shadow: 0px 0 30px rgba(71, 61, 58, 0.08); }
.portfolio-details .portfolio-info h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.portfolio-details .portfolio-info ul { list-style: none; padding: 0; font-size: 15px; }
.portfolio-details .portfolio-info ul li + li { margin-top: 10px; }
.portfolio-details .portfolio-description { padding-top: 30px; }
.portfolio-details .portfolio-description h2 { font-size: 26px; font-weight: 700; margin-bottom: 20px; }
.portfolio-details .portfolio-description p { padding: 0; }

.swiper-wrapper .portfolio-info { position: absolute; z-index: 100; bottom: 10px; left:10px; border-radius:4px; background: rgba(0,0,0,.4); width: auto; max-width:360px; padding: 5px 8px 3px; color: #eee; font-size:14px; line-height:1.1; text-align:justify }
.swiper-wrapper .portfolio-info .info-title { font-size:16px; font-weight:bold }

/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
.faq.section-bg {background-color: #e7e6e6; }
.faq .faq-list { padding: 0 100px; }
.faq .faq-list ul { padding: 0; list-style: none; }
.faq .faq-list li + li { margin-top: 15px; }
.faq .faq-list li { padding: 20px; background: #fff; border-radius: 4px; position: relative; }
.faq .faq-list a { display: block; position: relative; font-size: 16px; line-height: 24px; font-weight: 500; padding: 0 30px; outline: none; cursor: pointer; }
.faq .faq-list .icon-help { font-size: 24px; position: absolute; right: 0; left: 20px; color: #ffb8a1; }
.faq .faq-list .icon-show, .faq .faq-list .icon-close { font-size: 24px; position: absolute; right: 0; top: 0; }
.faq .faq-list p { margin-bottom: 0; padding: 10px 0 0 0; }
.faq .faq-list .icon-show { display: none; }
.faq .faq-list a.collapsed { color: #343a40; }
.faq .faq-list a.collapsed:hover { color: #ff5821; }
.faq .faq-list a.collapsed .icon-show { display: inline-block; }
.faq .faq-list a.collapsed .icon-close { display: none; }
@media (max-width: 1200px) {
.faq .faq-list { padding: 0; }
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box { color: #313030; box-shadow: 0 0 30px rgba(214, 215, 216, 0.6); padding: 20px; }
.contact .info-box i { font-size: 32px; color: #cda90c; border-radius: 50%; padding: 8px; border: 2px dotted #ffded4; float: left; }
.contact .info-box h3 { font-size: 20px; color: #656262; font-weight: 700; margin: 10px 0 10px 68px; }
.contact .info-box p { padding: 0; line-height: 24px; font-size: 14px; margin: 0 0 0 68px; }
.contact .php-email-form { box-shadow: 0 0 30px rgba(214, 215, 216, 0.6); padding: 30px; }
.contact .php-email-form .error-message { display: none; color: #fff; background: #ed3c0d; text-align: left; padding: 15px; font-weight: 600; }
.contact .php-email-form .error-message br + br { margin-top: 25px; }
.contact .php-email-form .sent-message { display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600; }
.contact .php-email-form .loading { display: none; background: #fff; text-align: center; padding: 15px; }
.contact .php-email-form .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #18d26e; border-top-color: #eee; -webkit-animation: animate-loading 1s linear infinite; animation: animate-loading 1s linear infinite; }
.contact .php-email-form input, .contact .php-email-form textarea { border-radius: 0; box-shadow: none; font-size: 14px; }
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus { border-color: #ff5821; }
.contact .php-email-form input { padding: 10px 15px; }
.contact .php-email-form textarea { padding: 12px 15px; }
.contact .php-email-form button[type=submit] { background: #ff5821; border: 0; padding: 10px 24px; color: #fff; transition: 0.4s; }
.contact .php-email-form button[type=submit]:hover { background: #ff7e54; }
@-webkit-keyframes animate-loading {  0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
@keyframes animate-loading {  0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog { padding: 20px 0; }
.blog .entry { padding: 30px; margin-bottom: 60px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
.blog .entry .entry-img { max-height: 440px; margin: -30px -30px 20px -30px; overflow: hidden; }
.blog .entry .entry-title { font-size: 28px; font-weight: bold; padding: 0; margin: 0 0 20px 0; }
.blog .entry .entry-title a { color: #473d3a; transition: 0.3s; }
.blog .entry .entry-title a:hover { color: #ff5821; }
.blog .entry .entry-meta { margin-bottom: 15px; color: #afa29e; }
.blog .entry .entry-meta ul { display: flex; flex-wrap: wrap; list-style: none; align-items: center; padding: 0; margin: 0; }
.blog .entry .entry-meta ul li + li { padding-left: 20px; }
.blog .entry .entry-meta i { font-size: 16px; margin-right: 8px; line-height: 0; }
.blog .entry .entry-meta a { color: #656262; font-size: 14px; display: inline-block; line-height: 1; }
.blog .entry .entry-content p { line-height: 24px; }
.blog .entry .entry-content .read-more { -moz-text-align-last: right; text-align-last: right; }
.blog .entry .entry-content .read-more a { display: inline-block; background: #ff5821; color: #fff; padding: 6px 20px; transition: 0.3s; font-size: 14px; border-radius: 4px; }
.blog .entry .entry-content .read-more a:hover { background: #ff6b3b; }
.blog .entry .entry-content h3 { font-size: 22px; margin-top: 30px; font-weight: bold; }
.blog .entry .entry-content blockquote { overflow: hidden; background-color: #fafafa; padding: 60px; position: relative; text-align: center; margin: 20px 0; }
.blog .entry .entry-content blockquote p { color: #313030; line-height: 1.6; margin-bottom: 0; font-style: italic; font-weight: 500; font-size: 22px; }
.blog .entry .entry-content blockquote::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #473d3a; margin-top: 20px; margin-bottom: 20px; }
.blog .entry .entry-footer { padding-top: 10px; border-top: 1px solid #e6e6e6; }
.blog .entry .entry-footer i { color: #988782; display: inline; }
.blog .entry .entry-footer a { color: #554945; transition: 0.3s; }
.blog .entry .entry-footer a:hover { color: #ff5821; }
.blog .entry .entry-footer .cats { list-style: none; display: inline; padding: 0 20px 0 0; font-size: 14px; }
.blog .entry .entry-footer .cats li { display: inline-block; }
.blog .entry .entry-footer .tags { list-style: none; display: inline; padding: 0; font-size: 14px; }
.blog .entry .entry-footer .tags li { display: inline-block; }
.blog .entry .entry-footer .tags li + li::before { padding-right: 6px; color: #6c757d; content: ","; }
.blog .entry .entry-footer .share { font-size: 16px; }
.blog .entry .entry-footer .share i { padding-left: 5px; }
.blog .entry-single { margin-bottom: 30px; }
.blog .blog-author { padding: 20px; margin-bottom: 30px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
.blog .blog-author img { width: 120px; margin-right: 20px; }
.blog .blog-author h4 { font-weight: 600; font-size: 22px; margin-bottom: 0px; padding: 0; color: #473d3a; }
.blog .blog-author .social-links { margin: 0 10px 10px 0; }
.blog .blog-author .social-links a { color: rgba(71, 61, 58, 0.5); margin-right: 5px; }
.blog .blog-author p { font-style: italic; color: #a4a2a2; }
.blog .blog-comments { margin-bottom: 30px; }
.blog .blog-comments .comments-count { font-weight: bold; }
.blog .blog-comments .comment { margin-top: 30px; position: relative; }
.blog .blog-comments .comment .comment-img { margin-right: 14px; }
.blog .blog-comments .comment .comment-img img { width: 60px; }
.blog .blog-comments .comment h5 { font-size: 16px; margin-bottom: 2px; }
.blog .blog-comments .comment h5 a { font-weight: bold; color: #313030; transition: 0.3s; }
.blog .blog-comments .comment h5 a:hover { color: #ff5821; }
.blog .blog-comments .comment h5 .reply { padding-left: 10px; color: #473d3a; }
.blog .blog-comments .comment h5 .reply i { font-size: 20px; }
.blog .blog-comments .comment time { display: block; font-size: 14px; color: #635551; margin-bottom: 5px; }
.blog .blog-comments .comment.comment-reply { padding-left: 40px; }
.blog .blog-comments .reply-form { margin-top: 30px; padding: 30px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
.blog .blog-comments .reply-form h4 { font-weight: bold; font-size: 22px; }
.blog .blog-comments .reply-form p { font-size: 14px; }
.blog .blog-comments .reply-form input { border-radius: 4px; padding: 10px 10px; font-size: 14px; }
.blog .blog-comments .reply-form input:focus { box-shadow: none; border-color: #ffa587; }
.blog .blog-comments .reply-form textarea { border-radius: 4px; padding: 10px 10px; font-size: 14px; }
.blog .blog-comments .reply-form textarea:focus { box-shadow: none; border-color: #ffa587; }
.blog .blog-comments .reply-form .form-group { margin-bottom: 25px; }
.blog .blog-comments .reply-form .btn-primary { border-radius: 4px; padding: 10px 20px; border: 0; background-color: #473d3a; }
.blog .blog-comments .reply-form .btn-primary:hover { background-color: #554945; }
.blog .blog-pagination { color: #7f6d68; }
.blog .blog-pagination ul { display: flex; padding: 0; margin: 0; list-style: none; }
.blog .blog-pagination li { margin: 0 5px; transition: 0.3s; }
.blog .blog-pagination li a { color: #473d3a; padding: 7px 16px; display: flex; align-items: center; justify-content: center; }
.blog .blog-pagination li.active, .blog .blog-pagination li:hover { background: #ff5821; }
.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a { color: #fff; }
.blog .sidebar { padding: 30px; margin: 0 0 60px 20px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
.blog .sidebar .sidebar-title { font-size: 20px; font-weight: 700; padding: 0 0 0 0; margin: 0 0 15px 0; color: #473d3a; position: relative; }
.blog .sidebar .sidebar-item { margin-bottom: 30px; }
.blog .sidebar .search-form form { background: #fff; border: 1px solid #ddd; padding: 3px 10px; position: relative; }
.blog .sidebar .search-form form input[type=text] { border: 0; padding: 4px; border-radius: 4px; width: calc(100% - 40px); }
.blog .sidebar .search-form form button { position: absolute; top: 0; right: 0; bottom: 0; border: 0; background: none; font-size: 16px; padding: 0 15px; margin: -1px; background: #ff5821; color: #fff; transition: 0.3s; border-radius: 0 4px 4px 0; line-height: 0; }
.blog .sidebar .search-form form button i { line-height: 0; }
.blog .sidebar .search-form form button:hover { background: #ff6735; }
.blog .sidebar .categories ul { list-style: none; padding: 0; }
.blog .sidebar .categories ul li + li { padding-top: 10px; }
.blog .sidebar .categories ul a { color: #473d3a; transition: 0.3s; }
.blog .sidebar .categories ul a:hover { color: #ff5821; }
.blog .sidebar .categories ul a span { padding-left: 5px; color: #989595; font-size: 14px; }
.blog .sidebar .recent-posts .post-item + .post-item { margin-top: 15px; }
.blog .sidebar .recent-posts img { width: 80px; float: left; }
.blog .sidebar .recent-posts h4 { font-size: 15px; margin-left: 95px; font-weight: bold; }
.blog .sidebar .recent-posts h4 a { color: #473d3a; transition: 0.3s; }
.blog .sidebar .recent-posts h4 a:hover { color: #ff5821; }
.blog .sidebar .recent-posts time { display: block; margin-left: 95px; font-style: italic; font-size: 14px; color: #989595; }
.blog .sidebar .tags { margin-bottom: -10px; }
.blog .sidebar .tags ul { list-style: none; padding: 0; }
.blog .sidebar .tags ul li { display: inline-block; }
.blog .sidebar .tags ul a { color: #8d7973; font-size: 14px; padding: 6px 14px; margin: 0 6px 8px 0; border: 1px solid #f4f2f2; display: inline-block; transition: 0.3s; }
.blog .sidebar .tags ul a:hover { color: #fff; border: 1px solid #ff5821; background: #ff5821; }
.blog .sidebar .tags ul a span { padding-left: 5px; color: #ddd7d6; font-size: 14px; }
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { color: #313030; font-size: 14px; background: #fff; border-top: 4px solid #cda90c;}
#footer .footer-top { padding: 60px 0 30px 0; background: #e7e6e6; border-bottom: 4px solid #cda90c;}
#footer .footer-top .footer-contact { margin-bottom: 30px; }
#footer .footer-top .footer-contact h4 { font-size: 22px;color: #cda90c; margin:10px 0; padding: 2px 0 2px 0; line-height: 1; font-weight: 700; text-shadow:1px 1px 0 #444 }
#footer .footer-top .footer-contact p { font-size: 14px; line-height: 24px; margin-bottom: 0; color: #656262; }
#footer .footer-top h4 { font-size: 16px; font-weight: bold; color: #313030; position: relative; padding-bottom: 12px; }
#footer .footer-top .footer-links { margin-bottom: 30px; }
#footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }
#footer .footer-top .footer-links ul i { padding-right: 2px; color: #ffa587; font-size: 18px; line-height: 1; }
#footer .footer-top .footer-links ul li { padding: 10px 0; display: flex; align-items: center; }
#footer .footer-top .footer-links ul li:first-child { padding-top: 0; }
#footer .footer-top .footer-links ul a { color: #656262; transition: 0.3s; display: inline-block; line-height: 1; }
#footer .footer-top .footer-links ul a:hover { text-decoration: none; color: #ff5821; }
#footer .footer-newsletter { font-size: 15px; }
#footer .footer-newsletter h4 { font-size: 16px; font-weight: bold; color: #313030; position: relative; padding-bottom: 12px; }
#footer .footer-newsletter form { margin-top: 30px; background: #fff; padding: 6px 10px; position: relative; border-radius: 50px; text-align: left; border: 1px solid #ffe2d9; }
#footer .footer-newsletter form input[type=email] { border: 0; padding: 4px 8px; width: calc(100% - 100px); }
#footer .footer-newsletter form input[type=submit] { position: absolute; top: 0; right: 0; bottom: 0; border: 0; background: none; font-size: 16px; padding: 0 20px; background: #ff5821; color: #fff; transition: 0.3s; border-radius: 50px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); }
#footer .footer-newsletter form input[type=submit]:hover { background: #ed3b00; }
#footer .credits { padding-top: 5px; font-size: 13px; color: #313030; }
#footer .social-links a { font-size: 18px; display: inline-block;border: 1px solid; color: #cda90c; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s; }
#footer .social-links a:hover { background: #ff7e54; color: #fff; text-decoration: none; }
#footer .copyright p { margin:0}