/* Css Template For Saimon */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. About Section
7. Feature Section
9. Service Section
8. Project Section
10. Testimonial Section
11. Cta Section
12. Team Section
14. Brand Section
15. Main Footer
16. Footer Bottom
19. Main Header Style Two
20. Welcome Style Two
21. Cta Style Two
22. Project Style Two
23. Testimonial Style Two
24. About Style Two
25. Our Skills
26. About Style Three
27. Feature Style Two
28. Project Style Three
29. Team Style Two
30. Testimonial Style Three
31. About Page
32. Service Page
33. Service Details
34. project Page
35. Project Details 
36. Team Page
37. Single Team
38. Error Section
39. Shop Section
40. Single Shop Section
41. Cart Section / Cart Page
42. Checkout Section
43. Blog Classic
44. Blog Classic Content
45. Sidebar Content
46. Blog Details
47. Blog Details Content
48. Contact Section
49. Contact Form
50. Google Map


**********************************************/

/* use font link */

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

/* use style sheet */

@import url(../css/font-awesome.css);
@import url(../css/flaticon.css);
@import url(../css/animate.css);
@import url(../css/owl.css);
@import url(../css/bootstrap.css);
@import url(../css/bootstrap.min.css);
@import url(../css/bootstrap-select.min.css);
@import url(../css/settings.css);
@import url(../css/jquery.fancybox.css);
@import url(../css/jquery.bootstrap-touchspin.css);



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:14px;
  color:#777777;
  line-height: 26px;
  font-weight:400;
  background:#ffffff;
  font-family: 'Open Sans', serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

@media (min-width:1200px) {
  .container {
    padding: 0px 0px;
  }
}

a{
  text-decoration:none;
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  cursor:pointer;
  color:#777;
  transition: all 900ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
  color: #caa680;
  transition: all 900ms ease;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Source Sans Pro',sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  color: #222;
  margin-top: 0px;
}
h3 a,h4 a,h5 a,h6 a{
  position:relative;
  font-family: 'Source Sans Pro',sans-serif;
  font-weight: 400;
  color: #222;
  transition: all 500ms ease;
}

input,button,select,textarea{
  font-family: 'Open Sans', sans-serif;
}

.strike-through{
  text-decoration:line-through; 
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.page-wrapper{
  position:relative;
  margin:0 auto;
  width:100%;
  min-width:300px;
  overflow-x: hidden;
  
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}
.centred{
  text-align:center;  
}

.sec-pad{
  padding: 91px 0px 100px 0px;
}

p{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  line-height: 26px;
  font-weight: 400;
  color: #777;
  margin-bottom: 10px;
}

h1{
  font-size: 72px;
  line-height: 75px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
h2{
  font-size: 34px;
  line-height: 40px;
  color: #222;
}
h3{
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}
h4{
  font-size: 20px;
  line-height: 28px;
  text-transform: uppercase;
}
h5{
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
} 
h6 a{
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: #ccc;
} 
h3 a{
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #222;
  text-transform: uppercase;
}
h4 a{
  font-size: 20px;
  line-height: 28px;
}
h5 a{
  font-size: 16px;
  line-height: 28px;
}
h5 a:hover,
h6 a:hover,
h4 a:hover,
h3 a:hover{
  color: #caa680;
  transition: all 500ms ease;
}


.preloader{position: fixed; left:0px;top:0px;height:100%;width: 100%;z-index:999999;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icons/preloader.gif);}

/** button **/

.btn-one {
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  background: #26272a;
  border: 2px solid #26272a;
  padding: 10px 39px 10px 39px;
  font-weight: 600;
  text-align: center;
  z-index: 1;
  transition: all 500ms ease;
}
.btn-one:hover{
  color: #26272a;
  border: 2px solid #26272a;
  background: #fff;
  transition: all 500ms ease;
}

.btn-two {
  text-transform: uppercase;
  color: #222;
  background: transparent;
  padding: 9px 29px 8px 29px;
  position: relative;
  border: 1px solid #dadada;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.btn-two:hover{
  color: #caa680;
}

.link-btn{
  position: relative;
  padding: 0px;
  margin-top: 50px;
}
.link-btn li{
  display: inline-block;margin: 0px 3px;
}
.link-btn li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-family: 'Poppins',sans-serif;
  color: #777;
  font-weight: 600;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.link-btn li a:hover,
.link-btn li a.active{
  background: #caa680;
  color: #fff;
  border: 1px solid #caa680;
  transition: all 500ms ease;
}

.sec-title h2{
  position: relative;
  margin-bottom: 53px;
  font-weight: 600;
  line-height: 42px;
  text-transform: uppercase;
}
.sec-title h2:before{
  position: absolute;
  content: '';
  background: #222;
  width: 50px;
  height: 2px;
  left: 50%;
  margin-left: -25px;
  bottom: -22px;
}
.sec-title.two h2{
  line-height: 40px;
}
.sec-title.two h2:before{
  left: 0px;
  margin-left: 0px;
  bottom: -19px;
}

/*** 

====================================================================
  Scroll To Top style
====================================================================


***/

.scroll-to-top{
  position:fixed;
  bottom:15px;
  right:15px;
  color:#fff;
  font-size:18px;
  line-height:43px;
  width:45px;
  height:45px;
  background: #caa680;
  text-align:center;
  z-index:100;
  cursor:pointer;
  display:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.scroll-to-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

body{
  overflow-x: hidden;
}


/*** 

====================================================================
                        Home-Page
====================================================================

***/

/** main header area **/

/* Mobil cihazlar için (767px ve altı) */
@media only screen and (max-width: 767px) {
    
    /* 1. Header konteynerını hizalıyoruz */
    .header-lower .container-fluid {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding-left: 0 !important; /* Logoyu tam sola yaslamak için */
        background-color: #ffffff; /* Menü butonunun olduğu yerin rengi */
    }

    /* 2. Logo kutusunu sola yaslı ve siyah yapıyoruz */
    .logo-box {
        float: left !important;
        width: auto !important;
        display: inline-block !important;
        padding: 10px 30px 10px 20px !important;
        background-color: #000000 !important;
        margin: 0 !important;
        /* İstersen buraya diagonal (çapraz) efekti tekrar ekleyebiliriz */
        clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    }

    /* 3. Logo resmini mobil için biraz küçültelim ki yer kalsın */
    .logo-box figure img {
        height: 45px !important; 
        width: auto;
    }

    /* 4. Menü butonunu sağa alıyoruz */
    .navbar-header {
        float: right !important;
        width: auto !important;
        background: transparent !important;
        margin-right: 10px !important;
    }

    .navbar-toggle {
        float: right !important;
        margin: 0 !important;
        display: block !important;
    }

    /* 5. Menü açıldığında logonun altına tam genişlikte düşmesi için */
    .main-menu .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100% !important;
        background: #fff;
        z-index: 999;
    }
}
header, section {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3d(0,0,0);
}
.header-upper{
  position: relative;
  background: #2f3032;
  width: 100%;
  padding: 11px 35px 12px 35px;
}
.header-upper .top-left{
  position: relative;display: inline-block;
}
.header-upper .top-left li{
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: #c7cace;
  margin-right: 41px;
}
.header-upper .top-left li i{
  margin-right: 8px;
}

.header-upper .top-right{
  position: relative;
  display: inline-block;
  float: right;
}
.header-upper .top-right .social-top li{
  position: relative;
  display: inline-block;
  margin-left: 21px;
}
.header-upper .top-right .social-top li a{
  font-size: 14px;
  color: #c7cace;
  font-size: 12px;
  transition: all 500ms ease;
}
.header-upper .top-right .social-top li a:hover{
  color: #caa680;
  transition: all 500ms ease;
}

.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  padding: 0px 35px;
  left:0px;
  top:0px;
  width:100%;
  background: #fff;
  z-index:0;
  box-shadow: 0 0px 0 2px rgba(238, 238, 238, 0.66);
  transition:all 500ms ease;
}
.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* 1. Sol taraftaki gıcık beyaz boşluğu her ihtimale karşı sıfırlıyoruz */
.header-lower .container-fluid, 
.header-lower .container {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 2. Logo kutusunun boyutu ve "nice" görünümü */
.logo-box {
    background-color: #000000; /* Siyah arka plan */
    padding: 0 50px 0 30px;    /* Sağdan ve soldan şık bir genişlik */
    float: left;
    margin: 0 !important;
    height: 90px;             /* Header yüksekliğine tam uyumlu, tok bir boyut */
    display: flex;            /* Logoyu dikeyde tam ortalamak için en modern yöntem */
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 100;
}

/* 3. İstersen o çok sevdiğin çapraz kesimi buraya ekleyebilirsin, 
   eklemezsen düz siyah kutu olarak kalır. */
.logo-box::after {
    content: '';
    position: absolute;
    top: 0;
    right: -45px; 
    width: 46px;
    height: 100%;
    background-color: #000000;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

/* 4. Fotoğrafın (Logonun) boyutu */
.logo-box figure img {
    max-height: 60px; /* "Nice" dediğimiz ideal boyut budur */
    width: auto;      /* Oran bozulmasın diye */
    display: block;
    transition: all 0.3s ease;
}

/* 5. Header'ın beyaz şeridinin yüksekliğini sabitleyelim ki kayma yapmasın */
.header-lower {
    height: 90px;
    padding: 0px 35px 0px 0px !important; /* Solu sıfırladık, sağ boşluğu koruduk */
}
.logo-box figure img {
    display: block;
}
.menu-bar{
  position: relative;
  display: inline-block;
  float: right;
}

.main-menu{
  position:relative;
  display: inline-block;
  right: 8px;
}

.main-menu .navbar-collapse{
  padding:0px;  
}

.main-menu .navigation{
  position:relative;
  margin:0px;
}

.main-menu .navigation > li{
  position:relative;
  display: inline-block;
  margin-left: 19px;
  margin-right: 19px;
}


.main-menu .navigation > li > a > i:before{
  margin-right: 5px;
  font-size: 16px;
}
.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:15px;
  color: #222;
  line-height: 26px;
  font-weight:600;
  padding: 32px 6px 32px 6px;
  text-align: center;
  text-transform:uppercase;
  font-family: 'Open Sans', sans-serif;
  opacity:1;
  -webkit-transition:all 500ms ease;
}

.main-menu .navigation > li:hover > a,.main-menu .navigation > li.current > a,
.main-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn span:before{
  color: #caa680;
  transition: all 500ms ease;
}

.main-menu .navigation > li:hover > a:after{
  opacity:1;
}

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top: 90px;
  width:220px;
  padding:0px;
  z-index:100;
  display:none;
  background:#222;
  border-top:3px solid #caa680;
  transition:all 1000ms ease;
  -moz-transition:all 1000ms ease;
  -webkit-transition:all 1000ms ease;
  -ms-transition:all 1000ms ease;
  -o-transition:all 1000ms ease;
}
.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}
.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 15px;
  line-height:28px;
  font-weight:600;
  font-size:14px;
  font-family: 'Open Sans', sans-serif;
  text-transform:capitalize;
  color: #ffffff;
  border-bottom: 1px dashed #caa680;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:last-child >a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li:hover > a{
  color: #caa680;
  padding:10px 15px 10px 17px;
  transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#ffffff;
  transition:all 500ms ease;  
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top:100%;
  transition:all 500ms ease;  
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  display: inline-block;
  position: absolute;
  top: 32px;
  right: -12px;
  cursor: pointer;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn span:before{
  font-size: 15px;
  color: #222;
  margin: 0px;
}
.header-lower{
  position: relative;
  padding: 0px 35px;
  background: #fff;
}

