@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Dwellpo
Version:	1.0
-------------------------------------------------------------------*/

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

[Table of contents]

    1- CSS RESET
    2- BASIC STYLES
    3- Button
    4- Headings
    5- Preloader
    6- Header
    7- Slider
    8- services section
    9- Collection SECTION
    10- Project section
    11- About section
    12- Blog
    13- clients carousel
    14- banner
    15- Team
    16- project
    17- Single Blog
    18- Header style 2
    19- Header style 3
    20- Error
    21- Gallery
    22- Team Details
    23- About 2
    24- Services 2
    25- Coming soon
    26- Error
    27- Testimonials
    28- Login

NOTE: Every section is commented before starting.

/*------------------------------------------------------------------
    1- CSS RESET
-------------------------------------------------------------------*/


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


html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	vertical-align: middle;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

.zero_padding{padding: 0;}


/*------------------------------------------------------------------
    2- BASIC STYLES
-------------------------------------------------------------------*/


body { background: #fff; color: #252531; font: 14px 'Poppins', 'Open Sans', sans-serif; overflow-x: hidden; }

a { color: #666666; text-decoration: none;  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;   }
a:hover { color: #cd9967; }
a:hover, a:active { outline: 0; }
hr {margin: 50px 0;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

    /*-- Heading --*/

    h1, h2, h3, h4, h5, h6 {-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; font-family: 'Poppins', sans-serif; color: #252531; }


    /*-- Lists --*/
    ul {}
    ul li {font: 14px 'Poppins', arial, sans-serif;}
    ul li a {font: 14px 'Poppins', arial, sans-serif;}

    ol {}
    ol li {font: 14px 'Poppins', arial, sans-serif;}
    ol li a {font: 14px 'Poppins', arial, sans-serif;}

    /*-- Paragraph --*/
    strong { font-weight: bold; }
    p strong { font-weight: bold; }
    p em { font-style: italic; }
    p {font: 400 40px 'Poppins', arial, sans-serif; line-height: 36px; color: #999999;}
    

    label {font: 400 14px 'Poppins', arial, sans-serif; margin-bottom: 12px; color: #252531;}

    .cd-top { display: inline-block; font-size: 16px; color: #ffffff;  overflow: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;  z-index: 10000; }
    .cd-top.cd-is-visible {  visibility: visible;}
    .cd-top i {  color: #ffffff; font-size: 20px; }
    .cd-top.cd-is-visible:hover i { color: #cd9967; }

    .cd-top.cd-2 {background: #cd9967; border: 2px solid #cd9967;    display: inline-block;  height: 44px;  width: 44px; line-height: 40px; text-align: center; border-radius: 10px;  position: fixed;  bottom: 20px;  right: 16px;  overflow: hidden;  white-space: nowrap;  visibility: hidden;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;  z-index: 10000; }
    .cd-top.cd-is-visible {  visibility: visible; }
    .cd-top.cd-2:hover{ background-color: transparent; }
    .cd-top.cd-2:hover i{color: #cd9967;}
/*------------------------------------------------------------------
    3- Button and Border
-------------------------------------------------------------------*/

.button {font: 600 14px 'Poppins', arial, sans-serif; display: inline-block; background: #cd9967; color: #fff; text-transform:uppercase;padding: 12px 24px; border:2px solid #cd9967; position: relative; z-index: 99;}
.button i{margin-left: 10px;}
.button.pink {padding: 16px 24px;}
.button.white {background: #ffffff; color: #252531; border:2px solid #ffffff; position: inherit;}
.button img {vertical-align: middle; margin-right: 6px;}
.button.borderd {background: none; border: 1px solid #fff;padding: 12px 24px;}
.button.borderd i {margin-left: 8px;}
.button:hover { background: transparent; color: #cd9967;border:2px solid #cd9967}
.button.white:hover {background: #cd9967; color: #ffffff;}
.button.pd-left-15 {margin-left: 15px;}
.border{border:10px solid #ffffff;width: 100%;display: inline-block;}

.owl-carousel .owl-nav button:focus{outline: none;}

/*------------------------------------------------------------------
    4- Headings
-------------------------------------------------------------------*/

.heading {margin-bottom: 30px;}
.heading h2{ font-size: 36px; color: #252531; font-weight: 700; margin-bottom: 25px; line-height: 48px;}
.heading h3 span{color: #cd9967;}
.heading.hp5 h3 span {color: #5787f2;}
.heading:after {content:'';width: 60px; height: 2px; background: #cd9967; display: block; margin-top: 5px;}
.heading p {color: #252531;padding-bottom: 20px;}
.heading.hp5:after {background:#5787f2 }



/*------------------------------------------------------------------
    5- preloader
-------------------------------------------------------------------*/

/*====preloader=======*/

#overlayer {
  width:100%;
  height:100%;  
  position:fixed;
  z-index:1;
  background:#ffffff;
  text-align: center;
  z-index: 999999999;
}
.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:3;
  border: 4px solid #cd9967;
  top: 50%;
  animation: loader 2s infinite ease;
  text-align: center;
  left: auto !important;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #cd9967;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}


/*------------------------------------------------------------------
    6- Header
-------------------------------------------------------------------*/

header {
    width: 100%;
    height: 120px;
    padding: 0px 50px;
}
.logo {
    padding: 40px 0 0;
}

nav.navbar ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
nav > ul > li {
    display: inline-block;
    padding: 44px 0;
    position: relative;
    margin-right: 20px;
}
nav > ul > li:last-child{
    margin-right: 0;
}
nav ul li a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.4s ease-in-out;
    padding: 5px 20px;
    display: block;
}  

nav ul li a.active{
    background: #cd9967;
    color: #ffffff;
}

.responsive-mobile-menu ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.nav-pills{
    padding: 0;
    margin: 0;
}
.nav-pills > li{
    padding: 0;
    list-style: none;
}
ul.page_numbers{
    padding: 0;
    margin: 0;
}

.comment_box ul,
.comment_box li{
    padding: 0;
    margin:0;
    list-style: none;
}
ul.comments{
    padding: 0;
    margin:0;
}
.comments li{
    list-style: none;
}

nav ul ul li a{
    padding: 5px 0;
}

/* ========= DropDown ======= */

nav ul ul {
    position: absolute;
    top: 120%;
    left: 0;
    width: 250px;
    background-color: #fff;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    border-top: 4px solid #cd9967;
}
nav ul ul ul {
    top: 50px;
    left: 90%;
    right: auto;
}
nav ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
nav ul ul li:hover > ul{
    top: 10%;
    left: 100%;
}
nav ul ul > li {
    float: left;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
}

nav ul ul > li.sub-items:before {
    opacity: 1;
    visibility: visible;
}
nav ul ul ul li{position: relative;}
nav ul ul li.dropdown:before{
    content: '\f0da';
    position: absolute;
    top: 35%;
    right: 20px;
    color: #666;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
nav ul ul li.dropdown:hover:before{color: #cd9967}
.card-sec {
    float: right;
    text-align: right;
}
.card-sec > ul{
    margin: 0; padding: 0;
}
.card-sec > ul > li {
    display: inline-block;
    padding: 48px 10px;
    position: relative;
    float: left;
    margin-left: 40px;
    list-style: none;
}
.card-sec > ul > li:first-child{
    margin-left: 0;
    list-style: none;
}
.card-sec > ul > li > a {
    font-size: 14px;
    display: inline-block;
}
.card-sec > ul > li > a i.ion-android-search {
    font-size: 29px;
}
.card-sec > ul > li > a i.ion-android-menu {
    font-size: 36px;
    position: relative;
    top: 2px;
}
.cart-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    width: 300px;
    background-color: #2b283d;
    z-index: 9999;
    display: none;
}
.cart-dropdown > span {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 15px;
}
.cart-dropdown > span strong {
    font-size: 24px;
}
.cart-dropdown ul {
    padding: 0;
    margin: 0;
    text-align: center;
    padding: 25px 20px;
}
.cart-dropdown ul li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    list-style: none;
}
.cart-dropdown ul li a {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 20px 0;
    font-weight: 600;
}
.cart-dropdown ul li:first-child a {
}
.cart-dropdown ul li:last-child a {
    background-color: #fff;
    color: #000;
}
.cart-dropdown ul li:last-child {
    margin-bottom: 0;
}
.cart-prdct-info {
    float: left;
    width: 100%;
    padding: 20px 15px;
    border-bottom: 1px solid #333;
}
.cart-pdct-img {
    float: left;
    width: 70px;
}
.cart-pdct-img img {
    width: 100%;
}
.crt-info {
    float: left;
    width: 70%;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
}
.crt-info h3 {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.crt-info b {
    font-size: 14px;
    color: #666;
    text-transform: uppercase;
}
.crt-info span {
    color: #666;
    font-size: 14px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.crt-info > a {
    float: right;
    color: #fff;
    font-size: 14px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    text-align: center;
    line-height: 30px;
}

/* ========== mobile-men-btn ========== */

.mobile-men-btn {
    float: right;
    padding-left: 30px;
    display: none;
}
.mobile-men-btn i {
    color: #000;
    font-size: 30px;
}

/* =================== responsive-mobile-menu ================== */

.responsive-mobile-menu {
    position: fixed;
    top: 0;
    display: block;
    background-color: #2b283d;
    width: 250px;
    height: 100vh;
    z-index: 999;
    left: -250px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 35px 0 0;
}
.responsive-mobile-menu > a {
    color: #ffffff;
    float: right;
    padding-right: 20px;
    font-size: 30px;
    margin-bottom: 50px;
}
.responsive-mobile-menu.active {
    left: 0;
}
.responsive-mobile-menu ul {
    float: left;
    width: 100%;
}
.responsive-mobile-menu ul li {
    float: left;
    width: 100%;
    transition: all 0.4s ease-in-out;
    position: relative;
}
.responsive-mobile-menu ul li a {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    float: left;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #bfbfbf;
    position: relative;
}
.responsive-mobile-menu ul ul {
    float: left;
    width: 100%;
    display: none;
    padding: 10px 20px;
}
.responsive-mobile-menu ul li.active > a {
    border-bottom: 0;
}
.responsive-mobile-menu ul ul li a {
    border-bottom: 0;
    transition: .5s;

}
.responsive-mobile-menu ul ul li a:before{
    content: none;
}
.responsive-mobile-menu ul ul li{
    position: relative;
    border-bottom: .5px solid #cecece;
}
.responsive-mobile-menu ul ul li:before{
    content: ""; 
    width: 10px;
    height: 2px;
    background-color: #cd9967;
    left: 0;
    top: 48%;
    position: absolute;
}

.responsive-mobile-menu > ul > li > a.dropdown:before {
    content: "\f107";
    position: absolute;
    top: 35%;
    right: 20px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #ffffff;
    font-size: 16px;
    transition: .3s;    
}
.responsive-mobile-menu ul > li.menu-has-items.active > a:before {
    content: '\f106';
}
.responsive-mobile-menu ul > li.menu-has-items > a:before {
    opacity: 1;
    visibility: visible;
}
.responsive-mobile-menu > ul > li.menu-item-has-children.active a.dropdown:before{
    transform: rotate(180deg);
}
 



/* ========== search-form-page ==========*/

.search-page {
    float: left;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 100px 0;
    height: 100%;
    z-index: 0;
    text-align: center;
    visibility: hidden;
    transform: scale(.8);
    transition: all 0.4s ease-in-out;
}
.search-page.active {
    visibility: visible;
    z-index: 9999999999;
    transform: scale(1);
}
.search-form-page > h2 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 140px;
    font-family: "Poppins", sans-serif;
}
.search-form-page form {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 140px;
}
.search-form-page form input {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
    padding: 0 50px 0 20px;
    font-size: 20px;
    font-weight: 400;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    color: #000;
    font-family: "Open Sans", sans-serif;
}
.search-form-page form input:focus{
    outline: none;
}
.search-form-page form button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: none;
    border: 0;
    color: #666;
    font-size: 28px;
}
.close-search {
    float: left;
    width: 100%;
    text-align: center;
}
.close-search i {
    color: #666666;
    font-size: 32px;
    display: block;
}
.close-search a {
    color: #666;
    font-size: 16px;
    font-weight: 500;
    transition: .0s;
}


/*------------------------------------------------------------------
    7- Slider
-------------------------------------------------------------------*/


.main-slider {
    position: relative;
    z-index: 10;
}
.main-slider img{
    height: 1100px;
}
.main-slider .tp-caption {
    z-index: 5 !important;
}
.main-slider .tparrows.gyges {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
}

.main-slider .tparrows.gyges:before {
    line-height: 60px;
}
/*------------------------*/
.tparrows.tp-leftarrow:before{
    content: 'prev';
    color: #ffffff;
    text-transform: uppercase;
    transform: rotate(270deg);
    font: 14px 'Poppins', sans-serif ;
    letter-spacing: 2px;
}
.tparrows.tp-rightarrow:before{
    content: 'next';
    color: #ffffff;
    text-transform: uppercase;
    transform: rotate(90deg);
    font: 14px 'Poppins', sans-serif ;
    letter-spacing: 2px;
}

.slider-2 .tparrows.tp-leftarrow:before{
    content: '';
}
.slider-2 .tparrows.tp-rightarrow:before{
    content: '';
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    transform: rotate(90deg);
    font: 14px 'Poppins', sans-serif ;
    letter-spacing: 2px;
}

/*------------------------*/
.main-slider h2 {
    position: relative;
    color: #ffffff;
    line-height: 1.2em;
    display: inline-block;
    text-align: center;
    letter-spacing: 7px;
    font:600 24px 'Poppins', sans-serif;
}
.main-slider .welcome-sidebar:before{
    content: '';
    width: 6px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 50%;
}
.main-slider .welcome-sidebar:after{
    content: '';
    width: 6px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    right: 0;
    top: 50%;
}


.main-slider h2.alternate {
    font-weight: 700;
    font-size: 24px;
}

.main-slider .text {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    line-height: normal;
    font:700 140px 'Poppins', sans-serif;
    letter-spacing: 15px;
    line-height: normal;
}

.main-slider h2.alternate {
    font-weight: 700;
}

.main-slider h2.light,
.main-slider .text.light {
    color: #ffffff;
}

.main-slider .btns-box .theme-btn {
    margin-right: 20px;
}

.slider-content {
    position: relative;
    padding: 35px 30px;
    background-color: rgba(0, 0, 0, 0.60);
}

.main-slider .tp-bannertimer,
.main-slider .tp-bullets {
    display: none !important;
}
.layer_1 img{
    width: 100%;
    position: absolute;
    background-position: center;
    z-index: 100;
}

/*------------------------------------------------------------------
    8- SERVICES SECTION
-------------------------------------------------------------------*/

.section_padding{
    padding: 100px 0;
}
.section_margin{
    margin-bottom: 120px;
    display: inline-block;
}


.section_padding .layer_1 img{
    position: absolute;
    top: -110px;
}

.services_section{
    background-image: url(../image/services_bg.jpg);
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
}
/*---Content Left----*/
.content_left .author{
    position: absolute;
}
.content_left .content_details p{
    margin-bottom: 30px;
}
.content_left p.author{
    line-height: normal;
}
.content_left p.author  span{
    font-weight: 700;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin-left: 15px;
    color: #252531;
}
.content_left .author:before{
    content: '';
    width: 5px;
    height: 5px;
    background: #cd9967;
    position: absolute;
    left: 0;
    top: 45%;
}
/*---Content Right----*/
.content-right{
    border-right: 20px solid #cd9967;
    padding-right: 15px;
}
.content-right .content_inner{
    position: absolute;
    top: 30px;
}
.content-right .content_inner .title{
    max-width: 60%;
    text-align: center;
}
.content-right .content_inner h3{
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
}

.content-right .content_inner h3 span{
    margin-left: 40px;
    display: block;
}
.content_img img{
    border: 15px solid #ffffff ;
    box-shadow: 0 0 20px rgba(0,0,0,0.31);
}
/*---Services----*/

.our_services{
    position: relative;
}

.service{
    background: #ffffff;
    padding: 40px;
    transition: .5s;
}
.service h4{
    font-size: 18px;
    display: inline-block;
    margin-bottom: 30px;
    line-height: 36px;
    font-weight: 400;
}
.service span{
    float: right;
    line-height: 36px;
    color: #ddd;
    transition: .5s;
    font-size: 18px;
}
.service p{
    line-height: 28px;
}
.service:hover{
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.14);
}
.service:hover span{
    color: #cd9967;
}

.services_page{padding: 120px 0;}
.services_page .service{margin-bottom: 30px;}


/*---Reason You Love Devellpo----*/
.reason_sec{
    width: 100%;
    height: 200px;
    background: #26263a;
    text-align: center;
    padding: 75px 0;
}
.reason_sec h1{
    font-size: 36px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 48px;
}

/*------------------------------------------------------------------
    9- Collection SECTION
-------------------------------------------------------------------*/
.left_inner_collection{
    padding: 90px 50px;
    text-align: center;
    background: #f1f1eb;
}
.inner_content{
    background: #ffffff;
    padding: 50px 30px;
    box-shadow: 0px 0px 20px rgba(179,179,179,0.51);
}
.left_inner_collection h5{
    font-size: 16px;
    margin-bottom: 40px;
    font-weight: 600;
    color: #252531;
}
.left_inner_collection p{
    line-height: 60px;
    color: #252531;
    font-size: 36px;
    font-weight: 400;
}
.left_inner_collection .inner_content a.button{
    margin-top: 40px;
    width: 170px;
    height: 50px;
}
.inner_content a i{
    margin-left: 10px;
}
/*--------right collection------*/
.right_collection img{
    max-width: 100%;
    padding-top: 10%;
}


.margin_btm{
    margin-bottom: 120px;
}

/*------------------------------------------------------------------
    10- Project section
-------------------------------------------------------------------*/

.project_section{
    background: url(../image/project/project-bg.jpg);
    padding: 100px 0;
}
.project_section.project_page{
    background: #f4f4f4;
    padding: 120px 0;
}

.my-selector { text-align: center; margin-bottom: 60px;}
.my-selector  a {font-size: 14px; font-weight: 500; color: #999999;border: 1px solid rgba(0,0,0,0); display: inline-block; padding:2px 15px;}
.my-selector  a:hover, .my-selector  a.selected { color: #fff; background-color: #cd9967;}

.item_inner.item_inner { position: relative; overflow: hidden; margin-bottom: 30px;}
.item_inner img{float:left; width: 100%; }
.item_inner.item_inner .border{position: relative; overflow: hidden;}
.item_inner.item_inner .overlay{position: absolute;background: transparent; width: 100%; height: 100%; transition: .2s;}

.item_inner.item_inner .overlay a{background: #cd9967;color: #ffffff; width: 40px; height: 40px; padding: 10px; text-align: center; border-radius: 40px; left: 30px; bottom: -90px;position: absolute;transition: .5s;}
.item_inner.item_inner .overlay h4 a{color: #ffffff; padding: 0; background: transparent; width: auto; height: auto; position: absolute; left: 30px;bottom: 20px; font-size: 18px; font-family: 'Poppins', sans-serif; transition: .7;}
.item_inner.item_inner .overlay p{position: absolute; bottom: -40px;left: 30px; font-size: 14px; transition: .7s; color: #ffffff; font-family: 'Open Sans', sans-serif;}

.item_inner.item_inner:hover .overlay{visibility: visible; background: rgba(0,0,0,0.31)}
.item_inner.item_inner:hover .overlay a{bottom: 90px;}
.item_inner.item_inner:hover .overlay h4 a{bottom: 50px;}
.item_inner.item_inner:hover .overlay p{bottom: 10px;}

.project_two ul li.item { width: 20%; float: left; }
.project_two ul li.item .item_inner{margin-bottom: -4px;}

.project_section .heading h2{color: #ffffff;}
.project_section .heading:after{margin: 0 auto;}


.project_page .all_projects{
    text-align: center;
    margin-top: 40px;
}
.project_page .all_projects a{
    color: #252531;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    text-decoration: underline;
    line-height: 30px;
}

/*------------------------------------------------------------------
    10- About section
-------------------------------------------------------------------*/

.about_section .about_left{
    padding: 200px 0 120px;
}
.about_section{
    background: url('../image/background/about_bg.jpg') no-repeat;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
}
.about_section .about_left h1{
    color: #999999;
    font-weight: 400;
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 30px;
}

.about_section .about_left h2{
    color: #252531;
    font-weight: 400;
    font-size: 42px;
    font-family: 'Poppins', sans-serif;
    line-height: 52px;
    margin-bottom: 30px;
}
.about_section .about_left p{
    color: #252531;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 50px;
}

.about_section .about_left ul{
    padding-left: 40px;
}
.accrodion-grp .accrodion {padding-left: 20px;}
.accrodion-grp .accrodion .accrodion-title{position: relative;}
.accrodion-grp .accrodion .accrodion-title i{ font-size: 30px; transition: .5s; color: #cd9967; position: absolute; left: 0; top: 0;}

.accrodion-grp .accrodion .accrodion-title h6 {color: #999999; font-size: 20px;font-weight: 400; line-height: 30px; font-family: 'Poppins', sans-serif;}
.accrodion-grp .accrodion .accrodion-title {
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    margin-bottom: 30px;
}
.accrodion-grp .accrodion .accrodion-content {
    padding-left: 30px;
    padding-right: 30px;
}
.accrodion-grp .accrodion .accrodion-content p{font: 400 14px "Open Sans", sans-serif; color: #999; line-height: 26px;}
.accrodion.active .accrodion-title i{transform: rotate(90deg);}



/*------------------------------------------------------------------
    11- Testimonials
-------------------------------------------------------------------*/


.testimonials{
    padding: 100px 0;
    background: url(../image/background/testimonials.jpg) no-repeat;
    background-position: center;
}

.testi_heading h2{
    color: #ffffff;
    font-weight: 400;
    font-size: 36px;
}

.testi_carousel .item{
    padding: 80px 0 0;
}
.testi_carousel .item_inner{
    padding: 80px 85px 60px;
    background: #ffffff;
    text-align: center;
    position: relative;
    margin-bottom: 60px;
}
.testi_img{
    display: inline-block;
    text-align: center;
}
.testi_img img{
    z-index: 99999;
    width: 115px !important;
    margin: 0 auto;
    position: absolute;
    top: -12%;
    left: 0;
    right: 0;
    border: 5px solid #ffffff;
    background-color: #ffffff;
    border-radius: 50%;
}


.testi_carousel .item_inner p.para{
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #252531;
    line-height: 30px;
    margin-bottom: 30px;
}
.testi_carousel .item_inner p.testi_name{
    font-size: 18px;
    color: #cd9967;
    line-height: 26px;
    font-weight: 600;
}   
.testi_carousel .item_inner p.testi_details{
    font-size: 18px;
    color: #8799a3;
    line-height: 26px;
}   

/*----- Owl Nav -------*/

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
    display: block;
}
.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 40%;
    left: 0;
    color: #ffffff;
    font-size: 40px;
    content: '\f9c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; 
}
.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    top: 40%;
    right: 0;
    color: #ffffff;
    font-size: 40px;
    content: "\f12c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; 
}




/*----- Owl Dots -------*/

.owl-carousel .owl-dots{
    text-align: center;
}
.owl-carousel button.owl-dot{
    width: 20px;
    height: 5px;
    background-color: #534c5c;
    margin: 0px 3px;
    outline: none;
    border-radius: 10px;
    vertical-align: middle;
}
.owl-carousel .owl-dot.active{
    background-color: #cd9967;
    outline: none;
    vertical-align: middle;
}

.owl-brands.owl-carousel .owl-dots{
    display: none;
}


.owl-brands.owl-carousel .owl-nav{
    display: block;
    position: relative;
}
.owl-brands.owl-carousel .owl-nav .owl-next{
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 99;
    background-color: #ffffff;
}
.owl-brands.owl-carousel .owl-nav .owl-prev{
    position: absolute;
    left: -20px;
    top: 0;
    z-index: 999;
    background-color: #ffffff;
}
.testimonial-list.owl-carousel .owl-dots{
    display: block;
    margin-top: 40px;
}
.tour-list.owl-carousel .owl-nav{
    display: block;
} 
.tour-list.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: -90px;
}

.blog-slider1.owl-carousel .owl-nav{
    top: 30px;
    display: block;
    position: relative;
    text-align: center;
    margin-left: -30px;
} 
.blog-slider2.owl-carousel .owl-nav{
    top: 30px;
    display: block;
    position: relative;
    text-align: center;
    margin-left: -30px;
} 

/*------------------------------------------------------------------
    12- Blog
-------------------------------------------------------------------*/

.blog_section {
    background: #f4f4f4;
    padding: 100px 0;
}

.blog_section.blog_page{
    padding: 150px 0 120px;
}

.blog_section .blog-item{
    background: #ffffff;
    border:10px solid #ffffff;
    transition: .5s;
    margin-bottom: 30px;
    position: relative;
}
.blog_section .blog-item img{
    width: 100%;
    margin-bottom: 30px;
}
.blog_details{
    margin: 0 20px;
}
.blog_details p.wp{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    font-family: "Open Sans", sans-serif;
    color: #cd9967;
    line-height: 30px;
}
.blog_details p.admin{
    font-size: 13px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    color: #999999;
    line-height: 30px;
    margin-bottom: 15px;
}
.blog_details p.details{
    font-size: 14px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    color: #999999;
    line-height: 30px;
    margin-bottom: 25px;
}
.blog_details a{
    font-size: 24px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    color: #252531;
}

.blog_details .comment_box{
    border-top: 1px solid #ebebeb;
    padding: 15px 0 0;
    display: inline-block;
    width: 100%;
}
.blog_details .comment_box ul li{
    color: #999;
}
.blog_details .comment_box ul li i{
    padding-right: 10px;
    transition: .5s;
    color: #cccccc;
}

.blog_details .comment_box ul .pull-left{
    float: left;
}

.blog_details .comment_box ul .pull-right{
    float: right;
}

.pull-left{
    float: left;
}

.pull-right{
    float: right;
}



.blog_section .blog-item:hover{box-shadow: 0px 0px 30px rgba(0,0,0,0.21); margin-top: -5px;}
.blog_section .blog-item:hover ul li.pull-right i{color: #e94040;}

/*------------------------------------------------------------------
    12- clients carousel
-------------------------------------------------------------------*/

.clients_carousel{
    padding: 100px 0;
}
.clients_carousel .item img{
    width: 100%;
    opacity: .3;
    transition: .3s;
}
.clients_carousel .item img:hover{opacity: 1;}

/*----------------------------------------------------------------------------------------
    13.FOOTER
----------------------------------------------------------------------------------------*/

.footer-area {
    padding: 0px;
    background: #2b283d;
    overflow-x: hidden;
}

.footer-widgets {
    padding: 100px 0px 100px;
    position: relative;
    display: inline-block;
}
.footer-bottom .border_top{
    border-top: 1px solid #413e51;
    padding: 40px 0px 60px;
}

.footer-bottom2 {
    background: #333;
    padding: 16px 0px;
}

.footer-text h6 {
    text-transform: capitalize;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.footer-text h6 span{
    color: #cd9967;
}



/* footer widget */

.widget h4 {
    font-size: 24px;
    padding-bottom: 20px;
    text-transform: capitalize;
    font-weight: 600;
    color: #ffffff;
}

.widget p {
    color: #333;
}

footer .widget ul {
    list-style: none;
    padding-left: 0px;
    font-size: 16px;
    color: #999;
}

footer .widget ul a {
    display: block;
   text-align: left;
   color: #999;
}

footer .widget ul.deals-list a {
    display: table-cell;
   text-align: left;
   color: #999;
}
footer .widget ul.tweets li {
    margin-bottom: 30px;
    padding-left: 40px;
    position: relative;
    line-height: 28px;
}

footer .widget ul.tweets li i {
    color: #0081ff;
}

footer .widget ul.tweets li span {
    padding-top: 20px;
    display: block;
    font-weight: 300;
    color: #000;
}

footer .widget ul.footer-addres li {
    margin-bottom: 30px;
    position: relative;
}

footer .widget ul i {
    font-size: 20px;
    display: inline-block;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 3px;
}

ul.instagram-list li img {
    width: 100%;
    height: auto;
}

footer .widget ul.instagram-list li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px; 
    padding: 0;
    width: 27%;
}

.footer-bottom .left-align {
    text-align: left;
}

.footer-bottom .right-align {
    text-align: right;
}

.footer-bottom .footer-social {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0;
}

.footer-bottom .footer-social li {
    display: inline-block;
    padding: 0px 10px;
}
.header-social{
    float: right;
}
.header-text .header-social li{
    display: inline-block;
}
.header-text .header-social a {
    display: inline-block;
    color: #fff;
    padding: 40px 15px;
    font-size: 24px;
    border: none;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 0;
    background: transparent;
}
.header-social li a{
    color: #fff;
}
.header-social li:hover a{
    color: #62ac1e;
}
.footer-bottom .footer-social a {
    font-size: 26px;
    color: #fff;
}
.footer-bottom .footer-social a:hover {
    color: #222;
}

.news_letter{ margin-top:30px; }
.news_letter form {position: relative;}
.news_letter input{ border: 0px; border-radius: 50px; background: #312d48; width: 100%; padding: 15px 35px 15px 15px; outline: 0px !important; font: 300 13px 'Merriweather', arial, sans-serif; color: #8d949a;}
.news_letter input[type="submit"] {position: absolute; bottom: 15px; right: 10px;  margin-top: -9px;  outline: 0px !important; padding: 0px; text-align: center; width: 20px; height: 16px; background: url("../image/message.png") no-repeat; }

.formnewsletter2 {
    position: relative;
    margin: 0 auto;
}

.formnewslette2r input.form-control {
    height: 58px !important;
    width: 90%;
}

.formnewsletter2 .hvr-shutter-out-horizontal::before {
    background: #353535;
}

.formnewsletter2 button {
    background: #62ac1e none repeat scroll 0 0;
    color: #fff;
    font-weight: 500;
    height: 50px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 30%;
    border: 0;
    font-size: 20px;
}
.index-3-footer h3{
    text-transform: capitalize;
}
.formnewsletter2 button.hvr-shutter-out-horizontal::before {
    border-radius: 30px;
}

.newsletter-form2 p {
    line-height: 2;
    color: #fff;
    font-size: 20px;
}

.footer-area .widget.about_us p{
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

.footer-area .widget .social_area{
    display: inline-block;
    width: 100%;
}
.social_icon ul li a{
    float: left;
    margin-right: 15px;

}
.social_icon ul li a i{
    display: inline-block;
    position: relative;
    font-size: 20px;
}
.social_icon ul li a:hover{
    color: #cd9967;
}


/*------------------------------------------------------------------
    13- banner
-------------------------------------------------------------------*/


.banner_section{
    background: url(../image/background/banner.jpg ) no-repeat;
    width: 100%;
    height: 300px;
    background-position: center;
    padding: 130px 0;
}

.banner_section h2{
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffffff;
    display: inline-block;
}
.banner_section p{
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffffff;
    display: inline-block;
    float: right;
}
.banner_section p a{
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #cd9967;
    display: inline-block;
}
.banner_section p span{
    margin: 0 10px;
    color: #cd9967;
}


/*--------promo_banner-------------*/

.promo_banner{
    background: url(../image/background/promo_banner.jpg);
    background-size: cover;
    width: 100%;
    height: 500px;
    padding: 150px 0;
    text-align: center;
    background-position: center;
    background-attachment: fixed;
}
.promo_banner h1{
    font-size: 60px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 80px;
}
.promo_banner p{
    font-size: 18px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 35px;
}

/*------------------------------------------------------------------
    14- Team
-------------------------------------------------------------------*/

.heading.text-center:after{
    display: inline-block;
    margin: 0 auto;
}
.team_section{
    background: #f4f4f4;
    padding: 100px 0;
}
.team_section .team_wrap{
    overflow: hidden;
    position: relative;
}
.team_section .team_wrap figure{
    overflow: hidden;
    position: relative;
    -ms-transition: all .8s;  
    -o-transition: all .8s;  
    transition: all .8s;
}
.team_section .team_wrap figure img{
    width: 100%;
    position: relative;
    -ms-transition: all .8s;  
    -o-transition: all .8s;  
    transition: all .8s;
}
.team_section .team_wrap .team_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(30, 24, 53, 0.81);
    top: 0;
    text-align: center;
    display: none;
    -ms-transition: all .8s;  
    -o-transition: all .8s;  
    transition: all .8s;
}   
.team_overlay .social_icons{
    padding:140px 0;
}

.social_icons { display: inline-block; transition: .7s; }
.social_icons a {width: 40px; height: 40px; display: inline-block; line-height: 40px; margin-right: 10px; border-radius: 50%; text-align: center;}
.social_icons a i {color: #fff;}
.social_icons a:hover{background: #999;}
.team_section .team_wrap:hover .team_overlay{display: block;}
.team_section .team_wrap:hover figure img{transform: scale(1.3);}
.team_section .team_details {position: relative; text-align: center; }
.team_section .team_details p.member_name{font-size: 16px; line-height: 48px;color: #252531; font-weight: 500; letter-spacing: .5px; z-index: 999;}
.team_section .team_details p.member_d{font-size: 14px; line-height: 30px;color: #cd9967; font-weight: 400; margin-bottom: 10px; z-index: 999;}

.inner_margin{
    margin-bottom: 30px;
}


/*------------------------------------------------------------------
    15- project
-------------------------------------------------------------------*/

.project_details_section{
    padding: 150px 0 120px;
    background: #f4f4f4;
    position: relative;
}

.project_carousel{
    margin-bottom: 100px;
}

 
/*----- Owl Nav -------*/
.project_carousel .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
    display: block;
    position: absolute;
}
.project_carousel.owl-carousel .owl-nav button{
    width: 50px;
    height: 100px;
    border: 1px solid #ececec;
    background: #ffffff;
    color: #252531;
    transition: .5s;
}
.project_carousel.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    color: #252531;
    font-size: 30px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    left: 0;
    top: 40%;
}
.project_carousel.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    color: #252531;
    font-size: 30px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    right: 0;
    top: 40%;
}
.project_carousel.owl-carousel .owl-nav button:hover{
    background-color: #cd9967;
    color: #ffffff;
}


.project_description h3{
    font-weight: 400;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}
.project_description p{
    font: 400 14px "Open Sans", sans-serif;
    line-height: 30px;
}
ul.client_details{margin: 0; padding: 0; list-style: none;}
.client_details li{padding: 20px 0 12px; border-bottom: 1px solid #dfdfdf; list-style: none;}
.client_details li h6{font-family: "Open Sans", sans-serif; font-size: 18px; margin-bottom: 5px; font-weight: 400; line-height: 18px; color: #252531;}
.client_details li span{font:400 14px "Open Sans", sans-serif; color: #999;}



/*---------related_section--------*/


.related_section h4.title{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
}
/*----- Owl Nav -------*/
.related_carousel .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
    display: block !important;
    position: absolute;
    right: 0;
    top: -80px;
}
.related_carousel.owl-carousel .owl-nav button{
    width: 50px;
    height: 50px;
    border: 1px solid #ececec;
    background: #ffffff
}
.related_carousel.owl-carousel .owl-nav button.owl-prev{
    position: relative;
    margin-right: 10px;
    color: #252531;
    font-size: 20px;
}
.related_carousel.owl-carousel .owl-nav button.owl-next{
    position: relative;
    color: #252531;
    font-size: 20px;
}

/*------------------------------------------------------------------
    16- Single Blog
-------------------------------------------------------------------*/


.single_blog{
    padding: 150px 0 120px;
    background: #f4f4f4;
}
.single_right{
    border: 10px solid #ffffff;
    overflow: hidden;
    background: #ffffff;
}
.single_right img{
    width: 100%;
    margin-bottom: 20px;
}

.single_blog .blog_details p.wp{
    margin-bottom: 15px;
    color: #cd9967;
}
.single_blog .blog_details h3{
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 15px;
}
.single_blog .blog_details p.admin{
    margin-bottom: 25px;
}
.single_blog .blog_details p{
    color: #999999;
    line-height: 30px;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 15px;
}

.quote h5{
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    margin-left: 45px;
    font-weight: 400;
    color: #999999;
}
.quote{
    border-left: 2px solid #cd9967;
    margin-bottom: 25px;
}
.social_btn{margin-bottom: 30px;}
.social_btn a{padding:15px 35px ; display: inline-block; margin-right: 5px; color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase;}
.social_btn a.facebook{background-color: #2f5ebe;}
.social_btn a.twitter{background-color: #00d8ff;}
.social_btn a.google{background-color: #4a4d54;}
.social_btn a.pinterest{background-color: #cb2027;}
.social_btn a i{margin-left: 10px;}

.tag i{margin-right: 20px;}
.tag p{color: #2f2933; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 600; display: inline-block;}
.tag p span{color: #cd9967;}
.tag a.cd-top{text-align: right; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #999;}
.tag p.back_to_top{float: right;}

.comments_bar{padding: 40px 30px; background: #ffffff;}
.comments_bar .inner_comments{background: #f4f4f4; padding: 30px;}
.com_heading h4{font:500 18px "Poppins", sans-serif; letter-spacing: .2px; text-align: center; text-transform: uppercase; line-height: 38px;}
.com_heading{border-bottom:  2px solid #eeeeee; margin-bottom: 30px;}
.comments_bar ul.comments{background: #f4f4f4;}
.first-comment{background: #ffffff; padding: 10px; margin-bottom: 20px;}
.comments_bar ul.comments li{ width: 100%; background: #f4f4f4; }
.comments_bar ul.comments li ul{padding-left: 30px;}
.user_img{display: table-cell; vertical-align: top;}
.comment_detail{display: table-cell; padding: 0 25px; width: 100%; vertical-align: middle;}
.comment_detail h5.user_name{font:400 14px 'Poppins', sans-serif; line-height: 40px; text-transform: uppercase;}
.comment_detail p.date{font:500 12px "Open Sans", sans-serif; color: #cd9967; line-height: 30px;}
.comment_detail p.comment{font:400 14px "Open Sans", sans-serif; color: #999; line-height: 24px;}
.comment_detail a{float: right; color: #999999; font-size: 12px; text-transform: capitalize; font-family: "Open Sans", sans-serif;}
.comment_detail a i{margin-right: 10px; color: #cd9967;} 
.reply{padding: 10px; background: #ffffff; margin-left: 30px;}
.reply .reply_img{display: table-cell;}


.reply_form{padding: 40px 30px; background: #ffffff;}
.reply_form .inner_form{background: #f4f4f4; padding: 30px; position: relative;}
.reply_form .inner_form #contact_form input.form-control{height: 40px; border-radius: 0; margin-bottom:10px; border: none;}
.reply_form .inner_form #contact_form textarea{width: 100%; border: none; border-radius: 0;}
.inner_form #contact_form textarea.form-control{height: 160px; box-sizing: none; width: 100%; resize: none; margin-bottom: 20px;}
.inner_form #contact_form textarea.form-control:focus{box-shadow: none; border: 0;}
.reply_form .inner_form #contact_form .post_button{background: #cd9967; border: 2px solid #cd9967; width: 100%; height: 40px; color: #ffffff; transition: .5s;}
.reply_form .inner_form #contact_form .post_button:hover{background: #ffffff; color: #cd9967}
.pad_ryt{padding-right: 0;}
.form-control{border-radius: 0;}
form label{font:400 14px "Poppins", sans-serif; color: #999999;}
form label span{color: #dd4b39;}

/*------------Blog Right Side-bar-----------------*/

h4.sidebar_heading{font: 600 18px "Poppins", sans-serif; line-height: 36px; margin-bottom: 20px; text-transform: uppercase;}

.sidebar-widget {background: #ffffff;padding: 30px 25px; margin-bottom: 30px; position: relative;}

.search_area input{width: 100%; height: 50px; border: 2px solid #c7c7c7; padding: 0 20px; position: relative;}
.search_area input::placeholder{color: #999;}
.search_area span{position: absolute; right: 60px; top: 45px;}
.search_area span i{color: #999;}

.recent_post .post{margin-bottom: 20px;}
.post_img{display: table-cell;}
.post_details{display: table-cell; padding-left: 10px; vertical-align: middle;=}
.post_details p{font:500 14px "Open Sans", sans-serif; line-height: 22px; color: #999;}
.post_details span{font:400 12px "Open Sans", sans-serif; line-height: 22px; color: #cd9967;}

.archives a{font: 400 14px "Open Sans", sans-serif; color: #999;}
.list-group-item{border: none; border-bottom: 2px solid #f1f1f1; border-color: #f1f1f1; padding: 15px 0 20px;}
.archives .badge{background-color: #ffffff; font: 400 14px "Open Sans", sans-serif; color: #999;}
.list-group-item:last-child{border-bottom: none;}



.sidebar-widget.instagram{padding: 30px 20px;}
.instagram a img{margin-bottom: 3px;}


.tags ul li a {text-transform: uppercase; color: #888; border: 1px solid #f1f1f1; margin: 3px;}
.tags .nav>li>a { position: relative; margin-bottom: 10px; display: block; padding: 12px 5px; font-size: 14px; color: #999; font-family: "Open Sans", sans-serif;}
.tags .nav>li>a:focus,
.nav>li>a:hover { text-decoration: none; background-color: #cd9967; color: #ffffff; border: 1px solid #cd9967;}
.tags .nav-pills>li>a { border-radius: 0px;}
.tags .nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover { color: #fff; background-color: #cd9967; border: 1px solid #cd9967;}


/*------------------------------------------------------------------
    17- Shop Single
-------------------------------------------------------------------*/

.shop_wrap{padding: 150px 0 100px; background: #f9fafc;}
.connected-carousels{margin-bottom: 50px;}
.connected-carousels .stage{margin: 0 0 30px;}
.connected-carousels .stage li{padding: 0; width: 450px;}
.connected-carousels .stage li img{width: 100%; position: relative;}
.connected-carousels .carousel-stage{border: none; border-radius: 0; box-shadow: none;}
.connected-carousels .carousel-navigation{background: transparent; height: auto;}
.connected-carousels .carousel-navigation li{padding: 0; width: 106px; height: 142px; box-shadow: none; border: 0; border-radius: 0; }
.connected-carousels .carousel-navigation li img{opacity: .4;}
.connected-carousels .carousel-navigation li.active img{opacity: 1;}

.details-heading h3{font:400 24px "Poppins", sans-serif; text-transform: uppercase; line-height: 32px; margin-bottom: 10px;}
.details-heading .star i{color: #ef6644;}
.details-heading .star span{margin-left: 25px; color: #999; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 13px;}
.details-heading .star span a{margin-left: 25px; color: #999; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 13px;}
.details-heading .star span.total_review{margin-left: 25px;}
.price{padding: 40px 0; border-bottom: 1px solid #cccccc;}
.price p{font: 400 24px "Poppins", sans-serif; color: #cd9967;}

.details-para{padding: 25px 0 50px; border-bottom: 1px solid #cccccc;}
.details-para p{font: 500 14px "Open Sans", sans-serif; color: #999; line-height: 26px;}


.qnt{padding: 35px 0; display: inline-block; border-bottom: 1px solid #cccccc; }
.qnt ul{float: left; padding: 0; margin: 0; list-style: none;}
.right_tags{margin-left: 60px;}
.qnt ul li{ margin-bottom: 20px; color: #999;}
.qnt ul li span{font: 500 13px "Open Sans", sans-serif; color: #999999; text-transform: capitalize; padding-left: 20px;}
.qnt ul li span:hover{color: #cd9967;}
.qnt ul li a{width: 90px; display: inline-block; font: 500 13px "Open Sans", sans-serif; color: #999999; text-transform: uppercase;}

ul.right_tags li a{width: 50px;}

.qnt-counter{padding: 40px 0 0;}
.qnt-counter .qnt_heading{display: inline-block; width: 80px;}
.qnt-counter .button-container{margin-bottom: 20px;}
.qnt-counter .qnt_heading p{font: 400 13px "Open Sans", sans-serif; text-transform: uppercase;}
.qnt-counter button{width: 30px; height: 30px; background: transparent; border: 1px solid #cccccc; color: #999;}
.qnt-counter input{width: 50px; height: 30px; margin: 0 5px; text-align: center; color: #999; background: transparent; border: 1px solid #cccccc;}
.qnt-counter input::placeholder{color: #999; font: 13px "Open Sans", sans-serif;}
.qnt-counter a{transition: .5s;}
.share_product a{width: 30px; height: 30px; margin-right: 5px; display: inline-block;line-height: 2; text-align: center;  background: transparent; border: 1px solid #cccccc; color: #999;}
.wishlist{margin-bottom: 20px;}
.wishlist a{width: 40px; height: 30px; margin-right: 5px; display: inline-block;line-height: 2; text-align: center;  background: transparent; border: 1px solid #cccccc; color: #999;}
.cart .cart_btn{padding: 0 28px; text-align: center; display: inline-block;line-height: 2; background: transparent; border: 1px solid #cccccc; color: #999;}
.qnt-counter a:hover{background-color: #cd9967; border: 1px solid #cd9967; color: #ffffff;}


/* ========= description_sec ========= */

.description_sec {
    float: left;
    width: 100%;
    padding: 0 0 60px;
}
.descp-list {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.descp-list ul{
    border-bottom: 1px solid #eeeeee;
    padding: 0;
    margin: 0;
    list-style: none;
}
.descp-list ul li {
    display: inline-block;
    margin: 0 20px;
    position: relative;
    padding: 10px 0;
    transition: .5s;
    font: 500 16px "Poppins", sans-serif;
}
.descp-list ul li:after{
    background-color: #cd9967;
    height: 1px;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .5s;
    visibility: hidden;
}
.descp-list ul li:hover:after{visibility: visible;}
.descp-list ul li.current h3{color: #cd9967;}
.descp-list ul li.current:before{
    background-color: #cd9967;
    height: 1px;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
}
.descp-list ul li h3 {
    color: #cccccc;
    font:400 16px "Poppins", sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    color: #252531;
}
.review-contact .input-field{
    margin-bottom: 10px;
}


/* ============ description_content =========  */

.description_content {
    float: left;
    width: 100%;
}
.description_text {
    float: left;
    width: 100%;
    display: none;
}
.description_text.current {
    display: block;
}
.description_text p {
    color: #999999;
    font-size: 14px;
    line-height: 26px;
    padding: 0 30px;
}
.description_text > p:first-of-type {
    margin-bottom: 25px;
}


/* ======= add-review ======  */

.add-review {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.add-review h4 {
    font-size: 16px;
    font-weight: 500;
    float: left;
    margin-top: 1px;
}
.add-review ul {
    float: left;
    padding-left: 20px;
}
.add-review ul li {
    display: inline-block;
}
.add-review ul li a {
    font-size: 16px;
    color: #666666;
    transition: all 0.4s ease-in-out;
}
.add-review ul li a:hover {
    color: #f1c410;
}
.review-contact form {
    float: left;
    width: 100%;
}
.input-field {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.input-field h3 {
    color: #666666;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.review-contact form input {
    height: 35px;
    padding: 0 15px;
    border: 1px solid #eeeeee;
    background: transparent;
}
.review-contact form input,
.review-contact form textarea {
    width: 100%;
    padding: 0 15px;
    border: 1px solid #eeeeee;
    background: transparent;
}
.review-contact form input {
    height: 35px;
    padding: 0 15px;
    border: 1px solid #eeeeee;
    background: transparent;
    font: 400 12px "Open Sans", sans-serif;
    color: #bbb;
}
.review-contact form input:focus{outline: #cd9967; border: 1px solid #cd9967;}
.review-contact textarea input:focus{outline: #cd9967; border: 1px solid #cd9967;}
.review-contact form input::placeholder{
    color: #bbb;
}
.review-contact form textarea {
    height: 125px;
    padding: 15px;
}
.review-contact form button {
    color: #252531;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;  
    border: 1px solid #eeeeee;
    width: 180px;
    height: 35px;
    cursor: pointer;
    background: #ffffff;
    transition: .5s;
}
.review{margin-bottom: 45px;}
.review p{font: 13px "Open Sans", sans-serif; padding: 0; margin-bottom: 25px; line-height: 20px; color: #999;}
.review-contact form button:hover{background: #cd9967; border: 1px solid #ffffff; color: #ffffff;}
.review-contact form button i { color: #fff; font-size: 12px; padding-left: 10px;}
.star_review a{color: #666;}
.star_review span{margin: 0 10px; color: #999;}

.related_product h3.title{font: 400 24px "Poppins", sans-serif; margin-bottom: 30px; color: #233354;}


.related_product a.sale{background: #67c91f;  text-align: center; display: inline-block; width: 50px; height: 25px; position: absolute; top: 20px; left: 20px;}
.related_product a.sale span{color: #ffffff; font: 400 12px "Poppins", sans-serif; line-height: 2; text-transform: uppercase;}

.related_product a.sold{background: #cd3333;  text-align: center; display: inline-block; width: 50px; height: 25px; position: absolute; top: 20px; right: 20px;}
.related_product a.sold span{color: #ffffff; font: 400 12px "Poppins", sans-serif; line-height: 2; text-transform: uppercase;}
h5.title{font: 400 16px "Open Sans", sans-serif; color: #252531; margin-bottom: 10px;}

.product_price{float: right; display: inline-block;}
span.product_d{font: 13px "Open Sans", sans-serif; color: #999999;}
span.original-price{text-align: right; font: 11px "Open Sans", sans-serif; margin-right: 5px; color: #999; position: relative;}
span.original-price:before{content: ''; width: 100%; height: 1px; top: 50%; position: absolute; background: #999999; z-index: 999999;}

span.sale-price{text-align: right; font: 14px "Open Sans", sans-serif; color: #252531; position: relative;}



.item_inner .overlay_box{position: absolute; width: 100%; text-align: left; padding: 12px 20px; background-color: #3d3d52; height: 45px; visibility: hidden; bottom: -50px; transition-duration:  .5s;}
.item_inner .overlay_box a{display: inline-block; text-align: left; color: #ffffff; font: 400 12px "Open Sans",sans-serif;}
.item_inner:hover .overlay_box{ visibility: visible; bottom: 0;}
.item_inner .overlay_box a span{position: absolute; right: 25px; top: 12px;}
.shop_product{margin-bottom: 50px;}

/*------------------------------------------------------------------
    17- Home 2
-------------------------------------------------------------------*/

header.header-2{position: absolute; z-index: 999; }
header.header-2 .mobile-men-btn{display: block; padding: 40px 0 0;}
.slider-2{z-index: 0;}
.slider-2 .tp-caption p{text-align: left;}
.slider-2 .tp-caption .text{text-align: left; font-size: 100px;}
.slider-2 .lyr4 {display: inline-block; transition: .5s; background: #cd9967; color: #fff; border: 2px solid #cd9967; text-transform: uppercase; line-height: 20px; }
.slider-2 .lyr4:hover{background: transparent;}
.projects-2{margin-top: -200px; z-index: 99999;overflow-x: hidden;}
.content_left{}
.content_right{margin-top: 30px; padding: 200px 15px 100px;}



.project_left{margin-bottom: 130px;}
.project_left img{width: 100%; border: 10px solid #ffffff; margin-bottom: 40px; box-shadow: 0 0 20px rgba(0,0,0,0.31);}
.project_left h3{font: 400 24px "Poppins", sans-serif; line-height: 30px;}

.project_right img{width: 100%; border: 10px solid #ffffff; margin-bottom: 40px; box-shadow: 0 0 20px rgba(0,0,0,0.31);}
.project_right h3{font: 400 24px "Poppins", sans-serif; line-height: 30px;}
.project-view h2{font: 600 200px "Poppins", sans-serif; color: #ebebeb;}
.project-view h3{font: 600 60px "Poppins", sans-serif; color: #252531; position: relative; margin-bottom: 30px;}
.project-view h3:before{content: ''; position: absolute; width: 100px; height: 5px; background: #cd9967; bottom: 0;}
.project-view a{font: 600 18px "Poppins", sans-serif; color: #999;}
.home2-team{background: #ffffff; padding: 100px 0 70px;}
.team_section .heading{margin-bottom: 50px;}
.team_section .heading h2{ font-weight: 400; margin-bottom: 0; }
.our_blog{background: #f4f4f4; padding: 100px 0 70px;}
.our_blog .heading{margin-bottom: 50px;}
.our_blog .heading h2{ font-weight: 400; margin-bottom: 0; }
.blog_content{background-image: url(../image/blog/blog2.jpg); transition: .5s; margin-bottom: 30px;}
.blog_inner_content{background: #ffffff; padding: 40px; transition: .5s}
.blog_content p{font: 400 14px "Open Sans", sans-serif; transition: .5s}
.blog_content h3{font: 700 24px "Poppins", sans-serif; margin: 10px 0 20px; transition: .5s}
.blog_content:hover .blog_inner_content{background: transparent;}
.blog_content:hover p,
.blog_content:hover h3{color: #ffffff;}


.blog_section .heading{margin-bottom: 70px;}
.blog_section .heading h2{ font-weight: 400; margin-bottom: 0; }


/*==========Blog pagination==============*/

.pagination{
    width: 100%;
    height: 80px;
    background: #ffffff;
    box-shadow: 0px 0px 20px rgba(179,179,179,0.41);
}
.pagination .prev{text-align: center; border-right:1px solid #f3f4f6;padding: 29px 0;}
.pagination .prev a{ font: 700 14px "Open Sans", sans-serif; color: #252531; transition: .3s;}
.pagination .prev a i{margin-right: 10px; font-size: 20px; transition: .3s;}
.pagination .prev a:hover{color: #cd9967;}
.pagination .prev a:hover i{color: #cd9967;}
.pagination .next{text-align: center; border-left:1px solid #f3f4f6;padding: 29px 0; transition: .3s;}
.pagination .next a{ font: 700 14px "Open Sans", sans-serif; color: #252531;}
.pagination .next a i{margin-left: 10px; font-size: 20px; transition: .3s;}
.pagination .next a:hover{color: #cd9967;}
.pagination .next a:hover i{color: #cd9967;}
.pagination_num{padding: 25px 0;}
ul.page_numbers li{display: inline-block;}
ul.page_numbers li a{display: inline-block; padding: 5px 0; margin-right: 5px; width: 30px; height: 30px; line-height: 1.5; border-radius: 50%; font: 700 14px "Open Sans", sans-serif; color: #999;}
ul.page_numbers li a.active{background: #cd9967; color: #ffffff; box-shadow: 0px 0px 10px rgba(179,179,179,0.41);}
ul.page_numbers li a:hover{background: #cd9967; color: #ffffff; box-shadow: 0px 0px 10px rgba(179,179,179,0.41);}

/*------------------------------------------------------------------
    18- Home 3
-------------------------------------------------------------------*/

header.header-3{padding: 100px; position: absolute; z-index: 99; height: auto;}
header.header-3 nav{position: absolute;width:auto; top: 100%; left: 50px;}
header.header-3 nav ul li a.active{background: transparent;}
header.header-3 nav ul li a:before{position: absolute; text-align: center; transition: .5s; content: ''; width: 40px; height: 1px; background: #ffffff; left: -100%; top: 50%;}
header.header-3 nav ul li a:hover:before{left: 0;}
header.header-3 nav ul li a.active:before{position: absolute; text-align: center; content: ''; width: 40px; height: 1px; background: #ffffff; left: 0; top: 50%;}
header.header-3 nav ul li{display: block; margin-right: 0; padding: 20px 0; color: #ffffff; font:400 14px "Poppins", sans-serif;}
header.header-3 nav ul li a{color: #ffffff; padding: 5px 50px; padding-right: 0}
header.header-3 .logo {padding: 0 0 80px;}

.slider-3 .rev_slider li.tp-revslider-slidesli{border: 50px solid #ffffff !important;}
.slider-3 h2{font: 700 50px "Poppins", sans-serif;}
.slider-3 .text{font: 700 80px "Poppins", sans-serif;}
.slider-3 .tparrows.tp-leftarrow:before{content: none;}
.slider-3 .tparrows.tp-rightarrow:before{content: none;}
.slider-3 .slider_social_icon{position: absolute; z-index: 999999; right: 15px; top: 40%;}
.slider-3 .slider_social_icon a{display: block; text-align: center; margin-bottom: 30px;}
.slider-3 .slider_social_icon a i{font-size: 16px; font-weight: 700; color: #252531; transition: .3s;}
.slider-3 .slider_social_icon a:hover i{color: #cd9967;}


/* ======= work_section ======  */

.work_section{padding: 100px 0 0;}
.work_section .heading-2 h2{font: 400 36px "Poppins", sans-serif; text-align: center; margin-bottom: 50px;}
.work_section .item_inner img{width: 100%;}
.work_section .my-selector a{color: #252531;}
.work_section .my-selector a.selected{background: none; color:#cd9967; padding-left: 100px; position: relative; }
.work_section .my-selector a.selected:before{
    content: '';
    position: absolute;
    width: 80px;
    height: 1px;
    background: #cd9967;
    top: 49%;
    left: 0;
}
/* ======= Testimonials 2 ======  */

.testi_heading h2{
    color: #ffffff;
    font-weight: 400;
    font-size: 36px;
}
.test_slider{padding: 0;}
.testimonial_3 .item{padding: 45px 0 0;}
.testimonial_3 .testi_img img{width: 75px !important; height: 75px; left: 20px; right: auto; z-index: 9999; border-radius: 50%; border: 0; background-color: transparent; }
.testimonial_3 p{font: 400 14px "Poppins", sans-serif; color: #999; margin-bottom: 50px;}
.testimonial_3 p.testi_name{font: 600 14px "Poppins",  sans-serif; transition:.5s; color: #252531; margin-bottom: 10px;}
.testimonial_3 .testi_outer img.quote2{position: absolute; width: 45px; height: 40px; left: auto; right: 0; bottom: 30px; transition: .3s;}
.testimonial_3 .testi_outer{background: #f9f5e5; padding: 50px 35px 40px; transition: .5s; position: relative; border-radius: 20px;}
.testimonial_3 .testi_outer:hover{background-color: #ffffff;}
.testimonial_3 .testi_outer:hover p.testi_name{color: #cd9967;}
.testimonial_3 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{ display: none;}
.testimonial_3 .item_inner.item_inner{margin-bottom: 0;}

/* ======= subcribe section ======  */

.subcribe_sec{padding: 150px 0; text-align: center; }
.subcribe_sec h1{font:400 36px "Poppins", sans-serif; color: #252531; line-height: 30px; margin-bottom: 50px;}
.subcribe_sec .subcribe_email{width: 100%; padding: 10px; text-align: center; margin-bottom: 20px; border: none; border-bottom: 3px solid #252531; }
.subcribe_sec .subcribe_email:focus{outline: none;}
.subcribe_sec .subcribe_email::placeholder{font: 400 14px "Poppins", sans-serif; color: #aaa; letter-spacing: .5px;}
.subcribe_sec .submit{background: none; border: none;}
.subcribe_sec form{width: 500px; margin: 0 auto;}
.testimonial_3 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
    display: none !important;
}
.testimonial_3 .owl-carousel button.owl-dot{
    width: 5px;
    height: 5px;
    border-radius: 100%;
}
.testimonial_3 .owl-carousel button.owl-dot.active{
    width: 10px;
    height: 10px;
}

.owl-item > .item .item_inner p span  {
  display: none;
}
.owl-item.center > .item .item_inner p span {
  display: inline-block;
}


/* ======= Footer Home # ======  */

.footer-3{background: #282238;padding-bottom: 85px;}
.footer-3 .footer-3-logo {padding: 85px 0; position: relative;}
.footer-3 .footer-social{padding-bottom: 30px;}
.footer-3 .footer-3-logo:before{content: ''; width: 2px; margin: 0 auto; height: 130px; background: #cd9967; position: absolute; top: -55px; left: 0; right: 0;}
.footer-3 .footer-social a{width: 40px; height: 40px;font-size: 16px; margin-left: 15px; border-radius: 100%; display: inline-block; border:1px solid #484356; padding: 5px;}
.footer-3 .footer-social a:first-child{margin-left: 0;}
.footer-3 .footer-social a:hover{background: #cd9967; border:1px solid #cd9967; color: #ffffff;}
.footer-3 p.address{color: #999; font: 400 12px "Poppins", sans-serif; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 60px;}
.footer-3 p.copyright{color: #999; font: 400 12px "Poppins", sans-serif; text-transform: uppercase; letter-spacing: .5px;}


/*------------------------------------------------------------------
    19- Contact us
-------------------------------------------------------------------*/


.map1 iframe {
    width: 100%;
    height: 550px;
}
.contact_section{background: #f4f4f4; padding: 120px 0;}
.contact_section h1{font:400 48px "Poppins", sans-serif; margin-bottom: 30px;}
.contact_section p{font:400 18px "Poppins", sans-serif; color: #999; margin-bottom: 30px;}
.address_location{overflow: hidden;  margin-bottom: 30px;}
.address_location p{font:400 18px "Poppins", sans-serif; color: #999; padding-left: 40px; position: relative; margin-bottom: 10px; cursor: pointer;}
.address_location p:before{content: ''; position: absolute; width: 20px; height: 1px; background: #cd9967; left: 0; top: 50%; transition: .5s;}
.address_location p:hover:before{opacity: 1;}
.contact_section span{font:700 14px "Poppins", sans-serif; color: #252531; letter-spacing: 1px; text-transform: uppercase;}


#contact_form h6{font: 400 14px "Open Sans", sans-serif; color: #999; margin-bottom: 10px;}
#contact_form input{margin-bottom: 30px;  height: 55px; }
#contact_form .form-control{border: 1px solid #ddd; border-radius: 5px;}
#contact_form .form-control:focus{border: 2px solid #cd9967; outline: none; box-shadow: 0px 5px 10px rgba(179,179,179,0.61); border:2px solid #cd9967;}
#contact_form textarea.form-control{margin-bottom: 30px; height: 200px; resize: none;}
#contact_form input[type="checkbox"]{margin: 0 15px 50px 0; width: 25px; height: 25px; background-color: #ffffff !important; border-radius: 0; border:1px solid #ddd; display: inline-block;}
#contact_form label{font: 400 14px "Open Sans", sans-serif; margin-bottom: 15px;}
#contact_form input[type="submit"]{width: 100%; font: 700 14px "Open Sans", sans-serif; transition: .5s; border: none;}
#contact_form input[type="submit"]:hover{ background-color: #fff; box-shadow: 0 0 10px rgba(179,179,179, 0.51); color: #252531; border: none; }
/*-----Contact 2------*/
.contact-2 .map_section {margin-bottom: 100px;}
.address_2 .address_location p:before{content: none;}
.address_2 .address_location p:after{content: '\f30b'; position: absolute; font-family: 'Font Awesome 5 Free'; font-weight: 600; color: #cd9967; left: 0; top: 20%; transition: .5s;}
.contact_section.contact-2 h1{font:400 30px "Poppins", sans-serif; margin-bottom: 30px;}

.item.big{
    transform: scale(1.1);
}



.testi_carousel_2 .owl-item > .item span{
  display: none;
  transition: 0.3s ease;
  transition-duration: .5s;
}
.testi_carousel_2 .owl-item.center > .item .testi_outer{
    background-color: #ffffff;
}
.testi_carousel_2 .owl-item.center > .item span{
  display: inline-block;
}
.testi_carousel_2 .owl-item.center > .item .testi_outer p.testi_name{color: #cd9967;}

.related_section .related_carousel.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: -80px;
}

.testi_carousel_2.owl-carousel .owl-dots{
    margin-top: 70px;
}


/*------------------------------------------------------------------
    20- Error
-------------------------------------------------------------------*/

.error-section h1{font-size: 200px; color: #cd9967;}
.error-section h1 span{color: #2b283d;}
.error-section h2{font:500 36px "Poppins", sans-serif; margin-bottom: 30px;}
.error-section p{font: 400 18px "Poppins", sans-serif; margin-bottom: 30px;}

/*------------------------------------------------------------------
    21- Gallery
-------------------------------------------------------------------*/

.gallery_sec .heading{margin-bottom: 50px;}
.gallery_sec .heading h2{color: #252531; margin-bottom: 0; font-weight: 400;}
.gallery_sec .item_inner .overlay a.link{position: absolute; top: -50px; right: 20px; margin: 0 auto; transition: .4s ease-in-out; left: auto; visibility: hidden; }
.gallery_sec .item_inner:hover .overlay a.link {visibility: visible; top: 20px;}


.gallery_sec .my-selector { text-align: center; margin-bottom: 60px;}
.gallery_sec .my-selector  a {font-size: 14px; font-weight: 600; color: #444444;border: 1px solid rgba(0,0,0,0); display: inline-block; padding:8px 14px;}
.gallery_sec .my-selector  a:hover, .gallery_sec > .my-selector  a.selected { color: #2fc0df; border: 1px solid #eeeeee;}

.gallery_sec .item_inner.item_inner { position: relative; overflow: hidden; margin-bottom: 30px; }
.gallery_sec .item_inner img{float:left; width: 100%; }

.gallery_sec .item_inner .overlay { visibility: hidden;   background: rgba(0,0,0,0.61); position: absolute;top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; line-height: 400px;  }
.gallery_sec .project_two .item_inner .overlay {line-height: 0px;}
.gallery_sec .item_inner .overlay > a { position: absolute;top: -30px;left: 50%;margin-left: -10px; }
.gallery_sec .item_inner .overlay > a i {color: #fff;    font-size: 16px; line-height: 1.3;}
.gallery_sec .item_inner .overlay h5 a { color: #fff; font-size: 16px; font-weight: 600; }

.gallery_sec .item_inner:hover .overlay { visibility: visible; }
.gallery_sec .item_inner:hover .overlay > a { top: 35%; }


.project_two.before_after ul li.item { width: 20%; float: left; }
.project_two.before_after ul li.item .item_inner{margin-bottom: -4px;}
.project_two.before_after .item_inner .overlay > a {left: 0; right: 0; margin: 0 auto; top: -70px;}
.project_two.before_after .item_inner:hover .overlay > a{top: 45%;}

/*------------------------------------------------------------------
    22- Team Details
-------------------------------------------------------------------*/


.team_img{width: 100%;}
.member_details{margin-bottom: 30px;}
.meta ul{ padding: 0; margin: 0; }
.meta  {margin-bottom: 45px;}
.meta li {color: #252531; font:400 16px 'Poppins', sans-serif; display: inline-block; margin-right: 30px; }
.meta li i {color: #cd9967; }
.details-heading h3{display: inline-block; margin-bottom: 30px;}
.details-heading .social_icons{margin-bottom: 20px; float: right;}
.details-heading .social_icons a{background-color: transparent; width: 30px; height: 30px; line-height: 30px;}
.details-heading .social_icons a i {color: #cd9967;}
.details-heading .social_icons a:hover{background-color: #cd9967;}
.details-heading .social_icons a:hover i{color: #ffffff;}




/*------------------------------------------------------------------
    22- About 2
-------------------------------------------------------------------*/


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

.team_section_2.team_section .team_wrap .team_overlay  {
    position: absolute;
    background-color: rgb(30, 24, 53, 0.81);
    top: -100%;
    text-align: center;
    visibility: hidden;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
} 
.team_section_2.team_section .team_overlay .social_icons{
    padding: 120px 0;
}
.team_section_2.team_section .team_wrap:hover .team_overlay{
    top: 0;
    visibility: visible;
}
.content_2 .content-right{position: relative;}
.about_section.about_sec_2 .about_left{ padding: 0; }
.about_section.about_sec_2 .about_left p{margin-bottom: 0;}
.about_section.about_sec_2 .about_left p.para{margin-bottom: 50px;}
.content_2 .content-right{border: 0; padding-right: 15px;}
.content_2 .content-right .content_img:before{width: 80%; height: 100%; position: absolute; content: ''; border: 5px solid #cd9967; right: -25px; top: 25px;}
.content_2 .content-right .content_img img{z-index: 99999999; position: relative; max-width: 100%;}

/*------------------------------------------------------------------
    23- Services 2
-------------------------------------------------------------------*/

.services_wrap { padding: 100px 0; }
.services_wrap .service{margin-bottom: 30px;}
.services_wrap .service .imgs img{-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; }
.services_wrap .service p{margin-bottom: 30px;}


.services_wrap .service_content h3 {color: #252531; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.services_wrap .service_content p { margin-bottom: 20px; -ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; }
.services_wrap .service_content a { color: #cd9967; font-weight: bold; font-size: 12px; text-transform: uppercase; }

.services_wrap .service:hover .service_content { background: rgba(0,0,0,.7); }
.services_wrap .service:hover .service_content h3, .service:hover .service_content p { color: #fff; }

.services_wrap .services_two {text-align: center; background: #fff;padding: 25px 42px; -ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; border-bottom: 3px solid #fff;}
.services_wrap .services_two i {color: #252531; font-size: 65px; margin-bottom: 25px; -ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s;}
.services_wrap .services_two h3{color: #252531; font-size: 16px; font-weight: 800; text-transform: uppercase; margin-bottom: 20px;}
.services_wrap .services_two a { color: #cd9967; font-weight: bold; font-size: 12px; text-transform: uppercase; }
.services_wrap .services_two:hover {border-color:#cd9967;box-shadow: 0px 0px 13px rgba(0,0,0,0.41); }

.services_wrap_two .heading{margin-bottom: 50px;}
.services_wrap_two .heading h2{margin-bottom: 0; font-weight: 400;}

.services_wrap.services_wrap_two .service{padding: 30px; transition: .5s;}
.services_wrap .services_wrap_two .service p {margin-bottom: 30px;}

.services_news .news {margin-bottom: 50px;}
.services_news .news h3 {margin-bottom: 15px; text-transform: capitalize; letter-spacing: 1px; font-weight: 600;}
.services_news .news .content {padding-top: 30px;}
.services_news .news .content > a {color: #fff; }
.services_news .news .content > a:hover {color: #cd9967;}
.services_news .news img{max-width: 100%;}

.services_news .heading{margin-bottom: 50px;}
.services_news .heading h2{margin-bottom: 0; font-weight: 400;}
.news .content p{margin-bottom: 30px;}

/*----- Quote -----*/

.qoute_wrap { background: url(../image/main-slider/slide-4.jpg); background-attachment: fixed; background-position: 0 0; background-size: 100% 100%;}

.qoute_wrap_two.bg_three { background-size: 400px;margin: 0px;padding-bottom: 98px;}
.qoute {padding: 55px;}
.qoute .heading_a {color: #fff; margin-bottom: 50px; text-align: center; font-size: 30px;}


.qoute_wrap input.form-control { outline: none; box-shadow: none !important; border: 1px solid #cccccc; background: none; border-radius: 2px; font: 14px 'open sans', sans-serif; margin-bottom: 20px; color: #cccccc;}
.qoute_wrap textarea.form-control { outline: none; height: 100px; box-shadow: none !important;resize: none; border: 1px solid #cccccc; background: none; border-radius: 2px; font: 14px 'open sans', sans-serif; margin-bottom: 20px; color: #cccccc;}
.qoute_wrap select.form-control { background-color: transparent;color: #ccc; outline: none; box-shadow: none !important;-webkit-appearance: initial; border: 1px solid #cccccc;  border-radius: 2px; font: 14px 'open sans', sans-serif; margin-bottom: 20px; color: #cccccc;}
.qoute_wrap input.button {border: 2px solid #ffffff; color: #fff!important}


.qoute p {color: #fff; font-size: 16px; font-weight: 600;}
.qoute p strong{color: #fff; font-size: 22px; font-weight: 700;    margin-top: 15px;}


.qoute_two {box-shadow: 0px 0px 16px -8px #000;padding: 40px;border-bottom: 3px solid #cd9967; background: #fff;}
.quote_content .inner {background: rgba(77, 77, 77, 0.74);padding: 148px 40px 75px;}
.quote_content .heading_a, .quote_content .heading_small {color: #fff;}


/*------------------------------------------------------------------
    24- Coming soon
-------------------------------------------------------------------*/


.coming-wrapper {
    float: left;
    width: 100%;
    position: relative;
    height: 100vh;
}
.coming-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../image/main-slider/slide-3.jpg);
    background-position: center;
    background-size: cover;
}
.magazi-cm-data {
    position: relative;
}
.magazi-coming-soon {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 100px;
}
.magazi-coming-soon h1 {
    color: #cd9967;
    font-weight: 600;
    font-size: 50px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 40px;
}
.magazi-coming-soon p {
    color: #cd9967;
    font-size: 16px;
    font-weight: 300;
    margin:0;
    margin-bottom: 70px;
}
.magazi-time-counter {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.magazi-time-counter ul {
    margin: 0;
    padding: 0;
    border: 2px solid #cd9967;
    width: 500px;
    margin:0 auto;
    position: relative;
}
.magazi-time-counter ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 30px;
    height: 30px;
}
.magazi-time-counter ul li {
    display: inline-block;
    padding: 20px 25px;
    position: relative;
}
.magazi-time-counter ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 40px;
    background-color: #cd9967;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.magazi-time-counter ul li:last-child:before {
    display: none;
}
.magazi-time-counter ul li h2 {
    color: #cd9967;
    font-size: 40px;
    margin: 0;
    margin-bottom: 5px;
}
.magazi-time-counter ul li span {
    display: block;
    color: #cd9967;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}
.magazi-subscribe.no-bg {
    background:transparent;
    padding: 0;
    float: left;
    width: 100%;
}
.magazi-subscribe.no-bg .magazi-sub-form .form-control {
    color: #cd9967;
    font-size: 13px;
    font-weight: 300;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.magazi-subscribe.no-bg .magazi-sub-form {
    border-color: #cd9967;
}
.magazi-subscribe.no-bg .magazi-sub-form button {
    color: #cd9967;
}
.magazi-subscribe.no-bg .magazi-sub-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cd9967;
}
.magazi-subscribe.no-bg .magazi-sub-form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #cd9967;
}
.magazi-subscribe.no-bg .magazi-sub-form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #cd9967;
}
.magazi-subscribe.no-bg .magazi-sub-form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #cd9967;
}

.newsletter_coming input {
    border: 0px;
    border-radius: 0;
    background: #312d48;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: 15px 35px 15px 15px;
    outline: 0px !important;
    font: 300 13px 'Merriweather', arial, sans-serif;
    color: #8d949a;
    position: relative;
}
.newsletter_coming{
    width: 500px;
    margin: 0 auto;
}

/*------------------------------------------------------------------
    25- Faq
-------------------------------------------------------------------*/

.accordion h3  { background-color: #ffffff; position: relative; color: #252531; font-size: 16px; font-weight: 500; padding: 18px 20px; margin-bottom: 15px; outline: 0px; cursor: pointer; }
.accordion h3 + div { padding: 15px 30px 30px; }
.accordion h3 + div p{color: #252531; }
.accordion h3.ui-state-active {background: #cd9967 ; color: #fff;}
.accordion h3:before{ content: '\f067'; right: 20px; top: 40%; position: absolute; font-family: 'Font Awesome 5 Free'; font-weight: 600;}
.accordion h3.ui-state-active:before{content: '\f068';}
.faq_section{background-color: #f4f4f4;}

/*------------------------------------------------------------------
    26- Testimonials
-------------------------------------------------------------------*/

.testi_slider { min-height: 280px; margin-top: 10px;}
.testimonial_slider a{font-size: 24px;}
.testimonial_slider a.right{float: right;}
.testimonials_wrap a i {color: #cccccc; margin: 0px 20px 10px 0; font-size: 40px;}
.testi_slider .slide .user_botom {padding-left: 50px; margin-top: 20px;}
.testi_slider .slide .user_botom img {vertical-align: middle; margin-right: 15px; border-radius: 50%;}
.testi_slider .slide .user_botom span {vertical-align: middle; font-size: 16px; font-weight: bold; color: #222; display: inline-block; }
.testi_slider .slide .user_botom span cite{display: block; color: #252531; font-weight: 600; margin-top: 5px; font-size: 12px; text-transform: uppercase}
.testi_slider .slide p{font:500 16px 'Poppins', sans-serif; color: #252531; line-height:30px;}
.testimonial_img img{max-width: 100%;}
.colllection{overflow-x: hidden;}
.testimonial_two {background: url("http://www.shmai.com/preview/dwellpo_html/image/services_bg.png") repeat; padding: 95px 0px;}
.testimonial_slide .dets {background: #f4f4f4; padding: 35px; position: relative;box-shadow: 0px 0px 9px -4px #000;}
.usr_detail img{border:5px solid #cd9967; border-radius: 50%; width: 100px;}
.testimonial_slide .usr_detail span {color: #cd9967; font-size: 16px; padding-left: 10px; font-weight: bold;    display: inline-block; vertical-align: middle;}
.testimonial_slide .usr_detail cite {color: #666666; font-size: 12px; font-weight: 600; text-transform: uppercase;}
.testimonial_slide .dets  p {font:italic 16px 'Open Sans', sans-serif; line-height: 32px; margin-bottom: 34px;}
.usr_detail img{width: unset!important; margin: auto; display: inline-block!important;}
.user_det4{color: #fff;font-size: 16px;font-weight: bold;display: inline-block;vertical-align: middle;}
.usr_detail{text-align: center;}
.testimonial_slider2 .usr_detail{text-align: center;}
.testimonial_slider2 .usr_detail span{display: block;}
.testimonial_slider2 .usr_detail img{margin-bottom: 10px;}
.testimonial_slider2 .dets  p{padding-left: 30px;}

.pagersss{ text-align: center;    z-index: 999;}
.pagersss a { font-size: 0px; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 50%; display: inline-block; margin: 0px 2px; }
.pagersss a.activeSlide {border: 1px solid #fff; background: #fff; }

.call_action {background: #cd9967; background-size:cover;text-align: center;}
.call_action .action_layer { padding: 63px 0;}
.call_action h4{ font-size: 36px; font-weight: 900; color: #fff; text-transform: uppercase;margin-bottom: 30px;}
.call_action p{color: #fff; line-height: 30px; font-size: 18px; margin-bottom: 30px; }
.call_action .button {  color: #fff !important; border: 2px solid #fff; padding: 10px 20px;  margin-top: 8px;  display: inline-block;  }


.action_two  h5{font:italic bold 30px 'Open Sans', sans-serif; color: #fff;margin-bottom: 30px;}
.action_two .num span{display: inline-block;background:  #5c7900; padding: 10px 30px; margin-bottom: 30px;font-size: 36px; font-weight: 700; color: #fff;}
.action_two p {font-size: 14px;}
.testim_slides .usr_detail{margin-bottom: 10px;}
.testim_slides .usr_detail span { color: #fff; font-size: 16px; font-weight: bold;    display: inline-block; vertical-align: middle;}
.testim_slides .usr_detail cite { color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase;}
.testim_slides  p {font-size: 16px; line-height: 32px; margin-bottom: 34px; color: #fff;}


/*------------------------------------------------------------------
    28- Login
-------------------------------------------------------------------*/
.sec-title {
    position: relative;
    margin-bottom: 48px;
}

.sec-title .separator {
    position: relative;
    width: 120px;
    text-align: center;
    margin-bottom: 14px !important;
}



.sec-title .separator .icon {
    color: #2b283d;
    font-size: 28px;
}

.sec-title .title {
    position: relative;
    color: #252531;
    font-size: 16px;
    font-style: italic;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
}

.sec-title h2 {
    position: relative;
    font-size: 36px;
    color: #cd9967;
    font-weight: 600;
    line-height: 1.2em;
    display: inline-block;
    margin-top: 4px;
}

.sec-title.centered {
    text-align: center;
}

.sec-title.centered .separator {
    margin: 0 auto;
}

.sec-title.light .separator:before,
.sec-title.light .separator:after,
.sec-title.light .separator .icon,
.sec-title.light h2 {
    color: #ffffff;
}

.sec-title.light .title {
    color: rgba(255, 255, 255, 0.60);
}

.page-signin .main-body {
    max-width: 480px;
    margin: 10px auto;
}

.page-signin .body-inner {
    position: relative;
    padding: 0 20px 50px;
}

.card {
    position: relative;
    overflow: hidden;
    margin: 10px 0 0px 0;
    border: none;
    border-radius: 0px;
}

.mdl-shadow--2dp,
.card-panel {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.bg-white {
    background-color: #fff;
    color: #3D4051;
}

.z-depth-2,
.page-signin .card {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-right: 5px solid #cd9967;
    border-left: 5px solid #cd9967;
    border-bottom: 5px solid #cd9967;
}

.card .card-content {
    padding: 20px;
    border-radius: 0 0 2px 2px;
}

.page-signin .card .card-content {
    padding: 30px 20px;
}

.page-signin .login_logo {
    font-size: 26px;
    font-weight: normal;
}

.page-signin .form-group {
    position: relative;
    margin: 0;
}

.ui-input-group {
    position: relative;
    margin: 18px 0 12px;
}

.card .card-action {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 20px;
}

.card .card-action.no-border {
    border: 0;
}

.color-primary,
a.color-primary {
    color: #ffffff;
}

.card .card-action>a {
    margin-right: 20px;
    text-transform: uppercase;
}

.page-signin .additional-info {
    text-align: center;
    font-size: 12px;
    position: absolute;
}

.page-signin .additional-info a {
    color: #fafafa;
}

.page-signin .additional-info .divider-h {
    border-right: 1px solid #fafafa;
    margin: 0 15px;
}

.page-signin .additional-info {
    text-align: center;
    font-size: 12px;
    margin-top: 15px;
}

.page-signin .body-inner:before {
    content: ' ';
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2b283d;
    height: 80%;
}

.ui-input-group>input {
    padding-left: 0;
    padding-right: 0;
    border: none;
    box-shadow: 0 0 0 #fff;
    border: none;
    border-bottom: 1px solid #CBD5DD;
    margin: 0;
}

.ui-input-group>input:focus {
    border-bottom: 1px solid #CBD5DD;
    box-shadow: 0 0 0 #fff;
}

.page-signin .ui-input-group .form-control {
    color: #555;
}

.ui-input-group .input-bar {
    position: relative;
    display: block;
    width: 100%;
}

.ui-input-group .input-bar:before {
    left: 50%;
}

.ui-input-group .input-bar:before,
.ui-input-group .input-bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #2b283d;
    -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-input-group .input-bar:after {
    right: 50%;
}

.ui-input-group .input-bar:before,
.ui-input-group .input-bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #2b283d;
    -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-input-group>label {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    margin: 0;
}

.ui-input-group>input:focus~label,
.ui-input-group>input:valid~label {
    top: -20px;
    left: 0;
    font-size: 12px;
}

.ui-input-group>input:focus~label,
.ui-input-group>textarea:focus~label {
    color: #2b283d;
}

.ui-input-group>input:focus~.input-bar:before,
.ui-input-group>input:focus~.input-bar:after {
    width: 50%;
}

.ui-input-group>input:focus~.input-bar:before,
.ui-input-group>input:focus~.input-bar:after {
    width: 50%;
}

.checkbox-field label {
    font-size: 12px;
}

.checkbox-field #check_box {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.custom-check {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #2b283d;
    top: 4px;
    position: relative;
    margin-right: 10px;
}

.custom-check:before {
    content: "";
    font-family: "Ionicons";
    color: #2b283d;
    font-size: 24px;
    position: absolute;
    top: -3px;
    left: 5px;
}

.checkbox-field #check_box:checked+.custom-check:before {
    content: "\f3fd";
}

.spacer {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}


/*------------------------------------------------------------------
    30- Cart
-------------------------------------------------------------------*/

/*Cart List*/

.cart-list {
    position: relative;
}

.cart-list li {
    position: relative;
    margin-left: 20px;
    display: inline-block;
}

.cart-list li a {
    position: relative;
    color: #222222;
    font-size: 14px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.cart-list li a .icon {
    position: relative;
    color: #888888;
    margin-right: 6px;
    font-size: 16px;
}

.cart-list li a:hover {
    color: #e7470c;
}

.cart-list li.cart a {
    color: #222222;
    font-weight: 600;
    font-size: 20px;
}

.cart-list li.cart a .icon {
    color: #222222;
    font-size: 32px;
}

.cart-list li.cart a .icon .total {
    position: absolute;
    top: -16px;
    right: -10px;
    width: 18px;
    height: 18px;
    color: #ffffff;
    border-radius: 50%;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    background-color: #e5a62d;
}

/* ==================================== Cart Page Css ======================= */

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .table_scroll {
        overflow-x: scroll;
    }
}

.padding_all {
    padding-top: 66px !important;
}

.cart_amount {
    margin-top: -12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart_amount {
        margin-top: 4px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cart_amount {
        margin-top: 0px;
    }
}

.table.table-striped.table-responsive a {
    border-radius: 14px;
    color: #fff;
    font-size: 12px;
    height: 14px;
    line-height: 15px;
    position: absolute;
    right: 50px;
    text-align: center;
    top: 47%;
    width: 14px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .table.table-striped.table-responsive a {
        top: 52%;
        right: 25px;
    }
}
.quantity input{
    padding: 8px;
}
.table>tr>th {
    border-bottom: medium none;
    color: #252531;
    padding: 15px;
    vertical-align: bottom;
    padding-left: 20px;
    
}
.table>thead>tr>th span{
    text-transform: uppercase;
    font:400 12px 'Poppins', sans-serif;
}
.table>thead>tr>th {
    border-bottom: medium none;
    color: #252531;
    vertical-align: bottom;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.table>tbody>tr>td,
.table>tbody>tr>th {
    border-bottom: 1px solid #f6f6f6;
    padding-left: 0;
    position: relative;
    padding-top: 28px;
    padding-bottom: 28px;
    vertical-align: baseline;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .table>tbody>tr>td,
    .table>tbody>tr>th {
        padding-left: 2px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .table>tbody>tr>td,
    .table>tbody>tr>th {
        padding-left: 20px;
    }
}

.table.table-striped.table-responsive p {
    margin-top: 37px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .table.table-striped.table-responsive p {
        font-size: 15px;
    }
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #ffff;
}

.table.table-striped.table-responsive img {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

.cart_page_area .cart_btns {
    margin-top: 36px;
}

.cart_page_area .common_btn {
    background: #4daefe;
    color: #fff;
    width: 200px;
    box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.11);
    height: 48px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cart_page_area .common_btn {
        width: 0% !important;
        margin-top: 20px;
        line-height: 45px;
    }
}

.cart_page_area .hvr-bounce-to-right::before {
    background: #373737 !important;
}

.cart_page_area .cart_page_btn1 {
    background: #fff;
    border: 1px solid #d1d5db;
    color: #8b8b8b;
    font-weight: 300;
    font-size: 15px;
    box-shadow: none;
    width: 300px !important;
    margin-right: 18px;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart_page_area .cart_page_btn1 {
        width: 200px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cart_page_area .cart_page_btn1 {
        width: 99% !important;
    }
}

.cart_page_area .cart_page_btn3 {
    width: 150px !important;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cart_page_area .cart_page_btn3 {
        width: 100% !important;
    }
}

.cart_page_btn2 {
    left: 43%;
    position: absolute;
    top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cart_page_btn2 {
        left: 51%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart_page_btn2 {
        left: 47%;
    }
}

.cart_amount>input {
    background: #fbfbfb;
    border: medium none;
    border-radius: 50px;
    height: 48px;
    padding: 6px 22px;
    width: 130px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

.cart_wrpaer img {
    max-width: 170px;
    max-height: 170px;
}

.padding_all .product-regulator {
    margin-bottom: 0;
}

.product-regulator button {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    color: #0c1f38;
    height: 44px;
    padding: 11px 12px;
    display: inline-block;
}

.product-regulator .output {
    color: #7f7f7f;
    display: inline-block;
    height: 44px;
    padding: 11px 12px;
    text-align: center;
    vertical-align: top;
    width: 80px;
    border: 1px solid #e1e1e1;
}

.product-meta-details {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 15px;
    font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart_amount>input {
        margin-top: -16px;
    }
}

@media (max-width: 767px) {
    .cart_amount>input {
        margin-top: -16px;
    }
}

.cart_totals_area {
    overflow: hidden;
    border: 3px solid #cd9967;
    padding: 16px 30px;
    background: #ffffff;
    margin-bottom: 50px;
}

.cart_totals_area ul {
    margin: 0;
    padding: 0;
}

@media (max-width: 767px) {
    .cart_totals_area {
        padding: 54px 25px 30px;
    }
}

.cart_totals_area h3 {
    margin-bottom: 40px;
}
.cart_totals_area li:first-child{
    padding-top: 0;
}
.cart_totals_area li {
    overflow: hidden;
    padding-bottom: 12px;
    padding-top: 12px;
    border-bottom: 1px solid #d1d5db;
    font-weight: 700;
}

.cart_totals_area li:last-child {
    padding-top: 14px;
    padding-bottom: 0;
    border-bottom: 0;
}

.cart_totals_area li span {
    float: right;
    font: 700 12px 'Poppins', sans-serif;
    color: #252531;
}

.cart_totals_area li:last-child span{
    font-size: 18px;
}
.cart_totals_area li span.super{
    vertical-align: super;
    font-size: 10px;
    float: none;
}
.cart_totals_area .common_btn {
    width: 250px !important;
    float: right;
    margin-top: 25px;
}

@media (max-width: 767px) {
    .cart_totals_area .common_btn {
        width: 100% !important;
        float: none;
    }
    .cart_page_btn2 {
        left: 0;
        top: 88px;
    }
    .mt-20 {
        margin-top: 20px;
    }
}

.dark-bg {
    background-color: transparent;
    border-bottom: 1px solid #d1d5db;
}

.cart_page_btn2 {
    left: 43%;
    position: absolute;
    top: 0;
}
.cart_section{
    padding: 100px 0 80px;
}
.table>tbody>tr>td:first-child{
    max-width: 170px;
}
h2.cart_heading{
    font: 700 21px 'Poppins', sans-serif;
    color: #252531;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 40px;
}
h5.tool_name{
    font: 600 18px 'Poppins', sans-serif;
    color: #252531;
    letter-spacing: 2px;
    text-transform: uppercase;
}
p.tool_d{
    font: 500 14px 'Poppins', sans-serif;
}

.tool_img{
    display: table-cell;
}
.tool_details{
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}
p.tool_price{
    font:700 18px 'Poppins', sans-serif;
    color: #252531;
}
p.tool_price span{
    font-size: 10px;
    vertical-align: super;
}
.padding_all.padding-right{
    padding-right: 20px;
}

/*============shipping section=============*/
.shipping_sec{
    background: #f2f2f2;
    padding: 130px 0;
}
.shipping_sec h2.cart_heading{
    font: 700 21px 'Poppins', sans-serif;
    color: #252531;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 15;
}
.coupon-outer{
    padding-right: 50px;
}
.apply_coupon{
    background: #e7e7e7;
    padding: 55px 50px;
    margin-bottom: 50px;
}
.apply_coupon input{
    padding: 12px 20px;
    width: 100%;
}
.apply_coupon a.button.black{
    display: block;
    text-transform:uppercase;
    text-align: center;
    background: #252531;
    border:2px solid #252531;
    color: #ffffff;
}
.apply_coupon a.button.black:hover{
    background: transparent;
    color: #252531;
}
a.button.grey{
    text-transform:uppercase;
    text-align: center;
    background: #e7e7e7;
    border:2px solid #e7e7e7;
    color: #252531;
}
a.button.grey.update{
    margin-left: 30px;
}
a.button.grey:hover{
    background: #252531;
    color: #ffffff;
    border-color: #cd9967;
}
.shipping a.button{
    display: block;
    text-align: center;
    text-transform: uppercase;
}

/*------------------------------------------------------------------
    31- Checkout
-------------------------------------------------------------------*/

.cart_section.checkout_section{
    padding: 150px 0;
}
.exclamations{
    background: #fcfcfc;
    padding: 15px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    margin-bottom: 10px;
}
.exclamations p{
    color: #777;
    font: 400 14px 'Poppins', sans-serif;
}
.exclamations p i{
    color: #afafaf;
    margin-right: 10px;
}
.exclamations p a{
    color: #cd9967;
}
.exclamations.coupon_code{
    background: #f9f9f9;
    margin-bottom: 50px;
}
h4.checkout_heading{
    font: 700 18px 'Poppins', sans-serif;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.select_option_one select{
    font: 400 14px 'Poppins', sans-serif;
    color: #777;
    padding: 10px 20px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    background:  linear-gradient(#fefefe, #f8f8f8); 
    display: block;
    width: 100%;
    margin-bottom: 30px;
}
.checkout_form label{
    font: 500 14px 'Poppins', sans-serif;
    color: #252531;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.checkout_form input{
    font: 400 14px 'Poppins', sans-serif;
    color: #777;
    padding: 10px 20px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    background: #ffffff; 
    display: block;
    width: 100%;
    margin-bottom: 30px;
}
.checkout_form input::placeholder{
    font: 400 14px 'Poppins', sans-serif;
    color: #777777;
    text-transform: capitalize;
}
.checkout_form input.margin-10{
    margin-bottom: 10px;
}
a.create_account{
    font:500 14px 'Poppins', sans-serif;
    text-transform: capitalize;
}
a.create_account i{
    color: #cd9967;
    font-size: 20px;
    margin-right: 5px;
}
.checkout_heading input[type="checkbox"]{
    margin-left: 10px;
}
.address_textarea{
    padding: 20px 15px;
}
.margin_bottom{
    margin-bottom: 50px;
}

h2.checkout_heading{
    font: 700 18px 'Poppins', sans-serif;
    color: #252531;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 25px;
}
.checkout_table .dark-bg{
    background: #f3f3f3;
    border: 0;
}
.checkout_table .table>thead>tr>th{
    padding: 30px;
    border-bottom: 0;
}
.checkout_table .table>thead>tr>th span{
    font: 700 16px 'Poppins', sans-serif;
}
.checkout_table .table>tbody>tr>td, .checkout_table .table>tbody>tr>th{
    padding: 15px 0 !important;
    vertical-align: middle;
    border-top: 0;
}
.checkout_table .cart_wrpaer img{
    max-width: 50px;
    max-height: 50px;
}
.checkout_table .table>tbody>tr>td{
    padding-left: 30px !important;
    max-width: 500px;
}
.checkout_table .table>tbody>tr>td p{
    font: 400 14px 'Poppins', sans-serif;
    color: #777;
}
.checkout_table .table>tbody>tr>td p.qnt_number{
    font: 600 14px 'Poppins', sans-serif;
    color: #2c3e50;
}
.checkout_table .table-striped>tbody>tr:nth-of-type(2){
    background: #f8f9f9;
}
.checkout_table .table>tbody>tr>td.shipping_row{
    padding-top: 40px !important;
    padding-bottom: 0;
    border: 0;
}
.checkout_table .cart_wrpaer{
    border:1px solid #eaf0f2;
}
.checkout_table .table>tbody>tr>td.shipping_row .checkout_totals{
    font-weight: 600;
    color: #252531;
}
.checkout_table .table>tbody>tr>td.black p{
    font: 700 14px 'Poppins', sans-serif;
    color: #2c3e50;
}
.checkout_table .table>tbody>tr>td.green p{
    font: 500 14px 'Poppins', sans-serif;
    color: #7bc200;
}
.checkout_table .table>tbody>tr>td.brown p{
    font: 500 14px 'Poppins', sans-serif;
    color: #cd9967;
}
.payment_method{
    margin-bottom: 50px;
}
.payment_method label{
    font: 700 14px 'Poppins', sans-serif;
    color: #252531;
    text-transform: capitalize;
    margin-bottom: 0;
}
.active label{
    margin-bottom: 5px;
}
.payment_method input[type="radio"]{
    vertical-align: text-top;
    margin-right: 10px;

}
.exclamations.payments{
    margin-bottom: 4px;
}
.radio_buttons{
    padding: 15px 0;
    border-bottom: 1px solid #ecf0f1;
}
.cr-card{
    float: right;
}
.cr-card a i{
    font-size: 20px;
    margin-right: 5px;
}
a.button-checkout{
    background: #c6c7c7;
    color: #ffffff;
    border-color: #c6c7c7;
    border-radius: 5px; 
    padding: 12px 40px;
}
a.button-checkout:hover{
    background: #ffffff;
    border-color: #c6c7c7;
    color: #c6c7c7;
}
a.order-button{
    border-radius: 5px;
    padding: 12px 40px;
}

/*======================================
    ANIMATIONS
======================================*/

/*--------Nav-----------*/

nav ul li a{
    position: relative;
    z-index: 99;
}
nav ul li a:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    background: #cd9967;
    transition: .5s;
    z-index: -9;
}
nav ul li a:hover{
    color: #ffffff;
}
nav ul li a:hover:before{
    height: 100%;
}
nav ul li ul li a:before{
    content: none;
}
nav ul li ul li a:hover{
    color: #cd9967;
}


/*--------service-----------*/

.service{
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.service:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    z-index: 0;
}
.service:hover:before {
    -webkit-transition: .2s -webkit-transform linear, .2s height linear .2s;
    transition: .2s transform linear, .2s height linear .2s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    height: 100%;
    border-color: #cd9967;
}

.service .inner_service:after {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    z-index: 0;
}
.service:hover .inner_service:after {
    -webkit-transition: .2s -webkit-transform linear .4s, .2s height linear .6s;
    transition: .2s transform linear .4s, .2s height linear .6s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    height: 100%;
    border-color: #cd9967;
}


/*--------service-----------*/

.slider-2 .lyr4{
    position: relative;
    z-index: 99999 !important;
}
.slider-2 .lyr4:before{
    position: absolute;
    content: '';
    background: #ffffff;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    z-index: -9;
    transition: .3s;
    visibility: hidden;
}
.slider-2 .lyr4:hover:before{
    width: 100%;
    visibility: visible;
}
.slider-2 .lyr4:hover{
    color: #cd9967;
}
.work_section .item_inner:after {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    content: '';
    background: #000;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
}
.work_section .item_inner:hover::after {
    opacity: .7;
    transform: scale(.9);
}
.work_section .item_inner a.search{
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 46%;
    color: #ffffff;
    z-index: 999;
    visibility: hidden;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    background: #cd9967;
    padding: 10px;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.work_section .item_inner:hover a.search{
    visibility: visible;
}

.testi_carousel_2 .owl-item.center > .item .testi_outer img.quote2{
    transform: rotate(180deg);
}

.footer-3 .footer-social a i{
    line-height: 1.8;
}