/*------------------------------------------------------------------
Project: Fovida - Organic Dairy Farm HTML Template
Version: 1.1
Primary use: Organic Dairy Farm
-------------------------------------------------------------------*/

/* Index of CSS
==================================================
1. Global styles

2. Header Section / .header_topbar

3. Menu Section / .navigation

4. Slider Section / .slides_wrapper
 
5. About Section / .about-section

6. Service Section / .service-section

7. Call to action Section / .cta-section 

8. Shop  Section / .shop-section

9. Featured Product Section / .featured-product-section

10. Team Section / .team-section

11. Testimonial Section / .testi-section

12. Client Section / .client-section

13. Blog Section / .blog-section

14. Footer Section/ .footer-section

[===== Single Page ===== ]

15. Single Page Header

15. About Page

16. Team page 

17. Contact page 

18. Service page 

19. Single Service page 

20. Gallery page

21. Shop Page

22. Single Product page 

23. Cart Page   

24. Checkout  page 

25. Login Page /  My account

26. 404 / not found Page

27. Blog Page

28. Single Blog Page

*/

/*----------------------------------------------------
    1. Global styles
------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('../icon/custom-icons/css/custom-icons.css');
@import url('../icon/icofont/icofont.min.css');
@import url('fontawesome.min.css');

html {
  scroll-behavior: smooth;
}

body {
    background: #fff;
    color: #342512;
    font-family: "Noto Sans TC",Microsoft JhengHei,sans-serif;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    padding: 0;
    position: relative;
}

img {
  max-width: 100%;
}

/* === PARAGRAPH === */

p {
    margin: 0 0 10px;
    letter-spacing: .5px;
}

b,
strong {
  font-weight: 600;
}

/* ===  Headings === */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  padding: 0;
}

h1 {
  font-size: 50px;
  line-height: 1.3;
  font-weight: 700;
}

h2 {
  font-size: 40px;
  line-height: 1.3;
  font-weight: 700;
}

h3 {
  font-size: 32px;
  line-height: 1.3;
  font-weight: 700;
}

h4 {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 600;
}

h5 {
  font-size: 20px;
  line-height: 28px;
}

h6 {
  font-size: 18px;
}

/* ## End: Headings ## */

/* === Hyperlink === */

a {
  color: #303030;
  /*transition*/
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

a,
a>* {
  cursor: pointer;
  outline: medium none;
  text-decoration: none;
}

a:focus,
a:hover {
  outline: medium none;
  text-decoration: none;
  color: inherit;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* === Hyperlink === */

.btn.btn-fill {
  background: #fff;
}

.btn.btn-fill {
  color: #000;
}

.btn {
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 22px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  color: #fff;
}


section {
  background: #FFF;
  padding-top: 78px;
  padding-bottom: 100px;
}

.base-header {
  padding-bottom: 35px;
/*  width: 57%;
*/  margin: auto;
  text-align: center;
}

.base-header small {
  font-size: 18px;
  color: #E1B44F;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 1px;
  font-weight: 600;
}

.base-header h2 {
  padding-bottom: 12px;
  position: relative;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 0px;
  font-size: 50px;
  color: #2b343b;
  margin-top: 12px;
  line-height: 1.2;
}

.base-header.base_header_left {
  width: 100%;
  text-align: left;
  padding-bottom: 40px;
}

.base-header.base_header_left small {
  padding-left: 35px;
}

.base-header.base_header_left h2 {
  padding-bottom: 21px;
}


.heading_watermark {
  position: absolute;
  font-size: 130px;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 1;
  opacity: .05;
  width: 100%;
  left: 0;
  color: inherit;
  top: -42px;
}

/* Preloder Start  */
.preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: start;
  background: #181b20;
  z-index: 999999;
  align-items: baseline;
  gap: 6px;
  padding-top: 300px;
}

.loader {
  width: 6px;
  height: 60px;
  background: #E1B44F;
  display: inline-block;
  transform-origin: bottom center;
  animation: animate 1.5s ease-in-out infinite;
}

.loader1 {
  animation-delay: 0.1s;
}

.loader2 {
  animation-delay: 0.2s;
}

.loader3 {
  animation-delay: 0.3s;
}

.loader4 {
  animation-delay: 0.14;
}

.loader5 {
  animation-delay: 0.5s;
}

.loader6 {
  animation-delay: 0.6s;
}

.loader7 {
  animation-delay: 0.7s;
}

.loader8 {
  animation-delay: 0.8s;
}

@keyframes animate {
  0% {
    transform: scaleY(0.1);
    background: #fff;
  }

  50% {
    transform: scaleY(1);
    background: #E1B44F;
  }

  100% {
    transform: scaleY(0.1);
    opacity: 0;
    visibility: hidden;
  }
}

.preloader.hidden {
  animation: fadeOut 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/*  Preloder end */

.more-link:hover {
  color: #fff;
}

.more-link {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #E1B44F;
  border-radius: 6px;
  display: inline-block;
  padding: 0px 25px;
  color: #fff;
  letter-spacing: 0.3px;
  margin-bottom:15px;
}

.more-link::after {
  top: 0;
  left: 0;
  content: "";
  z-index: -4;
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: absolute;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  border-radius: 0px;
  background: #2b343b;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.more-link:hover::after {
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.b_none {
  border: none !important;
}

.owl-prev,
.owl-next {
  -webkit-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 99;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #333;
  opacity: 0;
}

.owl-theme .owl-controls .owl-nav div {
  padding-right: 20px;
}

.owl-theme .owl-controls .owl-nav .owl-prev {
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.owl-theme .owl-controls .owl-nav .owl-next {
    left: 40px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.owl-nav {
  bottom: -50px;
  left: 0%;
}

.owl-prev {
  margin-left: 0;
}

.owl-nav div.owl-next {
  left: 60px;
  right: 20px;
}

.owl-nav div {
  color: #333;
  font-size: 19px;
  height: 50px;
  left: 0px;
  line-height: 36px;
  margin-top: -30px;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  position: absolute;
  text-align: center;
  top: 50.5%;
  width: 50px;
  border-radius: 50%;
  padding-right: 0px !important;
  padding-top: 5px;
}

.owl-dot {
  display: inline-block !important;
  padding-left: 4px;
  padding-right: 4px;
}

.owl-dots {
  text-align: center;
}

.owl-dot span {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 50%;
  display: inline-block;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #E1B44F;
  border: 5px solid #ECE4E4;
}

.owl-dot.active span {
  background: #F7F7F7;
  /*! border-radius: 10px; */
  /*! width: 20px; */
  border: 5px solid #E1B44F;
}

/*----------------------------------------------------
   2. Header Section
------------------------------------------------------*/
/*----- Top bar -----*/

.header_topbar {
  background: #26292b;
  padding: 5px 0px;
}

.top-bar .header_top_left {
  padding: 0 0;
}

.header_socil {
  margin: 0 0 0 10px;
  float: right;
}

.header_socil li {
  padding-left: 1px;
  padding-right: 1px;
}

.header_socil li {
  font-size: 14px;
  margin: 0;
  position: relative;
  display: inline-block;
  text-align: center;
}

.header_socil li .fab {
  font-size: 14px;
  margin-left: 8px;
  color: #fff;
}

.header_socil li .fa:hover {
  color: #E1B44F;
}

.header_socil li:nth-child(1) i {
  margin-right: 5px;
  color: #E1B44F;
}

    .header_socil li:nth-child(1) {
        border-right: 1px solid #ddd;
        padding-right: 20px;
        margin-right: 10px;
        line-height: 1;
        color: #fff;
    }


.header_top_left {
  padding-left: 1px;
  float: left;
}

.header_top_right {
  float: left;
  width: 54%;
  display: block;
  overflow: hidden;
}

.header_topbar ul {
  margin-bottom: 0;
  text-align: left;
  margin-left: 43px;
}

.header_top_right ul {
  margin-left: 0px;
}

.header_top_right li {
  display: inline;
  padding-right: 20px;
  font-size: 14px;
  color: #fff;
}

.header_top_right li i {
  margin-right: 5px;
  color: #E1B44F;
  font-size: 15px;
  position: relative;
  top: 1px;
}

/*----- End : Top bar -----*/

.navigation .logo {
  float: left;
  position: relative;
  height: 73px;
}

.navigation .logo img {
  margin-top: 5px;
  max-width: inherit;
}

.logo img {
  max-width: inherit;
}

.navigation .logo::before {
  background: transparent !important;
}

.navigation .logo::before {
  position: absolute;
  top: 0px;
  width: 243%;
  content: "";
  height: 100%;
  left: -240%;
}

.navigation .logo::after {
  background: transparent !important;
}

.navigation .logo::after {
  width: 121px;
  height: 73px;
  position: absolute;
  right: -121px;
  top: 0px;
  content: "";
}

.logo {
  background: transparent !important;
  width: 189px;
}


/*----------------------------------------------------
   3. Menu Section / .navigation
------------------------------------------------------*/
.navigation {
  background-color: #fff;
  z-index: 999;
  position: relative;
  /*! border-top: 1px solid #eeeef4; */
  position: sticky;
  top: 0px;
  box-shadow: 0 3px 6px rgba(54, 54, 54, 0.07);
}

#navigation ul li.active>a {
  color: #E1B44F;
}

.navigation #navigation {
 /* float: right;
  margin-right: -70px;*/
}

#navigation ul li .submenu-button::after {
  position: absolute;
  content: "\efc2";
  font-family: "IcoFont";
  font-size: 7px;
  top: 43px;
  right: -10px;
  color: #E0B44F;
  font-weight: 400;
  transition: all 500ms ease;
}

#navigation,
#navigation ul,
#navigation ul li,
#navigation ul li a,
#navigation #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1px;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#navigation:after,
#navigation>ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#navigation #menu-button {
  display: none;
}

#navigation>ul>li {
  float: left;
  margin-right: 7px;
}

#navigation li:hover>ul {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #fff;
}

#navigation.align-center>ul {
  font-size: 0;
  text-align: center;
}

#navigation.align-center>ul>li {
  display: inline-block;
  float: none;
}

#navigation.align-center ul ul {
  text-align: left;
}

#navigation.align-right>ul>li {
  float: right;
}

    #navigation > ul > li > a {
/*        font-size:17px;
*/        font-weight: bolder;
        padding: 42px 0px 42px 10px;
        text-decoration: none;
        color: #227155;
    }

#navigation>ul>li.has-sub>a {
  /*padding: 42px 0px 42px 37px;*/
}

#navigation>ul>li.has-sub>a::before {
  position: absolute;
  right: 18px;
  font-family: FontAwesome;
  content: "\f107";
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#navigation>ul>li.has-sub>a::before {
  position: absolute;
  right: 14px;
  font-family: FontAwesome;
  content: "\f107";
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  display: none;
}

#navigation ul ul li.has-sub>a::before {
  position: absolute;
  top: 20px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #E1B44F;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#navigation ul ul li.has-sub>a::after {
  position: absolute;
  top: 23px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #E1B44F;
  content: '';
}

#navigation ul ul>li.has-sub:hover>a::before {
  top: 17px;
  height: 0;
}

#navigation>ul>li>.active {
  color: #E1B44F;
}

#navigation>ul>li:hover>a {
  color: #E1B44F !important;
}

#navigation ul ul {
  position: absolute;
  left: -9999px;
}

#navigation.align-right ul ul {
  text-align: right;
}

#navigation ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#navigation li:hover>ul {
  left: auto;
}

#navigation.align-right li:hover>ul {
  left: auto;
  right: 0;
}

#navigation li:hover>ul>li {
  height: 40px;
}

#navigation ul ul ul {
  margin-left: 100%;
  top: 0;
}

#navigation.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}

    #navigation ul ul li a {
        border-bottom: 1px solid #E1B44F;
        padding: 14px 10px 14px 20px;
        width: 180px;
        text-decoration: none;
        color: #227155;
        font-weight: 500;
        background: #fff;
        margin-left: 20px;
        border-left: 1px solid #f1f1f1;
        line-height: 13px;
        position: relative;
    }

#navigation ul ul li a::after {
  position: absolute;
  content: "";
  height: 0px;
  width: 1px;
  left: 0px;
  background: #E1B44F;
  top: 0px;
  transition: .4s;
}

#navigation ul ul li:last-child>a,
#navigation ul ul li.last-item>a {
  border-bottom: 0;
}

#navigation ul ul li:hover>a:after {
  color: #E1B44F;
  height: 42px;
  transition: .4s;
}

#navigation ul ul li a:hover {
  color: #E1B44F;
}

#navigation.small-screen {
  width: 100%;
}

#navigation.small-screen ul {
  width: 100%;
  display: none;
}

#navigation.small-screen.align-center>ul {
  text-align: left;
}

#navigation.small-screen ul:hover {
  background: transparent !important;
}

#navigation.small-screen li:hover>ul {
  background: transparent;
}