.main-header .search-box-area .search-toggle i:before{
  font-size: 16px;
  color: #222;
  margin: 0px;
}

.main-header .search-box-area{
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-right: 37px;
}

.main-header .search-box-area .search-box {
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 35px;
  transition: all 500ms ease 0s;
  visibility: hidden;
}
.main-header .search-box-area .form-group{
  position: relative;
}
.main-header .search-box-area .form-group button{
  position: absolute;
  top: 2px;
  right: 0px;
  width: 46px;
  height: 46px;
  color: #fff;
  background: #caa680;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  z-index: 10;
}
.main-header .search-box-area input{
  width: 250px;
  height: 50px;
  border: 2px solid #caa680;
  padding: 10px 20px;
  border-radius: 5px;
  z-index: 9;
}
.main-header .search-box.now-visible {
  top: 35px;
  right: 0px;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.main-header .info-box,
.main-header .cart-box,
.main-header .search-box-area{
  position: relative;
  display: inline-block;
  top: -1px;
}
.main-header .cart-box a{
  color: #222;
  font-size: 16px;
  font-weight: 600;
}


/** main slider **/


.main-slider .text{
  position: relative;
  font-size: 17px;
  line-height: 28px;
  color: #fff;
  font-weight: 600;
}
#slide-1687-layer-4,#slide-1688-layer-4,#slide-1689-layer-4{
  padding: 0px !important;
  border: none;
}
#slide-1687-layer-4:hover,
#slide-1688-layer-4:hover,
#slide-1689-layer-4:hover{
  background: none !important;
}
.main-slider .tp-btn a{
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 28px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-weight: 600;
  background: #caa680;
  text-transform: uppercase;
  padding: 11px 34px 11px 34px;
  text-align: center;
  transition: all 900ms ease;
}
.main-slider .tp-btn a:hover{
  background: #fff;
  color: #caa680;
  transition: all 900ms ease;
}


/** about-section **/

.about-section{
  position: relative;
  padding-bottom: 126px;
  padding-top: 111px;
}
.about-section .img-box{
  position: relative;
  margin-top: -11px;
  padding-left: 35px;
}
.about-section .img-box:before{
  position: absolute;
  content: '';
  background: url(../images/about/shap.png);
  width: 100%;
  height: 100%;
  left: 117px;
  top: 80px;
  background-repeat: no-repeat;
  z-index: -1;
}
.about-section .img-box img{
  width: 100%;
}
.about-section .button{
  margin-top: 31px;
}

