/*--------1.Start Default css---------*/
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700|Muli:400,600,700');
* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
a:hover,
a:focus{
    text-decoration: none
}
li{
    list-style: none;
}
h1,h2,h3,h4,h5,h6{
    margin-top: 7px;
    margin-bottom: 7px;
    text-transform: capitalize;
}
p{
    font-size: 15px;
}
body {
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    color: #454545;
    line-height: 1.8;
    text-transform: capitalize;
    font-weight: 400;
}
section {
    overflow: hidden;
    clear: both;
}
.overlay {
    background: #222;
    height: 100%;
    opacity: .8;
    overflow: hidden;
    width: 100%;
}
.section-padding{
    padding: 60px 0px;
}
.munia-title{
    margin-bottom: 60px;
    text-align: center;
}
.munia-title h2 {
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    color: #222;
}
.munia-title p {
    padding: 0 26%;
}
.munia-btn{
    padding: 10px 20px;
    background: #222;
    color: #fff;
    font-size: 16px;
    border: none;
    font-weight: 600;
}
.munia-btn:hover,.munia-btn:focus{
    color: #fff;
}
/*--------End Default css---------*/

/*--------2.Start Preloader area---------*/
.preloader-area {
    position: fixed;
    background: #fff;
    z-index: 11222;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.spinner {
    margin: auto;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -20px;
    top: 50%;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}
.cp-spinner {
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    position: relative
}
.cp-eclipse {
    width: 12px;
    height: 12px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    background: #222;
    margin: 12px;
    animation: cp-eclipse-animate 1s ease-out infinite
}
.cp-eclipse:before {
    border-radius: 50%;
    content: " ";
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 6px transparent;
    border-right: solid 6px #222;
    border-bottom: solid 6px transparent;
    border-left: solid 6px transparent;
    position: absolute;
    top: -18px;
    left: -18px
}
.cp-eclipse:after {
    border-radius: 50%;
    content: " ";
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #222;
    position: absolute;
    top: -18px;
    right: -18px
}
@keyframes cp-eclipse-animate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
/*--------End Preloader area---------*/

/*-------3.Start header-top bar css----*/
.header-top-bar{
    background: #222;
    padding: 10px;
}
.header-top-left {
    float: left;
}
.header-top-left ul li{
   list-style: none;
   float: left;
   margin-right: 20px;
}
.header-top-left ul li a{
    color: #fff;
    font-size: 16px;
}
.header-top-left ul li a i{
    margin-right: 10px;
}
.header-top-right{
    overflow: hidden;
    float: right;
}
.header-top-right ul li{
    float: left;
    list-style: none;
    margin-right: 10px;
}
.header-top-right ul li a{
    color: #fff;
    font-size: 16px;
}
.header-top-right ul li a i{
    margin-right: 5px;
}
/*-------End header-top bar css----*/

/*--------4.Start header Section---------*/
header {
    width: 100%;
    z-index: 337;
}
/*header.sticky {
    position: fixed;
    background-color: #fff;
    top: 0;
    box-shadow: 0 0 7px #ccc;
    transition: .5s;
}*/
.sticky .navbar {
    padding: 5px;
    transition: .5s;
}
.sticky .navbar-default .navbar-brand {
    color: #222;
}
.navbar{
    margin-bottom: 0px;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    text-transform: uppercase;
    padding: 10px;
    margin:0;
}
.navbar-default .navbar-brand {
    color: #222;
    font-weight: 700;
    padding: 10px 15px;
}
.navbar-default .navbar-nav > li > a {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #222;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
    border-radius: 0;
    background: #fff;
}
.navbar-default .navbar-toggle:hover {
    background: #fff;
}

.navbar-default .navbar-toggle:focus {
    background: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #222;
}
/*--------End header Section---------*/

/*--------5.Start image.html Section---------*/
.banner{
    background: url("../../img/bg.jpg")no-repeat center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    position: relative;
    padding-top: 180px;
    padding-bottom: 140px;
    height: 480px;
}
.munia-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #222;
    opacity: 0.85;
}
.welcome-text{
    text-align: center;
    position: relative;
    color: #fff;
}
.welcome-text h1{
    margin-bottom: 20px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    color: #fff;
}
.welcome-text p{
    padding: 0 20%;
    color: #fff;
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 40px;
}
.welcome-text .btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.welcome-text .btn::before {
    background: #fff;
}
.welcome-text .btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    padding: 12px 30px;
    border-radius: 0;
    border: none;
    background: none;
    color: #fbb829;
    border: 1px solid #fff;
}
.welcome-text .btn {
    color: #fff;
    border: 1px solid #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}
.welcome-text .btn:hover:before, .welcome-text .btn:focus:before, .welcome-text .btn:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.welcome-text .btn:hover, .welcome-text .btn:focus, .welcome-text .btn:active {
    color: #222;
}
/*--------End image.html Section---------*/

/*--------6.Start Slider.html Section---------*/
.slider-area{
    overflow: hidden;
}
.slider-1{
    background:url("../img/slider-1.jpg")no-repeat center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
    padding-top: 180px;
    padding-bottom: 140px;
}
.slider-2{
    background:url("../img/slider-2.jpg")no-repeat center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
    padding-top: 180px;
    padding-bottom: 140px;
}
.slider-3{
    background:url("../img/slider-3.jpg")no-repeat center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
    padding-top: 180px;
    padding-bottom: 140px;
}
.slider-overlay{
    background-color: #222;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.8;
}
.regular .slick-prev {
    left: 20px;
    z-index: 1;
    background: #fff;
}
.regular .slick-prev::before {
    content: "\f104";
    font-family: 'FontAwesome';
    color: #222 !important;
    font-size: 36px;
    cursor: pointer;
    padding: 3px 15px;
    font-weight: bold;
}
.regular .slick-next {
    right: 20px;
    background: #fff;
}
.regular .slick-next::before {
    content: "\f105";
    font-family: 'FontAwesome';
    color: #222 !important;
    font-size: 36px;
    cursor: pointer;
    padding: 3px 15px;
    font-weight: bold;
}
.regular .slick-prev, .slick-next {
    width: 45px;
    height: 45px;
}
/*--------End Slider.html Section---------*/

/*--------7.Start Youtube-vedio Section---------*/
.youtube-video{
    padding-top: 180px;
    padding-bottom: 140px;
}
/*--------End Youtube-vedio.html Section---------*/

/*--------8.Start Parallax.html Section---------*/
.particle-banner{
    background: url("../img/particles-bg.jpg")no-repeat center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
    padding-top: 180px;
    padding-bottom: 140px;
}
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #222;
    opacity: .8;
}
/*--------End Parallax.html Section---------*/

