.img,img{
    max-width:unset
}
.fit-width{
    width:100%;
    height:auto
}
.fit-height{
    height:100%;
    width:auto!important
}
.breadcrumb>li+li:before{
    padding:0 4px 0 8px
}
.breadcrumb li:after{
    content:'/';
    padding:0 5px;
    font-size:12px
}
.breadcrumb li:last-child:after{
    content:''
}
.breadcrumb{
    background:0 0;
    border-radius:0;
    margin-bottom:30px;
    margin-top:15px;
    padding:0;
}
.pagination-btn ul{
    margin-left:0
}
.page-numbers .disabled{
    display:none
}
.sticky .logo img{
    width:unset
}
.what-we-offer-area .def-hover-eff>a{
    display:flex;
    justify-content:center;
    align-items:center;
    height:250px
}
.amazing-work-area .def-hover-eff>a{
    display:flex;
    justify-content:center;
    align-items:center;
    height:342px
}
.crazy-team-area .row{
    margin:-18px 0
}
.crazy-team-area .single-team{
    margin:18px 0
}
.related-post-area .def-hover-eff>a{
    display:flex;
    height:174px;
    justify-content:center;
    align-items:center
}
.amazing-portfolio-area .amazing-work-single .amazing-img>a{
    height:444px;
    display:flex;
    justify-content:center;
    align-items:center
}
.single-from-blog .def-hover-eff>a{
    height:155px;
    display:flex;
    justify-content:center;
    align-items:center
}
.price_slider_amount>input[type=text]{
    width:100%;
    padding:0
}
.price_slider_amount>input[type=submit]{
    width:100%;
    margin-top:30px;
    background:#2395ec;
    border:none;
    border-radius:0;
    box-shadow:none;
    color:#fff;
    font-family:PT Sans,Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:700;
    height:40px;
    letter-spacing:1px;
    line-height:40px;
    padding:0 25px;
    text-shadow:none;
    text-transform:uppercase;
    transition:all .3s ease 0s;
    white-space:nowrap;
    cursor:pointer
}
.price_slider_amount>input[type=submit]:hover{
    background:#117acb
}
.banner img{
    width:100%
}
.banner li{
    list-style:none;
    margin-bottom:15px
}
.blog-body-area,.content-page{
    margin-bottom:60px
}
.blog-overlay .blog-image img{
    height:200px
}
.amazing-work-single img{
    width:100%
}
.amazing-content>h3{
    font-size:18px;
    font-weight:600;
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
.amazing-content>ul{
    line-height:20px;
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
.amazing-content li{
    display:inline-block;
    font-style:italic
}
.amazing-content li a{
    color:#888
}
.amazing-content li a:hover{
    color:#2395ec
}
.amazing-work-single{
    position:relative;
    overflow:hidden;
    margin-bottom:10px
}
.amazing-work-single:last-child{
    margin-bottom:0
}
.amazing-work-single:hover .amazing-content h3{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
.amazing-work-single:hover .amazing-content ul{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
.def-hover-eff.white-eff a:before{
    background:#fff none repeat scroll 0 0;
    opacity:.8
}
.amazing-work-single:hover .def-hover-eff a:before{
    width:100%;
    top:0;
    left:0;
    height:100%
}
.amazing-content{
    left:0;
    position:absolute;
    right:0;
    text-align:center;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%
}
.mix{
    display:none
}
.mix-2{
    display:none
}
.filter-catagory-menu{
    margin-bottom:35px
}
.filter-catagory-menu li{
    color:#545659;
    display:inline-block;
    font-family:roboto slab;
    font-style:italic;
    letter-spacing:.8px;
    margin:0 20px;
    position:relative;
    cursor:pointer
}
.filter-catagory-menu li+li:after{
    content:"/";
    left:-25px;
    position:absolute;
    top:5px
}
.filter-catagory-menu li a{
    display:inline-block;
    height:35px;
    line-height:35px
}
.mix{
    margin-bottom:30px
}
.filter-catagory-menu li.filter.active{
    font-style:normal
}
.amazing-content.white-cont>h3{
    color:#fff
}
.amazing-content.white-cont ul li a{
    color:#fff
}
.amazing-content.white-cont ul li a:hover{
    text-decoration:underline
}
.col-lg-4.mix:nth-last-child(-n+3){
    margin-bottom:0
}
.amazing-work-single.amazing-work-single-2:hover .amazing-img img{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
.amazing-work-single.amazing-work-single-2 .amazing-img img{
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.amazing-content.amazing-content-2{
    top:100%;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    opacity:0;
    z-index:2;
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.amazing-work-single.amazing-work-single-2:after{
    background:rgba(0,0,0,0) url(images/bg/portfolio-shadow.png) repeat-x center bottom;
    content:"";
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s;
    width:100%;
    z-index:1;
    visibility:hidden
}
.amazing-work-single.amazing-work-single-2:hover .amazing-content.amazing-content-2,.amazing-work-single.amazing-work-single-2:hover:after{
    opacity:1
}
.amazing-content.amazing-content-2 a{
    color:#4a4d4f;
    font-size:18px;
    line-height:22px;
    font-weight:400
}
.amazing-content.amazing-content-2 a:hover{
    color:#2395ec
}
.amazing-content-2 .porject-date{
    color:#999;
    font-size:12px;
    margin:0 0 5px;
    text-transform:uppercase
}
.filter-catagory-menu.filter-catagory-menu-2 li+li:after{
    content:""
}
.filter-catagory-menu.filter-catagory-menu-2 li{
    font-style:normal
}
.filter-catagory-menu.filter-catagory-menu-2 li a{
    background:#ededed none repeat scroll 0 0;
    display:inline-block;
    font-size:14px;
    height:40px;
    line-height:40px;
    padding:0 30px
}
.filter-catagory-menu.filter-catagory-menu-2 li{
    margin:3px 2px
}
.filter-catagory-menu-2 li.filter.active>a{
    background:#2393ec none repeat scroll 0 0;
    color:#fff
}
.pagination-btn.pagination-btn-2{
    border-top:3px solid #e5e5e5;
    margin-top:35px;
    padding-top:35px
}
.filter-catagory-menu.filter-catagory-menu-2 li.active a{
    background:#84ba3f;
    color:#fff
}
.search-box.blog-search input{
    background:#f6f6f6 none repeat scroll 0 0;
    border:1px solid #e5e5e5;
    color:#000;
    height:50px;
    width:100%;
    padding:0 60px 0 40px;
    font-size:15px
}
.src-btn.src-btn-blog{
    color:#4a4d4f;
    height:100%;
    left:10px;
    line-height:50px;
    right:auto
}
.search-box.blog-search input::-moz-placeholder{
    font-size:15px
}
.blog-aside-social .social-icon ul li a{
    color:#fff;
    -webkit-border-radius:4px;
    border-radius:4px
}
.blog-aside-social .social-icon ul li a.facebook{
    background:#2b80e0 none repeat scroll 0 0;
    border-color:#2b80e0
}
.blog-aside-social .social-icon ul li a.facebook:hover{
    background:#154f90 none repeat scroll 0 0;
    border-color:#154f90
}
.blog-aside-social{
    display:block;
    float:left;
    width:100%
}
.blog-aside-social .social-icon ul li{
    margin-right:4px;
    list-style:none;
    display:inline-block
}
.blog-aside-social .social-icon ul li a.twitter{
    background:#1fb8ff none repeat scroll 0 0;
    border-color:#1fb8ff
}
.blog-aside-social .social-icon ul li a.twitter:hover{
    background:#007eb8 none repeat scroll 0 0;
    border-color:#007eb8
}
.blog-aside-social .social-icon ul li a.dribble{
    background:#d842a1 none repeat scroll 0 0;
    border-color:#d842a1
}
.blog-aside-social .social-icon ul li a.dribble:hover{
    background:#951f6a none repeat scroll 0 0;
    border-color:#951f6a
}
.blog-aside-social .social-icon ul li a.g-plus{
    background:#da2c2c none repeat scroll 0 0;
    border-color:#da2c2c
}
.blog-aside-social .social-icon ul li a.g-plus:hover{
    background:#881818 none repeat scroll 0 0;
    border-color:#881818
}
.blog-aside-social .social-icon ul li a.instargm{
    background:#2595cf none repeat scroll 0 0;
    border-color:#2595cf
}
.blog-aside-social .social-icon ul li a.instargm:hover{
    background:#165778 none repeat scroll 0 0;
    border-color:#165778
}
.blog-aside-instgram .ins-follow-btn>a{
    background:#517fa4 none repeat scroll 0 0;
    -webkit-border-radius:4px;
    border-radius:4px;
    display:inline-block;
    font-size:13px;
    line-height:20px;
    padding:7px 14px
}
.blog-aside-instgram .ins-follow-btn>a:hover{
    background:#2395ec none repeat scroll 0 0;
    color:#fff
}
.product-cat.blog-arcive-ctg ul li a{
    font-size:16px
}
.product-cat.blog-arcive-ctg ul li a:before{
    content:"";
    font-family:fontawesome;
    margin-right:10px
}
.product-cat.blog-arcive-ctg ul li{
    border-bottom:1px solid #e5e5e5;
    border-top:medium none
}
.product-cat.blog-arcive-ctg ul li a span{
    color:#4a4d4f
}
.tagcloud ul li a{
    background:#f1f1f1 none repeat scroll 0 0;
    border:1px solid #e5e5e5;
    color:#4a4d4f;
    display:inline-block;
    font-size:11px;
    margin-bottom:10px;
    padding:4px 10px;
    text-transform:uppercase;
    -webkit-transition:all .1s ease 0s;
    transition:all .1s ease 0s
}
.tagcloud li{
    display:inline-block
}
.tagcloud li a:hover{
    background:#2395ec none repeat scroll 0 0;
    color:#fff;
    border-color:#2395ec
}
.blog-space{
    background:#fff none repeat scroll 0 0;
    margin:0 0 60px;
    padding:0
}
.single-blog-top{
    float:left;
    width:100%
}
.atuhoer-img>img{
    -webkit-border-radius:5px;
    border-radius:5px;
    height:55px;
    width:55px
}
.author-side{
    float:left;
    width:50%
}
.atuhoer-img{
    float:left
}
.post-type-des{
    float:left;
    padding-left:15px
}
.post-type-des>a{
    color:#262626;
    font-size:16px
}
.post-type-des>a span{
    font-weight:700
}
.blog-date{
    font-size:14px
}
.post-type-des>a:hover{
    color:#2395ec
}
.social-icon-blog{
    float:right
}
.social-icon-blog ul li{
    margin:0
}
.social-icon-blog ul li a{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    color:#000;
    height:auto;
    line-height:25px;
    padding:0 10px;
    width:auto
}
.social-icon-blog ul li a:hover{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    color:#2393ec
}
.share-side{
    float:left;
    width:50%;
    margin-top:20px
}
.social-icon-blog>span{
    float:left;
    font-family:roboto slab;
    font-size:14px;
    font-style:italic;
    font-weight:700
}
.social-icon-blog>ul{
    float:left;
    padding-left:10px
}
.blog-img img{
    width:100%
}
.what-we-heading.blog-heading>h3{
    font-size:30px;
    font-weight:600;
    margin-bottom:20px
}
.readmore>a{
    color:#2395ec
}
.readmore>a:hover{
    text-decoration:underline
}
.readmore a i{
    padding-right:5px
}
.readmore{
    float:left
}
.comments{
    float:right
}
.comments-readmore{
    border-top:2px dotted #e5e5e5;
    overflow:hidden;
    padding-top:20px
}
.blog-img-slider.carosule-pagi ul.slick-dots{
    bottom:15px
}
.blog-img-slider.carosule-pagi .slick-dots li{
    background:#fff none repeat scroll 0 0
}
.blog-audio audio{
    width:100%
}
.su-youtube iframe{
    border:medium none;
    height:430px;
    width:100%
}
.button-area .social-icon-blog>ul{
    float:left
}
.button-area .social-icon-blog{
    float:left
}
.button-area .social-icon-portfolio.socile-icon-tooltip{
    width:auto
}
.button-area .active-portfolio-area{
    float:left;
    padding-right:15px;
    width:70%
}
.share-side .social-icon ul li{
    float:left;
    list-style:none
}
.blog-content blockquote{
    background:#f7f7f7 none repeat scroll 0 0;
    border:medium none;
    font-size:14px;
    font-style:italic;
    margin:20px 0;
    padding:30px 45px
}
.blog-content span{
    display:block
}
.blog-aside-social .social-icon ul li a.pinterest{
    background:#cb2027 none repeat scroll 0 0;
    border-color:#cb2027
}
.blog-aside-social .social-icon ul li a.pinterest:hover{
    background:#9f191f none repeat scroll 0 0;
    border-color:#9f191f
}
.blog-aside-social .social-icon ul li a.linkdin{
    background:#0097bd none repeat scroll 0 0;
    border-color:#0097bd
}
.blog-aside-social .social-icon ul li a.linkdin:hover{
    background:#006e8a none repeat scroll 0 0;
    border-color:#006e8a
}
.social-icon.single-blog-social ul li a{
    -webkit-border-radius:0;
    border-radius:0;
    width:150px;
    padding:5px 15px
}
.single-blog-social li a i{
    padding-right:5px
}
.social-icon.single-blog-social{
    float:left;
    margin:35px 0 60px;
    width:100%
}
.author-meta{
    border-bottom:1px solid #e5e5e5;
    border-top:1px solid #e5e5e5;
    color:#999;
    font-family:Roboto Slab,Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:400;
    margin:0 0 40px;
    padding:5px 0;
    width:100%;
    overflow:hidden
}
.author-meta a{
    color:#999
}
.author-meta a:hover{
    color:#2395ec
}
.author-meta-area .author-side{
    width:100%
}
.author-meta-area .atuhoer-img>img{
    -webkit-border-radius:0;
    border-radius:0;
    height:70px;
    width:70px
}
.author-meta-area .post-type-des>p{
    color:#999;
    font-size:15px;
    margin:0
}
.author-meta-area .post-type-des{
    overflow:hidden;
    padding-left:30px;
    float:none
}
.author-meta-area{
    overflow:hidden;
    width:100%;
    border-bottom:1px solid #e5e5e5;
    padding:0 0 40px
}
.catagory-title.cat-tit-2>h3{
    font-size:20px
}
.catagory-title.cat-tit-2{
    margin:40px 0
}
.reply a{
    border:1px solid #2395ec;
    color:#2395ec;
    font-size:14px;
    padding:3px 15px;
    position:absolute;
    right:0;
    top:0
}
.single-comments{
    border-bottom:1px solid #e5e5e5;
    margin-top:30px;
    overflow:hidden;
    padding-bottom:30px;
    position:relative
}
.single-comments .author-side{
    width:100%
}
.reply>a i{
    padding-left:5px;
    position:relative;
    top:2px
}
.reply>a:hover{
    background:#2395ec none repeat scroll 0 0;
    color:#fff
}
.single-comments .blog-date{
    color:#969696;
    font-size:12px;
    line-height:16px;
    text-transform:uppercase
}
.author-text{
    margin-top:20px
}
.single-comments .post-type-des a span{
    color:#2395ec
}
.single-comments .post-type-des a span:hover{
    text-decoration:underline
}
.single-comments .post-type-des{
    float:none;
    overflow:hidden
}
.child-comments{
    margin-left:40px
}
.single-comments:first-child{
    margin-top:0
}
.input-box input,textarea{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:1px solid #e5e5e5;
    width:100%
}
.input-box textarea{
    vertical-align:middle
}
.area-tex{
    height:130px;
    resize:none
}
.input-box input:focus,textarea:focus{
    border:1px solid #2395ec;
    outline:unset;
    color: #000;
}
input.submit-btn{
    background:#926a39 none repeat scroll 0 0;
    /*border:medium none #926a39;*/
    color:#fff;
    font-weight:700;
    height:50px;
    line-height:50px;
    text-transform:uppercase
}
input.submit-btn:hover{
    background:#84ba3f none repeat scroll 0 0
}
.input-box .submit-btn{
    margin-top:20px;
    margin-bottom:20px
}
.testimonial-page .page-nav{
    margin-bottom:30px
}
.testimonial-page .list-testimoni{
    margin-bottom:30px
}
.testimonial-page .list-testimoni li{
    margin-bottom:10px
}
.list-testimoni .testimoniBox .testimonial-avatar{
    width:100px
}
.list-testimoni .testimoniBox .title-testi{
    font-size:16px;
    color:#84ba3f
}
.list-testimoni .testimoniBox p{
    font-style:italic;
    margin-left:20px
}
.form-testimoni .img-testi{
    position:relative
}
.form-testimoni .img-testi li{
    list-style:none
}
.form-testimoni .capcay-con{
    width:304px;
    margin:0 auto
}
.leave-your-testimonial .form-control{
    background:#fff
}
.heading{
    font-size:24px;
    margin:0 0 50px;
    position:relative;
    font-weight:600
}
.heading::before{
    content:'';
    height:2px;
    width:70px;
    position:absolute;
    left:0;
    margin-right:-35px;
    bottom:-15px;
    display:block;
    background:#ddd
}
#googleMap{
    width:100%;
    height:100%
}
.banner-slider-wraper{
    max-width:1170px;
    margin:0 auto
}
.slider-banner .single-banner img{
    max-height:240px
}
.shop-shadow,.shop-shadow2,.shop-shadow3,.shop-shadow4,.shop-shadow5,.shop-shadow6,.shop-shadow7{
    background:#fff none repeat scroll 0 0;
    -webkit-box-shadow:0 0 15px 2px rgba(0,0,0,.04);
    box-shadow:0 0 15px 2px rgba(0,0,0,.04);
    padding:20px;
    overflow:hidden
}
.shop-shadow2{
    padding:20px 5px
}
.shop-shadow3{
    padding:20px
}
.shop-shadow4{
    padding:0
}
.shop-shadow5{
    padding:20px
}
.shop-shadow6{
    padding:20px
}
.shop-shadow7{
    padding:20px
}
.single-product{
    margin-bottom:30px;
    position:relative
}
.product-img{
    position:relative
}
.product-img a img.primary-image{
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.product-img a img.secondary-image{
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    z-index:1
}
.product-img img{
    width:100%
}
.single-product:hover .product-img a img.secondary-image{
    opacity:1
}
.product-label .new{
    background:red none repeat scroll 0 0;
    color:#fff;
    font-weight:700;
    height:26px;
    left:0;
    line-height:26px;
    min-height:26px;
    padding:0 15px;
    position:absolute;
    text-align:center;
    text-transform:uppercase;
    top:0;
    z-index:9
}
.product-icon ul li a{
    background:#fff none repeat scroll 0 0;
    border:1px solid #d0d3d7;
    -webkit-border-radius:3px;
    border-radius:3px;
    color:#3e3f40;
    display:block;
    height:40px;
    line-height:40px;
    text-align:center;
    width:40px
}
.product-icon ul li a:hover{
    background:#2395ec none repeat scroll 0 0;
    border-color:#2395ec;
    color:#fff
}
.product-icon{
    position:absolute;
    right:10px;
    top:10px;
    z-index:9
}
.product-icon ul li{
    margin-bottom:5px;
    opacity:0;
    padding-top:15px
}
.single-product:hover .product-icon ul li{
    padding:0;
    opacity:1
}
.product-icon ul li:first-child{
    -webkit-transition:all .3s ease-in 0s;
    transition:all .3s ease-in 0s
}
.product-icon ul li:nth-child(2){
    -webkit-transition:all .35s ease-in 0s;
    transition:all .35s ease-in 0s
}
.product-icon ul li:nth-child(3){
    -webkit-transition:all .4s ease-in 0s;
    transition:all .4s ease-in 0s
}
.product-icon ul li:last-child{
    margin-bottom:0;
    -webkit-transition:all .45s ease-in 0s;
    transition:all .45s ease-in 0s
}
.prodcut-ratting>a{
    color:#2395ec;
    font-size:11px
}
.prodcut-ratting{
    float:right
}
.prodcut-price{
    color:#2395ec;
    float:left;
    font-size:14px
}
.old-price{
    display:inline-block
}
.new-price{
    display:inline-block
}
.prodcut-name{
    margin-top:20px
}
.prodcut-ratting-price{
    margin-top:10px;
    overflow:hidden
}
.title-tab-product-category li a.active:after,.title-tab-product-category li a:hover:after{
    border-top:6px solid #2395ec
}
.title-tab-product-category li{
    display:inline-block;
    list-style:outside none none;
    margin:0 3px;
    padding:0
}
.title-tab-product-category li a:after{
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:6px solid transparent;
    bottom:-6px;
    content:"";
    display:block;
    height:0;
    left:50%;
    margin-left:-5px;
    position:absolute;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.title-tab-product-category li a.active,.title-tab-product-category li a:hover{
    background:#2395ec none repeat scroll 0 0;
    color:#fff
}
.title-tab-product-category li a{
    background:#ececec none repeat scroll 0 0;
    -webkit-border-radius:3px;
    border-radius:3px;
    color:#232527;
    display:inline-block;
    font-family:Raleway,Arial,Helvetica,sans-serif;
    font-size:13.5px;
    font-weight:600;
    letter-spacing:1px;
    padding:6px 18px;
    position:relative;
    text-transform:uppercase;
    -webkit-transition:all .15s ease 0s;
    transition:all .15s ease 0s
}
.single-product:last-child{
    margin-bottom:0
}
.tab-content.tab-carsl>.tab-pane{
    display:block;
    height:0;
    opacity:0
}
.tab-content.tab-carsl>.tab-pane.active{
    height:auto;
    opacity:1
}
.single-product-2 .product-text{
    text-align:center
}
.single-product-2 .prodcut-price,.single-product-3 .prodcut-price{
    display:block;
    float:none;
    margin-top:2px
}
.single-product-2 .prodcut-ratting,.single-product-3 .prodcut-ratting{
    display:block;
    float:none
}
.single-product-2 .prodcut-ratting-price,.single-product-3 .prodcut-ratting-price{
    margin-top:0
}
.single-product-2 .old-price,.single-product-3 .old-price{
    color:#999
}
.catagory-title>h3{
    color:#232527;
    font-size:16px;
    font-weight:600;
    letter-spacing:.8px;
    text-transform:uppercase
}
.treeview li{
    position:relative;
    list-style:none;
    padding-left:10px
}
.treeview .hitarea{
    cursor:pointer;
    height:40px;
    line-height:40px;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width:40px
}
.hitarea.expandable-hitarea:before{
    content:"+";
    font-size:20px
}
.hitarea.collapsable-hitarea:before{
    content:"-";
    font-size:20px
}
.product-cat ul li a{
    font-size:14px;
    letter-spacing:.8px;
    line-height:40px
}
.product-cat ul li{
    border-top:1px solid #e5e5e5
}
.product-cat ul li ul li{
    padding-left:15px
}
.product-cat ul li ul li a{
    font-size:13px
}
.single-product-3{
    overflow:hidden
}
.single-product-3 .product-img{
    float:left;
    width:28%
}
.single-product-3 .product-text{
    float:left;
    padding-left:20px;
    width:72%
}
.single-product-3 .prodcut-name{
    margin-top:0
}
.plan-aside img{
    width:100%
}
.custom-block-aside p{
    font-size:15px;
    line-height:25px;
    margin:0
}
.single-from-blog img{
    width:100%
}
.admin-post-date{
    margin-top:10px;
    overflow:hidden
}
.post-by{
    float:left;
    font-size:13px;
    margin-right:15px
}
.post-date{
    float:left;
    font-size:13px;
    position:relative
}
.post-date:before{
    background:#000 none repeat scroll 0 0;
    content:"";
    height:15px;
    left:-25px;
    position:absolute;
    top:5px;
    width:1px;
    display:none
}
.post-by>a{
    color:#2395ec;
    text-transform:capitalize
}
.post-by>a:hover{
    text-decoration:underline
}
.what-we-heading.from-blog-heading h3{
    font-family:raleway;
    font-size:15px;
    font-weight:600;
    letter-spacing:.3px;
    margin-top:10px
}
.from-blog-content{
    margin-bottom:22px
}
del, mark {
    background:#926a39;
}
.amazing-content.white-color>h3{
    color:#fff
}
.amazing-content.white-color li a{
    color:#fff
}
.shop-page{
    background:#f4f4f4 none repeat scroll 0 0
}
.sort{
    display:block;
    text-align:right
}
.sort>select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:rgba(0,0,0,0) url(images/icons/down5.png) no-repeat scroll 90% 50%;
    border:1px solid #ededed;
    cursor:pointer;
    display:inline-block;
    height:35px;
    line-height:35px;
    padding:0 15px;
    width:155px;
}
.sort>select option{
    color:#926a39;
}
.sort>select option:hover{
    background-color:#926a39 !important;
    color:#fff;
}
.showing span{
    border:1px solid #ededed;
    height:35px;
    line-height:35px;
    padding:0 15px;
    display:inline-block;
    font-size:14px
}
.sort label{
    font-size:14px;
    margin-right:10px
}
option{
    font-size:14px;
    padding:5px
}
.list-grid-view{
    text-align:right
}
.list-grid-view .nav{
    display:block
}
.list-grid-view li a{
    color:#9a9fa3;
    font-size:20px;
    line-height:35px
}
.list-grid-view .nav>li>a:focus,.list-grid-view .nav>li>a:hover{
    background:0 0
}
.list-grid-view li a.active,.list-grid-view li a:hover{
    color:#232527
}
.list-grid-view .nav>li{
    display:inline-block;
    margin-right:8px
}
.list-grid-view .nav>li:last-child{
    margin-right:0
}
.list-grid-view .nav>li a{
    padding:0
}
.show-otion-list-grid-area{
    overflow:hidden
}
.single-product.single-product-4{
    margin-bottom:30px
}
h1.body-title{
    font-family:Raleway,Arial,Helvetica,sans-serif;
    font-size:36px;
    font-weight:600;
    line-height:50px;
    margin:0 0 20px
}
.pagination-btn ul li{
    display:inline-block;
    margin-bottom:2px
}
.pagination-btn ul li .current,.pagination-btn ul li a{
    background:#ececec none repeat scroll 0 0;
    border:1px solid #e5e5e5;
    color:#1c1e1f;
    font-size:15px;
    height:40px;
    line-height:38px;
    margin:0 1px;
    padding:0;
    text-align:center;
    -webkit-transition:all .1s ease 0s;
    transition:all .1s ease 0s;
    width:40px;
    display:block
}
.pagination-btn ul li .current,.pagination-btn ul li a:hover{
    background:#926a39 none repeat scroll 0 0;
    border-color:#926a39;
    color:#fff
}
.product-img.list-img{
    float:left;
    width:30%
}
.product-list-content{
    float:left;
    padding:0 30px;
    width:70%
}
.product-icon.product-list-icon{
    position:static
}
.product-icon.product-list-icon ul li{
    display:inline-block;
    margin-bottom:0;
    margin-right:5px;
    opacity:1;
    padding:0
}
.prodcut-price.list-price{
    float:none
}
.prodcut-ratting.list-ratting{
    float:none;
    margin-bottom:10px
}
.list-product-desc p{
    color:#3e3f40;
    line-height:1.8;
    margin:0 0 20px;
    font-size:15px
}
.prodcut-price.list-price{
    font-size:20px;
    margin-bottom:15px
}
.list-price .old-price{
    color:#999;
    margin-right:5px
}
.prodcut-name-list{
    font-size:25px;
    letter-spacing:.5px;
    margin-bottom:5px 0 10px
}
.single-product-list{
    overflow:hidden
}
.single-product.single-product-list{
    margin-bottom:30px
}
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{
    background:#2395ec none repeat scroll 0 0;
    border:medium none;
    -webkit-border-radius:0;
    border-radius:0;
    height:5px;
    margin-bottom:30px;
    margin-left:auto
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all{
    background:#2395ec;
    border:2px solid #2395ec;
    -webkit-border-radius:100%;
    border-radius:100%;
    cursor:w-resize;
    height:15px;
    margin-top:0;
    width:15px
}
.price_filter .ui-slider-range{
    background:#2395ec none repeat scroll 0 0
}
.info_widget{
    margin-top:20px
}
.price_slider_amount>input[type=text]{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    -o-border-image:none;
    -webkit-border-image:none;
    border-image:none;
    border-width:0;
    float:right;
    font-size:14px;
    height:33px;
    letter-spacing:3px;
    line-height:33px;
    text-align:center;
    width:100%
}
.price_slider_amount>input[type=submit]{
    background:#eaeaea none repeat scroll 0 0;
    -o-border-image:none;
    -webkit-border-image:none;
    border-image:none;
    border-width:0;
    color:#252525;
    float:left;
    font-size:1.15em;
    height:33px;
    line-height:33px;
    margin:0 10px 0 0;
    padding:0 17px;
    -webkit-transition:all .4s ease-out 0s;
    transition:all .4s ease-out 0s;
    width:auto
}
.price_slider_amount>input[type=submit]:hover{
    background:#2395ec;
    color:#fff
}
.ui-slider-horizontal .ui-slider-handle{
    margin-left:0
}
.ui-slider-horizontal .ui-slider-handle:last-child{
    margin-left:-15px
}
#gallery_01 img,img#zoom_03{
    border:1px solid #ccc;
    width:100%!important
}
.p-c{
    margin:10px 3px 10px 0
}
.single-product-title{
    font-family:Montserrat,sans-serif;
    font-size:35px;
    font-weight:400;
    margin-bottom:25px;
    color:#353535
}
.list-product-desc.lbd-2 p{
    margin:0 0 15px
}
.in-stock{
    color:#4E8B00;
    font-size:15px;
    font-weight:700;
    margin-bottom:20px
}
.qty-cart-btn .item-qty{
    display:inline-block
}
.qty-cart-btn .item-qty>input{
    height:40px;
    margin-right:20px;
    padding-left:15px
}
.wishlist-compare ul li{
    display:inline-block;
    padding-right:20px
}
.wishlist-compare ul li i{
    padding-right:5px
}
.wishlist-compare{
    margin:20px 0
}
.wishlist-compare ul li+li a:before{
    background:#ccc none repeat scroll 0 0;
    content:"";
    height:19px;
    left:-11px;
    position:absolute;
    top:0;
    width:1px
}
.wishlist-compare ul li a{
    position:relative
}
.categories.single-catg>h3{
    display:inline-block
}
.categories.single-catg{
    border-bottom:1px solid #eee;
    float:left;
    margin-top:20px;
    width:100%
}
.sp-tab-text>span+span{
    display:block;
    margin-top:20px
}
.single-product-tab .tab-content{
    border:1px solid #ccc;
    overflow:hidden;
    padding:20px 30px
}
.sp-tab-menu{
    float:left;
    position:relative;
    right:-1px;
    width:25%
}
.single-product-tab{
    float:left;
    width:75%
}
.nav.sp-tab li{
    width:100%
}
.nav.sp-tab li:last-child{
    border-bottom:1px solid #ccc
}
.nav.sp-tab li a{
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    background:#fff none repeat scroll 0 0;
    height:55px;
    line-height:55px;
    padding:0 15px;
    display:block
}
.nav.sp-tab li a.active{
    border-right:medium none;
    color:#2393ec
}
.review-des>p{
    display:inline-block;
    font-size:15px
}
.review-commetns .author-side{
    width:100%
}
.review-commetns .atuhoer-img{
    width:15%
}
.add-review-area .prodcut-ratting>a,.review-commetns .prodcut-ratting>a{
    color:#222;
    font-size:18px;
    padding:0 2px
}
.add-review-area .prodcut-ratting{
    float:none;
    margin:5px 0
}
.review-commetns .review-des span{
    font-family:roboto slab;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase
}
.review-commetns{
    margin-bottom:50px;
    overflow:hidden
}
.review-des{
    border:1px solid #e5e5e5;
    -webkit-border-radius:3px;
    border-radius:3px;
    float:left;
    padding:15px;
    position:relative;
    width:85%
}
.review-des:before{
    background:#fff none repeat scroll 0 0;
    border-bottom:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    content:"";
    display:block;
    height:10px;
    left:-6px;
    position:absolute;
    top:10px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    width:10px
}
.review-des .author-text{
    margin-top:0
}
.single-tab-review .catagory-title>h3{
    margin-bottom:20px
}
.review-input-form .input-box .submit-btn{
    margin-top:0
}
input.submit-btn.submit-btn-2{
    padding:0 30px;
    width:auto
}
.wrapper.single-product-details{
    background:#f6f6f7 none repeat scroll 0 0
}
#orderForm .input-box{
    margin-bottom:10px
}
#orderForm .input-box input,#orderForm .input-box textarea{
    padding:6px 12px;
    color:#000;
}
#orderForm .input-box .orderqty{
    width:50px
}
#orderForm #prd-img img{
    width:100%;
    margin-bottom:20px
}
#orderForm .processing-order{
    margin-bottom:30px
}
.subscribe-alert{
    margin-bottom:5px
}
.faq-item .faq-title{
    font-weight:600
}
.faq-item hr{
    margin-top:10px;
    margin-bottom:15px
}
.faq-item .faq-q{
    padding:5px 10px;
    width:100%;
    cursor:pointer
}
.faq-item .faq-q .fa{
    margin-right:5px;
    color:#84ba3f
}
.faq-item .faq-a{
    background:#ddd;
    padding:10px;
    margin-top:15px;
    border-radius:5px;
    color:#1a1a1a
}
.def-hover-eff>a{
    display:block;
    position:relative;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    overflow:hidden
}
.def-hover-eff>a:before{
    background:#2395ec none repeat scroll 0 0;
    content:"";
    height:50%;
    left:50%;
    opacity:.5;
    position:absolute;
    top:25%;
    width:0;
    -webkit-transition:all .5s ease 0s;
    transition:all .5s ease 0s
}
.def-hover-eff a:hover:before{
    width:100%;
    top:0;
    left:0;
    height:100%
}
.what-we-img a:after{
    background:rgba(0,0,0,0) url(images/icons/icon.png) no-repeat scroll -24px -20px;
    content:"";
    display:block;
    height:32px;
    left:50%;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%,-50%) scale(0);
    -ms-transform:translate(-50%,-50%) scale(0);
    transform:translate(-50%,-50%) scale(0);
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    width:32px;
    z-index:2
}
.what-we-img:hover a:after{
    -webkit-transform:translate(-50%,-50%) scale(1);
    -ms-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1)
}
.what-we-heading h3{
    font-size:22px;
    margin-top:25px
}
.what-we-content>span{
    color:#4a4d4f;
    letter-spacing:1px;
    line-height:25px
}
.about-content .section-content span{
    color:#4a4d4f;
    letter-spacing:1px;
    line-height:25px
}
.total-what-we-do.slick-slider{
    float:left;
    width:100%
}
.carsoule-btn .slick-arrow{
    border:1px solid #4a4d4f;
    cursor:pointer;
    display:block;
    height:35px;
    line-height:35px;
    position:absolute;
    right:15px;
    text-align:center;
    top:-55px;
    width:35px;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    z-index:9
}
.carsoule-btn .slick-arrow:hover{
    border:1px solid #2395ec;
    background:#2395ec;
    color:#fff
}
.carsoule-btn .arrow-left.slick-arrow{
    left:auto;
    right:60px
}
.carsoule-btn.cb-2 .slick-arrow{
    right:5px
}
.carsoule-btn.cb-2 .arrow-left.slick-arrow{
    right:50px
}
.g-recaptcha{
    margin-bottom:20px
}
.social-icon.single-blog-social ul li{
    margin-bottom:15px
}
.product-area .showing{
    margin-bottom:10px
}
.blog-02{
    margin-bottom:60px
}
@media(max-width:1023px){
    .mega-menu .menu-logo img{
        height:auto;
        max-height:30px
    }
    .form-testimoni .form-group{
        padding:0 15px
    }
}
@media(max-width:767px){
    .content-page img{
        max-width:100%
    }
    .content-page ul{
        margin-left:15px
    }
    .blog-02 .grid-item{
        margin-bottom:1px
    }
    .blog-02 .author-side{
        width:100%
    }
    .blog-02 .share-side{
        width:100%
    }
    .blog-img{
        margin-bottom:10px
    }
    .social-icon.single-blog-social ul li a{
        padding:5px 10px
    }
    .blockquote-section.testimonial-title blockquote{
        font-size:30px
    }
    .slick-slider{
        margin-top:50px
    }
    .carsoule-btn .slick-arrow{
        top:-45px
    }
    .pagination-btn ul{
        margin-left:0
    }
}
 .widget-wa {
     position: fixed;
     bottom: 24px;
     left: 20px;
     background: #01C501;
     font-size: 32px;
     -webkit-border-radius: 999px;
     -moz-border-radius: 999px;
     border-radius: 999px;
     width: 48px;
     height: 48px;
     text-align: center;
     z-index: 99;
}
 .widget-wa i {
     padding-top: 9px;
}
 #back-to-top .top {
     bottom:24px;
}
/*tambahan pras*/
 .product.left .product-image img{
    width:100%;
}
 .list-price .old-price del{
    background:none;
    color:#353535;
}
 .prodcut-price{
    color:#353535;
}
 .product-cat ul li a{
    color:#353535;
}
 .product-cat ul li a:hover{
    color:#84ba3f;
}
 .sp-tab-menu{
    width:unset;
    float:none;
    right:unset;
    bottom:-1px;
}
 .single-product-tab{
    width:unset;
    float:none;
}
 .nav.sp-tab li{
    max-width:150px;
    text-align:center;
    border-right:1px solid #ccc;
}
 .nav.sp-tab li a.active{
    border-bottom:1px solid #fff;
}
 .nav.sp-tab li:last-child{
    border-bottom:none;
}
.thumbnail-product{
    position:relative;
    padding-top:100%;
    overflow:hidden;
    width:100%;
    display:block;
}
#gallery_01 .thumbnail-product img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100% !important;
    height:100%;
    object-fit: cover;
}
.shop-tab .product .product-image{
    padding-top:100%;
    overflow:hidden;
}
.shop-tab .product .product-image img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    object-fit:cover;
}
header .menu-links li{
    position:relative;
    font-size: 14px;
    /*border-bottom: 1px solid #84ba3f;*/
    padding: 10px 16px;
}
header .menu-links li .dropdown-menu{
    position:absolute;
    top:70%!important;
    right:unset !important;
    left:50% !important;
    width:225px;
    transform:translateX(-50%) !important;
}
header .menu-links li .dropdown-menu li:hover{
    background-color:#926a39;
}
header .menu-links li .dropdown-menu li:hover a{
    color:#fff;
}
footer .social-icons ul {
    display: flex;
}
footer .social-icons li a, .topbar-social ul li a {
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
}
footer .social-icons li a img{
    width: 24px;
    filter: brightness(0) invert(1);
    opacity: 0.5;
}
.topbar-social img{
    width: 18px;
    filter: brightness(0) invert(1);
}
footer .social-icons li:hover a img{
    opacity:1;
}
footer .social-icons .fa{
    font-size:20px;
}
#main-slider .carousel-item img {
    height: unset; 
}
/*tambahan pras*/
 @media(max-width :991px){
    .header.light .mega-menu .menu-links>li>a {
        color: #926a39;
    }
    header .menu-links li .dropdown-menu{
        position:static !important;
        width:100%;
        transform:unset !important;
        border:unset;
    }
    header .menu-links li .dropdown-menu li{
        border-top:1px solid #f3f3f3;
        border-bottom:unset;
    }
    header .menu-links li .dropdown-menu li a{
        color:#926a39;
    }
    .header.light .mega-menu .menu-mobile-collapse-trigger span, .header.light .mega-menu .menu-mobile-collapse-trigger:after, .header.light .mega-menu .menu-mobile-collapse-trigger:before {
        background: #ffffff;
    }
    .search-cart {
        right: 42px;
    }
 }
 @media(max-width :767px){
     .widget-wa {
         position: fixed;
         bottom: 24px;
         left: 4px;
         background: #01C501;
         font-size: 26px;
         -webkit-border-radius: 999px;
         -moz-border-radius: 999px;
         border-radius: 999px;
         width: 44px;
         height: 44px;
         text-align: center;
         z-index: 99;
    }
     #back-to-top .top {
         bottom:24px;
    }
}

.coklat{
    background-color: #926a39;
}