@media only screen and (max-width: 767px) {
    /* 1. Resmin kutusunu temizleyelim */
    .about-section .img-box {
        position: relative !important;
        margin-bottom: 50px !important; /* Resim ile yazı arasına ciddi bir boşluk */
        float: none !important;
        width: 100% !important;
    }

    /* 2. Başlığın üzerine binmesini engellemek için tüm 'pull' veya 'negative margin' etkilerini siliyoruz */
    .about-section .about-title, 
    .about-section .sec-title {
        margin-top: 0 !important;
        position: relative !important;
        top: 0 !important;
        z-index: 1 !important;
        padding-top: 0 !important;
    }

    /* 3. Başlık yazı boyutunu ve hizasını garantiye alalım */
    .about-section .sec-title h2 {
        font-size: 24px !important; 
        line-height: 1.3em !important;
        color: #333 !important;
        text-align: left !important;
        margin-bottom: 15px !important;
    }

    /* 4. Altındaki metni biraz daha aşağı itelim */
    .about-section .text {
        margin-top: 20px !important;
        padding: 0 !important;
    }

    /* 5. Kolonları birbirinden bağımsız bloklar yapalım */
    .about-section .about-column {
        float: none !important;
        width: 100% !important;
        display: block !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
/** feature-section **/

.feature-section{
  position: relative;
  background: #ffffff;
  width: 100%;
  padding-bottom: 62px;
}
.feature-section:before{
  position: absolute;
  content: '';
  background: url(../images/home/logobrand.png);
  width: 50%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.feature-section .feature-content-area{
  position: relative;
  padding-left: 36px;
  padding-right: 60px;
}
.feature-section .feature-content-area .single-item{
  position: relative;
  padding: 0px 0px 0px 97px;
  margin-bottom: 26px;
}
.feature-section .feature-content-area .single-item .icon-box{
  position: absolute;
  left: 0px;
  top: -3px;
  background: #ebebf0;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
}
.feature-section .feature-content-area .single-item .icon-box i:before{
  font-size: 33px;
  color: #222;
  margin: 0px;
}
.feature-section .sec-title h2{
  margin-bottom: 61px;
}
.feature-section .feature-content-area .single-item h4{
  font-weight: 600;
  margin-bottom: 7px;
}


/** service-section **/

.service-section{
  position: relative;
}
.service-section .single-item{
  position: relative;
  padding: 0px 16px 0px 16px;
}
.service-section .single-item:before{
  position: absolute;
  content: '';
  background: #efefef;
  width: 1px;
  height: 229px;
  top: 0px;
  right: -15px;
}
.service-section .service-column:nth-child(3) .single-item:before{
  display: none;
}
.service-section .single-item .icon-box{
  margin-bottom: 20px;
}
.service-section .single-item .icon-box i:before{
  font-size: 45px;
  color: #222;
  margin: 0px;
  transition: all 500ms ease;
}
.service-section .single-item .icon-box:hover i:before{
  color: #caa680;
  transition: all 500ms ease;
}
.service-section .single-item h4{
  margin-bottom: 16px;
}
.service-section .single-item h4 a{
  font-weight: 600;
}
.service-section .single-item p{
  margin-bottom: 22px;
}
.service-section .sec-title h2{
  margin-bottom: 82px;
}


/** project-section **/

.project-section{
  position: relative;
  background: #f5f5f7;
  padding-right: 51px;
  padding-left: 51px;
}
.project-section .post-filter{
  position: relative;
  margin-bottom: 42px;
}
.project-section .post-filter li{
  position: relative;
  display: inline-block;
  margin: 0px 10px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  transition: all 500ms ease;
}
.project-section .post-filter li.active{
  color: #caa680;
  transition: all 500ms ease;
}
.project-section .sec-title h2{
  margin-bottom: 44px;
}


.single-project .img-box {
  position: relative;
}
.single-project .img-box img {
  width: 100%;
}
.single-project .img-box .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: -webkit-transform .4s ease, opacity .4s ease, visibility .4s ease;
  transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
}
.single-project .img-box .overlay .box {
  display: table;
  width: 100%;
  height: 100%;
}
.single-project .img-box .overlay .box .content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.single-project:hover .img-box .overlay {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}
.single-project .content a i:before{
  font-size: 30px;
  margin: 0px;
  color: #caa680;
}
.single-project .lower-content h4{
  margin-bottom: 0px;
}
.single-project .lower-content{
  position: relative;
  background: #fff;
  width: 100%;
  padding: 23px 10px 13px 20px;
  transition: all 500ms ease;
}
.single-project{
  position: relative;
  box-shadow: 0px 0 10px 3px rgba(204, 204, 204, 0.6);
  margin-bottom: 50px;
}
.owl-dots{
  display: none !important;
}


/** testimonial-section **/

.testimonial-section{
  position: relative;
  padding-bottom: 55px;
}
.testimonial-section .testimonial-content{
  position: relative;
  padding: 0px 140px;
}
.testimonial-section .testimonial-content .author-img{
  position: relative;
  display: block;
  width: 110px;
  margin: auto;
  margin-bottom: 39px;
}
.testimonial-section .testimonial-content .text{
  font-size: 17px;
  margin-bottom: 36px;
  line-height: 28px;
}
.testimonial-section .testimonial-content .author-info h4{
  margin-bottom: 1px;
}
.testimonial-section .testimonial-content .author-info p{
  font-style: italic;
}
.owl-next {
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -25px;
}
.owl-prev {
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -25px;
}
.testimonial-section .sec-title h2{
  margin-bottom: 69px;
}
/* Konteyner genişliğini resmin gerçek boyutuna göre artırıyoruz (Görselde 110px'den büyük duruyor) */
.testimonial-section .testimonial-content .author-img {
  position: relative;
  display: block;
  width: 200px; /* Genişliği 110'dan 200'e çıkardık, resmine göre artırabilirsin */
  margin: 0 auto 39px auto; /* Üst, Otomatik Sağ, Alt, Otomatik Sol */
  text-align: center;
}

/* Tarayıcının <figure> etiketine verdiği gizli boşlukları sıfırlıyoruz */
.testimonial-section .testimonial-content .author-img figure {
  margin: 0 !important; 
  padding: 0 !important;
  display: inline-block; /* Ortalanması için gerekli */
}

/* Resmin kutuya tam oturmasını sağlıyoruz */
.testimonial-section .testimonial-content .author-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Eğer hala biraz sola çekmek istersen şu satırı .author-img içine ekle: */
/* transform: translateX(-10px); */


/** cta-section **/

.cta-section{
  position: relative;
  background: url(../images/home/pexels-orkhanshots-35442870.jpg);
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 82px;
  padding-bottom: 87px;
}
.cta-section:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .75;
}
.cta-section .cta-content{
  position: relative;
  z-index: 1;
}
.cta-section .text{
  color: #fff;
  font-size: 17px;
  font-style: italic;
  margin-bottom: 15px;
}
.cta-section .title{
  position: relative;
  font-size: 44px;
  line-height: 50px;
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  margin-bottom: 40px;
  text-transform: uppercase;
} 
.cta-section .btn-one{
  background: #caa680;
  border: 2px solid #caa680;
  color: #fff;
}
.cta-section .btn-one:hover{
  color: #caa680;
  bordder: 2px solid #caa680;
  background: transparent;
}



/** team-section **/

.team-section{
  position: relative;
  padding-bottom: 81px;
}
.team-section .single-item{
  position: relative;
}
.team-section .single-item .img-content{
  position: relative;
  overflow: hidden;
  margin-bottom: 22px;
}
.team-section .single-item .team-social li{
  position: relative;
  display: inline-block;
  margin: 0px 2px;
}
.team-section .single-item .team-social li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 43px;
  text-align: center;
  border: 2px solid #c8caca;
  border-radius: 50%;
  transition: all 500ms ease;
}
.team-section .single-item .team-social li a:hover{
  background: #fff;
  border: 2px solid #fff;
  color: #222;
  transition: all 500ms ease;
}
.team-section .single-item .team-social {
  position: absolute;
  bottom: -200px;
  width: 100%;
  padding: 15px 0px 15px 0px;
  transition: all 900ms ease;
}
.team-section .single-item:hover .team-social{
  bottom: 15px;
  transition: all 900ms ease;
}

.team-section .single-item .shadow-box {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -110px 30px -15px rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all 1500ms ease;
}
.team-section .single-item:hover .shadow-box {
  opacity: 1;
  transition: all 1500ms ease;
}
.team-section .single-item .lower-content .title a{
  position: relative;
  font-size: 22px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.team-section .single-item .lower-content .title a:hover{
  color: #caa680;
}
.team-section .single-item .lower-content p{
  font-style: italic;
}
.team-section .single-item img{
  width: 100%;
}
.team-section .sec-title h2{
  margin-bottom: 72px;
}


/** brand-section **/

.brand-section{
  position: relative;
  padding: 38px 0px 37px 0px;
  background: #f5f5f7;
}
.brand-section .brand-content{
  position: relative;
  padding: 0px 130px;
}
.brand-section .owl-next {
  position: absolute;
  top: 50%;
  right: -130px;
  margin-top: -10px;
}
.brand-section .owl-prev {
  position: absolute;
  top: 50%;
  left: -130px;
  margin-top: -10px;
}
.brand-section li {
  position: relative;
  width: 110px;
  margin: 0 auto;
  text-align: center;
}


/* --- Butonları Taba Rengine Sabitleme --- */
.btn-one, 
.contact-section button[type="submit"], 
.hr-section button[type="submit"] {
    background: #caa680 !important;
    color: #fff !important;
    border: 2px solid #caa680 !important;
    padding: 10px 35px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: all 500ms ease !important;
}

.btn-one:hover,
.contact-section button[type="submit"]:hover, 
.hr-section button[type="submit"]:hover {
    background: transparent !important;
    color: #caa680 !important;
}

/* --- Footer Bottom Yeni Tasarım (Beyaz Arka Plan) --- */
.footer-bottom {
    background: #ffffff !important; /* Fotoğraftaki gibi beyaz */
    padding: 40px 0px !important;
    border-top: 1px solid #e5e5e5;
}

.footer-bottom .footer-social-text {
    margin-bottom: 20px;
}

.footer-bottom .footer-social-text li {
    display: inline-block;
    margin: 0 15px;
}

.footer-bottom .footer-social-text li a {
    color: #000000 !important;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.footer-bottom .footer-social-text li a i {
    margin-right: 8px;
    font-size: 16px;
}

.footer-bottom .copyright p {
    color: #888888 !important;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
}

.footer-bottom .cmos-text {
    color: #b7bbc1 !important; /* Daha açık gri */
    font-size: 14px;
    margin-top: 5px;
}
/* İletişim Formu Hizalama Düzeltmesi */
.contact-section .row, 
.hr-section .row {
    display: block !important; /* Flexbox çakışmasını engeller */
}

.contact-section .form-group, 
.hr-section .form-group {
    text-align: left; /* İçerikleri sola yaslar ki grid doğru çalışsın */
    margin-bottom: 20px;
    clear: none;
}

/* Input ve Textarea Genişlik Sabitleme */
.contact-section input, 
.contact-section textarea,
.contact-section select,
.hr-section input, 
.hr-section textarea,
.hr-section select {
    display: block !important;
    width: 100% !important; /* Kolonun tamamını kapla */
    background: #f4f4f4 !important;
    border: none !important;
    padding: 15px 20px !important;
    height: 50px;
}

.contact-section textarea,
.hr-section textarea {
    height: 180px !important;
}

/* Yan yana durması gereken kolonları (Ad ve E-posta) zorla hizala */
@media (min-width: 992px) {
    .contact-section .col-md-6, 
    .hr-section .col-md-6 {
        width: 48% !important;
        float: left !important;
        margin-right: 2% !important;
    }
    
    /* İkinci kolonu (Email) en sağa yasla */
    .contact-section .col-md-6:nth-child(2),
    .hr-section .col-md-6:nth-child(2) {
        margin-right: 0 !important;
        float: right !important;
    }

    .contact-section .col-md-12, 
    .hr-section .col-md-12 {
        width: 100% !important;
        float: left !important;
    }
}

/* Formun altındaki butonun sola yaslanmasını sağla */
.contact-section button.btn-one,
.hr-section button.btn-one {
    float: left;
    margin-top: 10px;
}
/* Seçim kutusu (Dropdown) Düzenlemesi */
.hr-section select {
    height: 50px !important; /* Diğer kutularla aynı yükseklik */
    padding: 0 20px !important; /* Dikey padding'i sıfırlayıp sadece yanlardan boşluk veriyoruz */
    line-height: 50px !important; /* Yazıyı dikeyde tam ortalar */
    background-color: #f4f4f4 !important;
    border: none !important;
    color: #888 !important;
    width: 100% !important;
    display: block !important;
    
    /* Bazı tarayıcılarda yazının kaymasını engellemek için */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /* Sağ tarafa küçük bir aşağı ok ikonu ekleyelim (isteğe bağlı ama şık durur) */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right 15px top 50%;
    background-size: 12px auto;
}

/* Seçim kutusunun üzerindeki başlık yazısı için boşluk */
.hr-section label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: #666;
    text-align: left;
}
/* Ofis Kutuları Stil Ayarları */
.office-info-box {
    position: relative;
    background: rgba(255, 255, 255, 0.05); /* Çok hafif şeffaf beyaz arka plan */
    padding: 40px 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    transition: all 500ms ease;
    min-height: 320px;
    margin-bottom: 30px;
}