#navigation.small-screen ul>li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}

#navigation.small-screen ul ul li,
#navigation.small-screen li:hover>ul>li {
  height: auto;
}

#navigation.small-screen ul li a,
#navigation.small-screen ul ul li a {
  width: 100%;
  border-bottom: 0;
}

#navigation.small-screen>ul>li {
  float: none;
}

#navigation.small-screen ul ul li a {
  padding-left: 15px;
}

#navigation.small-screen ul ul ul li a {
  padding-left: 35px;
}

#navigation.small-screen ul ul li a {
  color: #333;
  background: none;
}

#navigation.small-screen ul ul li a {
  border-left: 1px solid transparent;
}

#navigation.small-screen ul ul li:hover>a,
#navigation.small-screen ul ul li.active>a {
  color: #E1B44F;
}

#navigation.small-screen ul ul,
#navigation.small-screen ul ul ul,
#navigation.small-screen.align-right ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}

#navigation.small-screen>ul>li.has-sub>a:after,
#navigation.small-screen>ul>li.has-sub>a:before,
#navigation.small-screen ul ul>li.has-sub>a:after,
#navigation.small-screen ul ul>li.has-sub>a:before {
  display: none;
}

#navigation.small-screen #menu-button {
  display: block;
  padding: 17px;
  color: #171818;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}

#navigation.small-screen #menu-button:after {
  position: absolute;
  top: 22px;
  right: 2px;
  display: block;
  height: 8px;
  width: 20px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
}

#navigation.small-screen #menu-button:before {
  position: absolute;
  top: 16px;
  right: 2px;
  display: block;
  height: 2px;
  width: 20px;
  background: #000;
  content: '';
}

#navigation.small-screen #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #000;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#navigation.small-screen #menu-button.menu-opened:before {
  top: 23px;
  background: #000;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#navigation.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 48px;
  width: 46px;
  cursor: pointer;
}

#navigation.small-screen .submenu-button.submenu-opened {
  background: transparent;
}

#navigation.small-screen ul ul .submenu-button {
  height: 35px;
  width: 35px;
  top: 8px;
}

#navigation.small-screen .submenu-button:after {
  position: absolute;
  top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #a28d8d;
  content: '';
}

#navigation.small-screen ul ul .submenu-button:after {
  top: 15px;
  right: 13px;
}

#navigation.small-screen .submenu-button.submenu-opened:after {
  background: #a28d8d;
}

#navigation.small-screen .submenu-button:before {
  position: absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #a28d8d;
  content: '';
}

#navigation.small-screen ul ul .submenu-button:before {
  top: 12px;
  right: 16px;
}

#navigation.small-screen .submenu-button.submenu-opened:before {
  display: none;
}

#navigation.small-screen.select-list {
  padding: 5px;
}

/*-----Navigationn end-----*/


/*----- Menu Search  -----*/

/*  Search css */
.nav-search {
  position: relative;
  display: block;
  color: inherit;
}

.nav-search:hover {
  color: inherit;
}

.search_wrp {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 121;
  background: rgba(0, 0, 0, 0.9);
}

.search_wrp .search_frm {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.search_wrp .search-field {
  width: 50%;
  margin: auto;
  position: relative;
  -webkit-animation: slideInUp 0.3s;
  animation: slideInUp 0.3s;
}

.search_wrp .header-search-input {
  width: 100%;
  height: 70px;
  border: 0;
  padding: 0 50px;
  text-transform: uppercase;
  background: transparent;
  font-size: 25px;
  color: #fff;
  border-bottom: 2px solid #898989;
  text-align: center;
  letter-spacing: 2px;
}

.search_wrp input.form-control,
.search_wrp input.form-control:focus {
  background-color: #fff;
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

input.header-search-input::-webkit-input-placeholder {
  color: #fff;
  font-size: 25px;
}

input.header-search-input:-moz-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 25px;
}

input.header-search-input::-moz-placeholder {
  color: #fff;
  opacity: 1;
  font-size: 25px;
}

input.header-search-input:-ms-input-placeholder {
  color: #fff;
  font-size: 25px;
}

.search_close {
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}


/*  Header Cart */
.header_cart {
  margin-top: 34px;
  text-align: right;
  margin-left: 68px;
}

.header_cart ul {
  padding-right: 0px;
  padding-left: 30px;
}

.header_cart ul li {
  display: inline;
  margin-left: 4px;
  position: relative;
}

.header_cart li a {
  background: #E1B44F;
  border-radius: 50%;
  padding: 7px 10px;
  font-size: 13px;
  color: #fff;
}

.header_cart li a:hover {
  background: #2b343b;
  color: #fff;
}

.cart_count {
  position: absolute;
  top: -14px;
  background: #fff;
  box-shadow: 1px 2px 8px #0d0b0b33;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  right: 0px;
  margin-right: -2px;
}

.number_cart {
  position: absolute;
  top: -16px;
  background: #E1B44F;
  padding: 2px 6px;
  border-radius: 50%;
  color: #fff;
  line-height: 15px;
  right: -2px;
}


/*----- End :Menu Search  -----*/

/*========= Sidebar =========*/


/* Sidebar body */
.cart_sidebar_info {
  padding: 0px;
}

.cart_sidebar_close-btn {
  float: right;
}

.cart_sidebar_close-btn i {
  color: #fff;
  font-size: 20px;
  margin-top: 18px;
}

.cart_sidebar_info.info-opened .info_inner {
  right: 0;
  display: flex;
  flex-direction: column;
  background: #1e1e20;
  padding: 35px 40px 0px;
}

.info_inner {
  position: fixed;
  right: -120%;
  top: 0;
  width: 350px;
  height: 100%;
  background: #F1F6FA;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  z-index: 999999999999;
  overflow: hidden;
}

/*  Cart Items */
.cart-modal-body h2 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
}

.cart-modal-product {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #2b2f31;
  padding-bottom: 12px;
}

.cart-modal-product-wrap .cart-modal-product:last-child {
  border-bottom: 1px solid transparent;
}

.cart-modal-img img {
  width: 115px;
  border-radius: 50%;
  height: 83px;
  border: 2px dashed #343439;
  padding: 6px;
}

.cart-modal-content {
  color: #fff;
}

.cart-modal-content h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 1.3;
}

.cart-modal-action {
  display: flex;
  justify-content: space-between;
}

.cart-modal-quantity {
  display: flex;
}

.cart-modal-delete i {
  color: #E1B44F;
}

.cart-modal-body {
  padding-top: 45px;
}

.cart-modal-total {
  display: flex;
  justify-content: space-between;
  margin-top: 23px;
  margin-bottom: 12px;
}

.cart-modal-total p {
  color: #fff;
  font-size: 20px;
}

.cart-modal-total h3 {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}

.cart-modal-button a {
  width: 269px;
  text-align: center;
  margin-top: 10px;
}

/* End: Cart Items */

.transition-3 {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.body-overlay.opened {
  position: absolute;
  width: 100%;
  height: 140%;
  background: #000;
  top: 0;
  z-index: 99999999;
  opacity: .4;
}


/*
 Header Transparent CSS Start 
----------------------------------------*/

.header-transparent {
  padding-bottom: 20px;
}

.top-bar-transparent {
  margin-bottom: 20px;
}

.header-transparent #navigation {
  margin-top: 5px;
  background-color: transparent;
}

.header-transparent #navigation>ul>li>a {
  padding: 10px 4px;
  border: transparent;
  color: #fff;
}

.header-top {
  border-bottom: 1px solid transparent;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  border-color: rgba(250, 250, 250, .2);
}

.header-transparent #navigation li a {
  color: #ffffff;
  background-color: transparent;
  border-left: transparent;
  border-right: transparent;
  padding: 14px 30px 14px 10px;
}

.header-transparent #navigation li ul li a {
  background-color: #446a73;
  padding: 18px 20px;
}

.header-transparent #navigation>ul>li.has-sub>a {
  padding-right: 30px;
}

.header-transparent #navigation li ul li a {
  border-bottom: 1px solid #375b63;
}

.header-top .top-nav ul li a {
  color: #fff;
}

.top-nav-collapse {
  background-color: rgba(18, 45, 52, .8);
}

#search-area-v2 {
  position: absolute;
  width: 100%;
  z-index: 1032;
  top: 48px;
}

#search-area-v2 .well-bg {
  background-color: #333;
}

.phone-img {
  margin-bottom: 60px;
}




/*Header Transparent CSS End
----------------------------------------*/



/* ----------------------------------------
  4. Slider Section / .slides_wrapper   slider7
----------------------------------------*/

.slide_bg_1 {
    background: #f0f0f0 url("../images/slider202506.png") no-repeat scroll right center;
}

.slide_bg_2 {
    /*background: #f0f0f0 url("../images/slider2.jpg") no-repeat scroll right center;*/
    background: #f0f0f0 url("../images/slider0220.jpg?t=0922") no-repeat scroll right center;
}

.slide_bg_3 {
  background: #f0f0f0 url("../images/slider3.jpg") no-repeat scroll right center;
}

.slide_bg_4 {
    background: #f0f0f0 url("../images/slider4.jpg") no-repeat scroll right center;
}

.slide_bg_00 {
    background: #9fd5bd url("../images/slider1031.jpg?t=1031") no-repeat scroll right center;
}

.slide_bg_001 {
    background: #9fd5bd url("../images/slider202407.jpg?t=0708") no-repeat scroll right center;
}

.slide_bg_01 {
    background: #9fd5bd url("../images/slider8.jpg") no-repeat scroll right center;
}

.single_slider {
  background-color: #dddd;
  background-position: center center;
  background-size: cover;
  color: #fff;
  font-size: 24px;
  height: 750px;
}

.single_slider .container {
  margin-top: -6px;
  text-align: left;
}

.slider_item_tb {
  display: table;
  height: 100%;
  width: 100%;
}

.slider_item_tbcell {
    display: table-cell;
    /*vertical-align: middle;*/
    vertical-align: bottom;
    padding-bottom: 100px;
}

.slide_bg_2 .slider_item_tbcell {
  text-align: right;
}

.single_slider.slide_bg_2 .col-lg-6 {
  margin-left: 49.5%;
}

.slider_home_two .col-md-offset-3 {
  margin-left: 21%;
}

.slide_bg_2 .col-lg-7.col-xs-12 {
  margin-left: 21%;
}

.slider_home h2 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.2;
    color: #493317;
    margin-top: -12px;
    letter-spacing: 1px;
    text-shadow: rgb(98, 87, 87) 0px 0px 3px;
}

.slider_home h2 span {
  display: block;
  font-weight: 500;
}

.slider_home h5 {
    font-size: 18px;
    margin-bottom: 35px;
    font-weight: 600;
    background-color: #dc3545;
    position: relative;
    display: inline-block;
    padding: 0px 20px;
    letter-spacing: 2px;
}

/*.slider_home h5::before {
  position: absolute;
  content: "";
  background-color: #E1B44F;
  width: 20px;
  height: 1px;
  bottom: 18px;
  left: 0px;
  margin-left: 0px;
  border-radius: 136px;
  margin-bottom: -6px;
}

.slider_home h5::after {
  position: absolute;
  content: "";
  background-color: #E1B44F;
  width: 20px;
  height: 1px;
  bottom: 18px;
  right: 0px;
  margin-right: 0px;
  border-radius: 136px;
  margin-bottom: -6px;
}*/

.slide_bg_2 h5 {
  padding-right: 33px;
}

.slide_bg_2 h5::after {
  left: 98%;
}

.slider_home h2 .slide_st1 {
  color: #2c2c2c;
  font-weight: 700;
}

.slider_home p {
  color: #61657a;
  font-size: 15px;
}

.slider_btn a {
  margin-top: 20px;
}

.slider_btn_one {
  margin-right: 0px;
}

.slider_btn_two {
  margin-left: 15px;
  color: #fff;
  border: 1px solid #bec4c8;
  background: transparent;
}

.slider_btn_two.more-link::after {
  background: #E1B44F;
}

.slider_btn_one:hover {
  color: #fff;
}

.slider_btn_two:hover {
  color: #fff;
  border: 1px solid #E1B44F;
}

.slides_wrapper {
  position: relative;
}

.slides__preload_wrapper {
  background: #E1B44F none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}

.slides__preload_wrapper .spinner {
  left: 50%;
  margin: -20px 0 0 -20px;
  position: absolute;
  top: 50%;
}

/*  Carousel   Nav  
-------------------------------------*/
.slider_home .owl-controls {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1140px;
  position: relative;
}

.slider_home .owl-nav div.owl-next {
    left: auto !important;
    right: 15px !important;
    background-color: #7a7369;
}

.slider_home .owl-nav div.owl-prev {
    right: 60px;
    left: auto !important;
    background-color: #7a7369;
}

.slider_home .owl-nav div {
  color: #fff;
  font-size: 13px;
  height: 35px;
  left: 20px !important;
  line-height: 24px;
  margin-top: -71px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  position: absolute;
  text-align: center;
  top: 100%;
  width: 35px;
  border-radius: 5px;
  padding-right: 0px !important;
  padding-top: 5px;
  background: transparent;  
}

.slider_home .owl-nav div:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #E1B44F !important;
  color: #fff;
  z-index: 99999;
}

