/* ----------------------------------------

    01. General Settings
    02. Scrollbar style
    03. Selection style
    04. Preloader style
    05. Owl Carousel style
    06. Lines style
    07. Header style
    08. Slider style
    09. Parallax Image style
    10. Kenburns Slider style
    11. Video Background style
	12. Services style
    13. About style
    14. Projects style 
    15. Gallery style
    16. Video Gallery style
    17. Accordion Box (for Faqs) style
    18. Testimonials style
    19. Team style
    20. Team Details style
    21. Careers style
    22. Clients style
    23. Blog style
    24. Post style
    25. Contact style
    26. Coming Soon style
    27. 404 page style
    28. Buttons style
	29. Footer style
    30. Overlay Effect Bg image
	31. Media Query

---------------------------------------- */






/* =======  Blog style  ======= */
.blog {
    position: relative;
}
.blog .item {
    margin-bottom: 20px;
}
.blog .item .post-img {
    overflow: hidden;
    position: relative;
}
.blog .item .post-img:hover .img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.blog .item .post-img .img {
    -webkit-transition: all .4s;
    transition: all .4s;
}
.blog .item .cont {
    padding: 20px 20px 0 0;
}
.blog .item .cont h6 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
}
.blog .item .cont h6 a:hover {
    color: #c5a47e;
}
.blog .item .cont h5 {
    font-size: 40px;
    margin-bottom: 5px;
}
.blog .item .info {
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;

}
.blog .item .info a {
    margin-right: 0px;
}
.blog .item .info a:last-child {
    margin-right: 0;
}
.blog .item .info b {
    color: #c5a47e;
    font-weight: 300;
    padding-right: 15px;
}
/* blog pagination */
.pagination-wrap {
    padding-top: 40px;
}
.pagination-wrap li {
    display: inline-block;
    margin: 0 5px;
}
.pagination-wrap li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #777;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
}
.pagination-wrap li a:hover {
    opacity: 1;
    text-decoration: none;
    background-color: #c5a47e;
    border: 1px solid #c5a47e;
    color: #fff;
}
.pagination-wrap li a.active {
    background-color: #c5a47e;
    border: 1px solid #c5a47e;
    color: #fff;
}
/* blog & post sidebar */
.side-bar .widget {
    margin-bottom: 40px;
    overflow: hidden;
}
.side-bar .widget ul {
    margin-bottom: 0;
    padding: 0;
}
.side-bar .widget ul li {
    margin-bottom: 10px;
}
.side-bar .widget ul li:last-child {
    margin-bottom: 0;
}
.side-bar .widget ul li i {
    font-size: 10px;
    margin-right: 5px;
    color: #c5a47e;
}
.side-bar .widget .recent li {
    display: block;
    overflow: hidden;
}
.side-bar .widget .recent .thum {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}
.side-bar .widget .recent a {
    display: block;
}
.side-bar .widget-title {
    margin-bottom: 30px;
}
.side-bar .widget-title h6 {
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.side-bar .search form {
    position: relative;
}
.side-bar .search form input {
    width: 100%;
    padding: 12px;
    border: 0;
    background: #f4f4f4;
}
.side-bar .search form button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #c5a47e;
    color: #fff;
    border: 0;
    padding: 10px 30px;
    cursor: pointer;
    outline: none;
}
.side-bar .gallery li {
    width: 33.33333%;
    float: left;
    border: 5px solid #fff;
}
.side-bar .tags li {
    margin: 2px !important;
    padding: 5px 15px;
    background: #f4f4f4;
    color: #777 !important;
    float: left;
}
.side-bar .tags li:hover,
.side-bar .tags li a:hover {
    background-color: #272727;
}


/* =======  Post style ======= */
.post {
    position: relative;
}
.post .item {
    margin-bottom: 0px;
}
.post .item .post-img {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.post .item .post-img:hover .img {
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
}
.post .item .post-img .img {
    -webkit-transition: all .4s;
    transition: all .4s;
}
.post .item .cont {
    padding: 0;
}
.post .item .cont h6 {
    font-size: 24px;
    margin-bottom: 20px;
}
.post .item .cont h5 {
    font-size: 27px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 300;
}
.post .item .info {
    font-size: 14px;
    color: #777;
    margin-bottom: 5px;
}
.post .item .info a {
    margin-right: 0px;
}
.post .item .info a:last-child {
    margin-right: 10px;
}
.post .item .info b {
    color: #c5a47e;
    font-weight: 300;
}
.post .item .more {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #c5a47e;
}
.post .item .more:hover i {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.post .item .more i {
    font-size: 10px;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.post .item .spical {
    margin: 15px;
    padding: 15px;
    border-left: 4px solid #c5a47e;
    font-style: italic;
}
/* post comment */
.post .title {
    font-size: 18px;
    margin-bottom: 40px;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.post .title:after {
    content: '';
    width: 60px;
    height: 1px;
    background: #c5a47e;
    position: absolute;
    left: 0;
    bottom: 0;
}
.post .comments,
.post .add-comment {
    padding: 20px 0px;
    border-radius: 5px;
}
.post .comments .com,
.post .add-comment .com {
    margin-bottom: 60px;
}
.post .comments .com:last-child,
.post .add-comment .com:last-child {
    margin-bottom: 0;
}
.post .comments .com:nth-child(odd),
.post .add-comment .com:nth-child(odd) {
    margin-left: 50px;
}
.post .comments .img,
.post .add-comment .img {
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 50%;
    border: 1px solid #ececec;
    overflow: hidden;
    margin-right: 15px;
}
.post .comment .cont,
.post .add-comment .cont {
    margin-left: 75px;
}
.post .comments .cont h6,
.post .add-comment .cont h6 {
    font-size: 15px;
    margin-bottom: 0px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.post .comments .cont span,
.post .add-comment .cont span {
    color: #777;
    font-size: 13px;
    margin-bottom: 0px;
}
.post .comments .cont .reply,
.post .add-comment .cont .reply {
    float: right;
    margin-right: 15px;
    margin-top: -15px;
    font-size: 13px;
}
.post .comments .cont .reply:hover,
.post .add-comment .cont .reply:hover {
    color: #c5a47e;
}
/* page list */
.page-list {
    position: relative;
    display: block;
}
.page-list li {
    position: relative;
    display: flex;
    align-items: center;
}
.page-list li+li {
    margin-top: 10px;
}
.page-list-icon {
    display: flex;
    align-items: center;
}
.page-list-icon span {
    font-size: 13px;
    color: #c5a47e;
    background-color: transparent;
    border: 1px solid #f4f4f4;
    border-radius: 50%;
    padding: 9px;
}
.page-list-text {
    margin-left: 15px;
}
.page-list-text p {
    font-size: 16px;
    margin: 0;
}




/* =======  Buttons style ======= */
.btn {
    padding: 15px 25px;
    background: transparent;
    background-color: #c5a47e;
    position: relative;
    z-index: 3;
    -webkit-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
    outline: none !important;
    overflow: hidden;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-radius: 0px;
    font-weight: 300;
    border: none;
}
.btn span {
    position: relative;
    z-index: 2;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    color: #fff;
}
.btn span i {
    font-size: 15px;
}
.btn:hover {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    background-color: #323232;
}
.btn:hover span {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}