.office-info-box:hover {
    background: #fff; /* Üzerine gelince beyaz olur */
    transform: translateY(-10px);
}

.office-info-box:hover h3, 
.office-info-box:hover p, 
.office-info-box:hover .label {
    color: #222 !important; /* Beyaz olunca yazılar siyah olur */
}

/* İkonların rengini taba tonu (#CAA680) olarak güncelledik */
.office-info-box .icon-box {
    font-size: 35px;
    color: #CAA680; /* Burayı değiştirdik */
    margin-bottom: 20px;
}

.office-info-box h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.office-info-box p {
    color: #b7bbc1;
    margin-bottom: 5px;
    font-size: 15px;
}

.office-info-box .label {
    display: block;
    color: #fff;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 5px;
}

.office-info-box .phone {
    font-weight: 600;
}
.pre-opening-single-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important; /* Uzunluğu kısmak için padding'i daralttım */
}

.pre-opening-image-box {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.responsive-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    /* Hafif bir parlama efekti siyah arka planda güzel durur */
    filter: brightness(0.9);
    transition: all 0.5s ease;
}

.responsive-img:hover {
    filter: brightness(1.1);
}
/*** 

====================================================================
                        Home page Two
====================================================================

***/
html {
  scroll-behavior: smooth;
}

/* Ana header kapsayıcısını sayfaya çivileyelim */
.main-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999999 !important; /* Çok yüksek bir değer */
    background-color: #fff !important; /* Arka planın beyaz kalması için */
}

/* Menü kısmının şeffaf kalmamasını garantileyelim */
.header-lower {
    background-color: #fff !important;
}

/* Menüdeki yazıların görünür olması için (Beyaz zeminde siyah yazı) */
.main-menu .navigation > li > a {
    color: #222 !important;
}

/* Sayfanın en üstündeki içeriğin menü altında kalmaması için */
body {
    padding-top: 90px !important; /* Menü yüksekliğine göre ayarla */
}

.header-style-two .header-lower{
  position: relative;
  background: transparent;
  margin-bottom: -90px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header-style-two .main-menu .navigation > li > a{
  color: #fff;
}
.header-style-two .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn span:before{
  color: #fff;
}
.header-style-two .main-menu .navigation > li:hover > a, 
.header-style-two .main-menu .navigation > li.current > a, 
.header-style-two .main-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn span:before {
  color: #caa680;
  transition: all 500ms ease;
}
.header-style-two .search-box-area .search-toggle i:before{
  color: #fff;
}
.header-style-two .cart-box a{
  color: #fff;
}
.header-style-two .sticky-header{
  background: #222;
  box-shadow: none;
}

/** welcome-style-two **/

.welcome-style-two{
  position: relative;
  padding-bottom: 83px;
}
.welcome-style-two .single-item{
  position: relative;
  padding: 0px 25px 0px 25px;
}
.welcome-style-two .single-item .icon-box{
  position: relative;
  margin: auto;
  margin-bottom: 23px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
}
.welcome-style-two .single-item .icon-box i:before{
  font-size: 36px;
  margin: 0px;
  color: #caa680;
}
.welcome-style-two .single-item h4{
  font-weight: 600;
  margin-bottom: 16px;
}
.welcome-style-two .sec-title h2{
  margin-bottom: 46px;
}
.welcome-style-two .welcome-title{
  position: relative;
  margin-bottom: 42px;
}
.cta-style-two:before{
  opacity: .5;
}

/** project-style-two **/

.project-style-two{
  position: relative;
  background: #fff;
}
.project-style-two .single-project{
  margin-bottom: 30px;
}
.project-style-two .single-project:hover .lower-content{
  background: #f5f5f7;
  transition: all 500ms ease;
}
.project-style-two .button{
  position: relative;
  margin-top: 20px;
}

/** testimonial-style-two **/

.testimonial-style-two{
  position: relative;
  background: url(../images/testimonial/bg.jpg);
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 100px;
}
.testimonial-style-two:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .35;
}
.testimonial-style-two .testimonial-content .text,
.testimonial-style-two .testimonial-content .author-info h4{
  color: #fff;
}
.testimonial-style-two .testimonial-content .author-info p{
  color: #caa680;
}

/** about-style-two **/

.about-style-two{
  position: relative;
  background: #f5f5f7;
  padding: 0px;
}
.about-style-two .about-content{
  padding-bottom: 95px;
  padding-left: 35px;
}
.about-style-two .about-content p{
  margin-bottom: 31px;
}
.video-gallery {
  position: relative;
  float: right;
  text-align: center;
}
.video-gallery .img-box img {
  position: relative;
  max-width: none;
}
.video-gallery:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  opacity: .35;
}
.video-gallery .overlay-gallery {
  background-color: transparent;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  transition: all 500ms ease;
}
.video-gallery .overlay-gallery .icon-holder{
  display: table;
  height: 100%;
  width: 100%;    
}
.video-gallery .overlay-gallery .icon-holder .icon{
  display: table-cell;
  vertical-align: middle;
}
.video-gallery .overlay-gallery .icon-holder .icon a{
  z-index: 1;
}
.video-gallery .overlay-gallery .icon-holder .icon a img{
  width: auto;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}

.video-gallery .overlay-gallery .icon-holder .icon a:hover img{
  transform: scale(1.1);
}

/** our-skills **/

.our-skills{
  position: relative;
  padding-bottom: 88px;
}
.Skills-progress {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 2px;
}
.Skills-progress .progress {
  height: 4px;
  border-radius: 0px;
}
.Skills-progress .progress-item .progress {
  background-color: #e5e5e5;
  margin-bottom: 28px;
  overflow: visible;
}
.Skills-progress .progress-item .progress-bar {
  background-color: #222;
  font-size: 12px;
  height: 4px;
  line-height: 18px;
  padding-left: 10px;
  position: relative;
  text-align: left;
  -webkit-transition: all 3s ease 0s;
  -moz-transition: all 3s ease 0s;
  -ms-transition: all 3s ease 0s;
  -o-transition: all 3s ease 0s;
  transition: all 3s ease 0s;
  width: 0;
}
.Skills-progress .progress-bar .value-holder {
  background-color: #222;
  position: absolute;
  text-align: center;
  top: -5px;
  right: -4px;
  height: 14px;
  width: 4px;
}
.Skills-progress .progress-bar .value-holder .value {
  position: relative;
  color: #848484;
  font-size: 14px;
  line-height: 33px;
  top: -32px;
  right: -17px;
}
.Skills-progress .single-item p{
  margin-bottom: 3px;
}
.perctnt-box {
  position: absolute;
  color: #777;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  top: -24px;
  right: -41px;
}