.slider_home .owl-theme .owl-controls .owl-nav div {}

.slider_home .owl-prev .icon-glyph-229::before {
  transform: rotate(-180deg);
  left: -2px;
  position: relative;
  top: 1px;
}

.slider_home .owl-next .icon-glyph-229::before {
  left: 3px;
  position: relative;
}

/*  Carousel Dots  
-------------------------------------*/
.slider_home .owl-dots {
  position: absolute;
  margin-top: -67px;
  margin-right: 71px;
}

.slider_home.owl-theme .owl-dots .owl-dot span {
  width: 18px;
  height: 18px;
  margin: 5px 0px;
  background: #E1B44F;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border: 1px solid transparent;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 0px;
  border-radius: 50%;
  border: 6px solid #FFFDFA;
}

.slider_home.owl-theme .owl-dot.active span {
  background: #FFFDFA;
  /*! width: 15px; */
  /*! height: 8px; */
  /*! border-radius: 7px; */
  border: 6px solid #E1B44F;
}

.slider_home.owl-theme .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
}


/*----------------------------------------------------
  5. About Section / .about-section
------------------------------------------------------*/
.about-section {
  padding-top: 98px;
}

.about-section .base-header.base_header_left {
  padding-bottom: 0px;
}

.about-section .more-link {
  margin-top: 21px;
}

.about-section img {
  width: 100%;
  /*! margin-top: 50px */
}

#img_hvr {
  transition: .4s;
}

#img_hvr:hover {
  transition: .4s;
}

/*----------------------------------------------------
  6. Service Section / .service-section
------------------------------------------------------*/

.service-section {
  background: #f7f7f7;
}

.service-item {
    background: #7a7369;
    color:#fff;
    padding: 20px 15px 14px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    /*! margin-bottom: 30px; */
    position: relative;
    margin-top: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.serice_img {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.serice_img .ser-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  opacity: 0;
  font-size: 35px;
  color: #fff;
}

.serice_img:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #333;
  left: 0px;
  top: 0;
  opacity: 0;
  transition: .3s;
}

.service-section .col-sm-12:hover .ser-link {
  opacity: 1;
}

.service-section .col-sm-12:hover .serice_img::after {
  opacity: .5;
}

.service-section .col-sm-12:hover .serice_img img {
  transform: scale(1.1) rotate(3deg);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.service-section .service-item:hover {
  -webkit-box-shadow: 0px 21px 65px 20px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 21px 65px 20px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0px 21px 65px 20px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0px 21px 65px 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.12);
  background: #f6f6f8;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.service-item .icon-serv {
    text-align: center;
    margin: auto;
    overflow: hidden;
    color: #352613;
    border-radius: 50%;
    background: #e8dfd8;
    border: 2px solid rgba(225, 255, 255, 0.3);
    position: relative;
    height: 30px;
    width: 30px;
    margin-top: -30px;
    margin-bottom: 22px;
}

.service-section .col-sm-12:hover .icon-serv {
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  transition: all 1000ms ease;
}

.service-item .icon-serv i {
  font-size: 50px;
  color: #fff;
  line-height: 100px;
}

.icon-serv:after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #6382f7;
  left: 50%;
}

.service-item h4 {
    font-size: 22px;
    margin-bottom: 11px;
    color: #ffcc00;
}

/*================================================
  7. Call to action Section / .cta-section 
==================================================*/
.cta-section {
  background: url(../images/cta_bg.jpg);
  background-attachment: fixed;
  padding-top: 88px;
}

.cta-wrap {
  text-align: center;
  width: 100%;
}

.cta-wrap span {
  font-weight: 400;
  display: block;
}

.cta-wrap h2 {
  font-size: 55px;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 40px;
}

/*----------------------------------------------------
  8. Shop  Section / .shop-section
------------------------------------------------------*/
.shop-section {
  background: #F7F7F7;
  padding-bottom: 93px;
}

.product-img img {
  width: 270px !important;
  border-radius: 50%;
  height: 265px;
  margin-top: -30px;
  border: 6px double #FFF;
  position: relative;
  top: -80px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.product-wrap {
  background: #fff;
  padding: 0px 0px 0px;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.01);
  margin-top: 111px;
  margin-bottom: 55px;
  transition: .3s;
}

.product-wrap:hover {
  margin-top: 108px;
  transition: .3s;
}

.product-img {
  position: relative;
  margin-top: 0px;
  padding-bottom: 155px;
  text-align: center;
  margin: auto;
  display: block;
  width: 100%;
}

.cart-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-right: 30px;
  margin-top: -25px;
  background: #E1B44F;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 43px;
  border-radius: 50%;
  font-size: 18px;
}

.fav-icon {
  position: absolute;
  top: auto;
  right: auto;
  margin-right: 0px;
  background: #E1B44F;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 43px;
  border-radius: 50%;
  font-size: 18px;
  transform: translateX(-50%);
  bottom: 100%;
  opacity: 0;
  translate: .3s;
}

.fav-icon:hover,
.cart-icon:hover {
  color: #fff;
}

.product-wrap:hover .fav-icon {
  opacity: 1;
  bottom: -10px;
  translate: .3s;
}

.product-info {
  text-align: center;
  position: relative;
}

.product-info h4 {
  font-size: 22px;
  margin-bottom: 5px;
  margin-top: 20px;
}

.product-info a {
  margin-bottom: -19px;
  margin-top: 15px;
}


/*===============================================================
    9. Featured Product Section / .featured-product-section
===================================================================*/
.featured-product-section {
  padding-bottom: 0px;
}

.featured-product-section .container-fluid {
  padding-left: 0px;
}

    .featured-product-section .container-fluid > .row {
        background-color: #e3dad1;
        background-image: url(../images/shape1.png);
        background-position: center right;
        background-repeat: no-repeat;
    }

.featured-product-section .base-header {
  width: 100%;
}

.featured-product-section .fea-img-carousel {
  background-color: transparent;
 /* background-image: linear-gradient(90deg, #fff 32%, #f7f7f7 32%);*/
 /* padding: 100px 0px;*/
  padding-right: 50px;
}

.featured-container {
  max-width: 704px;
  width: 100%;
}

.fea-img1 {
    background: url(../images/environment1.jpg);
    height: 639px;
    background-size: cover;
    background-position: left center;
    border-radius: 0px 5px 5px 0px;
}
.fea-img2 {
    background: url(../images/environment2.jpg);
    height: 639px;
    background-size: cover;
    background-position: bottom center;
    border-radius: 0px 5px 5px 0px;
}
.fea-img3 {
    background: url(../images/environment3.jpg);
    height: 639px;
    background-size: cover;
    background-position: left center;
    border-radius: 0px 5px 5px 0px;
}
.fea-img4 {
    background: url(../images/environment4.jpg);
    height: 639px;
    background-size: cover;
    background-position: right center;
    border-radius: 0px 5px 5px 0px;
}
.fea-img5 {
    background: url(../images/environment5.jpg);
    height: 639px;
    background-size: cover;
    background-position: left center;
    border-radius: 0px 5px 5px 0px;
}
.fea-img6 {
    background: url(../images/environment6.jpg);
    height: 639px;
    background-size: cover;
    background-position: right center;
    border-radius: 0px 5px 5px 0px;
}
.fea-img7 {
    background: url(../images/environment7.jpg);
    height: 639px;
    background-size: cover;
    background-position: right center;
    border-radius: 0px 5px 5px 0px;
}
.fea-img8 {
    background: url(../images/environment8.jpg);
    height: 639px;
    background-size: cover;
    background-position: right center;
    border-radius: 0px 5px 5px 0px;
}
.fea-img9 {
    background: url(../images/environment9.jpg);
    height: 639px;
    background-size: cover;
    background-position: right center;
    border-radius: 0px 5px 5px 0px;
}
.fea-img10 {
    background: url(../images/environment11.jpg);
    height: 639px;
    background-size: cover;
    background-position: right center;
    border-radius: 0px 5px 5px 0px;
}

/*  Iteam  */

.fea-product-item-img {
    background: #fff;
    height:300px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    margin-bottom: 15px;
    text-align: left;
    position: relative;
    margin-top: 15px;
    /*! border-bottom-left-radius: 10px; */
    /*! border-bottom-right-radius: 10px; */
    border-top: 2px solid #E1B44F;
    position: relative;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
}

.fea-product-item {
    background: #f7f7f7;
    background:url(../images/index-itembg.jpg) right bottom no-repeat;
    height: 300px;
    padding: 30px 30px 24px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    margin-bottom: 15px;
    text-align: left;
    position: relative;
    margin-top: 15px;
    /*! border-bottom-left-radius: 10px; */
    /*! border-bottom-right-radius: 10px; */
    border-top: 2px solid #E1B44F;
    position: relative;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
}

/*.fea-product-item:after {
  background: url(../images/featured-item-bg.jpg);
  position: absolute;
  content: "";
  width: 107%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: scale(1.5);
}

.fea-product-item:hover:after {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: scale(1);
}*/

/*.fea-product-item:hover .fea-text h4,
.fea-product-item:hover .fea-text p,
.fea-product-item:hover .fea-text ul li {
  color: #fff;
}*/

.fea-product-item2 {
    background: url(../images/featured-item-bg.jpg);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: scale(1.5);
}
    .fea-product-item3 {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        transform: scale(1);
    }


.fea-product-item2 .fea-text h4,
.fea-product-item2 .fea-text p,
.fea-product-item2 .fea-text ul li {
    color: #fff;
}

.fea-icon i {
  background: #E1B44F;
  width: 60px;
  height: 60px;
  font-size: 40px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  display: block;
  border-radius: 5px;
}

.fea-text h4 {
  font-size: 22px;
  margin-top: 22px;
  margin-bottom: 12px;
}

.fea-text ul li {
  font-weight: 600;
  margin-top: 5px;
  color: #101010;
}

.fea-text ul li i {
  color: #E1B44F;
  margin-right: 5px;
}

/* featured Nav*/

.fea-img-carousel .owl-nav div {
  top: 100%;
  font-size: 17px;
  left: auto;
  color: #fff;
  margin-top: -140px;
  background: #E1B44F;
  opacity: 1;
  border-radius: 0px;
  width: 40px;
  height: 40px;
  line-height: 29px;
  margin-right: -5px;
}

.fea-img-carousel .owl-nav .owl-prev {
  left: 0 !important;
}

.fea-img-carousel .owl-nav div:hover {
  opacity: .8;
}

/*----------------------------------------------------
   10. Team Section / .team-section
------------------------------------------------------*/
.team-section {
  background: url(../images/team_bg.jpg);
}

.team-section .col-sm-12 {
  transition: .3s;
}

.team-section .col-sm-12:hover {
  transition: .3s;
  position: relative;
  transform: translateY(-10px);
}

.team-info {
  background: #fff;
  text-align: center;
  padding: 40px 15px 25px;
  position: relative;
  border-radius: 0px 0px 10px 10px;
}

.team-img img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.team-social ul li {
  display: inline-block;
  margin: 0px 2px;
}

.team-social {
  text-align: center;
  margin-top: -10px;
  margin-top: -60px;
  margin-bottom: 26px;
}

.team-info h4 {
  font-size: 22px;
  margin-bottom: 0px;
}

.team-social ul li a {
  background: #E1B44F;
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 40px;
}

.team-social ul li:hover a {
  background: #fff;
  color: #E1B44F;
  -webkit-animation: pulsePrimary 1s 1 ease-in-out;
  animation: pulsePrimary 1s 1 ease-in-out;
}

.team-info p {
  margin: 0px;
}

/*  Animation  */
@-webkit-keyframes pulsePrimary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 69, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 69, 0, 0.4);
  }

  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 69, 0, 0);
    box-shadow: 0 0 0 20px rgba(255, 69, 0, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 69, 0, 0);
    box-shadow: 0 0 0 0 rgba(255, 69, 0, 0);
  }
}

/*----------------------------------------------------
   11. Testimonial Section / .testi-section
------------------------------------------------------*/
.testimonial-section {
  padding-top: 100px;
}

.testimonial-section .base-header {
  width: 100%;
  text-align: left;
  padding-left: 20px;
}

.testimonial-section .base-header {
  width: 100%;
  text-align: left;
  padding-left: 20px;
}

.testimonial-section .heading_watermark {
  left: -15px;
}

.testi_wrp {
  padding: 15px 0px 40px 20px;
  margin-bottom: 0px;
  border-radius: 40px 0px 0px;
  overflow: hidden;
}

.testi_info {
  position: relative;
}