/*--------9.Start About Section---------*/
.about{
    background: #F9F9F9;
}
.about-info h3{
    margin-bottom: 20px;
}
.about-info p{
    margin-bottom: 15px;
}
.about-info ul{
    margin-bottom: 25px;
}
.about-info ul li{
    font-weight: bold;
    line-height: 30px;
}
.about-info ul li i{
    margin-right: 10px;
}
.about-info .btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.about-info .btn::before {
    background: #222;
    color: #fff;
}
.about-info .btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    padding: 12px 30px;
    border-radius: 0;
    border: none;
    background: none;
    color: #fff;
    border: 1px solid #fff;
}
.about-info .btn {
    color: #222;
    border: 1px solid #222;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.about-info .btn:hover:before, .about-info  .btn:focus:before, .about-info .btn:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.about-info .btn:hover, .about-info .btn:focus, .about-info .btn:active {
    color: #fff;
}
.about-r-content{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.about-r-content img{
    width: 100%;
    height: 100%;
    transition: .5s;
}
.about-r-content img:hover{
    transform: scale(1.3);
    transition: .5s;
}
/*--------End About Section---------*/

/*--------10.Start Service Section---------*/
.service-box-area{
    padding-bottom: 60px;
}
.service-box-icon{
    float: left;
    width: 80px;
    height: 80px;
    background: #222;
    text-align: center;
    border-radius: 50%;  
}
.service-box-icon i{
    color: #fff;
    font-size: 30px;
    line-height: 85px;
}
.service-box-details {
    padding-left: 22%;
}
.service-box-details h4{
    font-weight: bold;
}
/*--------End Service Section---------*/

/*--------11.Start Countdown Section---------*/
.countdown-area{
    background:url(../../img/bgo.jpg)no-repeat center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow:hidden;
    position: relative;
}
.countdown{
    margin-bottom: 80px;
    margin-top: 80px;
}
.counticon{
    color: #fff;
}
.counticon i{
    font-size: 40px;
}
/*--------End Countdown Section---------*/

/*--------12.Start Portfolio Section---------*/
.grid{
    margin-bottom: 40px;
    position: absolute;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.single-item{
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
.portfolio-single-item{
    position: relative;
    height: 100%;
    width: 100%;
}
.portfolio-single-item img {
    width: 100%;
    height: 100%;
    transition: .5s;
}
.portfolio-single-item:hover .single-item-overlay {
    opacity: .8;
}
.single-item-overlay {
    background: #222;
    opacity: 0;
    position: absolute;
    transition: .5s;
    left: 0;
    top: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
}
.single-item-overlay i {
    position: absolute;
    top: 47%;
    left: 47%;
    text-align: center;
    color: #fff;
    font-size: 30px;
}
/*--------End Portfolio Section---------*/

/*------13.Start Video section css--------*/
.video{
    background: url("../img/video-bg.jpg")no-repeat center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    position: relative;
}
.video-title{
    margin-bottom: 60px;
    color: #fff;
}
.video-title h2 {
    text-transform: uppercase;
    font-weight: 700;
}
.video-title p {
    padding: 0 26%;
    color: #fff;
}
.video-area a i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #fff;
    color: #222;
    border-radius: 50%;
    margin-bottom: 20px;
    text-align: center;
    padding-left: 6px;
    font-size: 28px;
}
.video-area h4{
    color: #fff;
}
/*------End Video section css--------*/

/*--------14.Start Pricing Section---------*/
.pricing{
    background: #F9F9F9;
}
.pricing-table{
    box-shadow: 0 0 1px 1px #ccc;
    overflow: hidden;
}
.table-active{
    background: #222!important;
}
.pricing-title{
    padding:20px;
}
.pricing-tag{
    background: #253454;
    padding: 20px;
    color: #fff;
}
.pricing-body{
    padding: 10px;
}
.pricing-body ul li{
    line-height: 45px;
}
.pricing-button{
    margin-bottom: 40px;
}
.pricing-btn{
    padding: 10px 20px;
    border:1px solid #274584;
    font-size: 16px;
    color: #222;
}
.pricing-button .btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.pricing-button .btn::before {
    background: #222;
}
.pricing-button .btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    padding: 12px 30px;
    border-radius: 0;
    border: none;
    background: none;
    color: #222;
    border: 1px solid #222;
    font-weight: 600;
}
.pricing-button .btn:hover:before, .pricing-button .btn:focus:before, .pricing-button .btn:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.pricing-button .btn:hover, .pricing-button .btn:focus, .pricing-button .btn:active {
    color: #fff;
}
/*--------End Pricing Section---------*/

/*------15.Start Team section css--------*/
.team-img{
    position: relative;
    overflow: hidden;
}
.team-overlay .team-social {
    position: absolute;
    background: #222;
    text-align: center;
    padding: 10px;
}
.team-overlay .team-social {
    position: absolute;
    background: #222;
    text-align: center;
    padding: 10px;
    top: 0px;
    right: -20%;
    transition: .5s;
    overflow: hidden;
}
.team-overlay .team-social ul li a {
    color: #fff;
    font-size: 20px;
}
.team-area:hover .team-social{
    display: block;
    right: 0;
    transition: .5s;
}
.team-details{
    text-align: center;
    margin-top: 20px;
}
.team-details h4{
    font-weight: 700;
    text-transform: capitalize;
}
.team-details h5{
    text-transform: capitalize;
    font-weight: 600;
}
/*------End Team section css--------*/

/*--------16.Start Testimonial Section---------*/
.testimonial{
    background: url("../../img/bgf.jpg")no-repeat center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
}
.testimonial-text h2{
    color: #fff;
}
.testimonial-text p{
    color: #fff;
}
.testimonial-title h2{
    color: #fff;
}
.testimonial-area{
    color: #fff;
}
.testimonial-client h4{
    margin-top: 20px;
    font-weight: 600;
    color: #fff;
}
.testimonial-client p {
    color: #fff;
    text-transform: uppercase;
}
.testimonial-details p {
    padding: 0 18%;
    color: #fff;
}
.testimonial-client img{
    margin: 0 auto;
    border-radius: 50%;
}
/*--------End Testimonial Section---------*/

/*--------17.Start Blog Section---------*/
.blog-content-area .blog-img{
    height: 100%;
    width: 100%;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.blog-content-area .blog-img img{
    width: 100%;
    height: 100%;
    transition: .5s;
}
.blog-content-area .blog-img:hover img{
    transform: scale(1.3);
    transition: .6s;
}
.blog-date{
    margin-top: 10px;
    margin-bottom: 10px;
}
.blog-date span{
    margin-right: 10px;
    color: #444;
}
.blog-date span i{
    margin-right: 10px;
    font-size: 16px;
}
.blog-content-details .blog-title{
    margin-top: 10px;
    margin-bottom: 10px;
}
.blog-content-details .blog-title a h4{
    color: #232332;
    font-weight: 600;
}
.blog-content-details .blog-info a{
    font-size: 16px;
    color: #232332;
    font-weight: 600;
}
.blog-padding{
    margin-bottom: 40px;
}
/*--------End Blog Section---------*/

/*--------18.Start Client Section---------*/
.single-client img{
    margin: 0 auto;
}
/*--------End Client Section---------*/

/*--------19.Start Contact Section---------*/

.contact{
    background: #F9F9F9;
}
.contact-form {
    overflow: hidden;
}
.alert-danger{
    display: none;
}
.alert-success{
    display: none;
}
.form-control {
    height: 50px;
    color: #aba8a8;
    background-image: none;
    border-radius: 0;
    border: 1px solid #46465E;
}
.munia-btn i{
    margin-right: 10px;
}
.contact-info{
    margin-bottom: 20px;
    margin-left: 10%;
}
.contact-info span{
    font-size: 20px;
}
.contact-info i{
    font-size: 30px;
    margin-right: 15px;
}
.contact-details h3{
    font-weight: 600;
    color: #222;
}
#map{
    height: 350px;
    width: 100%;
}
.contact-info{
    margin-bottom: 60px;
}
/*--------End Contact Section---------*/

/*--------20.Start Footer area---------*/
.footer-area {
    background: #222;
}
.footer-social-link{
    margin-top: 30px;
}
.footer-social-link ul li{
    display: inline-block;
}
.footer-social-link ul li a {
    margin-right: 15px;
    font-size: 18px;
    color: #fff;
}
.footer-text {
    margin-bottom: 30px;
}
.footer-text p {
    color: #fff;
}
/*--------End Footer area---------*/

/*--------21.Scroll up css---------*/
#scroll-up {
    position: fixed;
    z-index: 337;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    display: none;
    background: #222;
}
#scroll-up:hover,
#scroll-up:focus{
    background: #222;
    color: #fff;
}
/*--------Scroll up css---------*/