/*** 

====================================================================
                        Home page Three
====================================================================

***/

.about-style-three{
  position: relative;
  background: #f5f5f7;
  padding: 92px 0px 83px 0px;
}
.about-style-three .about-title-three h2{
  text-align: right;
  text-transform: uppercase;
  font-weight: 600;
}
.about-style-three .text{
  position: relative;
  padding: 0px 35px 0px 30px;
}
.about-style-three .about-title-three{
  position: relative;
  padding: 0px 20px;
}
.about-style-three .about-title-three:before{
  position: absolute;
  content: '';
  background: #777777;
  width: 2px;
  height: 63px;
  top: 9px;
  right: -15px;
}


/** feature-style-two **/

.feature-style-two{
  position: relative;
  padding-top: 100px;
  padding-bottom: 83px;
}
.feature-style-two .single-item{
  position: relative;
  padding: 0px 25px 0px 25px;
}
.feature-style-two .single-item:before{
  position: absolute;
  content: '';
  background: #efefef;
  width: 1px;
  height: 290px;
  top: 0px;
  right: -15px;
}
.feature-style-two .feature-column:nth-child(3) .single-item:before{
  display: none;
}
.feature-style-two .single-item .lower-content h4{
  font-weight: 600;
  margin-bottom: 16px;
}
.feature-style-two .single-item .img-box{
  margin-bottom: 23px;
}


/** service-style-two **/

.service-style-two{
  position: relative;
}
.service-bg{
  position: relative;
  background: url(../images/service/bg.jpg);
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 90px 0px 189px 0px;
}
.service-bg:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .4;
}
.service-bg .sec-title h2{
  color: #fff;
}
.service-bg .sec-title h2:before{
  background: #fff;
}
.service-style-two .service-content{
  position: relative;
  width: 100%;
  margin-top: -170px;
  padding-bottom: 100px;
  background: transparent;
}
.service-style-two .service-section .single-item{
  background: #fff;
  width: 100%;
  padding: 65px 25px 55px 25px;
  box-shadow: 0px 0 10px 3px rgba(204, 204, 204, 0.6);
}
.service-style-two .service-section .single-item:before{
  display: none;
}


/** project-style-three **/

.project-style-three{
  position: relative;
}
.project-style-three .single-project{
  position: relative;
  box-shadow: none;
}
.project-style-three .single-project .lower-content{
  background: #f5f5f7;
  padding: 10px 10px 13px 0px;
}
.project-style-three .button{
  position: relative;
  margin-top: -30px;
}


/** team-style-two **/

.team-style-two{
  position: relative;
  padding-bottom: 92px;
}
.team-style-two img{
  width: 100%;
}
.team-style-two .lower-content .team-title a{
  position: relative;
  font-size: 22px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 30px;
  color: #222;
  text-transform: uppercase;
  margin-bottom: 1px;
  display: block;
  transition: all 500ms ease;
}
.team-style-two .lower-content .team-title a:hover{
  color: #caa680;
  transition: all 500ms ease;
}
.team-style-two .img-box{
  margin-bottom: 22px;
}
.team-style-two .lower-content .team-social li{
  position: relative;
  display: inline-block;
  margin: 0px 15px;
}
.team-style-two .lower-content p{
  margin-bottom: 2px;
}
.team-style-two .sec-title h2{
  margin-bottom: 72px;
}


/** testimonial-style-three **/

.testimonial-style-three{
  position: relative;
  background: url(../images/testimonial/bg1.jpg);
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 81px;
}
.testimonial-style-three:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .5;
}
.testimonial-style-three .sec-title h2{
  color: #fff;
}
.testimonial-style-three .sec-title h2:before{
  background: #fff;
}
.testimonial-style-three .testimonial-content .text{
  position: relative;
  background: #fff;
  width: 100%;
  padding: 34px 10px 25px 29px;
  margin-bottom: 25px;
}
.testimonial-style-three .testimonial-content .text:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 20px;
  height: 20px;
  left: 36px;
  bottom: -7px;
  transform: rotate(45deg);
}
.testimonial-style-three .owl-theme .owl-controls{
  display: none !important;
}
.testimonial-style-three .testimonial-content .author-box{
  position: relative;
  margin-left: 15px;
}
.testimonial-style-three .testimonial-content .author-box .img-box{
  display: inline-block;
  margin-right: 16px;
}
.testimonial-style-three .testimonial-content .author-box .author-info{
  position: relative;
  display: inline-block;
  top: -13px;
}
.testimonial-style-three .testimonial-content .author-box .author-info h4{
  color: #fff;
  margin-bottom: 1px;
}
.testimonial-style-three .testimonial-content .author-box .author-info p{
  color: #caa680;
}
.testimonial-style-three .sec-title h2{
  margin-bottom: 72px;
}


/*** 

====================================================================
                        about page
====================================================================

***/

/** page-title **/