.testi_info:after {
  position: absolute;
  top: 0px;
  font-size: 59px;
  color: #E1B44F;
  margin-top: -7px;
  z-index: -9;
  left: 0px;
  margin-left: 0px;
  content: '\e89e';
  font-family: "custom-icons";
  font-weight: bold;
}

.testi_info p {
  font-size: 20px;
  line-height: 32px;
  color: #61657a;
  margin-bottom: 28px;
  padding-top: 50px;
}

.testi_img {
  position: relative;
}

.testi_img::after {
  position: absolute;
  background: #E1B44F;
  width: 90px;
  height: 95px;
  content: "";
  left: -4px;
  top: 0px;
  border-radius: 50%;
  z-index: -9;
}

.testi_img img {
  width: 90px !important;
  border-radius: 50%;
  margin-right: 15px;
  float: left;
  overflow: hidden;
}

.testi_img h4 {
  display: inline-block;
  font-size: 20px;
  position: relative;
  top: 22px;
  color: #2b343b;
}

.testi_img h4 span {
  display: block;
  font-size: 16px;
  color: #454545;
  margin-top: 6px;
  margin-bottom: 0px;
  font-weight: 400;
  font-family: 'Karla', sans-serif;
  letter-spacing: .5px;
}

.testi_sing_img img {
  /*! border-radius: 50%; */
  /*! width: 335px; */
  /*! position: absolute; */
}

.testi_sing_img img:nth-child(3) {
  left: 0px;
  width: 160px;
  top: 0px;
  margin-top: 15px;
}

.testi_sing_img img:nth-child(2) {
  width: 100px;
  left: 0px;
  top: 0px;
  margin-top: -110px;
  margin-left: 95px;
}

.testi_sing_img img:nth-child(1) {
  /*! right: 0px; */
  /*! top: 0px; */
  /*! margin-top: -70px; */
}

.testi_sing_img img:nth-child(4) {
  width: 135px;
  top: 0px;
  margin-top: 180px;
  left: 0px;
  margin-left: 60px;
}

.testi_sing_img {
  position: relative;
  /*! margin-top: 50px; */
}

/* Testimonial Nav*/


.testimonial-section .owl-nav div {
  top: 100%;
  font-size: 17px;
  left: auto;
  color: #fff;
  margin-top: -103px;
  background: #E1B44F;
  opacity: 1;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  line-height: 29px;
}

.testimonial-section .owl-nav .owl-prev {
  right: 62px !important;
  left: auto !important;
}

.testimonial-section .owl-nav div:hover {
  opacity: .8;
}

/*----------------------------------------------------
  12. Client Section / .client-section
------------------------------------------------------*/
.client-section {
  padding-top: 0px;
  padding-bottom: 92px;
}

.client-section .client-box img {
  width: 160px;
  margin: auto;
}

.client-section .client-box:hover {
  opacity: 1;
  transition: .4s;
}

.client-box {
  text-align: center;
  opacity: .8;
  transition: .4s;
}

.client-box h5 {
  color: #2b343b;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 0px;
}

/*================================================
    13. Blog Section
==================================================*/

.blog-section {
  background: #F7F7F7;
}


.blog_info {
  background: #fff;
  padding: 25px 20px 25px 55px;
  position: relative;
  z-index: 9;
  border-radius: 0px 0px 10px 10px;
}

.blog_info h4 {
  margin-bottom: 13px;
  text-transform: capitalize;
  font-size: 20px;
  line-height: 1.3;
}

.blog_info p {
  margin-top: 0px;
  border-bottom: 1px solid #f0eaea;
  padding-bottom: 15px;
  margin-bottom: 13px;
}

.blog_info h4:hover {
  color: #E1B44F;
}

.blog_date {
  display: inline-block;
  font-size: 14px;
  position: absolute;
  width: 100%;
  z-index: 99;
  top: 0%;
  left: 0px;
  transform: rotate(-90deg);
  margin-top: -47px;
  margin-left: -151px;
}

.blog_date span i {
  margin-right: 5px;
}

.blog_date span {
  padding: 5px 15px;
  border-radius: 5px;
  color: #E1B44F;
  opacity: .7;
}

.blog_read a {
  color: #454545;
  text-transform: capitalize;
  font-size: 15px;
}

.blog_read {
  float: right;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.blog_read i {
  margin-left: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 1px;
  color: #454545;
}

.blog_read:hover i {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  transform: translateX(5px);
  position: relative;
  margin-left: 5px;
  color: #E1B44F;
}

.blog_read:hover a {
  color: #E1B44F;
}

.blog_img img {
  height: auto;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  border-radius: 10px 10px 0px 0px;
}

.blog_img {
  overflow: hidden;
  position: relative;
}

.blog_wrp:hover .blog_img img {
  transform: scale(1.1) rotate(3deg);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.blog_wrp {
  overflow: hidden;
}

.blog_tag {
  display: inline-block;
}

.blog_tag i {
  color: #E1B44F;
}

/*----------------------------------------------------
  14. Footer Section/ .footer-section
------------------------------------------------------*/
.footer-section.footer_home {
  padding-top: 285px;
  margin-top: -300px;
}

.footer-section {
  float: left;
  width: 100%;
  padding: 75px 0 0 0;
  color: #fff;
  background: #1e1e20 url(../images/footer-bg.png);
}

.footer-section .container {
  position: relative;
}

.footer-section .widget {
  padding-bottom: 0px;
  margin-bottom: 17px;
  padding: 0px;
  background: transparent;
}

.footer-section .widget h5 {
  color: #fffcf4;
  text-transform: capitalize;
  letter-spacing: 0px;
  font-size: 22px;
  margin-bottom: 32px;
}

.footer-section .widget h3 {
  color: #fff;
  font-weight: 900;
  letter-spacing: 3px;
  margin-bottom: 25px;
}

.footer-section .widget p {
  color: #d5d5d5;
  margin-top: 15px;
  margin-bottom: 16px;
}

.footer-section .widget img {
  margin-top: 3px;
}

.footer_contact {
  overflow: hidden;
  width: 100%;
}

.footer_contact_address {
  margin-bottom: 10px;
}

.footer-contact-icon {
  float: left;
  margin-right: 15px;
}

.footer-contact-icon i {
  color: #E1B44F;
}

.footer_contact span {
  font-weight: 600;
  color: #d5d5d5;
}

.footer_soc {
  margin-bottom: 15px;
}

.footer_socil .list-icons {
  padding-left: 0;
  list-style: none;
}

.footer_socil .list-icons li {
  float: left;
  margin-left: 6px;
}

.footer_socil .list-icons li a {
  color: #d5d5d5;
  font-size: 18px;
  padding-right: 7px;
}

.footer_socil .list-icons li a:hover {
  color: #E1B44F;
  text-decoration: underline;
}

.quick_lnk ul li {
  /*list-style: none;
  padding-left: 20px;*/
}

.quick_lnk ul li::after {
 /* position: absolute;
  content: ">";
  left: 0;
  margin-left: 16px;
  width: 12px;
  height: 1px;
  margin-top: 0px;
  color: #E1B44F;*/
}

.quick_lnk ul li a {
  color: #d5d5d5;
}

footer .quick_lnk li a:hover {
  color: #E1B44F;
  text-decoration: underline;
}

.footer_recent_blog li {
  border-bottom: 1px solid #303235;
  padding-bottom: 18px;
  margin-bottom: 13px;
  overflow: hidden;
}

.footer_recent_blog li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 1px solid transparent;
}

.footer_recent_blog img {
  width: 88px;
  float: left;
  margin-right: 15px;
  overflow: hidden;
  height: 80px;
}

.footer_recent_blog .post_cont {
  overflow: hidden;
  display: block;
}

.post-date {
  color: #7d7d7d;
}

.footer_recent_blog .post_cont i {
  margin-right: 7px;
  color: #E1B44F;
  font-size: 14px;
}

.footer_recent_blog .post_cont a span {
  margin-top: 10px;
  line-height: 23px;
  color: #d5d5d5;
  overflow: hidden;
  display: block;
}

.footer_recent_blog .post_cont a span:hover {
  color: #E1B44F;
}

.footer-section .email_field {
  background: #383840;
  box-shadow: none;
  border: none;
  color: #ddd;
  line-height: 45px;
  padding-left: 18px;
  width: 100%;
  margin-top: 5px;
  border: 1px solid transparent;
  border-radius: 3px;
}

.footer-section .email_field:focus {
  border: 1px solid #E1B44F;
}

.news_letter_wrp p {
  margin-top: -2px !important;
}

.news_letter_wrp form {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}

.news_letter_wrp .submit-contact {
  height: 34px;
  line-height: 35px;
  border-radius: 2px;
  font-size: 20px;
  background: #E1B44F;
  border: transparent;
  color: #fff;
  position: absolute;
  right: 7px;
  margin-top: 12.5px;
  padding: 0px 10px;
  top: 0px;
}

.subfooter_wrap {
  display: flex;
  justify-content: space-between;
  padding: 35px 0px;
  color: #bababa;
  margin-top: 55px;
  position: relative;
  border-top: 1px solid #282a2d;
}

.subfooter p {
    font-size:12px;
  color: #d5d5d5;
  margin: 0px;
  text-transform: capitalize;
  text-align: left;
  display: inline;
  float: left;
}

.subfooter p a {
  color: #d5d5d5;
}

.scrollup {
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #E1B44F;
  font-size: 21px;
  line-height: 1;
  padding: 10px 10px 8px;
  color: #fff;
  cursor: pointer;
  z-index: 999;
  border: 1px solid transparent;
  border-radius: 5px;
}

.scrollup a {
  color: #fff;
}

.scrollup a:hover {
  color: #fff;
}

.scrollup .icon-glyph-266::before {
  transform: rotate(180deg);
}



/*----------------------------------------------------
  15. Single Page Header/   Single Page 
------------------------------------------------------*/

/* Breadcrumb Section
================================= */


.breadcrumb-section {
  background: transparent url("../images/slider3.jpg") top left;
  color: #FFF;
  box-sizing: border-box;
  height: 400px;
  background-repeat: no-repeat;
  width: 100%;
  background-attachment: fixed;
  position: relative;
  text-align: center;
  color: #fff;
}

.breadcrumb-section .container {
  position: relative;
  z-index: 10;
}

.breadcrumb-section .col-sm-12 {
  height: 400px;
  display: grid;
  place-content: center;
  grid-template-columns: 1fr;
  text-align: left;
}

.breadcrumb-section p {
  color: #333;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: .5px;
  font-weight: 400;
  margin-top: 10px;
  margin-top: auto;
  position: absolute;
  bottom: 0px;
  right: 15px;
  background: #effcfa;
  padding: 15px 24px;
  margin-bottom: 0px;
  border-radius: 5px 5px 0px 0px;
}

.breadcrumb-section p a {
  color: #222;
  font-weight: 500;
}

.breadcrumb-section p a i {
  font-size: 14px;
  position: relative;
  top: -2px;
  margin-right: 2px;
}

.breadcrumb-section h3 {
  color: #fff;
  text-transform: capitalize;
  font-size: 55px;
  letter-spacing: 1px;
  font-weight: 700;
  margin-bottom: 0px;
}

.breadcrumb-section p a:hover {
  color: #E1B44F;
}

/*----------------------------------------------------
    15. About Page
------------------------------------------------------*/
.about-pg-about {
  background: #F7F7F7;
}

.history-section {
  margin-top: 80px;
  /*! padding-bottom: 70px; */
}

.history-section .tab-content {
  margin-left: 20px;
}

.history-section .base-header h2 {
  font-size: 45px;
}

    .history-section .nav-pills .nav-link {
        height: 100px;
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 20px;
        background: url(../images/introbg.jpg);
        background-size: cover;
        background-position: center;
        transition: 0.5s;
        color: #fff;
        z-index: 9;
        font-size: 20px;
        text-transform: uppercase;
        padding-right: 40px;
    }

.history-section .nav-pills .nav-link::before {
  position: absolute;
  content: "\ea94";
  font-family: Icofont;
  right: 28px;
  margin-top: 5px;
  opacity: 0;
  font-size: 28px;
}

.history-section .nav-pills .nav-link:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(41, 41, 41, .93);
  transition: 0.5s;
  z-index: -1;
}

.history-section .nav-pills .nav-link:hover {
  padding-right: 60px;
}

.history-section .nav-pills .nav-link:hover:before {
  opacity: 1;
}

.history-section .nav-pills .nav-link:hover:after {
  background-color: rgba(225, 180, 79, 0.91);

}

.history-section .nav-pills .nav-link:hover {
  background-position: top;
}

/* Active */
.history-section .nav-pills .nav-link.active {
  padding-right: 60px;
}

.history-section .nav-pills .nav-link.active:before {
  opacity: 1;
}

.history-section .nav-pills .nav-link.active:after {
  background-color: rgba(225, 180, 79, 0.91);

}