/*-------22.Start Munia-banner Section css-----*/
.munia-banner-header {
    color:#fff;
    margin-bottom:50px;
    margin-top:150px
}
.munia-banner-header .breadcrumb {
    background:transparent;
    padding:0
}
.munia-banner-header .breadcrumb li a {
    color:#fff
}
.munia-banner-header .breadcrumb > .active {
    color:#fff;
}
/*-------End Munia-banner Section css-----*/

/*--------23.Start Munia index.html css---------*/
.munia-banner{
    background: url("../img/munia-bg.jpg")no-repeat center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    position: relative;
}
.munia-header{
    margin-top: 110px;
    margin-bottom: 140px;
    color: #fff;
}
.munia-header p {
    color: #fff;
    padding: 0 20%;
}
.category{
    margin-bottom: 60px;
}
.select-category-details a h3{
    padding-top: 20px;
    color: #232332;
}
/*--------End Munia index.html css---------*/

/*--------24.Start single-blog.html css---------*/
blockquote {
    border-left: 5px solid #222;
    font-size: 15px;
    background: #efefed;
}
.single-blog-info {
    margin-top: 20px;
    margin-bottom: 20px;
}
.single-blog-info span{
    margin-right: 15px;
    text-transform: capitalize;
}
.single-blog-info span a{
    margin-left: 10px;
    color: #222;
}
.single-blog-info i {
    color:#222;
    margin-right:5px
}
.munia-comment-area{
    margin-top: 40px;
}
.munia-single-comment {
    border-bottom: 1px solid #222;
    overflow: hidden;
    padding: 20px 0px;
}
.munia-single-comment:nth-child(2n+1){
    padding-left: 100px;
}
.munia-single-comment:last-child{
    border:none;
}
.munia-comment-area h2{
    margin-bottom: 30px;
}
.munia-comment-img {
    float: left;
}
.munia-comment-img img{
    border-radius: 50%;
    width: 90px;
    height: 90px;
}
.munia-comment-details{
    margin-left: 130px;
}
.munia-comment-details li{
    display: inline-block;
    margin-right: 30px;
}
.munia-comment-details li i{
    margin-right: 10px;
}
.munia-reply-button{
    float: right;
    margin-bottom: 20px;
    margin-top: 20px;
}
.munia-comment-form h4{
    margin-bottom: 30px;
}
.munia-comment-button{
    margin-top: 30px;
    margin-bottom: 40px;
}
.reply-btn{
    padding: 10px 15px;
    background: #222;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
}
.reply-btn:hover{
    color: #fff;
}
.comments-area{
    margin-top: 40px;
}
.comments-title {
    margin-bottom: 30px;
}
.widget-serach .form-control{
    position: relative;
    border-color: #222;
}
.widget-serach .serach-btn {
    position: absolute;
    right: 15px;
    padding: 12px 15px;
    background: #222;
    color: #fff;
    top: 0px;
}
.widget-blog-title{
    margin-bottom: 20px;
}
.widget-blog-title h4{
    font-weight: bold;
}
.single-post ul li{
    margin-bottom: 15px;
}
.single-post ul li a{
    color: #222;
}
.single-post ul li a i{
    margin-right: 15px;
    margin-bottom: 10px;
}
.single-category ul li{
    margin-bottom: 15px;
}
.single-category ul li a{
    color: #222;
}
.single-category ul li a i{
    margin-right: 15px;
    margin-bottom: 10px;
}
.widget-meta-list ul li{
    display: inline-block;
    margin-bottom: 15px;
}
.widget-meta-list ul li a {
    color: #222;
    border: 1px solid #222;
    padding: 5px 12px;
    font-size: 15px !important;
    margin-bottom: 5px;
    margin-right: 5px;
    border-radius: 5px;
    text-transform: capitalize;
    display: inline-block;
}
/*--------End single-blog.html css---------*/