.page-title{
  position: relative;
  background: url(../images/about/bg.jpg);
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 86px 0px 83px 0px;
}
.page-title:before{
  position: absolute;
  content: '';
  background: #2c3038;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .5;
}
.page-title .title{
  position: relative;
  font-size: 40px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 47px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.bread-crumb,
.bread-crumb a{
  position: relative;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 8px;
}


/*** 

====================================================================
                        service page
====================================================================

***/

/** service-style-three **/

.service-style-three{
  position: relative;
  background: #fff;
  padding-bottom: 70px;
}
.service-style-three .service-bg{
  background: transparent;
  padding: 0px;
}
.service-style-three .service-bg:before{
  display: none;
}
.service-style-three .service-content{
  margin-top: 0px;
  padding-bottom: 0px;
}
.service-style-three .sec-title h2{
  color: #222;
  margin-bottom: 73px;
}
.service-style-three .service-bg .sec-title h2:before{
  background: #222;
}
.service-style-three .single-item{
  margin-bottom: 30px;
}


/** service-details **/

.service-details{
  position: relative;
  padding: 100px 0px 67px 0px;
}
.sidebar .title,
.service-details .title{
  position: relative;
  font-size: 27px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #222;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 35px;
  margin-bottom: 18px;
}
.service-details .title{
  margin-bottom: 15px;
}
.sidebar .list a{
  position: relative;
  display: block;
  padding: 7px 0px 18px 16px;
}
.sidebar .list a:before{
  position: absolute;
  content: "\f0da";
  font-size: 14px;
  font-family: 'FontAwesome';
  left: 2px;
  top: 6px;
}
.sidebar .list span{
  float: right;
}
.sidebar .list a.current{
  color: #caa680;
}
.service-details .service-details-content{
  position: relative;
  margin-left: 20px;
}
.service-details .service-details-content img{
  margin-bottom: 10px;
  width: 100%;
}
.service-details .service-details-content .img-list li{
  position: relative;
  display: inline-block;
  margin-right: 6px;
}
.service-details .service-details-content .img-list li:last-child{
  margin-right: 0px;
  margin-left: 1px;
}
.service-details .service-details-content .img-box{
  margin-bottom: 31px;
}
.service-details .service-details-content .content-style-one{
  margin-bottom: 34px;
}
.service-details .service-details-content .content-style-two{
  margin-bottom: 31px;
}
.service-details .sec-title.two h2:before{
  bottom: -14px;
}
.service-details .sec-title h2{
  margin-bottom: 37px;
}
.service-details .service-details-content p{
  margin-bottom: 26px;
}
.service-details .service-details-content .content-style-two .list li{
  position: relative;
  display: block;
  padding: 0px 0px 0px 24px;
  margin-bottom: 6px;
}
.service-details .service-details-content .content-style-two .list li:before{
  position: absolute;
  content: "\f138";
  font-size: 14px;
  font-family: 'FontAwesome';
  color: #caa680;
  left: 2px;
  top: 0px;
}
.service-details .service-details-content .content-style-two p{
  margin-bottom: 25px;
}


/*** 

====================================================================
                        project page
====================================================================

***/

.project-page{
  position: relative;
  padding: 95px 0px 50px 0px;
  background: #fff;
}
.three-column-project{
  position: relative;
  padding-bottom: 70px;
}
.three-column-project .single-project{
  margin-bottom: 30px;
}
.three-column-project .single-project:hover .lower-content{
  background: #f5f5f7;
  transition: all 500ms ease;
}
.four-column-project{
  position: relative;
}
.four-column-project .single-project{
  box-shadow: none;
  margin-bottom: 19px;
}
.four-column-project .single-project .lower-content{
  padding: 13px 10px 13px 0px;
}
.four-column-fulwidth{
  position: relative;
  background: #fff;
  padding-bottom: 50px;
}

/** project-details **/

.project-details{
  position: relative;
  padding: 100px 0px 0px 0px;
}
.project-details img{
  width: 100%;
}
.project-details .img-box{
  position: relative;
  margin-right: 10px;
}
.project-details .project-details-content{
  position: relative;
  margin-top: 40px;
  margin-left: 10px;
}
.project-details .sec-title h2{
  margin-bottom: 52px;
}
.project-details .project-details-content p{
  margin-bottom: 26px;
}
.project-details .project-details-content h4{
  text-transform: none;
  margin-bottom: 16px;
}
.project-details .project-details-content .content-two .list li{
  position: relative;
  display: block;
  padding: 0px 0px 0px 20px;
  margin-bottom: 6px;
}
.project-details .project-details-content .content-two .list{
  position: relative;
  margin-top: -1px;
  margin-bottom: 25px;
}
.project-details .project-details-content .content-two .list li:before{
  position: absolute;
  content: "\f101";
  font-size: 14px;
  font-family: "FontAwesome";
  left: 2px;
  top: 0px;
  color: #caa680;
}
.project-details .project-details-content .content-two .project-social .text{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #222;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin-right: 15px;
}
.project-details .project-details-content .content-two .project-social .social-list{
  display: inline-block;
}
.project-details .project-details-content .content-two .project-social .social-list li{
  position: relative;
  display: inline-block;
  margin: 0px 10px;
}
.project-details .project-details-content .content-two .project-social .social-list li a{
  position: relative;
  display: inline-block;
}
.related-project{
  position: relative;
  background: #fff;
  padding: 91px 0px 55px 0px;
}


/*** 

====================================================================
                        team page
====================================================================

***/

.team-page{
  position: relative;
  padding: 100px 0px 50px 0px;
}
.team-page .single-item{
  margin-bottom: 42px;
}
.single-team{
  position: relative;
  padding: 100px 0px;
}
.single-team img{
  width: 100%;
}
.single-team .single-team-content{
  position: relative;
  margin-left: 20px;
  margin-top: 25px;
}
.single-team .single-team-content h2{
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
}
.single-team .single-team-content .title{
  font-style: italic;
  margin-bottom: 25px;
}
.single-team .single-team-content .team-social{
  position: relative;
  margin-top: 32px;
}
.single-team .single-team-content .team-social li{
  display: inline-block;
  margin-right: 8px;
}
.single-team .single-team-content .team-social li a{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
}
.single-team .single-team-content .team-social li a:hover,
.single-team .single-team-content .team-social li a.active{
  color: #fff;
  background: #caa680;
  border: 1px solid #caa680;
}
.single-team .single-team-content p{
  margin-bottom: 26px;
}
.single-team .nav-area{
  position: relative;
  display: block;
  border: 1px solid #e5e5e5;
  width: 100%;
  padding: 25px 12px 25px 12px;
  margin-top: 70px;
}
.single-team .nav-area:before{
  position: absolute;
  content: '';
  background: #e5e5e5;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0px;
}
.single-team .nav-area .nav-right{
  position: relative;
  float: right;
  display: inline-block;
}
.single-team .nav-area .nav-left{
  position: relative;
  display: inline-block;
}
.single-team .nav-area a{
  position: relative;
  font-size: 18px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 27px;
  color: #222;
  text-transform: uppercase;
}
.single-team .nav-area a i{
  margin: 0px 18px;
}
.single-team .nav-area a:hover{
  color: #caa680;
}


/*** 

====================================================================
                        error-page
====================================================================

***/

.error-section{
  position: relative;
  padding: 109px 0px 150px 0px;
}
.error-section .error-title{
  position: relative;
  display: block;
  font-size: 200px;
  color: #caa680;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  line-height: 200px;
  margin-bottom: 12px;
}
.error-section .error-content .text{
  font-size: 15px;
  margin-bottom: 42px;
}
.error-section .error-content .text a{
  color: #caa680;
  text-decoration: underline;
}
.error-section .error-content h2{
  text-transform: uppercase;
  margin-bottom: 15px;
}


/*** 

====================================================================
                        shop-page
====================================================================

***/


.shop-section{
  position: relative;
  padding: 100px 0px 65px 0px;
}
.shop-section .top-content{
  position: relative;
  margin-bottom: 42px;
}
.shop-section .top-content .text{
  position: relative;
  display: inline-block;
  top: 10px;
}
.shop-section .top-content .select-box{
  position: relative;
  display: inline-block;
  float: right;
}
.bootstrap-select {
  width: 200px;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #848484;
  padding: 9px 16px;
  border: 1px solid #e5e5e5;
}
.bs-caret {
  display: none;
}
.shop-section .select-box .btn:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 15px;
  color: #848484;
  width: 20px;
  right: 15px;
  top: 50%;
  margin-top: -11px;
}
.dropdown-menu>li>a {
  padding: 8px 15px;
}
.bootstrap-select>.dropdown-toggle{
  padding: 0px;
  width: 200px;
  background: transparent;
}
.bootstrap-select .dropdown-toggle:focus{
  outline: none !important;
}
.btn.active, .btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select .dropdown-menu{
  margin-top: 6px;
}

.single-shop .img-holder {
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: 17px;
}
.single-shop .img-holder img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
}

.single-shop:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-shop .overlay {
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
  -webkit-transform: rotateY(180deg) scale(0.5,0.5);
  transform: rotateY(180deg) scale(0.5,0.5);
}

.single-shop:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);
}
.single-shop .overlay .box {
  display: table;
  height: 100%;
  width: 100%;
}
.single-shop .overlay .box .content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.single-shop .img-holder .overlay .box .content a {
  background: transparent;
  border-radius: 50%;
  color: #ffffff;
  border: 1px solid #d0d0d0;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  height: 45px;
  line-height: 45px;
  transition: all 500ms ease 0s;
  width: 45px;
  margin: 0px 2px;
}
.single-shop .img-holder .overlay .box .content a:hover{
  background: #caa680;
  border: 1px solid #caa680;
}
.single-shop .lower-content .product-name a,
.single-shop .lower-content .text{
  position: relative;
  font-size: 18px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 27px;
  color: #222;
  text-transform: uppercase;
  margin-bottom: 2px;
  display: block;
}
.single-shop .lower-content .product-name a:hover{
  color: #caa680;
}
.single-shop .lower-content .text{
  color: #caa680;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 0px;
}
.single-shop .lower-content del{
  color: #777;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 0px;
}
.single-shop{
  position: relative;
  margin-bottom: 36px;
}
.single-shop .sale p{
  position: absolute;
  top: 20px;
  right: 20px;
  background: #caa680;
  padding: 3px 20px 1px 20px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0px;
}


/*** 

====================================================================
                        single shop
====================================================================

***/

.single-shop-page{
  position: relative;
  padding: 100px 0px 59px 0px;
}
.single-shop-page .shop-section{
  padding: 0px;
}
.addto-cart-box .input-group.bootstrap-touchspin {
  float: left;
  width: 90px;
}
.addto-cart-box .form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #eaeaea;
  border-radius: 0 !important;
  box-shadow: none;
  color: #272727;
  display: block;
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  padding: 6px 0 8px;
  text-align: center;
}
.addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  margin-left: -1px;
  max-width: 100%;
  padding: 12px 12px;
  position: relative;
  width: 100%;
}
.addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
}
.addto-cart-box .btn-default {
  background-color: #efefef;
  border-color: #efefef;
  color: #9e9e9e;
}
.addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
  color: #9e9e9e;
  font-weight: normal;
  left: 8px;
  position: absolute;
  top: 7px;
}
.bootstrap-touchspin .input-group-btn-vertical{
  z-index: 5;
  left: -25px;
}
.single-shop-page .single-shop-area h2{
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 27px;
}
.single-shop-page .single-shop-area .price{
  position: relative;
  font-size: 22px;
  color: #caa680;
  font-weight: 600;
  margin-bottom: 30px;
}
.single-shop-page .single-shop-area p{
  margin-bottom: 32px;
}
.single-shop-page .single-shop-area .addto-cart-box{
  margin-bottom: 33px;
}
.single-shop-page .single-shop-area .addto-cart-box .btn-one{
  background: #caa680;
  border: 2px solid #caa680;
  font-size: 17px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  padding: 10px 29px 10px 29px;
  transition: all 500ms ease;
}
.single-shop-page .single-shop-area .addto-cart-box .btn-one:hover{
  background: transparent;
  border: 2px solid #26272a;
}
.single-shop-page .single-shop-area .categories{
  color: #222;
}
.single-shop-page .single-shop-area .categories span{
  color: #caa680;
}
.single-shop-page .single-shop-content{
  position: relative;
  margin-left: 20px;
  margin-top: 25px;
}
.single-shop-page .single-shop-area{
  margin-bottom: 92px;
}
.tab-box .tab-title{
  position: relative;
  display: block;
  padding-bottom: 6px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 33px;
}
.tab-box .tab-title li{
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-size: 17px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 28px;
  color: #777;
  padding: 0px 0px 0px 0px;
  font-weight: 600;
  cursor: pointer;
  margin-right: 42px;
}
.tab-box .tab-title li.active{
  position: relative;
  color: #caa680;
}
.tab-box .tab-title li.active:before{
  position: absolute;
  content: '';
  background: #caa680;
  width: 100%;
  height: 1px;
  left: 0px;
  bottom: -7px;
}
.tab-box .tab-content .title h3{
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 17px;
}
.tab-box .tab-content p{
  letter-spacing: .5px;
}
.tab-box{
  position: relative;
  margin-bottom: 83px;
}
.related-product .sec-title h2{
  margin-bottom: 49px;
}