.history-section .nav-pills .nav-link.active {
  background-position: top;
}



/* =================================
    16. Team page  
================================= */
.team-pg-team {
    background: #e8ebea;
    padding-bottom: 70px;
}

.team-pg-team .col-sm-12 {
  transition: .3s;
  margin-bottom: 30px;
}

/* =================================
    17. Contact page 
================================= */
.contact_pg_contact {
  padding-top: 95px;
  padding-bottom: 100px;
  background: #fff;
}

.contact_pg_contact .contact-form {
  padding-right: 20px;
}

.contact_pg_contact .contact_wrp {
  padding: 0px;
  background: transparent;
  position: relative;
}

.map-container iframe {
  width: 100%;
  height: 408px;
  border: none;
  margin-bottom: -10px;
  margin-top: 50px;
}

.contact_pg_address {
  padding: 20px;
  border: 1px dashed #9da7ae;
  border-radius: 6px;
  height:120px;
}

.contact_pg_address h3 {
  margin-bottom: 27px;
  font-size: 32px;
  letter-spacing: 0px;
  line-height: 38px;
  margin-top: -2px;
  font-weight: 500;
}

.single_con_add p {
    margin: 0;
    color: #515050;
    margin-top: 0px;
}

.single_con_add p:nth-child(2) {
/*  margin-top: -10px;
*/  font-weight: bold;
    margin-left:42px;
}

.contact_pg_address .single_con_add {
    /* overflow: hidden;
  margin-bottom: 0px;
  margin-top: 8px;
  padding: 10px 0px;*/
}

.contact_pg_address .single_con_add a {
  color: #515050;
  margin-top: 6px;
}

.contact_pg_address .single_con_add a i {
  font-size: 20px;
  margin-top: 1px;
  color: #515050;
  border: 1px solid #515050;
  border-radius: 50%;
  padding: 10px 13px;
  margin-right: 15px;
}

.contact_pg_address .single_con_add span {
  display: block;
  padding-left: 10px;
  color:#93561b;
}


.contact_pg_contact .contact-form-warper .con-field {
  color: #282828;
  border: 1px solid #9da7ae;
  outline: none;
}

.contact-form-warper .con-field {
  width: 100%;
  line-height: 60px;
  margin-bottom: 30px;
  background: transparent;
  padding: 0px 30px;
  border: 1px solid #e6d8d8;
  border-radius: 3px;
  color: #fff;
}

.contact_pg_contact .contact-form-warper #message {
  height: 246px;
}

.contact-form-warper label {
  width: 100%;
  margin-bottom: 0px;
}

.contact_pg_contact .contact_col_left i {
  color: #E1B44F;
}

.contact_col_left i {
  position: absolute;
  right: 40px;
  color: #fff;
  margin-top: -23px;
  top: 50%;
}

.contact_pg_contact .contact-form-warper #submit-contact:hover {
  background: #262c33;
  color: #fff;
}

.contact_col_right {
  float: right;
}

.contact_col_left {
  float: left;
}

.contact_col_full {
  text-align: center;
}

.contact-form-warper #submit-contact {
  background: #E1B44F;
  padding: 25px 10px;
  line-height: 13px;
  text-align: center;
  text-transform: uppercase;
  border: none;
  color: #fff;
  font-size: 15px;
  margin-top: 0px;
  border-radius: 3px;
  font-weight: 600;
  letter-spacing: 0px;
  width: 100%;
}

/* =================================
    18. Service page 
================================= */

.service-pg-service {
  margin-bottom: -30px;
}

.service-pg-service .service-item {
  margin-bottom: 30px;
}


/* =================================
    19. Single Service page 
================================= */
.single_service {
  padding: 100px 0px;
}

.single_service .row .col-lg-8 {
  order: 1;
}


.single_service_left p {
  margin-bottom: 20px;
}

.service_detail_bottom .service_botom_text {
  padding-right: 15px;
}

.single_service_left img {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.single_service_left img:hover {
  -webkit-transform: scale3d(1.01, 1.01, 1);
  transform: scale3d(1.01, 1.01, 1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.single_service_left {
  overflow: hidden;
}

.service_detail_bottom h4 {
  margin-top: 50px;
  margin-bottom: 20px;
}

.service_detail_bottom .service_botom_text1 {
  padding-left: 15px;
}

.single_service_right {
  padding-left: 0px;
  border-radius: 5px;
}

.single_service .service_botom_text,
.single_service .service_botom_text1 {
  margin-top: 12px;
}

.single_service .service_botom_text1 {
  margin-top: 20px;
}

.single_service_left_botom .sing_service_item .icon-serv {
  margin-top: 0px;
  margin-bottom: 25px;
}

.single_service_left_botom .sing_service_item .icon-serv i {
  color: #E1B44F;
  font-size: 55px;
}

.single_service_left_botom .sing_service_item {
  padding: 40px 35px 30px;
  margin-bottom: 0px;
  margin-top: 15px;
  text-align: center;
  border: 1px solid #E2E3E3;
}

.single_service h4 {
  letter-spacing: 0px;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 15px;
  margin-top: 0px;
}

.single_service_left h4 {
  margin-bottom: 20px;
  margin-top: 35px;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0px;
}

.single_service_cat h4 {
  margin-top: 0px;
}

.single_service_cat {
  margin-bottom: 30px;
}

.single_service_cat ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.single_service_cat ul .active {
  border-left: 2px solid #E1B44F;
}

.single_service_cat ul li {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 1px;
  text-align: left;
  padding: 18px 5px 18px 25px;
  border-radius: 2px;
  background: #F7F7F7;
  border-left: 2px solid transparent;
}

.single_service_cat ul li:hover a {
  color: #E1B44F;
}

.single_service_cat ul li:hover {
  border-left: 2px solid #E1B44F;
}

.single_service_cat ul li:hover:after {
  color: #E1B44F;
}

.single_service_cat ul li a {
  font-size: 16px;
  display: block;
  position: relative;
  z-index: 99;
  color: #61657a;
  text-transform: capitalize;
}

.single_service_cat ul li::after {
  content: '\e8cc';
  font-family: "custom-icons";
  right: 25px;
  top: 18.5px;
  color: #E1B44F;
  position: absolute;
  font-weight: bold;
  font-size: 9px;
  margin-left: 23px;
}

.service_contact {
  margin-bottom: 30px;
  background: #F7F7F7;
  padding: 30px 35px 15px;
  border-radius: 5px;
}

.service_contact i {
  font-size: 16px;
  color: #E1B44F;
}

.service_contact .fa-globe {
  position: relative;
  top: -25px;
}

.service_contact p {
  font-size: 16px;
  display: inline-block;
  margin-left: 14px;
  margin-bottom: 14px;
}

.download_brochur {
  background: #F7F7F7;
  padding: 30px 35px 25px;
  overflow: hidden;
  border-radius: 5px;
}

.download_brochur ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.download_brochur .files li {
  position: relative;
  margin-bottom: 10px;
}

.download_brochur .files li a {
  position: relative;
  display: block;
  color: #515050;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  padding: 13px 2px;
  border-radius: 5px;
  border: 1px solid #E1B44F;
  text-align: center;
  text-transform: uppercase;
}

.download_brochur .files li a:hover {
  background-color: #E1B44F;
  border: 1px solid #E1B44F;
  color: #fff;
}

.download_brochur .files li a:hover .fa {
  color: #fff;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.download_brochur .files li a .fa {
  position: relative;
  line-height: 24px;
  padding-right: 8px;
  color: #E1B44F;
}

.download_brochur p {
  margin-bottom: 25px;
  margin-top: -5px;
}

/*  Pricing  packages 
================================= */
.pricing-packages {
  margin-top: 30px;
}

.pricing-box {
  background: #F7F7F7;
  position: relative;
  text-align: center;
  padding: 34px 30px 40px 30px;
  z-index: 9;
  border-radius: 5px;
}

.pric_icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -58px;
  z-index: 99;
}

.pric_icon i {
  font-size: 70px;
  color: #fff;
  background: #E1B44F;
  border-radius: 50%;
  line-height: 110px;
  width: 120px;
  height: 120px;
  display: block;
  border: 5px solid transparent;
}

.pricing-box h3 {
  color: ;
  font-size: 24px;
  border-bottom: 1px solid rgba(228, 228, 228, 0.63);
  padding-bottom: 20px;
  margin-bottom: 12px;
  font-weight: 600;
}

.pricing-box p {
  color: #555555;
  padding-bottom: 15px;
}

.pricng_lst {
  margin-bottom: 28px;
}

.pricng_lst span {
  color: #505050;
  display: block;
  position: relative;
  width: 211px;
  margin: auto;
  text-align: left;
  padding-left: 20px;
  margin-bottom: 5px;
}

.pricng_lst span::after {
  content: '\e8cc';
  position: absolute;
  left: 0;
  font-family: "custom-icons";
  color: #333;
  bottom: 0;
  margin-bottom: -2px;
  margin-left: 0px;
  font-size: 10px;
}

.feature_pric .pricing-box {
  box-shadow: 0 0 23px rgba(24, 35, 51, 0.08);
  background: #FFF;
}

.pricing-box::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0px;
  width: 100%;
  height: 0%;
  background: #E1B44F;
  transition: .3s;
  opacity: 0;
}

.pric_icon i:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 0px;
  top: 0px;
  right: 0px;
  transform: scale(0, 0);
  transition: all 500ms ease;
  background: #fff;
}


.pricing-box a {
  border-radius: 50%;
  padding: 10px 14px 10px;
  font-size: 17px;
  background: #E1B44F;
  color: #fff;
}

.pricing-box a::before {
  color: #fff;
  background: #E1B44F;
}

/* hover */
.pricing-box:hover::after {
  opacity: 1;
  height: 100%;
  transition: .3s;
  z-index: -1;
}

.pricing-box:hover .pric_icon i {
  border: 5px solid #E1B44F;
  background: #E1B44F;
  z-index: 99;
  position: relative;
  color: #E1B44F;
}

.pricing-box:hover h3,
.pricing-box:hover .pricng_lst span,
.pricing-box:hover .pricng_lst span::after {
  color: #fff;
}

.pricing-box:hover .pric_icon i:after {
  transform: scale(1, 1);
  z-index: -1;
}

.pricing-box a:hover {
  color: #fff;
}

.pricing-box:hover a:before {
  background: #fff;
  color: #E1B44F;
}

.pricing-box:hover a {
  background: #fff;
  color: #E1B44F;
}

.pricing-box:hover {
  box-shadow: 0 0 23px rgba(24, 35, 51, 0.08)
}




/* =================================
   20. Gallery page
================================= */

.gallery_pg_one {
  background: #fff;
  padding-bottom: 70px;
}

.work-section .row .col-xs-12:nth-child(4) {
  margin-left: 16.7%;
}

.work-section .row .col-xs-12:nth-child(5) {
  margin-left: -16.7%;
}

.work-section .row .col-md-6 {
  max-width: 33.33%;
}

/* Work items ------------------*/

.single-project-item {
  background-image: url(../images/product1.jpg);
}

.project-bg-2 {
  background-image: url(../images/product2.jpg);
}

.project-bg-3 {
  background-image: url(../images/product3.jpg);
}

.project-bg-4 {
  background-image: url(../images/product4.jpg);
}

.project-bg-5 {
  background-image: url(../images/product5.jpg);
}

.project-bg-6 {
  background-image: url(../images/product6.jpg);
}

.project-bg-7 {
  background-image: url(../images/product2.jpg);
}

.project-bg-8 {
  background-image: url(../images/product3.jpg);
}

.single-project-item {
  background-color: #ddd;
  background-position: center center;
  background-size: cover;
  height: 350px;
  margin-bottom: 30px;
}

.projects-titles {
  list-style: outside none none;
  text-align: center;
  margin-bottom: 45px;
  margin-top: -5px;
  width: 100%;
}

