/* -----------------------------
Template Name: Mini Creative Portfolio Template
Template URI: https://themeforest.net/user/hydrozen
Author: oxygens
Author URI: https://themeforest.net/user/hydrozen
Version: 1.1
------------------------------- */

/* -----------------------------------
CSS Table of content
--------------------------------------
1. Template default styles
2. Button style
3. Area heading style
4. Header area style
5. Slider area style
6. Breadcrumb area style
7. About area style
8. Service area style
9. Portfolio area style
10. Single Portfolio area style
11. Team area style
12. Counter area style
13. Blog area style
14. Single Blog Post area style
15. Contact area style
16. Footer area style
--------------------------------------*/


/* -----------------------------
1. Template default styles
--------------------------------*/

@import 'https://fonts.googleapis.com/css?family=Dosis:400,500,600,700|Open+Sans:300,400,600,700,800';
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}
a {
    transition: all .3s ease-in-out 0s;
}
a:focus {
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #888888;
    text-decoration: none;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #232332;
    font-family: 'Dosis', sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

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

h1 {
    font-size: 40px;
    font-weight: 500;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none
}

p {
    color: #626262;
    margin-bottom: 15px;
}

hr {
    margin: 0;
    padding: 0px;
    border-bottom: 1px solid #eee;
    border-top: 0px;
}

label {
    color: #626262;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}
::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: #555555;
    font-size: 14px;
}

*::placeholder {
    color: #555555;
    font-size: 14px;
}

.mark {
    background: #d6b161 none repeat scroll 0 0;
    color: #ffffff;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
.theme-section {
  padding: 100px 0;
}
.theme-section-2 {
  padding: 80px 0;
}
.white-bg {
  background: #ffffff;
}
.gray-bg {
  background: #f6f6f6;
}


/* ------------------------------
2. Button style
---------------------------------*/
.button {
    font-family: "Dosis",sans-serif;
    background: #d6b161 none repeat scroll 0 0;
    border-radius: 2px;
    border: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 45px;
    letter-spacing: 2px;
    line-height: 45px;
    padding: 0 30px;
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease 0s;
}
.button+.button {
    margin-left: 15px;
}

.btn-white-top,
.btn-white-left {
  position: relative;
}

.btn-white-top:hover {
    color: #d6b161;
}
.btn-white-top::before {
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.btn-white-top:hover::before {
    opacity: 1;
    height: 100%;
}

.btn-white-left:hover {
    color: #d6b161;
}
.btn-white-left::before {
    background: #fff;
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.btn-white-left:hover::before {
    opacity: 1;
    width: 100%;
}

.btn-white-bg {
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  overflow: hidden;
  transition: all 0.4s ease 0s;
}
.btn-white-bg:hover {
  border-bottom: 1px solid #d6b161;
  border-left: 1px solid #d6b161;
  border-right: 1px solid #d6b161;
}
button.btn-white-bg,
a.btn-white-bg {
  border-top: 1px solid #d6b161;
} 

.button-group {
  margin-top: 20px;
}


/* -----------------------------
3. Area heading style
-------------------------------- */
.area-heading {
  width: 50%;
  margin-bottom: 50px;
  padding-bottom: 20px;
  position: relative;
}
.area-heading::before {
  background: #d6b161 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 60px;
}
.area-title {
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 15px;
}
.area-heading p {
  display: block;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 24px;
  margin-bottom: 0;
}


/* -----------------------------
4. Header area style
-------------------------------- */
.sticky-header {
  position: absolute;
  z-index: 99;
  width: 100%;
  transition: all .5s ease-in-out 0s;
}
.header-bg {
  background: #ffffff;
}

.is_sticky.sticky-header {
  position: fixed;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.2);
}


.navbar {
  padding: 25px 0; 
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all .5s ease-in-out 0s;
  width: 100%;
}

.logo {
  float: left;
  width: 50%;
}
.navbar-brand {
  font-family: 'Dosis', sans-serif;
  color: #232323;
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  text-fill-color: transparent;
  background-clip: text;
  margin-right: 0;
  letter-spacing: 1px;
  text-transform: capitalize;
}
.dot-color {
    color: #d6b161;
}

.menu-bar {
  width: 50%;
}
.expand-menu-bar {
  cursor: pointer;
  z-index: 3;
  float: right;
  text-align: right;
}
.expand-menu-bar span {
  background: #232323 none repeat scroll 0 0;
  display: block;
  height: 2px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.expand-menu-bar span:first-child {
  width: 20px;
}
.expand-menu-bar span:nth-child(2) {
  float: right;
  margin-top: 2px;
  width: 16px;
}
.expand-menu-bar span:nth-child(3) {
  margin-top: 6px;
  width: 20px;
}
.expand-menu-bar span:last-child {
  margin-top: 2px;
  width: 12px;
  float: right;
}
.expand-menu-bar:hover span {
  background: #d6b161 none repeat scroll 0 0;
}


/*Main menu Expand*/

.main-menu-expand {
  background-color: #fff;
  height: 100%;
  width: 350px;
  padding: 30px;
  position: fixed;
  right: -100%;
  text-align: center;
  top: 0;
  z-index: 99;
  overflow: scroll !important;
  transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
-moz-transition: all 700ms ease;
}
.main-menu-expand.slide_right {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  right: 0;
  transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  -moz-transition: all 700ms ease;  
}

.expand-header {
  overflow: hidden;
  padding: 0 35px;
}
.menu-logo {
  float: left;
}
.menu-logo .navbar-brand:hover {
  color: #232323;
}
.close-icon {
  float: right;
  display: inline-block;
  cursor: pointer;
}
.close-icon i {
  color: #232323;
  display: block;
  font-size: 32px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.close-icon i:hover,
.close-icon i:focus {
  color: #d6b161;
  border-color: #d6b161;
}

.main-menu {
  text-align: left;
  margin: 60px 0;
}
.main-menu li {
  display: block;
  position: relative;
  transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  -moz-transition: all 700ms ease;  
}
.main-menu>li+li {
  margin-top: 10px;
}
.main-menu > li:hover > a {
  color: #d6b161;
} 
.main-menu li a {
  color: #232323;
  display: block;
  font-weight: 500;
  letter-spacing: 1px;
  transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  -moz-transition: all 700ms ease;  
}

.main-menu ul {
  background: #d6b161;
  display: none;
  padding: 20px;
}
.main-menu > ul > li > a:hover {
  color: #232323;
}
.main-menu > li.sub-item > a::after {
  background: #232323 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: 4px;
  top: 7px;
  transition: all 0.1s ease-out 0s;
  width: 2px;
  z-index: 5;
}
.main-menu > li.sub-item > a::before {
  background: #232323 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  right: 0;
  top: 11px;
  transition: all 0.1s ease-out 0s;
  width: 10px;
}
.main-menu > li.sub-item.open > a:after,
.main-menu > li.sub-item.open > a:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.main-menu ul li a {
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  z-index: 2;
  color: #fff;
}
.main-menu ul li a:hover {
  padding-left: 5px;
  color: #232323;
}
.main-menu ul li {
  margin: 0;
}
.main-menu ul li + li {
  margin-top: 10px;
}

.main-menu-expand .social-memu {
  text-align: center;
  margin-bottom: 30px;
}
.main-menu-expand .social-memu li {
  float: none;
  display: inline;
}
.main-menu-expand .social-memu li a {
  display: inline-block;
}


/*SVG Style*/
.morph-shape {
  position: absolute;
  width: 240px;
  height: 100%;
  top: 0;
  right: 0;
}

.morph-shape svg path {
  stroke: #5f656f;
  stroke-width: 5px;
}




/* -----------------------------
5. Slider area style
-------------------------------- */

.slide-1 {
    background: rgba(0, 0, 0, 0) url("img/slider/1.jpg") repeat scroll center center / cover;
}
.slide-2 {
    background: rgba(0, 0, 0, 0) url("img/slider/2.jpg") repeat scroll center center / cover;
}

.slider-content-wrapper {
  margin-top: 85px;
  height: 400px;
  display: flex;
  align-items: center;
}
.slide-full .slider-content-wrapper {
  height: 100vh;
  margin-top: 0;
}
.slider-content h1 {
  font-family: 'Open Sans', sans-serif;
  color: #232323;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  margin: 0 0 15px;
  text-transform: unset;
}
.cd-words-wrapper b {
  color: #d6b161;
  font-weight: 600;
}
.slider-content p {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 0;
  text-transform: unset;
  line-height: 1;
}
.social-memu {
  overflow: hidden;
}
.social-memu li {
  float: left;
}
.social-memu li+li {
  margin-left: 7px;
}
.social-memu li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 39px;
  border-radius: 2px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
  color: #232323;
}
.social-memu li a:hover {
  color: #d6b161;
  border: 1px solid #d6b161;
}

.slide-navigation:hover .slick-prev,
.slide-navigation:hover .slick-next {
  opacity: 1;
}
.slide-navigation .slick-next::before,
.slide-navigation .slick-prev::before {
  font-size: 28px;
  line-height: 0;
}
.slide-navigation:hover .slick-prev {
  left: 15px;
}
.slide-navigation:hover .slick-next {
  right: 15px;
}

.slide-navigation .slick-dots {
  bottom: 30px;
  right: 20px;
  text-align: right;
}
.slide-navigation .slick-dots li {
  margin: 0;
}
.slide-navigation .slick-dots li button::before {
  font-size: 36px;
  opacity: 1;
  color: #000;
}
.slide-navigation .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #d6b161;
}
.slide-navigation .slick-dots li button:focus::before,
.slide-navigation .slick-dots li button:hover::before {
  opacity: 1;
  color: #d6b161;
}


/*----------------------------
6. Breadcrumb area style
-----------------------------*/

.breadcrumb-area {
  background: rgba(0, 0, 0, 0) url("img/bg/breadcrumb.jpg") repeat scroll center center / cover;
  background-size: cover;
  padding: 120px 0 100px;
}
.breadcrumb-content {
  margin-top: 85px;
}
.breadcrumb-title {
  font-family: 'Open Sans', sans-serif;
  color: #d6b161;
  font-size: 24px;
  margin-bottom: 5px;
}
.breadcrumb-cat li {
  display: inline-block;
  color: #232323;
  text-transform: unset;
  font-size: 14px;
  position: relative;
  letter-spacing: 1.5px;
  margin-right: 15px;
}
.breadcrumb-cat li:last-child {
  margin-right: 0;
}
.breadcrumb-cat li::before {
    color: #232323;
    content: "/";
    position: absolute;
    right: -12px;
    top: 2px;
}
.breadcrumb-cat li:last-child::before {
    display: none;
}
.breadcrumb-cat li a {
    color: #232323;
}
.breadcrumb-cat li a:hover {
    color: #d6b161;
}



/* -----------------------------
7. About area style
-------------------------------- */

.about-content .area-title {
  font-size: 30px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.about-content .area-title::before {
  left: 0;
  transform: translateX(0);
}
.about-content p {
  font-weight: 400;
  margin-bottom: 0;
}
.about-block-icons {
    margin: 30px 0;
    overflow: hidden;
}
.single-block-option {
    float: left;
}
.single-block-option+.single-block-option {
    margin-left: 30px;
}
.single-block-option i {
  background: #d6b161 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 40px;
  border-radius: 2px;
  float: left;
}
.single-block-option > p {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 3.1;
  margin: 0;
  padding-left: 13px;
  text-transform: uppercase;
  float: right;
}

.about-content .social-memu {
  margin-bottom: 30px;
}
.about-content .social-memu li+li {
  margin-left: 10px;
}
.about-content .social-memu li a {
  border: 1px solid #232323;
}
.about-content .social-memu li a:hover {
  color: #fff;
  border: 1px solid transparent;
  background: #d6b161;
}

.progress-bar-area {
  margin-top: 20px;
}
.single-skill-bar {
    overflow: hidden;
    padding: 10px 0 0;
}
.progress {
    background: #ddd none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
    height: 10px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-top: 0;
    overflow: visible;
    text-transform: uppercase;
}

.progress-bar {
    background: #d6b161 none repeat scroll 0 0;
    box-sizing: border-box;
    height: 10px;
    overflow: visible;
    padding-top: 2px;
    position: relative;
    text-align: left;
    border-radius: 0 2px 2px 0;
}
.single-skill-bar>p {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0 0 8px;
    text-transform: uppercase;
    color: #2D3E50;
}
.progress-bar span {
  background: #d6b161 none repeat scroll 0 0;
  border-radius: 4px 4px 0 2px;
  bottom: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  display: block;
  height: 0;
  letter-spacing: 0;
  line-height: 0;
  min-width: 0;
  padding: 0;
  position: absolute;
  top: 5px;
  right: 10px;
  text-align: right;
  float: right;
}


/* -----------------------------
8. Service area style
-------------------------------- */

.single-service {
  background: #FFFFFF none repeat scroll 0 0;
  border: 1px solid transparent;
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  padding: 40px;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.col-lg-4:nth-child(n+4) .single-service {
  margin-top: 30px;
}
.single-service:hover {
  transform: translateY(-10px);
}
.service-header {
  margin-bottom: 10px;
}
.service-header i {
  color: #d6b161;
  display: inline-block;
  font-size: 36px;
  font-weight: normal;
  margin-bottom: 20px;
  transition: .3s;
}
.service-header h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
}
.single-service p {
  font-size: 13px;
  margin: 0;
} 


/* -----------------------------
9. Portfolio area style
-------------------------------- */

.portfolio-filter-wrap {
    margin-bottom: 30px;
}
.portfolio-filter>li {
    display: inline-block;
}
.portfolio-filter>li+li {
  margin-left: 8px;
}
.portfolio-filter > li a {
  background: #ddd none repeat scroll 0 0;
  border-radius: 2px;
  color: #232323;
  display: block;
  font-family: 'Dosis', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.5px;
  height: 30px;
  line-height: 27px;
  padding: 0 30px;
  position: relative;
  z-index: 2;
  text-transform: capitalize;
}
.portfolio-filter > li a:hover {
  color: #fff;
}
.portfolio-filter>li.active a {
    background: #d6b161 none repeat scroll 0 0;
    color: #fff;
}

.portfolio-filter > li a::before {
  background: #d6b161;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 0;
  opacity: 0;
  transition: all 0.4s ease 0s;
  z-index: -1;
}
.portfolio-filter > li a::after {
  background: #d6b161;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 0;
  opacity: 0;
  transition: all 0.4s ease 0s;
  z-index: -1;
}
.portfolio-filter>li a:hover::before,
.portfolio-filter>li a:hover::after {
  opacity: 1;
  height: 100%;
}


/*Portfolio content style*/

.da-thumbs {
  list-style: none;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.portfolio-item {
  float: left;
  width: 33.3333333%;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease 0s;
}
.portfolio-item img {
  width: 100%;
}
.portfolio-item a {
  overflow: hidden;
}

.portfolio-content {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 0.5s linear 0s;
}
.portfolio-content::before {
  background: rgba(214,177,97,.9);
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  opacity: 0;
  transition: all 0.5s linear 0s;
}
.portfolio-item:hover .portfolio-content::before {
  opacity: 1;
}

.portfolio-content-inner {
  padding-left: 30px;
  padding-top: 30px;
}
.portfolio-content h4 {
  color: #fff;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
}
.portfolio-content h4:hover a {
  color: #fff;
}
.project-cat {
  overflow: hidden;
}
.project-cat>li {
  display: inline-block;
  line-height: 1;
  position: relative;
}
.project-cat > li a {
  color: #fff;
  line-height: 1;
  font-size: 12px;
  font-weight: 600;
  padding-right: 2px;
  margin-right: 5px;
  text-transform: capitalize;
  padding-bottom: 3px;
}
.project-cat > li:last-child a {
  padding-right: 0;
  margin-right: 0;
}
.project-cat li a::before {
  color: #fff;
  content: ",";
  font-size: 22px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.project-cat li:last-child a::before {
  display: none;
}

.vendorx-gallery {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  border: none;
  color: #d6b161;
  display: inline-block;
  font-size: 30px;
  height: 50px;
  line-height: 53px;
  width: 50px;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.vendorx-gallery:hover {
  box-shadow: 0 2px 20px rgba(0,0,0,0.1);
  color: #d6b161;
}

.da-thumbs .portfolio-item a div {
  top: 0px;
  left: -100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.da-thumbs .portfolio-item a:hover div {
  left: 0px;
}

.portfolio-item.hidden {
  display: none;
}

.pagination-area {
  margin-top: 30px;
}
.page-link {
  color: #d6b161;
}

/* -----------------------------
10. Single Portfolio area style
-------------------------------- */
.portfolio-thumbnail-wrapper {
  padding: 20px;
  background: #ffffff;
  margin-bottom: 30px;
}
.single-project-thumb img {
  width: 100%;
}

.slick-next,
.slick-prev {
  width: 50px;
  height: 50px;
  background: #d6b161;
  border-radius: 2px;
  opacity: 0;
  z-index: 9;
  transition: all 0.3s ease 0s;
}
.slick-next:hover,
.slick-next:focus,
.slick-prev:hover,
.slick-prev:focus {
  background: #d6b161;
}
.portfolio-thumbnail-wrapper:hover .slick-prev,
.portfolio-thumbnail-wrapper:hover .slick-next {
  opacity: 1;
}
.slick-next::before,
.slick-prev::before {
  font-size: 32px;
  line-height: 0;
}
.slick-prev {
  left: 30px;
}
.slick-next {
  right: 30px;
}
.portfolio-thumbnail-wrapper:hover .slick-prev {
  left: 20px;
}
.portfolio-thumbnail-wrapper:hover .slick-next {
  right: 20px;
}

.project-meta-wrapper {
  background: #ffffff;
  padding: 20px;
}
.single-project-meta {
  margin-top: 10px;
}
.project-meta-wrapper h4 {
  letter-spacing: 1px;
  margin-bottom: 0;
}
.single-project-meta li {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333;
  font-size: 12px;
}
.single-project-meta li:last-child {
  border-bottom: 1px solid transparent;
}
.single-project-meta li i {
  color: #d6b161;
  font-size: 16px;
  padding-right: 7px;
}
.single-project-meta li span {
  color: #555;
  font-weight: bold;
  margin-right: 5px;
  letter-spacing: 1px;
}
.single-project-meta li a {
  color: #334559;
  text-decoration: underline;
}
.single-project-meta li a:hover {
  color: #d6b161;
}
.single-project-description {
  background: #ffffff;
  padding: 20px;
}
.single-project-title {
  border-bottom: 1px solid #e5e5e5;
  font-size: 24px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  letter-spacing: 1px;
}
.single-project-description p {
  font-weight: 400;
}
.single-project-link {
  margin-top: 30px;
}
.project-link {
  border-bottom: 1px solid #e5e5e5;
  color: #334559;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.project-link:hover {
  color: #d6b161;
}
.prev-project i {
  margin-right: 7px;
}
.next-project {
  float: right;
}
.next-project i {
  margin-left: 7px;
}

/* -----------------------------
11. Team area style
-------------------------------- */
.single-team-member {
  position: relative;
}
.single-team-member::before {
  background: #d6b161;
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
}
.member-img {
  position: relative;
}
.member-img::before {
  border-right: 40vh solid #fff;
  border-top: 60px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
  z-index: 0;
  transition: all .3s ease 0.3s;
}
.single-team-member:hover .member-img::before {
  border-top: 0 solid transparent;
}
.member-img::after {
  background: rgba(0,0,0,0.7);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: all .5s ease 0.1s;
}
.single-team-member:hover .member-img::after {
  opacity: 1;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
}
.member-img img {
  width: 100%;
}

.single-team-member .social-memu {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
  transition: all 0.3s ease 0s;
  overflow: visible;
}
.single-team-member:hover .social-memu {
  opacity: 1;
}
.single-team-member .social-memu li {
  float: none;
  display: inline;
  margin: 0;
}
.single-team-member .social-memu li+li {
  margin-left: 10px;
}

.single-team-member .social-memu li a {
  color: #fff;
  font-size: 16px;
  opacity: 0;
  display: inline-block;
  position: relative;
  top: -15px;
  overflow: hidden;
}
.single-team-member .social-memu li a.facebook {
  transition: all 0.3s ease 0.2s;
}
.single-team-member .social-memu li a.twitter {
  transition: all 0.4s ease 0.3s;
}
.single-team-member .social-memu li a.instagram {
  transition: all 0.5s ease 0.4s;
}
.single-team-member .social-memu li a.pinterest {
  transition: all 0.6s ease 0.5s;
}

.single-team-member .social-memu li a:hover {
  background: #ffffff;
  color: #d6b161;
  border: 1px solid transparent;
}
.single-team-member:hover .social-memu li a {
  opacity: 1;
  top: 0;
}

.member-content h4 {
  margin-top: 10px;
  margin-bottom: 5px;
}
.member-content p {
  text-transform: capitalize;
  margin-bottom: 0;
  padding-bottom: 10px;
  color: #d6b161;
  font-weight: 400;
  line-height: 1.3;
  font-size: 13px;
  letter-spacing: 1px;
}


/* -----------------------------
12. Counter area style
-------------------------------- */

.single-counter {
  text-align: center;
  padding: 10px;
}
.counter-inner {
  padding: 15px;
  background: rgba(255,255,255,.6);
}

.col-lg:nth-child(1) .single-counter {
  background-image: url('img/counter/1.jpg');
}

.col-lg:nth-child(2) .single-counter {
  background-image: url('img/counter/2.jpg');
}

.col-lg:nth-child(3) .single-counter {
  background-image: url('img/counter/3.jpg');
}

.col-lg:nth-child(4) .single-counter {
  background-image: url('img/counter/4.jpg');
}

.counter-inner i {
  color: #d6b161;
  font-size: 36px;
  margin-bottom: 0;
  font-weight: 600
}

.counter-inner .counter {
  color: #232323;
  font-weight: 600;
  font-size: 36px;
  margin: 20px 0;
}

.counter-inner h4 {
  color: #232323;
  margin-bottom: 0;
  font-size: 16px;
}

/* -----------------------------
13. Blog area style
-------------------------------- */

.blog-post {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
  transition: all 0.3s ease 0s;
}
.blog-post:hover {
  transform: translateY(-10px);
}
.post-grid-item .blog-post {
  margin: 15px 0;
}
.blog-post .post-thumbnail img {
  width: 100%;
}
.post-content {
  padding: 20px;
}
.post-content-inner h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
}
.post-content-inner h3 a {
  color: #232323;
}
.post-content-inner h3:hover a {
  color: #d6b161;
}
.post-content-inner {
  overflow: hidden;
}
.meta-info {
  overflow: hidden;
  margin-bottom: 15px;
}
.meta-info li {
  float: left;
}
.meta-info li i {
  padding-right: 8px;
}
.meta-info li+li {
  margin-left: 15px;
}
.meta-info li a {
  display: block;
  color: #666;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
}
.meta-info li a i {
  color: #d6b161;
}
.meta-info li a:hover {
  color: #d6b161;
}
.post-content-inner p {
  font-weight: 400;
}

.post-content-wrapper {
  overflow: hidden;
}
.post-content-wrapper a {
  font-size: 12px;
  letter-spacing: 0.5px;
  position: relative;
  text-transform: capitalize;
  display: inline-block;
}
.like-count {
  float: left;
  color: #232323;
  margin-left: 2px;
}
.like-count i {
  color: #d6b161;
  font-size: 18px;
  transition: .3s;
  position: relative;
  top: 2px;
}
.like-count:hover {
  color: #232323;
}
.like-count span {
  margin-left: 3px;
}
.read-more {
  color: #232323;
  float: right;
  transition: all 0.4s ease 0s;
}
.read-more:hover {
  color: #d6b161;
}
.read-more::before {
  background: #d6b161 none repeat scroll 0 0;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(-50%);
  height: 1px;
  width: 50%;
  opacity: 0;
  transition: all 0.4s ease 0s;
}
.read-more:hover::before {
  width: 50%;
  transform: translateX(0);
  opacity: 1;
}

/* -----------------------------
14. Single Blog Post area style
-------------------------------- */
.single-blog-post {
  background: #ffffff;
  padding: 20px 20px 30px;
  margin-bottom: 50px;
}
.single-post-thumbnail img {
  width: 100%;
}

.single-widget {
  background: #ffffff;
  margin-bottom: 30px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.single-widget:last-child {
  margin-bottom: 0;
}

.search-form {
  position: relative;
}
.search-form input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid transparent;
  height: 50px;
  letter-spacing: 2px;
  padding: 0 30px 0 20px;
  width: 100%;
}
.search-form > button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #737272;
  font-size: 15px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
  padding: 0;
}
.search-form>button:hover {
    color: #d6b161;
}

.widget-title {
  border-bottom: 1px solid #eee;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding-left: 20px;
}
.widget-content {
  padding: 20px;
}
.author-thumbnail {
  margin-bottom: 15px;
}
.author-thumbnail img {
  width: 100%;
}
.author-content p {
  font-weight: 400;
}

.post-cat-list a {
  color: #333333;
  display: block;
  font-size: 12px;
  font-weight: 400;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #ececec;
}
.post-cat-list li a:hover {
  color: #d6b161;
}
.post-cat-list li a span {
  float: right;
}

.tags {
  padding: 20px;
}
.tags > a {
  border: 1px solid #eee;
  color: #232323;
  font-weight: 400;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 6px;
  margin-right: 3px;
  padding: 5px 15px;
  text-transform: uppercase;
}
.tags > a:hover {
  color: #d6b161;
}

.post-thumbnail:hover .slick-prev,
.post-thumbnail:hover .slick-next {
  opacity: 1;
}
.post-thumbnail .slick-prev {
  left: 10px;
}
.post-thumbnail .slick-next {
  right: 10px;
}
.post-thumbnail:hover .slick-prev {
  left: 0;
}
.post-thumbnail:hover .slick-next {
  right: 0;
}

.single-post-content {
  margin-top: 30px;
}
.single-post-content h3 {
  margin-bottom: 5px;
}
.single-post-content .meta-info {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.single-post-content .meta-info li+li {
  margin-left: 25px;
}
.single-post-content .meta-info li a i {
  padding-right: 10px;
}
.single-post-content .meta-info li a {
  font-size: 13px;
}

.post-object-list {
    margin-bottom: 20px;
    padding-left: 20px;
}
.post-object-list li {
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative;
}
.post-object-list li::before {
    background: #d6b161 none repeat scroll 0 0;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    border-radius: 100%;
}

.blockquote {
  background: #f1f1f1 none repeat scroll 0 0;
  border-left: 2px solid #ddd;
  margin: 0 0 20px 30px;
  padding: 20px 30px;
}
.blockquote p {
  font-size: 15px;
  letter-spacing: 1px;
  margin: 0 0 5px;
  text-transform: none;
}
.blockquote span {
  font-weight: 400;
  font-size: 12px;
  color: #626262;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.post-content-description-inner {
    margin-bottom: 15px;
}
.post-content-description-inner img {
    width: 100%;
}
.thumbnail-title {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 0;
}

.post-footer {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #eee;
}
.post-tag {
  display: inline-block;
  float: left;
}
.post-tag > a {
  border: 1px solid #eee;
  color: #232323;
  font-weight: 400;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  margin-right: 5px;
  padding: 5px 15px;
  text-transform: uppercase;
}
.post-tag > a:hover {
  color: #d6b161;
}

.share-post {
  display: inline-block;
  float: right;
}
.share-post li {
  float: left;
  margin-right: 20px;
  color: #242525;
  font-size: 15px;
  font-weight: 400;
}
.share-post li:last-child {
  margin-right: 0;
}
.share-post li a {
  display: block;
  color: #242525;
}
.share-post li a:hover {
  color: #d6b161
}

.comment-section {
  background: #ffffff;
  padding: 20px 20px 30px;
}
.comment-section-title {
  border-bottom: 1px solid #eee;
  font-size: 18px;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.comment-section-title span {
  background: #d6b161 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
.blog-comment-section {
  margin-bottom: 40px;
}
.media-list>li {
    background: #ffffff;
    padding: 30px 20px 30px 0;
    margin: 0;
    border-bottom: 1px solid #eee;
}
.media-list li.media-replay {
    padding-left: 50px;
}
.media-left {
    float: left;
    overflow: hidden;
    padding-right: 30px;
}
.media-left img {
  border-radius: 50%;
  height: 70px;
  width: 70px;
}
.blog-comment-section .media-body {
    margin-top: 0;
    overflow: hidden;
}
.media-body h5 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.media-body h5 a {
    color: #232323;
}
.media-body h5 a:hover {
  color: #d6b161;
}
.media-body p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}
.media-body p i {
  padding-right: 10px;
}
.media-body p span {
    color: #232323;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
    text-transform: unset;
}
.reply-link {
    text-transform: capitalize;
    color: #777;
    font-weight: 400;
    letter-spacing: 1px;
}
.reply-link i {
  padding-left: 2px;
  position: relative;
  top: 3px;
}
.reply-link:hover {
    color: #d6b161;
}

.post-like li {
  float: left;
  margin-right: 15px;
}
.post-like li a {
  display: block;
  color: #777;
  font-size: 16px;
}
.post-like li a:hover {
  color: #d6b161;
}

.blog-comment-form h4 {
  margin-bottom: 30px;
}


#mini-comment-form .form-control {
  padding: 0 0 0 20px;
  height: 50px;
  font-size: 16px;
}
#mini-comment-form .form-control:focus {
  border-color: #d6b161;
}
#mini-comment-form .form-control::placeholder {
  text-transform: capitalize;
}
#mini-comment-form textarea.form-control {
    min-height: 150px;
    padding-top: 20px;
}
.check-box {
  margin-bottom: 10px;
  position: relative;
  left: 2px;
}



/* -----------------------------
15. Contact area style
-------------------------------- */

#mini-map {
  width: 100%;
  height: 420px;
}

.contact-content {
  padding: 70px 0 50px;
}

.single-address-content {
  text-align: center;
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  padding: 30px;
  transition: all 0.3s ease 0s;
}
.single-address-content:hover {
  transform: translateY(-10px);
}
.single-address-content i {
  font-size: 32px;
  margin-bottom: 15px;
  display: block;
  color: #d6b161;
  font-weight: 600;
}
.single-address-content p {
  margin-bottom: 0;
  font-weight: 500;
}
.single-address-content a {
  font-weight: 500;
  position: relative;
  display: inline-block;
  color: #232323;
  text-decoration: underline;
}
.single-address-content a:hover {
  color: #d6b161;
}

.contact-message {
  background: #fff;
  width: 80%;
  margin: 0 auto;
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);
  padding: 50px;
  position: relative;
  bottom: -110px;
  z-index: 9;
}
.form-head {
  margin: 0 -10px;
}
.contact-form .single-message-content {
  float: left;
  padding: 0 10px;
  width: 50%;
}
.contact-form input,
.form-body textarea {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 10px 15px;
  transition: all 0.3s ease 0s;
  width: 100%;
  outline: none;
}
.form-body textarea {
    resize: vertical;
    min-height: 180px;
}
.contact-form input:focus, 
.form-body textarea:focus{
  border-color: #d6b161;
}
.mini-send-message {
  margin-bottom: 0;
  margin-top: 10px;
  line-height: 1;
  font-weight: 400;
}
.mini-send-message.success {
  color: #27c24c;
}
.mini-send-message.error {
  color: #F05050;
}


/*---------------------------
16. Footer area style
---------------------------*/

.theme-footer-section {
  background: #fff;
  padding: 30px 0;
  border-top: 1px solid #ddd;
}

.copy-right-info p {
  color: #232323;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 0;
  line-height: 3.1;
}
.copy-right-info a {
  color: #d6b161;
}

.quick-link {
  overflow: hidden;
  text-align: center;
  line-height: 3;
}
.quick-link li {
  display: inline;
}
.quick-link li + li {
  margin-left: 15px;
}
.quick-link li a {
  display: inline-block;
  color: #232323;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
}
.quick-link li a:hover {
  color: #d6b161;
}

.footer-single-widget .social-memu {
  float: right;
}


/*scroll top to button style*/

.to-top-btn {
  background: #d6b161 none repeat scroll 0 0;
  border-radius: 2px;
  bottom: 30px;
  color: #ffffff;
  font-size: 20px;
  height: 30px;
  line-height: 25px;
  opacity: 0;
  position: fixed;
  right: 30px;
  text-align: center;
  transform: translateY(20px);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 30px;
}
.to-top-btn:focus {
  color: #fff;
}
.to-top-btn.to-top-show {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  z-index: 9;
  transition: all 0.3s ease 0s;
}
.to-top-btn.to-top-show:hover {
  color: #fff;
  background: #232323;
}