/*** 

====================================================================
                        cart-page
====================================================================

***/

.cart-section{
  position: relative;
  padding: 100px 0px;
}

.cart-section .table-outer {
  overflow-x: auto;
  position: relative;
  width: 100%;
  border: 1px solid #e5e5e5;
}
.cart-section .cart-table {
  min-width: 1024px;
  width: 100%;
}
.cart-section .cart-table .cart-header {
  width: 100%;
}
.cart-section .cart-table thead tr th {
  font-weight: 400;
  line-height: 24px;
  min-width: 110px;
  padding: 10px 45px 9px 45px;
  color: #222222;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  position: relative;
  text-transform: capitalize;
}
.cart-section .cart-table thead tr th.price{
  left: 115px;
}
.cart-section .cart-table thead tr th.quantity{
  padding: 15px 45px 14px 120px;
  position: relative;
  left: 90px;
}
.cart-section .cart-table thead tr th.prod-column {
  padding-left: 30px;
  text-align: center;
}
.cart-section .cart-table thead tr th.availability {
  padding: 0 40px
}


.cart-section .cart-table tbody tr {
  border-top: 1px solid #e5e5e5;
}
.cart-section .cart-table tbody tr td {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  min-width: 80px;
  padding: 30px 25px 31px 25px;
}
.cart-section .cart-table tbody tr td.cart-btn{
  min-width: 225px;
}
.cart-section .cart-table tbody tr td.sub-total{
  padding: 27px 48px;
}
.cart-section .cart-table tbody tr .prod-column .column-box {
  min-height: 70px;
  position: relative;
}
.cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb img {
  display: block;
  max-width: 100%;
}
.cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-section .cart-table tbody tr .prod-column .column-box .title{
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.cart-section .cart-table tbody tr .prod-column .column-box .title{
  padding-left: 20px;
}

.cart-section .cart-table tbody tr .qty {
  padding-right: 25px;
  width: 160px;
  padding: 45px 35px;
  float: right;
  position: relative;
  left: 105px;
}
.cart-section .cart-table tbody tr .qty .input-group.bootstrap-touchspin {}
.cart-section .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  margin-left: 0;
  padding: 11px;
}

.cart-section .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-left: 0;
  margin-top: -1px;
  padding: 10px;
}
.cart-section .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical i {
  font-size: 9px;
  left: 6px;
  top: 6px;
}

.cart-section .cart-table tbody tr td.price {
  color: #777;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  position: relative;
  left: 115px;
}
.cart-section .cart-table tbody tr .sub-total {
  font-weight: 600;
  font-size: 16px;
  color: #777;
}
.cart-section .cart-table tbody tr td .remove .checkbox label {
  color: #848484;
  font-size: 16px;
  font-weight: 400;
  padding: 0px;
}
.cart-section .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
  display: inline-block;
  position: relative;
  top: 1px;
}
.cart-section .cart-table .remove .checkbox{
  text-align: right;
}
.cart-section .cart-table .prod-title{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 27px;
  color: #222;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
}
.cart-section .cart-table input.quantity-spinner.form-control{
  height: 45px;
}
.cart-section .coupon-box{
  position: relative;
  padding: 27px 30px 28px 30px;
  border: 1px solid #e5e5e5;
  border-top: none;
  margin-bottom: 30px;
}
.cart-section .coupon-box input{
  display: inline-block;
  width: 370px;
  margin-right: 20px;
  margin-bottom: 0px;
  height: 45px;
}
.cart-section .coupon-box .cart-btn{
  float: right;
}
.cart-section a.btn-one{
  padding: 8px 22px 7px 23px;
  background: #caa680;
  border: 2px solid #caa680;
}
.cart-section a.btn-one:hover{
  border: 2px solid #26272a;
  background: transparent;
}
.cart-section .total-cart-box{
  position: relative;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  padding: 0px 0px 0px 0px;
}
.cart-section .total-cart-box h4{
  margin-bottom: 0px;
}
.cart-section .total-cart-box .cart-title{
  border-bottom: 1px solid #e5e5e5;
  padding: 11px 29px 14px 29px;
}
.cart-section .total-cart-box .sub-total,
.cart-section .total-cart-box .order-total,
.cart-section .total-cart-box .button{
  position: relative;
  font-size: 18px;
  line-height: 27px;
  text-transform: uppercase;
  color: #222;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 23px 0px 13px 0px;
  margin: 0px 29px 0px 29px;
}
.cart-section .total-cart-box .order-total{
  padding: 12px 0px 13px 0px;
}
.cart-section .total-cart-box .button{
  position: relative;
  float: right;
  padding: 12px 0px 30px 0px;
}
.cart-section .total-cart-box .sub-total{
  border-bottom: 1px solid #e5e5e5;
}
.cart-section .total-cart-box span{
  float: right;
  font-size: 20px;
  font-weight: 600;
  color: #848484;
}
.cart-section .total-cart-box span.color{
  color: #caa680;
}
.cart-section .total-cart-box a.btn-one{
  padding: 8px 31px 7px 31px;
}


/*** 

====================================================================
                        checkout-page
====================================================================

***/