.projects-titles li {
  color: #2b343b;
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  transition: all 0.3s ease 0s;
  margin-left: 5px;
  text-transform: uppercase;
  position: relative;
  padding: 10px 40px;
  border: 1px solid #ccd2d7;
  font-size: 15px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.project-hover span,
.project-hover a {
  color: #fff;
}

.projects-titles li.active {
  color: #FFF;
  background: #E1B44F;
  border: 1px solid #E1B44F;
}

.project-hover h6 {
  color: #fff;
  font-size: 22px;
  text-transform: capitalize;
  letter-spacing: 0px;
  margin-top: 24px;
  margin-bottom: 2px;
  position: relative;
}

.project-hover span {
  display: block;
  font-size: 15px;
  font-weight: normal;
  padding-top: 0px;
  text-transform: capitalize;
  position: relative;
}

.single-project-item .project-link i {
  position: relative;
  font-size: 15px;
  background: #fff;
  color: #333;
  border-radius: 50%;
  padding: 8px 10px;
}

.project-hover {
  position: relative;
  height: 100%;
}

.project-hover::before {
  background: #292626;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease 0s;
}

.single-project-item:hover .project-hover:before {
  opacity: .7;
  transition: all 0.4s ease 0s;
}

.single-project-item:hover .project_cnt {
  opacity: 1;
  transition: all 0.4s ease 0s;
  padding-top: 125px;
}

.project_cnt {
  text-align: center;
  padding-top: 114px;
  opacity: 0;
  transition: all 0.4s ease 0s;
}



/* ======================================
    21. Shop Page
======================================*/
.shop-section.shop-pg-shop {
  background: #fff;
  padding-top: 100px;
  padding-bottom: 100px
}

.shop-pg-shop .product-wrap {
  background: #F1F6FA;
}

.shop-pg-shop .product-img img {
  border: 6px double #F1F6FA;
}

.shop-filter {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.product_count {
  margin-top: 12px;
}

/*  Select Shorting */
.select-group {
  position: relative;
}

.select-group select {
  width: 300px;
  height: 55px;
  border: 1px solid #d2cdcd;
  background: transparent;
  border-radius: 5px;
  padding-left: 25px;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  z-index: 99;
  color: #4b4b4b;
  cursor: pointer;
  outline: none;
}

.select-group::before {
  position: absolute;
  content: "\eac8";
  right: 35px;
  font-family: IcoFont;
  top: 28px;
  font-size: 20px;
  color: #000;
  z-index: 999;
  width: 0px;
  height: 0px;
  line-height: 0px;
}

/* Pagination */
.pagination-link {
  text-align: center;
  margin-top: 20px;
}

.pagination-link ul {
  border: 1px solid #f2f2f2;
  border-radius: 3px;
  display: inline-block;
  padding: 0 3px;
}

.pagination-link ul li.active a {
  color: #E1B44F;
}

.pagination-link ul li {
  display: inline-block;
  padding: 0 18px;
  margin: 14px 0;
  border-right: 1px solid #E6E6E6;
  color: #21a7d0;
  font-size: 16px;
}

.pagination-link ul li:last-child {
  border-right: 1px solid transparent;
  padding: 0 10px;

}

.pagination-link ul li a {
  color: #505050;
}

.pagination-link ul li a i::before {
  color: #645c5c;
  font-size: 23px;
  transition: all 0.3s ease;
  position: relative;
  top: 3px;
}

.pagination-link ul li:hover a,
.pagination-link ul li:hover i::before {
  color: #E1B44F;
}


/* =================================
    22. Single Product page 
================================= */
.shop-product-area {
  margin-bottom: 30px;
  padding-top: 100px;
}

.shop-product-area .slick-list {
  height: auto;
  padding: 0 !important;
}

.shop-product-area .single-thumbnail-small.slick-initialized.slick-slider {
  height: 138px !important;
  margin: 10px 0 0 !important;
  overflow: hidden;
  width: 100% !important;
}

.shop-product-area .custom-prev.slick-arrow {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #333;
  height: 30px;
  left: 0;
  position: absolute;
  top: 40%;
  width: 30px;
  z-index: 9999;
}

.shop-product-area .custom-prev::before {
  border: 1px solid #333;
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
}

.custom-next.slick-arrow {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  bottom: 0;
  color: #333;
  height: 30px;
  position: absolute;
  right: 0;
  top: 40%;
  width: 30px;
}

.custom-next::before {
  border: 1px solid #333;
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
}

.shop-product-area .single-thumb {
  cursor: pointer;
  margin-left: 0px;
  overflow: hidden;
  width: 139px !important;
  margin-right: -9px;
}

.shop-product-area .single-thumb img {
  padding-left: 20px;
}


/*
    Single Product  Right Side
----------------------------------------*/

.allproduct-info {
  margin-left: 20px;
}

.tittle_product {
  margin-bottom: 20px;
}

.product-sub-tit {
  display: block;
  color: #E1B44F;
  margin-bottom: 8px;
  font-size: 16px;
}

.tittle_product .next_prev {
  float: right;
}

.tittle_product .next_prev a span {
  padding: 4px;
  background: #ececec;
  font-size: 15px;
  color: #999999;
}

.tittle_product .next_prev a span:hover {
  background: #E1B44F;
  color: #fff;
}

.tittle_product h4 {
  color: #2b343b;
  text-decoration: none;
  font-size: 26px;
  font-family: 'Playfair Display', sans-serif;
  font-size: 30px;
}

.detail-product-title {
  margin-bottom: 39px;
}

.allproduct-price-area {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.detail-product-title>a {
  color: #333333;
  font-size: 18px;
  font-weight: 700;
}

.shop-product-area .n-amt {
  color: #2b343b;
  font-size: 22px;
  font-weight: 600;
  padding-right: 10px;
}

.shop-product-area del {
  color: #ccbfbf;
  font-size: 22px;
  font-weight: 300;
  margin-right: 10px;
}

.rating2 {
  float: none;
  margin-top: -10px;
  /*! margin-bottom: 20px; */
}

.star.yes {
  color: #E1B44F;
}

.detail-product-info .fa.fa-star {
  font-size: 12px;
}

.star-rating ul li {
  color: #d5c5c5;
  display: inline-block;
}

.reviews {
  margin-left: 20px;
  margin-right: 0px;
  color: #999999;
}

.reviews a {
  color: #61657a;
}

.add-reviews {
  margin-left: 10px;
  color: #999999;
}

.add-reviews a {
  color: #61657a;
}

.shop-product-area .p-content {
  /*! border-bottom: 1px solid #e9e9e9; */
  padding-bottom: 11px;
}

.shop-product-area .content {
  color: #989898;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}

.shop-product-area .content span {
  color: #E1B44F;
}

.shop-product-area .d-content {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 8px;
}

.d-content {
  left: 0;
  margin: auto;
  padding: 0;
  right: 0;
  width: 88%;
}

.cart-quantity {
  position: relative;
}

.cart-quantity {
  margin-top: 18px;
  display: inline-block;
  float: left;
  overflow: hidden;
}

.cart-plus-minus {
  border: 1px solid #e9e9e9;
  cursor: pointer;
  height: 52px;
  width: 70%;
  position: relative;
  border-radius: 5px;
}

.cart-plus-minus-box {
  border: medium none;
  display: block;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  margin: auto;
  padding-left: 8px;
  width: 24%;
  color: #2b343b;
}

.qtybutton {
  color: #989898;
  font-size: 35px;
  left: 10px;
  line-height: 35px;
  position: absolute;
  top: 5px;
}

.inc.qtybutton {
  left: auto;
  right: 10px;
}

.detail-choices {
  border-bottom: 1px solid #e9e9e9;
  float: left;
  padding-bottom: 13px;
  padding-top: 25px;
  width: 100%;
}

.detail-choices .choice-icon {
  margin-left: 0;
}

.shop-product-area .choice-icon {
  margin-bottom: 40px;
  margin-top: 17px;
}

.choice-icon {
  border: 2px solid #fff;
  display: inline-block;
  height: 45px;
  margin: auto;
  position: relative;
}

.shop-product-area .choice-icon li {
  display: inline-block;
  float: left;
}

.shop-product-area li .adtocart {
  border: 2px solid #E1B44F;
  color: #FFF;
  display: block;
  font-weight: 700;
  height: 50px;
  line-height: 47px;
  margin-right: 20px;
  padding: 0 41px;
  background: #E1B44F;
  border-radius: 5px;
}

.shop-product-area li .adtocart:hover {
  background: transparent;
  color: #2b343b;
}

.shop-product-area .heart {
  border: 2px solid #E1B44F;
  color: #E1B44F;
  float: left;
  font-size: 20px;
  height: 50px;
  line-height: 46px;
  padding: 0 15px;
  border-radius: 5px;
}

.shop-product-area .heart:hover {
  background: #E1B44F;
  color: #FFF;
}



.shop-product-area .share-area li {
  display: inline-block;
}

.share-area i {
  background: #ececec;
  /*! padding: 11px 12px; */
  border-radius: 47%;
  color: #61657a;
  font-size: 16px;
  margin-right: 7px;
}

.share-area i:hover {
  background: #E1B44F;
  color: #fff;
}

.categories-area {
  width: 100%;
  overflow: hidden;
  margin-bottom: 7px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px;
}

.categories-area:last-child {
  border-bottom: 1px solid transparent;
}


.categories-area span {
  color: #61657a;
}

.categories-area p {
  font: 14px;
  color: #999999;
  float: left;
  padding-right: 10px;
  position: relative;
}

.allproduct-info p.category:after {
  position: absolute;
  content: ":";
  right: 0px;
}

.categories-area ul {
  list-style: none;
  margin-left: 10px;
  overflow: hidden;
}

.categories-area ul li {
  display: inline-block;
  margin-top: 1px;
}

.categories-area ul li a {
  color: #61657a;
  text-decoration: none;
}

.shop-product-area .category,
.tags {
  color: #989898;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0px;
  width: 94px;
  margin-right: 20px;
}

.tags {
  margin-top: -18px;
}

.tags span {
  color: #5D5D5D;
}

.shop-product-area .category span {
  color: #2b343b;
  font-weight: 600;
  margin-right: 8px;
}

.shop-product-area .category span:after {}

/*
    product description 
----------------------------------------*/
.cust-reviews-area {
  padding-bottom: 87px;
}

.cust-reviews-area .nav-tabs {
  border-bottom: 1px solid #eae2e2;
  margin-bottom: 20px;
}

.cust-reviews-area .nav-tabs .active {
  border: 1px solid transparent;
  border-bottom: 1px solid #E1B44F;
  color: #2b343b;
}

.cust-reviews-area .nav-tabs a {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 50px;
  font-size: 22px;
  text-transform: capitalize;
  color: #2b343b;
}

.cust-reviews-area .nav-tabs a:hover {
  border: 1px solid transparent;
  border-bottom: 1px solid #E1B44F;
}


/*
    product Additional Information 
----------------------------------------*/

.prod_attributes {
  border: 0;
  border: 1px dotted rgba(0, 0, 0, .1);
  margin-bottom: 1.618em;
  width: 100%;
  margin-top: 25px;
}

.prod_attributes th {
  width: 190px;
  font-weight: 700;
  padding: 10px 20px 10px;
  color: #2b343b;
}

.prod_attributes td,
.prod_attributes th {
  line-height: 1.5;
  border-bottom: 1px dotted rgba(0, 0, 0, .1);
  border-top: 0;
  margin: 0;
}

.prod_attributes tr:nth-child(2n) {
  background: #f9f9f9;
}

/*
    product Review 
----------------------------------------*/
.product_revi img {
  width: 120px;
  float: left;
  margin-right: 20px;
}

.revi_text {
  overflow: hidden;
}

.revi_nam {
  color: #2b343b;
  font-size: 18px;
}

.revi_rating {
  float: right;
  color: #E1B44F;
}

.rat_des {
  margin-top: 10px;
}



/*==================================
   23. Cart Page   
==================================*/

.shop_cart {
  padding-top: 100px;
}

.shop_cart_title h2 {
  margin-bottom: 40px;
  position: relative;
}

.shop_cart .table td,
.shop_cart .table th {
  vertical-align: middle;
  position: relative;
}

.shop_cart .prod {
  text-align: left;
  padding-left: 80px !important;
}

.shop_cart table {
  margin-bottom: 30px;
  border: 1px solid transparent;
}

.shop_cart_tr th:first-child {
  padding-left: 79px;
}

.shop_cart .table td img {
  width: 70px;
  border-radius: 4px;
  height: 70px;
}

.cart-trash {
  margin-right: auto;
  position: absolute;
  left: 23px;
  transform: translateY(-50%);
  top: 50%;
}

.cart-trash i {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 50%;
  font-size: 12px;
  color: #686262;
}

.cart-trash i:hover {
  border: 1px solid #E1B44F;
  color: #E1B44F;
}

.ptitle {
  margin-left: 15px;
}

.shop_cart input[type="number"] {
  background:
    #ffffff none repeat scroll 0 0;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  font-weight: normal;
  height: 40px;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  width: 60px;
}

.table-responsive tbody tr.table-info td {
  vertical-align: middle;
  padding-top: 20px;
  padding-bottom: 20px;
}

/*.table.table-bordered input[type="text"] {
  background: #f0f0f0 none repeat scroll 0 0;
  border: 0 none;
  color: #000;
  height: 40px;
  padding: 0 10px;
  text-align: center;
  width: 80px;
}*/

.table>thead>tr>th {
  border-bottom: 1px solid #F8F8F8;
}

.table>tbody+tbody {
  border-top: 1px solid #F8F8F8;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  border: 1px solid #EEECEC;
}

.shop_cart_tr th {
  color: #2b343b;
  text-transform: uppercase;
  /*! letter-spacing: 0px; */
}

.table-info span {
  color: #333;
}

.edt>a {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}

.shop_cart_bottom {
  padding-top: 20px;
  padding-bottom: 100px;
}

/* .coupon-content input {
  width: 300px;
  height: 50px;
  border: 1px solid #ddd;
  padding-left: 15px;
  outline: none;
  position: relative;
  top: 1px;
} */

.coupon-content input:focus,
.coupon-content input:active {
  border: 1px solid rgb(223, 212, 212) !important;
  box-shadow: none;
}

.coupon-content button {
  box-shadow: none;
  border: none;
  background: #E1B44F;
  color: #fff;
  padding: 0px 20px;
  text-transform: uppercase;
  font-size: 15px;
  margin-left: -4px;
  height: 50px;
}


/* Cart Totals */
.grand-total-area {
  background: #f5f5f5 none repeat scroll 0 0;
  padding: 36px 35px 40px;
}

.grand-total-area h4 {

  margin-bottom: 20px;
}

.grand-total-area span {
  float: right;
}

.grand-total-area p {
  color: #333;
  display: block;
  font-size: 18px;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
}

.grand-total-area .grand-total {
  border-top: 1px solid #d2cccc;
  color: #333;
  font-size: 24px;
  padding-bottom: 0px;
  text-align: left;
  text-transform: capitalize;
  margin-top: 15px;
  padding-top: 15px;
}

.grand-total span.amt {
  color: #9dca00;
}

.pro-checkout {
  background: #2b343b;
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 500;
  /*! height: 40px; */
  line-height: 40px;
  margin-top: 30px;
  padding: 2px 10px;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  border-radius: 5px;
}

.pro-checkout:hover {
  color: #fff;
}



/* =================================
    24. Checkout  page 
================================= */

.checkout_section {
  padding-top: 94px;
  padding-bottom: 100px;
}

.checkout_section .custom-title {
  /*! border-bottom: 1px solid #797979; */
  position: relative;
  margin-bottom: 21px;
}



.checkout_section .custom-title h3 {
  font-size: 18px;
  font-weight: 500;
  background: #f7f6f7;
  padding: 20px 20px;
  text-transform: capitalize;
  border-top: 1px solid #9dca00;
}

.checkout_section .payment_mth {
  margin-top: 50px;
}

.checkout_section .payment_wrap {
  margin-top: -20px;
}

.checkout_section .payment_wrap label {
  border: 2px solid #EDE6E4;
  font-weight: normal;
  font-size: 15px;
  text-transform: capitalize;
  padding: 14px 40px !important;
  color: #454545;
}

.checkout_section .checkbox {
  margin-bottom: 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.checkout_section .payment_wrap .radio input[type="radio"],
.checkout_section .payment_wrap .radio-inline input[type="radio"],
.checkout_section .payment_wrap .checkbox input[type="checkbox"],
.checkout_section .payment_wrap .checkbox-inline input[type="checkbox"] {
  margin-left: -20px;
  margin-right: 5px;
  position: relative;
  color: #333;
}

.checkout_section .custom2 {
  display: block;
  font-size: 12px;
  padding-top: 10px;
  padding-left: 15px;
  font-weight: 400;
}

#checkoutform {
  margin-top: 30px;
}

.checkout_section .shopform .form-control {
  background-color: #fff;
  border: 2px solid #EDE6E6;
  border-radius: 0;
  box-shadow: none;
  color: #333;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 12px;
  height: 44px;
  text-align: center;
  width: 263px;
  text-align: left;
  opacity: .5;
}

.checkout_section .shopform .form-control {
  width: 100%;
  margin: 2px 0 16px;
}

.checkout_section .shopform textarea.form-control {
  height: 180px;
  padding-top: 15px;
  padding-left: 15px;
  opacity: .5;
}

.checkout_section label {
  margin-bottom: 0px;
  display: block;
}

.coupon-area .row .col-md-12 {
  padding: 0px;
}

.coupon_show h3 {
  padding: 1.2em 2em 1.2em 3em !important;
  margin: 0 0 20px;
  position: relative;
  background-color:
    #f7f6f7;
  color:
    #101010;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  border-top: 1px solid #9dca00;
  list-style: none !important;
  width: auto;
  word-wrap: break-word;
  font-family: 'Karla', sans-serif;
}

.coupon_show h3::before {
  color:
    #9dca00;
  content: "\f274";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  left: 1.5em;
  position: absolute;
  top: 1.2em;
}

.coupon_show span {
  color:
    #E1B44F;
  cursor: pointer;
}

.coupon-content {
  border: 1px solid #e5e5e5;
  display: none;
  margin-bottom: 20px;
  padding: 21px 25px 22px;
  overflow: hidden;
}

.checkout_section .lost_pass a {
  float: left;
  margin-top: 12px;
}

.coupon_info p {
  color:
    #222222;
  /*! font-family: Open Sans; */
  font-size: 14px;
  /*! font-weight: normal; */
  margin-bottom: 0;
}

.lost_pass {
  margin-top: 15px;
}

.input_login .button {
  background: #e3e3e3;
  box-shadow: none;
  border: none;
  padding: 8px 25px;
  border-radius: 3px;
}

.coupon_info p.form-row input[type="checkbox"] {
  position: relative;
  top: 2px;
}

.lost_pass a {
  color:
    #222;
  float: right;
}

.input_login label {
  display: inline;
  margin-top: 1px;
}

.coupon_info label input {
  position: relative;
  top: 2px;
}


p.checkout-coupon input[type="text"] {
  height: 36px;
  padding-left: 10px;
  width: 170px;
  float: left;
}

p.checkout-coupon input[type="submit"] {
  background:
    #2b343b;
  border: medium none;
  border-radius: 0;
  color:
    #fff;
  height: 36px;
  margin-left: 6px;
  padding: 5px 20px;
  transition: all 0.3s ease 0s;
  font-size: 13px;
}

.coupon_info label {
  margin-bottom: 5px;
}

.coupon_info input[type="text"] {
  margin-bottom: 12px;
  height: 35px;
  border: 1px solid #ddd;
  width: 300px;
  padding: 0px 10px;
}

.coupon_info .button {
  margin-top: 3px;
  /*! margin-left: 5px; */
  margin-right: 10px;
}

/*  Checkout Order */
.checkout_order .order-info .order-list li.title {
  padding: 0px 30px 30px 30px;
}

.checkout_order .order-info .order-list li {
  position: relative;
  display: block;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 30px;
}

.checkout_order .order-info .order-list li.title p {
  font-size: 15px;
  color: #101010;
  float: left;
  font-weight: 600;
}

.checkout_order .order-info .order-list li.title span {
  position: relative;
  display: block;
  font-size: 15px;
  color: #101010;
  float: right;
  font-weight: 600;
}

.checkout_order .order-info .order-list li .single-box {
  position: relative;
  padding: 30px 0px 30px 100px;
  min-height: 80px;
}

.checkout_order .order-info .order-list li .single-box img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80px;
  height: 80px;
}

.checkout_order .order-info .order-list li .single-box h6 {
  position: relative;
  font-size: 15px;
  color: #101010;
  float: left;
  font-weight: 400;
}

.checkout_order .order-info .order-list li .single-box span {
  position: relative;
  display: block;
  float: right;
  font-size: 15px;
  color: #222;
  line-height: 17px;
}

.checkout_order .order-info .order-list li.sub-total {
  padding: 17px 30px 35px 30px;
}

.checkout_order .order-info .order-list li.sub-total h6 {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  float: left;
}

.checkout_order .order-info .order-list li.sub-total span {
  position: relative;
  display: block;
  font-size: 15px;
  color: #222;
  float: right;
  line-height: 19px;
}

.checkout_order .order-info .order-list li.order-total {
  padding: 17px 30px 30px 30px;
}

.checkout_order .order-info .order-list li.order-total h6 {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  float: left;
  font-family: 'Poppins', sans-serif;
}

.checkout_order .order-info .order-list li.order-total span {
  position: relative;
  display: block;
  font-size: 18px;
  color: #222;
  font-weight: 500;
  float: right;
  line-height: 19px;
}




/*-----------------------------------------------------------
    25. Login Page /  My account
------------------------------------------------------------*/
.account-section {
  padding-top: 100px;
}

.login-form input,
.registration-form input {
  height: 45px;
  width: 100%;
  margin-bottom: 20px;
  padding: 5px 20px;
  border-radius: 3px;
  border: 1px solid #EDE6E6;
  outline: none;
}

.login-form h2,
.registration-form h2 {
  font-size: 24px;
  margin-bottom: 28px;
  font-weight: 500;
}

.login-form .submit,
.registration-form .submit {
  width: 100%;
  padding: 9px 30px;
  color: #fff;
  background: #E1B44F;
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: auto;
  text-align: center;
}

.login-form .submit:hover,
.registration-form .submit:hover {
  opacity: .8;
}

.lost_pass {
  margin-bottom: 15px;
  margin-top: -3px;
  font-size: 14px;
}

.lost_pass:hover a {
  color: #E1B44F;
}

#rem-checkbox-input {
  float: left;
  height: 17px !important;
  width: 17px !important;
  margin-right: 8px;
  margin-top: 6px;
}

/*  Middle Border */
.account-section .registration-form {
  position: relative;
}




.account-section .login-form {
  padding: 30px 40px 40px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.account-section .registration-form {
  padding: 30px 40px 40px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

/*  Term & Condition */

/*  Term  and Condition */
.signup_checkout {
  margin-top: 30px;
}

.term-and-condition {
  display: flex;
  margin-bottom: 5px;
  margin-top: -5px;
}

.term-and-condition label {
  font-size: 14px;
  margin-left: 0px;
  margin-top: 5px;
  line-height: 1.5;
}



.term-and-condition input {
  float: left;
  height: 17px !important;
  width: 17px !important;
  margin-right: 8px;
  margin-top: 6px;
}

.term-and-condition a {
  color: #E1B44F;
}


/* =================================
    26. 404 / not found Page
================================= */
.not-found h2 {
  font-size: 145px;
  line-height: 1;
}

.not-found {
  text-align: center;
  height: 450px;
  display: grid;
  align-content: center;
}

.error-body-description {
  font-size: 30px;
}

.go-back {
  color: #E1B44F;
}

.notfound_btn {
  margin-top: 45px;
}

.not-found-section {
  padding-top: 85px;
  background-image: url(../images/shape1.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-attachment: fixed;
}

.notfound_btn a {
  margin: 0px 5px;
}



/* =================================
    27. Blog Page
================================= */

.blog_container {
  padding-top: 20px;
}

.blog_pg_wrp {
  margin-bottom: 30px;
  border-radius: 10px;
}

.blog_container .blog_pg_img img {
  height: auto;
  width: 100%;
  border-radius: 10px 10px 0px 0px;
}

.blog_pg_info {
  padding: 30px 30px 0px;
  border: 1px solid #eee0e0;
  border-radius: 0px 0px 10px 10px;
}

.blog_pg_info h4 {
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 17px;
  margin-top: 13px;
}

.blog_page .blog_pg_info h4 {
  margin-top: -8px;
}

.blog_pg_info h4:hover {
  color:
    #E1B44F;
}

.blog_pg_meta {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eee0e0;
  padding: 23px 0px 9px;
  margin-top: 27px;
}

.blog_container .blog_date span {
  background: #E1B44F;
  color: #fff;
  padding: 10px 15px;
  border-radius: 0px;
  opacity: 1;
}

.blog_container .blog_date {
  top: auto;
  transform: none;
  margin-top: -65px;
  margin-left: 45px;
}

.blog_container .meta_col {
  margin-bottom: 15px;
}

.blog_container .meta_col span {
  margin-right: 15px;
  color: #262c33;
}

.blog_container .meta_col span i {
  margin-right: 5px;
  color: #E1B44F;
}

.blog_container .blog_read i {
  background: #f7f7f7;
  border-radius: 50%;
  padding: 8px 10px;
}

.blog_container .blog_read:hover i {
  background: #E1B44F;
  color: #fff;
}

/* - Pagination */

.pagination {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}

.pagination .pager {
  text-align: center;
  width: 100%;
  margin: 0px 0px;
  position: relative;
  padding: 0;
}

.pager li {
  position: relative;
  padding: 0px 0px;
  display: inline;
}

.pager .pagi-big a {
  font-weight: 500;
  color: #fff;
  background: #E1B44F;
}

.pager li a {
  border-radius: 0;
  letter-spacing: 0px;
  text-transform: uppercase;
  padding: 0;
  color: #fff;
  font-weight: 500;
  border: 1px solid #ddd;
  background: transparent;
  color: #333;
  width: 50px;
  display: inline-block;
  height: 50px;
  line-height: 47px;
  border-radius: 50%;
  margin-right: 5px;
}

.pager li a.active {
  background-color: #E1B44F;
  color: #fff;
  border: 1px solid #E1B44F;
}

.pager-icon {
  font-size: 14px;
  left: 0px;
  position: relative;
  top: 6px;
  font-weight: 700;
  letter-spacing: 2px;
}

.pager-icon:hover {
  color: #000;
}

.pagination .pager li>a:focus,
.pagination .pager li>a:hover {
  background-color: #E1B44F;
  color: #fff;
  border: 1px solid #E1B44F;
}

/* -- Widget Area */

.widget-area {
  text-align: center;
}

/* - Widget */

.widget {
  display: inline-block;
  margin-bottom: 45px;
  width: 100%;
  background: #f7f7f7;
  padding: 30px;
  border-radius: 10px;
}

/* - Widget Search */

.widget {
  margin-bottom: 30px;
}

.widget-search {
  display: block;
  background: #f7f7f7;
  border: 1px solid #f7f7f7;
  padding: 5px 10px;
}

.widget-search .input-group {
  padding-bottom: 6px;
  padding-top: 6px;
}

.widget-search .input-group input {
  background: transparent none repeat scroll 0% 0%;
  border: 0px none;
  transition: none 0s ease 0s;
  box-shadow: none;
  font-size: 14px;
  font-weight: 400;
  color: #8F8F8F !important;
  height: auto;
}

.widget-search .input-group button {
  background: #E1B44F;
  border: medium none;
  font-size: 14px;
  color: #fff;
  padding: 11px 12px;
  border-radius: 50%;
  margin-right: 5px;
}

.input-group-btn {
  left: 0px;
}

/* - Widget Title */

 .widget-title:after {
  position: absolute;
  background: #E1B44F;
  bottom: 0;
  width: 50px;
  height: 2px;
  content: "";
  left: 0;
}

.widget-title {
  font-size: 22px;
  text-transform: capitalize;
  text-align: left;
  letter-spacing: 0px;
  margin: -5px 0px 30px;
  position: relative;
  padding: 0px 0px 8px;
  position: relative;
  font-weight: 600;
}

/* - Categories Type */

.categories-type li {
  padding: 1px 0px;
  list-style: square;
  margin-left:24px;
}

.widget-post-categories .categories-type {
  text-align: left;
  display: inline-block;
  margin-top: -10px;
  width: 100%;
  margin-left: 15px;
}

.categories-type li a {
  color: #262c33;
}

.categories-type li:hover a {
  color: #E1B44F;
}

.categories-type li span {
  float: right;
  clear: both;
}

/* - Recent Post */

.wiget-recent-post {
  background: #f7f7f7;
  padding: 30px;
}

.recnt_pst_imge {
  width: 30%;
  float: left;
  margin-right: 15px;
}

.recnt_pst_imge img {
  height: 69px;
}

.recent-post-box {
  display: inline-block;
  padding-bottom: 20px;
  width: 100%;
  position: relative;
}

.recent-post-box:last-of-type {
  border-bottom: none;
  padding-bottom: 0px;
}

.recent-title {
  text-align: left;
  display: inline-block;
  width: 64%;
}

.recent-title>a {
  font-size: 18px;
  margin-top: -4px;
  display: inline-block;
  color: #262c33;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
}

.recent-title>a:hover {
  text-decoration: underline;
}

.recent-title>span {
  font-size: 13px;
  color: #515050;
  margin-top: -8px;
  margin-bottom: 0px;
}

.recent-title>span i {
  color: #E1B44F;
  margin-right: 4px;
}

/* - Widget Tags */

.widget-tags {
  text-align: left;
  width: 100%;
  margin-bottom: 0px;
}

.widget-tags .widget-title {
  display: inline-block;
  width: 100%;
}

.widget-tags>a {
  color: #262c33;
  text-decoration: none;
  border: 1px solid #ddd6d6;
  padding: 6px 13px;
  display: inline-block;
  margin-bottom: 3px;
  font-size: 13px;
}

.widget-tags>a:hover {
  color: #fff;
  border-color: #E1B44F;
  background: #E1B44F;
}

/*
  Blog Page 
================================= */

.blog_quote {
  margin-top: 0px;
  border-bottom: 1px solid #ece3e3;
  padding-bottom: 15px;
}

.single_blog_container .blog_quote h3 {
  letter-spacing: 0px;
  display: block;
  margin-top: 28px;
  margin-bottom: 13px;
  font-weight: 400;
  font-size: 26px;
}

.single_blog_container .marked {
    background: #f7f7f7;
    font-size: 18px;
    font-weight: bold;
    border-left: 2px solid #E1B44F;
    padding:20px;
    line-height: 30px;
    margin: 20px 0px 17px;
}

    .single_blog_container .marked span {
        color: #bb5e00;
        font-size: 16px;
        display: block;
        margin-top: 8px;
    }

.blog_quote_right p {
  position: relative;
  margin-top: 0px;
}

.blog_quote_icon_botom {
  font-size: 50px;
  position: absolute;
  right: 223px;
  top: 72px;
  color: #dcdcdc;
}

.blog_quote p {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 0px;
}

.single_blog_container .blog_pg_meta {
  border-top: 1px solid transparent;
  padding: 0px 0px 0px;
  margin-top: 0px;
}

.single_blog_container .meta_col {
  margin-bottom: -7px;
}

/*=================================
   Post Tag and SHare 
================================= */

.post_tags {
  float: left;
  margin-top: 30px;
}

.post_tags h5 {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0px;
}

.post_tags a {
  background: #E1B44F;
  color: #fff;
  padding: 6px 10px;
  margin: 0px 2px;
  border-radius: 5px;
}

/*  post share */
.post-share ul {
  margin: 0px;
  padding: 0px;
}

.post-share {
  float: right;
  margin-top: 30px;
}

.post-share ul li {
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
}

/*=================================
   28. Single Blog Page
================================= */

.single_blog_container {
  /*padding-bottom: 100px;*/
}

.single_blog_container .blog_pg_info {
  overflow: hidden;
  padding: 20px 30px 30px;
}

.single_blog_container .blog_date span {
  margin-right: 2px;
}

/* Comment */
.single_blog_container .comment_imgg {
  width: 100px;
  float: left;
  margin-right: 25px;
}

.comments-section-title h4 {
  margin-top: 0px;
  font-size: 24px;
  margin-bottom: 18px;
  letter-spacing: 0px;
  text-transform: capitalize;
  text-align: left;
  font-weight: 600;
  padding: 6px 0px 12px;
}

.comments {
  padding: 0px;
  margin: 0px;
  margin-top: -40px;
}

.comment_cont_wrp {
  position: relative;
}

.comments li {
  list-style: outside none none;
}

.comments li .comment {
  padding: 40px 0px 10px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  background: transparent;
  margin-top: -10px;
}

.comments li .comment img.comment-avatar {
  border-radius: 10px;
}

.comments li .comment strong.commenter-title {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  display: block;
  color: #8B8B8B;
}

.comments li .comment strong.commenter-title a {
  font-size: 20px;
  color: #262c33;
  font-family: 'Poppins', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

.comments li .comment span.comment-date {
  /*! display: block; */
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 0px;
  text-transform: uppercase;
  margin-left: 10px;
  color: #E1B44F;
}

.comments li .comment span.comment-date i {
  font-size: 12px;
}

.comments li .comment span.comment-reply {
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -1px;
}

.comments li .comment span.comment-reply a {
  transition: all 0.5s ease 0s;
  font-size: 18px;
  padding: 7px 8px;
  text-transform: uppercase;
  color: #E1B44F;
  background: #F1F6FA;
  border-radius: 50%;
}

.comments li .comment span.comment-reply a:hover {
  background: #E1B44F;
  color: #fff;
}

.comments li .comment span.comment-reply a i {
  font-size: 11px;
}

.comments li .comment p:last-child {
  margin-bottom: 0px;
  overflow: auto;
}

.comments li>ul {
  padding-bottom: 7px;
  padding-left: 30px;
  border-top: 1px solid #ece3e3;
}

.comments li .comment p {
  margin-top: 7px;
}

.blog-contact {
  padding: 0px;
}

.blog-contact #contact-form {
  /*! padding: 40px 40px; */
  /*! box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .09); */
  background: #fff;
}

.blog-contact .form-control {
  color: #555;
  background-color: #f3f3f3;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 1px;
  box-shadow: none;
  line-height: 2.429;
}

.blog-contact .form-group {
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 0px;
}

.form-control:focus {
  border: 1px solid #fff;
  border: 1px solid #E1B44F;
  box-shadow: none;
  border-left: 3px solid #E1B44F;
}

.blog-contact textarea {
  line-height: 20px !important;
}

.blog-contact .contact-form #contact-form .con-field {
  line-height: 50px;
  margin-bottom: 20px;
  background: #f1f3f4;
  border: 1px solid transparent;
  color: #333;
  padding-left: 20px;
  border-radius: 5px;
  outline: none;
}

.blog-contact .contact-form #contact-form textarea {
  padding-top: 15px;
  padding-left: 20px;
}

.blog-contact .contact-form #contact-form .con-field:active,
.blog-contact .contact-form #contact-form .con-field:focus {
  border: 1px solid #E1B44F !important;
  box-shadow: none;
  border-radius: 5px;

}

.blog-contact #submit-contact:hover {
  background: #2b343b;
  color: #fff;
}

.blog-contact #submit-contact {
  padding: 20px 10px;
}