.checkout-section{
  position: relative;
  padding: 100px 0px;
}
.checkout-section .customer,
.checkout-section .coupon{
  position: relative;
  width: 100%;
  background: #f4ede6;
  padding: 14px 0px 15px 31px;
  margin-bottom: 30px;
  color: #222;
}
.checkout-section .customer a,
.checkout-section .coupon a{
  color: #caa680;
  text-decoration: underline;
}
.checkout-section .create-acc .checkbox {
  margin: 7px 0 0;
}
.checkout-section label {
  color: #222;
  font-weight: 400;
  font-size: 14px;
  z-index: 1;
  margin-bottom: 2px;
}
.checkout-section .checkbox span{
  cursor: pointer;
  margin-left: 6px;
  z-index: 1;
}
.checkout-section .checkbox input{
  width: 17px;
  height: 17px;
  display: inline-block;
}
.checkout-section .title h4{
  text-transform: uppercase;
  margin-bottom: 0px;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  padding: 12px 0px 13px 30px;
  margin-bottom: 23px;
}
.checkout-section .billing-info{
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 0px 0px 19px 0px;
  margin-bottom: 30px;
}
.checkout-section .billing-form{
  position: relative;
  padding: 0px 29px;
}
.checkout-section select{
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #e5e5e5;
  height: 45px;
  padding: 0px 20px;
  cursor: pointer;
}
.checkout-section input{
  height: 45px;
  margin-bottom: 23px;
}
.checkout-section input.address{
  margin-bottom: 10px;
}
.checkout-section .additional-information{
  position: relative;
  border: 1px solid #e5e5e5;
  padding-bottom: 2px;
}
.checkout-section .additional-information .note-box{
  position: relative;
  padding: 0px 29px 0px 29px;
}
.checkout-section .additional-information .note-box textarea{
  width: 100%;
  height: 120px;
  background: #f5f5f5;
  padding: 20px;
  resize: none;
  border: 1px solid #f5f5f5;
}
.checkout-section .order-info{
  position: relative;
  border: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.checkout-section .order-info .title h4{
  margin-bottom: 0px;
}
.checkout-section .order-info .single-item{
  position: relative;
  padding: 30px 29px 31px 29px;
  border-bottom: 1px solid #e5e5e5;
}
.checkout-section .order-info .single-item .img-box,
.checkout-section .order-info .single-item .item-name,
.checkout-section .order-info .single-item .price,
.checkout-section .order-info .sub-total .price,
.checkout-section .order-info .order-total .price{
  position: relative;
  display: inline-block;
}
.checkout-section .order-info .single-item .item-name{
  font-size: 16px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 27px;
  color: #222;
  text-transform: uppercase;
  margin-left: 17px;
}
.checkout-section .order-info .price{
  font-size: 20px;
  color: #848484;
  font-weight: 600;
  float: right;
  padding: 27px 0px;
}
.checkout-section .order-info .sub-total .price,
.checkout-section .order-info .order-total .price{
  padding: 0px;
}
.checkout-section .order-info .sub-total,
.checkout-section .order-info .order-total{
  position: relative;
  padding: 25px 29px 11px 28px;
  font-size: 18px;
  color: #222;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 28px;
  text-transform: uppercase;
}
.checkout-section .order-info .sub-total{
  border-bottom: 1px solid #e5e5e5;
}
.checkout-section .order-info .price.color{
  color: #caa680;
}
.checkout-section .order-info .order-total{
  padding: 13px 29px 2px 28px; 
}
.checkout-section .payment-info{
  position: relative;
  border: 1px solid #e5e5e5;
  padding-bottom: 30px;
}
.checkout-section .payment-info .payment-option{
  position: relative;
  padding: 2px 29px 0px 29px;
}
.checkout-section .payment-info .payment-option .checkbox span{
  font-size: 17px;
  font-family: 'Source Sans Pro', sans-serif;
  margin-left: 11px;
}
.checkout-section .payment-info .payment-option .text{
  margin-left: 31px;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 21px;
}
.checkout-section .payment-info .payment-option .btn-one{
  display: block;
  background: #caa680;
  border: 2px solid #caa680;
  margin-top: 23px;
  padding: 7px 39px 8px 39px;
}
.checkout-section .payment-info .payment-option .btn-one:hover{
  background: transparent;
  border: 2px solid #26272a;
}
.checkout-section .payment-info .payment-option  .checkbox a{
  font-size: 13px;
  color: #caa680;
  text-decoration: underline;
  margin-left: 20px;
}
.checkout-section .payment-info .title h4{
  margin-bottom: 13px;
}
.checkout-section .payment-info .checkbox{
  margin-bottom: 3px;
}

/*** 

====================================================================
                        blog-classic / blog-page
====================================================================

***/

.blog-page{
  position: relative;
  padding: 100px 0px 100px 0px;
}
.blog-classic img{
  width: 100%;
}
.blog-page .single-item{
  position: relative;
  margin-bottom: 42px;
}
.blog-page .single-item .img-box{
  position: relative;
  margin-bottom: 23px;
}
.blog-page .single-item .img-box .date{
  position: absolute;
  left: 20px;
  bottom: 20px;
  background: #caa680;
  color: #fff;
  font-size: 15px;
  text-align: center;
  padding: 4px 19px 5px 19px;
}
.blog-page .single-item .lower-content .meta{
  position: relative;
  margin-bottom: 15px;
}
.blog-page .single-item .lower-content .meta li{
  position: relative;
  display: inline-block;
  font-size: 13px;
  margin-right: 20px;
}
.blog-page .single-item .lower-content .meta li:before{
  position: absolute;
  content: '/';
  font-size: 15px;
  color: #777;
  right: -15px;
  top: 0px;
}
.blog-page .single-item .lower-content .meta li:last-child:before{
  display: none;
}
.blog-page .single-item .lower-content .meta li span{
  color: #caa680;
}
.blog-page .single-item .read-more a{
  color: #222;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
.blog-page .single-item .read-more a:hover{
  color: #caa680;
}
.blog-page .single-item .lower-content h4 a{
  font-weight: 600;
}
.blog-page .single-item .lower-content h4{
  margin-bottom: 5px;
}
.blog-page .single-item .lower-content p{
  margin-bottom: 14px;
}

/*** 

====================================================================
                        blog-details / blog-page
====================================================================

***/

.blog-details img{
  width: 100%;
}
.blog-details .blog-details-content .single-item h2{
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 4px;
}
.blog-details .blog-details-content .single-item .img-box{
  margin-bottom: 41px;
}
.blog-details .blog-details-content .single-item .lower-content p{
  margin-bottom: 26px;
}
.blog-details .blog-details-content .single-item{
  margin-bottom: 33px;
}
.blog-details .content-style-one .title{
  position: relative;
  font-size: 27px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #222;
  line-height: 35px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.blog-details .content-style-one p{
  margin-bottom: 42px;
}
.blog-details .content-style-one .img-box{
  margin-bottom: 43px;
  margin-right: 33px;
}
.blog-details .content-style-one .content-text{
  position: relative;
  margin-left: -34px;
  margin-top: 23px;
}
.blog-details .content-style-one .content-text p{
  margin-bottom: 26px;
}
.blog-details .post-share-option .text{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: #848484;
  margin-right: 13px;
}
.blog-details .post-share-option{
  margin-bottom: 91px;
}
.blog-details .post-share-option .post-share{
  position: relative;
  display: inline-block;
}
.blog-details .post-share-option .post-share li{
  display: inline-block;
  margin: 0px 2px;
}
.blog-details .post-share-option .post-share li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  width: 40px;
  height: 40px;
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 42px;
  color: #777;
}
.blog-details .post-share-option .post-share li a:hover,
.blog-details .post-share-option .post-share li a.active{
  color: #fff;
  background: #caa680;
  border: 1px solid #caa680;
}
.blog-details .comment-form textarea{
  width: 100%;
  height: 160px;
  padding: 15px 20px;
  resize: none;
  margin-bottom: 22px;
}
.blog-details .comment-title h3{
  text-transform: capitalize;
  margin-bottom: 23px;
}
.blog-details .comment-form input{
  margin-bottom: 30px;
}
.blog-details .sidebar{
  position: relative;
  margin-left: 20px;
}
.blog-details .sidebar .sidebar-search{
  position: relative;
  margin-bottom: 20px;
}
.blog-details .sidebar .sidebar-search button{
  position: absolute;
  font-size: 15px;
  color: #222;
  background: transparent;
  top: 11px;
  right: 15px;
}
.blog-details .sidebar .sidebar-category{
  position: relative;
  margin-bottom: 17px;
}
.blog-details .sidebar .sidebar-post{
  position: relative;
  margin-bottom: 42px;
}
.blog-details .sidebar .sidebar-post .single-post{
  position: relative;
  padding: 0px 0px 0px 104px;
  margin-bottom: 39px;
}
.blog-details .sidebar .sidebar-post .title{
  margin-bottom: 28px;
}
.blog-details .sidebar .sidebar-post .single-post .img-box{
  position: absolute;
  left: 0px;
  top: -6px;
}
.blog-details .sidebar .sidebar-post .single-post h4{
  margin-bottom: 2px;
  line-height: 24px;
  text-transform: none;
}
.blog-details .sidebar .sidebar-post .single-post h4 a{
  line-height: 24px;
}
.blog-details .sidebar .sidebar-archives a{
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}
.blog-details .sidebar .sidebar-archives .title{
  margin-bottom: 14px;
}


/*** 

====================================================================
                        contact page
====================================================================

***/

.google-map-area {
  position: relative;
  left: 30px;
}
#contact-google-map {
  height: 400px;
  width: 100%;
}
.contact-section{
  position: relative;
}
.contact-section .contact-form-area textarea{
  width: 100%;
  height: 206px;
  resize: none;
  margin-bottom: 23px;
}
.contact-section .contact-form-area input{
  margin-bottom: 14px;
  height: 52px;
}
.contact-section .contace-info .title{
  position: relative;
  font-size: 27px;
  line-height: 35px;
  color: #222;
  font-family: 'Source Sans Pro', sans-serif;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.contact-section .contace-info{
  position: relative;
  margin-left: 60px;
  margin-top: -7px;
}
.contact-section .contace-info .text{
  position: relative;
  padding: 0px 0px 0px 28px;
  margin-bottom: 13px;
}
.contact-section .contace-info .text i{
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 14px;
  color: #caa680;
}
.contact-section .contace-info .social-list li{
  position: relative;
  display: inline-block;
  margin-right: 12px;
}
.contact-section .contace-info .social-info{
  position: relative;
  margin-top: 48px;
}
.contact-section .btn-one{
  background: #caa680;
  border: 2px solid #caa680;
  padding: 10px 27px 10px 27px;
}
.contact-section .btn-one:hover{
  background: transparent;
  border: 2px solid #26272a;
}
.contact-section .sec-title h2{
  margin-bottom: 72px;
}