/*-
  post-option 
------------------------------*/

.post-option {
  position: relative;
  padding: 25px 25px;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 1px solid #ece3e3;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
}

.post-option .arrow-icon {
  font-size: 20px;
  border: 1px solid #E1B44F;
  border-radius: 50%;
  padding: 10px 11px;
  color: #E1B44F;
  position: relative;
  top: 3px;
  font-weight: bold;
}

.post-option .arrow-icon:hover {
  color: #fff;
  background: #E1B44F;
}

.post-option .prev-post,
.post-option .next-post {
  position: relative;
  font-size: 13px;
  color: #111;
  text-transform: uppercase;
}

.post-option .prev-post:hover,
.post-option .next-post:hover {
  color: #E1B44F;
}

.post-option .middle-icon a {
  position: relative;
  color: #E1B44F;
  font-size: 27px;
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  margin-top: 4px;
}

.post-option .middle-icon a:hover {
  color: #B9B3B3;
}

/*-
 Post Author 
------------------------------*/

.post-author {
    /*display: flex;*/
    border: 1px solid #ece3e3;
    border-bottom: 6px solid rgba(158, 149, 136, 0.4);
    padding: 30px 30px;
    align-items: flex-start;
    border-radius: 10px;
    margin-bottom: 40px;
    background-color: #ffffff;
    border-top: 2px solid #E1B44F;
}

.post-author-img img {
  border-radius: 10px;
  max-width: 100px;
}

.post-author-text {
  padding-left: 25px;
}

.post-author-text h4 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

.post-author-text p {
  margin: 0;
}

.col-md-1 {
    max-width: 8.333333%;
}

.col-md-2 {
    max-width: 16.666667%;
}

.col-md-3 {
    max-width: 25%;
}

.col-md-4 {
    max-width: 33.333333%;
}

.col-md-5 {
    max-width: 41.666667%;
}

.col-md-6 {
    max-width: 50%;
}

.col-md-7 {
    max-width: 58.333333%;
}

.col-md-8 {
    max-width: 66.666667%;
}

.col-md-9 {
    max-width: 75%;
}

.col-md-10 {
    max-width: 83.333333%;
}

.col-md-11 {
    max-width: 91.666667%;
}

.col-md-12 {
    max-width: 100%;
}

.col-lg-1 {
    max-width: 8.333333%;
}

.col-lg-2 {
    max-width: 16.666667%;
}

.col-lg-3 {
    max-width: 25%;
}

.col-lg-4 {
    max-width: 33.333333%;
}

.col-lg-5 {
    max-width: 41.666667%;
}

.col-lg-6 {
    max-width: 50%;
}

.col-lg-7 {
    max-width: 58.333333%;
}

.col-lg-8 {
    max-width: 66.666667%;
}

.col-lg-9 {
    max-width: 75%;
}

.col-lg-10 {
    max-width: 83.333333%;
}

.col-lg-11 {
    max-width: 91.666667%;
}

.col-lg-12 {
    max-width: 100%;
}

.col-sm-1 {
    max-width: 8.333333%;
}

.col-sm-2 {
    max-width: 16.666667%;
}

.col-sm-3 {
    max-width: 25%;
}

.col-sm-4 {
    max-width: 33.333333%;
}

.col-sm-5 {
    max-width: 41.666667%;
}

.col-sm-6 {
    max-width: 50%;
}

.col-sm-7 {
    max-width: 58.333333%;
}

.col-sm-8 {
    max-width: 66.666667%;
}

.col-sm-9 {
    max-width: 75%;
}

.col-sm-10 {
    max-width: 83.333333%;
}

.col-sm-11 {
    max-width: 91.666667%;
}

.col-sm-12 {
    max-width: 100%;
}