.current 
{
	font-weight:bold !important;	
}

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



	Theme Name: Miami - Minimal Portfolio Theme

	Theme URI: http://miami.com/

	Author: Hastech

	Author URI: http://miami.com/

    Version: 1.0



-----------------------------------------------------------------------------------

    

    CSS INDEX

    ===================

	1. Theme default css (css/shortcode/default.css)

    2. Menu css (css/shortcode/menu.css)

    3. Slider css (css/shortcode/slider.css)

	4. About us

	5. Specialization area

	6. Contact us button

	7. Our project

	8. Our working Way

	9. Our team

	10. Funfact area

	11. Testimonial area

	12. Blog area

	13. Frequently ask question

	14. Newsletter from

	15. Footer Area Css

	16. ScrollUp

    15. Footer area css

    16. ScrollUp

    17. Breadcrumbs

    18. blog page

    19. Contact page

    20. Blog details

	

-----------------------------------------------------------------------------------*/
/* ************ Google Font ************ */

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Oswald:200,300,400,500,600,700');
p {
    color: #606060;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 15px;
}
/* ************ 4. About us ************ */

.download > a {
    text-decoration: underline;
}
.download > a i {
    margin-right: 10px;
}
.download > a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
    overflow: hidden;
    text-decoration: underline;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.about-right h2,
.about-right h4 span {
    color: #5b5b5b;
    margin: 0 0 30px;
}
.about-right h2 span {
    font-size: 72px;
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #2168d4), color-stop(0.15, #598ec2), color-stop(0.3, #0290e6), color-stop(0.45, #155ecf), color-stop(0.6, #155ecf), color-stop(0.75, #6ca9d5), color-stop(0.9, #1952a3), color-stop(1, #0a69e7));
    background-image: gradient( linear, left top, right top, color-stop(0, #2168d4), color-stop(0.15, #598ec2), color-stop(0.3, #0290e6), color-stop(0.45, #155ecf), color-stop(0.6, #155ecf), color-stop(0.75, #6ca9d5), color-stop(0.9, #1952a3), color-stop(1, #0a69e7));
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.about-right h4 {
    color: #303030;
    font-weight: 700;
    margin: 0 0 15px;
}
.about-right h4 span {
    font-weight: 900;
}
/* ************ 5. Specialization area ************ */

.specialization-single {
    padding-right: 50px;
}
.specialization-titel > h2 {
    color: #5b5b5b;
    margin: 0 0 25px;
}
.spcl-titel > img,
.working-titel > img {
    float: left;
}
.specialization-titel > p {
    margin: 0;
    padding-right: 40%;
}
.spcl-titel > h4,
.working-titel > h4 {
    color: #303030;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    padding-left: 48px;
}
/* ************ 6. Contact us button ************ */

.contact-btn-left > p {
    color: #303030;
    margin: 20px 0 0;
    padding-right: 22%;
}
.contact-btn > a {
    background: #000 none repeat scroll 0 0;
    color: #5b5b5b;
    display: inline-block;
    font-weight: 600;
    margin-top: 55px;
    padding: 10px 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.contact-btn.f-right > a:hover {
    background: #fff;
    color: #5b5b5b;
}
/* ************ 7. Our project ************ */

.project-banner {
    display: block;
    position: relative;
}
.pro-bnr-text {
    background: #fff none repeat scroll 0 0;
    margin-left: 45px;
    margin-right: 45px;
    margin-top: -115px;
    min-height: 230px;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    padding: 50px 35px 35px;
    position: absolute;
    text-align: center;
    top: 50%;
}
.pro-bnr-text > p {
    color: #303030;
}
.pro-bnr-text > h2 {
    margin: 0 0 25px;
}
.project-tab-menu {
    margin-top: 20px;
    text-align: right;
}
.project-tab-menu ul li a {
    color: #303030;
    display: block;
    font-weight: 700;
    padding: 30px 10px;
}
.project-tab-menu ul li.active a,
.project-tab-menu ul li.active a:hover {
    color: #5b5b5b;
}
.project-img {
    float: left;
    padding: 0 5px 10px;
    width: 216px;
}
/*Indicator Style Owl*/

.indicator-style .owl-theme .owl-nav {
    margin-top: 15px;
    text-align: left;
}
.indicator-style .owl-theme .owl-nav [class*="owl-"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #303030;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    margin: 0 0 0 5px;
    padding: 0;
    text-align: center;
    width: 30px;
}
.indicator-style .owl-theme .owl-nav .owl-next[class*="owl-"] {
    margin-left: 0;
}
.indicator-style .owl-theme .owl-nav [class*="owl-"]:hover {
    background: #5b5b5b none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
    border-color: #5b5b5b;
}
/* ************ 8. Our working Way ************ */

.working-titel > h4 {
    padding-left: 40px;
}
.working-text p {
    color: #303030;
}
.working-single {
    float: left;
    padding: 65px 30px 10px;
    position: relative;
    width: 20%;
}
.working-single:nth-child(1) {
    background: #5b5b5b none repeat scroll 0 0;
}
.working-single:nth-child(2) {
    background: #f0b901 none repeat scroll 0 0;
}
.working-single:nth-child(3) {
    background: #deac03 none repeat scroll 0 0;
}
.working-single:nth-child(4) {
    background: #f0b800 none repeat scroll 0 0;
}
.working-single:nth-child(5) {
    background: #5b5b5b none repeat scroll 0 0;
}
.numbering {
    background: #000 none repeat scroll 0 0;
    color: #5b5b5b;
    font-family: oswald;
    font-size: 16px;
    font-weight: 900;
    height: 35px;
    left: 0;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
}
/* ************ 9. Our team ************ */

.team-titel > h4 {
    color: #5b5b5b;
    font-family: oswald;
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 4px;
}
.team-titel > p {
    font-size: 16px;
    margin: 0 0 25px;
}
/* .our-team .col-md-4 {

  padding-left: 8px;

  padding-right: 8px;

} */

.pro-bnr-img > img {
    width: 100%;
}
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    float: left;
    margin-right: 10px;
    min-height: 1px;
}
.team-details {
    background: #5b5b5b none repeat scroll 0 0;
    padding: 20px 0;
}
.team-details h5 {
    color: #303030;
    font-weight: 600;
    margin: 0 0 4px;
    -webkit-transition: .3s;
    transition: .3s;
}
.team-details span {
    color: #606060;
    -webkit-transition: .3s;
    transition: .3s;
}
.team-single {
    display: block;
    position: relative;
    -webkit-transition: .4s;
    transition: .4s;
}
/* .team-single:hover{box-shadow: 0 0 10px 6px #ddd;} */

.team-social {
    bottom: 100px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: scalex(0);
            transform: scalex(0);
    visibility: hidden;
}
.team-single:hover .team-social {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scalex(1);
            transform: scalex(1);
    visibility: visible;
}
.team-social ul li a {
    background: #5b5b5b none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    -webkit-transition: .3s;
    transition: .3s;
}
.team-social ul li a:hover {
    background: #303030;
    color: #5b5b5b;
}
.team-single ul li.social-phone a {
    border: 3px solid #fff;
    border-radius: 100px;
    bottom: -25px;
    color: #474747;
    font-size: 22px;
    height: 50px;
    left: 0;
    line-height: 46px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 50px;
}
.team-single ul li.social-phone a:hover {
    background: #5b5b5b;
}
.team-social li:nth-child(3) a {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -52px;
}
.team-social li:nth-child(1) a {
    left: 30px;
    position: absolute;
    top: -2px;
}
.team-social li:nth-child(4) a {
    right: 30px;
    position: absolute;
    top: -2px;
}
.our-team.indicator-style .owl-theme .owl-nav {
    margin-top: 25px;
    text-align: right;
}
.team-social ul li.social-phone a img {
    display: inline-block;
    margin-top: -5px;
    width: auto;
}
/* ************ 10. Funfact area ************ */

.funfact-single {
    float: left;
    width: 20%;
}
.funfact-count h3 {
    color: #474747;
    font-family: oswald;
    font-size: 34px;
    font-weight: 900;
    margin: 10px 0;
}
.funfact-count h5 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
/* ************ 11. Testimonial area ************ */

.testimonil-titel > h2 {
    color: #5b5b5b;
    margin: 0 0 20px;
}
.testimonial-single > p {
    color: #606060;
    font-style: italic;
    font-weight: 700;
    margin: 0;
}
.testimonial-single {
    background: #fafafa none repeat scroll 0 0;
    padding: 35px;
    position: relative;
    margin-bottom: 55px;
}
.testi-info h6 {
    color: #303030;
    display: block;
    font-size: 16px;
    font-style: italic;
    margin: 0 0 2px;
    position: relative;
}
.testi-info span {
    color: #606060;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
}
.testi-img {
    bottom: -65px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
}
.testi-img > img {
    height: 111px;
    width: 111px !important;
    margin: auto;
}
/* ************ 12. Blog area ************ */

.blog-img h2 {
    background: #5b5b5b none repeat scroll 0 0;
    color: #303030;
    display: block;
    font-family: oswald;
    font-size: 34px;
    font-weight: 900;
    height: 95px;
    left: 21px;
    line-height: 30px;
    margin: 0;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    top: -20px;
    width: 75px;
}
.no-img .blog-img> h2 {
    left: 0;
    position: relative;
    top: 0;
}
.blog-single.no-img {
    margin-bottom: 42px;
}
.blog-img h2 span {
    color: #303030;
    display: block;
    font-size: 20px;
}
.blog-content {
    margin-top: 20px;
}
.blog-cnt-top a {
    text-transform: capitalize;
}
.blog-single {
    padding-bottom: 1px;
    position: relative;
}
.blog-cnt-top {
    margin-bottom: 15px;
}
.blog-cnt-top h5 {
    color: #5b5b5b;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 7px;
}
.blog-cnt-top h5 a:hover {
    color: #474747;
}
.blog-cnt-top > span {
    color: #606060;
    font-size: 12px;
    font-weight: 700;
}
.blog-area .owl-carousel .owl-stage-outer {
    padding-top: 20px;
}
/* ************ 13. Frequently ask question ************ */

.frequentialy-titel,
.frequentialy-accordion {
    padding-left: 40px;
}
.frequentialy-titel > h2 {
    margin: 0 0 20px;
    color: #5b5b5b;
}
.frequentialy-accordion {
    padding-top: 14px;
}
.frequentialy-accordion .panel-heading {
    padding: 0;
}
.frequentialy-accordion .panel-title > a {
    color: #303030;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 15px 15px 25px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.frequentialy-accordion .panel,
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    box-shadow: none;
    border: none;
    background: transparent;
}
.frequentialy-accordion .panel-group {
    margin-bottom: 0;
}
.frequentialy-accordion .panel-title a.collapsed:before,
.frequentialy-accordion .panel-title a:before {
    content: "";
    font-family: fontawesome;
    font-weight: 400;
    left: 0px;
    padding: 15px 15px 15px 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.frequentialy-accordion .panel-title a:before {
    content: "\f147";
}
.frequentialy-accordion .panel-title a:hover {
    color: #474747;
}
.frequentialy-accordion .panel-body {
    padding: 0 15px 0 28px;
}
.frequentialy-accordion .panel-group .panel + .panel {
    margin-top: 0;
}
.frequentialy-accordion .panel-title > a:hover:before,
.frequentialy-accordion .panel-title > a:hover:after {
    color: #5b5b5b;
}
/* ************ 14. Newsletter from ************ */

.newsletter-from #news-form h2 {
    color: #303030;
    font-family: oswald;
    font-size: 36px;
    font-weight: 900;
    margin: 0 0 30px;
}
.from-box {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 712px;
}
.from-box input {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    height: 40px;
    padding: 5px 20px;
}
.from-box .search-button {
    background: #303030 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    bottom: 0;
    color: #5b5b5b;
    font-family: lato;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 160px;
}
/* Mail Chimp */

.mailchimp-submitting {
    color: #31708f
}
.mailchimp-success {
    color: #3c763d;
}
.mailchimp-error {
    color: #a94442;
}
/* ************ 15. Footer area css ************ */

.footer-top-img {
    float: left;
    margin-right: 45px;
}
.footer-top-content {
    display: block;
    overflow: hidden;
    padding-top: 53px;
}
.footer-top-content > p {
    color: #919191;
    margin: 0 0 25px;
}
.footer-top-content ul li a {
    border: 1px solid #989898;
    color: #989898;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-right: 16px;
    text-align: center;
    width: 30px;
    -webkit-transition: .3s;
    transition: .3s;
}
.footer-top-content ul li a:hover {
    color: #5b5b5b;
    border-color: #5b5b5b;
}
.fotter-single-area > h4 {
    color: #5b5b5b;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 30px;
    position: relative;
}
.contact-details li {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: block;
}
.contact-details li:last-child {
    margin: 0;
}
.contact-details ul li img {
    color: #fff;
    float: left;
    font-size: 14px;
    margin-right: 20px;
    margin-top: 10px;
}
.contact-details p {
    color: #919191;
    display: block;
    font-size: 13px;
    margin: -5px 0 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
}
.footer-menu ul li {
    display: block;
}
.footer-menu ul li a {
    color: #919191;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    padding-bottom: 12px;
    -webkit-transition: .3s;
    transition: .3s;
}
.footer-menu ul li a:hover {
    color: #5b5b5b;
}
.post-single {
    margin-bottom: 25px;
}
.post-single:last-child {
    margin: 0;
}
.post-single > p {
    color: #919191;
    font-size: 13px;
    margin: 0 0 10px;
}
.post-single > a {
    color: #5b5b5b;
    font-family: lato;
    font-size: 12px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.post-single > a:hover,
.footer-bottom > p a {
    color: #919191;
}
.footer-bottom {
    padding: 18px 0;
    text-align: center;
}
.footer-bottom > p,
.footer-bottom > p a {
    color: #747474;
    font-size: 13px;
    margin: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.footer-bottom > p a:hover {
    color: #5b5b5b;
}
/* ************ 16. ScrollUp ************ */

#scrollUp {
    background: #5b5b5b none repeat scroll 0 0;
    border-radius: 0px;
    bottom: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #fff;
    font-size: 28px;
    height: 40px;
    line-height: 35px;
    position: fixed;
    right: 15px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 200;
}
#scrollUp:hover {
    background: #555555;
}
/*---------------- 17. Breadcrumbs ------------------ */

.breadcrumbs-area {
    background-image: url("img/bg/1.png");
    background-position: center center;
    background-size: cover;
}
.breadcrumbs-area {
    position: relative;
}
.breadcrumbs-area:before {
    background-color: #f1f1f1;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
h2.page-title {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.breadcrumbs > ul li {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.breadcrumbs > ul li a {
    color: #fff;
    padding-right: 17px;
    position: relative;
}
.breadcrumbs > ul li a.active {
    color: #5b5b5b;
}
/*---------------- 18. blog page------------------ */

h3.leave-comment-text {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    text-transform: capitalize;
}
h3.leave-comment-text:before {
    background: #5b5b5b none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 50%;
}
.blog-search > form {
    position: relative;
}
.blog-search input[type="text"] {
    background-color: #fff;
    border: 1px solid #5b5b5b;
    color: #666666;
    height: 40px;
    line-height: 28.8px;
    margin: 0;
    outline: medium none;
    padding: 5px 46px 5px 15px;
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.blog-search button.submit {
    background-color: #5b5b5b;
    border: 1px solid #5b5b5b;
    color: #fff;
    font-size: 13px;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 45px;
}
.blog-search button.submit:hover {
    background-color: #464646;
    border: 1px solid #464646;
    color: #fff;
}
.blog-right-sidebar-top li {
    border-bottom: 1px solid #eee;
    display: block;
}
.blog-right-sidebar-top li a {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    display: block;
    padding: 10px 0;
}
.blog-right-sidebar-top li a span {
    float: right;
}
.blog-right-sidebar-bottom li {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 14px;
}
.blog-right-sidebar-bottom a {
    border: 1px solid #5b5b5b;
    color: #666;
    display: inline-block;
    padding: 9px 15px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.blog-right-sidebar-bottom a:hover {
    background-color: #5b5b5b;
    border: 1px solid #5b5b5b;
    color: #fff;
}
.another-pages.text-center li {
    display: inline-block;
    margin: 0 5px;
}
.another-pages a.active {
    background-color: #5b5b5b;
    color: #fff;
}
.another-pages a {
    background-color: transparent;
    color: #333;
    display: inline-block;
    font-size: 20px;
    height: 30px;
    line-height: 27px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 30px;
    border: 1px solid #5b5b5b;
    font-family: "Lato", sans-serif;
}
.another-pages a:hover {
    background-color: #5b5b5b;
    color: #fff;
}
/*---------------- 19. Contact page------------------ */

.contact-area .contact-details ul li img {
    margin-top: 0;
}
.contact-area .contact-details li {
    overflow: hidden;
}
.main-contact input,
.tnm-textarea textarea {
    background-color: #fff;
    border: inherit;
    border-radius: 0px;
    box-shadow: inherit;
    color: #666;
    font-size: 13px;
    height: 44px;
    outline: medium none;
    padding: 0 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.main-contact {
    margin-bottom: 15px;
}
.tnm-textarea textarea {
    height: 130px;
    padding: 15px 20px;
}
.submit input {
    background-color: #5b5b5b;
    border: 1px solid #5b5b5b;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 35px;
    padding: 10px 40px 8px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.submit input:hover {
    background-color: transparent;
    color: #666;
    border: 1px solid #5b5b5b;
}
.form-control:focus {
    box-shadow: none;
    outline: 0 none;
}
.main-contact input::-webkit-input-placeholder,
.tnm-textarea textarea::-webkit-input-placeholder {
    /* Chrome */
    
    color: #666666;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.main-contact input::-moz-placeholder,
.tnm-textarea textarea::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #666666;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#hastech {
    height: 360px;
    width: 100%;
}
.submit {
    text-align: center;
}
/*----- 20. Blog details ------*/

.blog-3-column .blog-meta > span {
    padding-right: 15px;
}
.news-allreply {
    display: inline-block;
    float: left;
    text-align: center;
}
blockquote {
    background-color: #f6f6f6;
    border-left: 2px solid #5b5b5b;
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    margin: 23px 0;
    padding: 14px 50px;
}
.blog-info-2 > p {
    color: #666;
}
h3.leave-comment-text {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
}
h3.leave-comment-text:before {
    background: #5b5b5b none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 50%;
}
.nes-icon > a i {
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
}
.news-allreply img {
    border-radius: 100%;
    width: 100%;
}
.blog-img-details {
    padding-left: 90px;
}
.blog-title > h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
    text-transform: capitalize;
}
.blog-title > span {
    color: #666666;
    display: block;
    margin-bottom: 7px;
}
.blog-middle-mrg {
    margin: 32px 0 33px 90px;
}
.leave-form input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #666666;
    font-size: 14px;
    height: 35px;
    margin-bottom: 30px;
    padding: 0 20px;
}
.leave-form input::-webkit-input-placeholder,
.text-leave textarea::-webkit-input-placeholder,
.main-input input::-webkit-input-placeholder,
.text-leave2 textarea::-webkit-input-placeholder {
    /* Chrome */
    
    color: #666666;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.leave-form input::-moz-placeholder,
.text-leave textarea::-moz-placeholder,
.main-input input::-moz-placeholder,
.text-leave2 textarea::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #666666;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.leave-form input:focus,
.text-leave textarea:focus {
    border: 1px solid #5b5b5b;
}
.text-leave textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: #666666;
    height: 165px;
    margin-bottom: 30px;
    padding: 20px;
    font-size: 14px;
}
.text-leave button.submit {
    background-color: #5b5b5b;
    border: 1px solid #5b5b5b;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    padding: 5px 20px 2px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
button.submit:hover {
    background-color: transparent;
    color: #464646;
}
.nes-icon > a {
    color: #666;
    display: inline-block;
    margin-top: 8px;
    padding: 0 5px;
    text-transform: capitalize;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.nes-icon > a:hover {} .blog-meta > span {
    margin-right: 15px;
}
.blog-meta > span a {
    color: #444;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.blog-meta > span a:hover {
    color: #5b5b5b;
}
.blog-meta > span i {
    padding-right: 5px;
}
.blog-info-2 {
    margin-top: 17px;
}
.blog-info-2 h3 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 15px 0 20px;
    text-transform: uppercase;
}
form#search input {
    border: 1px solid hsl(0, 0%, 83%);
    border-radius: 0;
    color: hsl(0, 0%, 40%);
    float: left;
    height: 40px;
    line-height: 28.8px;
    padding-left: 10px;
    width: 100%;
}

.sidebar-widget li a:hover {
    color: hsl(0, 0%, 53%);
}
.sidebar-widget ul li {
    display: block;
    margin-bottom: 0;
}
.sidebar-widget ul li:first-child a,
.widget_recent_comments li.recentcomments:first-child {
    padding-top: 0;
}
.widget_tag_cloud .tagcloud a {
  border: 1px solid hsl(0, 0%, 76%);
  color: hsl(0, 0%, 40%);
  display: inline-block;
  font-size: 14px !important;
  margin: 0 12px 10px 0;
  padding: 10px 14px 13px;
  transition: all 0.4s ease 0s;
}
.widget_tag_cloud .tagcloud a:hover {
    background: hsl(0, 0%, 27%) none repeat scroll 0 0;
    border-color: hsl(0, 0%, 27%);
    color: hsl(0, 0%, 100%);
}
a:focus,
a:hover {
    text-decoration: none;
}
table th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    padding: 10px;
    text-align: center;
}
table {
    border: 1px solid rgba(0, 0, 0, 0.08);
}
table td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}
#wp-calendar tbody tr td {
    border-right: 1px solid #ebebeb;
    text-align: center;
}
#wp-calendar tbody tr td#today {
    background: #5b5b5b none repeat scroll 0 0;
    color: #fff;
}
.blog-single .blog-cnt-top h5 a {
    color: #5b5b5b;
}
.blog-single .blog-cnt-top h5 a:hover {
    color: #464646;
}
a:hover,
a:focus,
a:active {
    color: hsl(0, 0%, 53%);
}
.post-pagination ul li:hover a,
.post-pagination ul li .current {
    background: #5b5b5b none repeat scroll 0 0;
    border: 1px solid #5b5b5b;
    color: #fff;
}
.post-pagination ul li a {
    border: 1px solid #ddd;
    color: #464646;
    display: block;
    padding: 0 15px;
}
a#scrollUp {
    background-color: #5b5b5b;
    border: 1px solid #5b5b5b;
    bottom: 30px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    right: 30px;
    text-align: center;
    width: 40px;
}
a#scrollUp:hover {
    background-color: #464646;
    border: 1px solid #464646;
    color: #fff;
}
.post-pagination .pagination {
    display: block;
    margin: 0;
    text-align: center;
}
.post-pagination {
    clear: both;
    display: block;
}
#today > a {
    color: #fff;
    font-weight: bold;
}
.post-breadcrumb-banner-area {
    background-image: url("../../image/bg/6.jpg");
    background-size: cover;
}
.breadcrumb-text h1 {
    color: #464646;
}
.breadcrumbs-area .breadcrumbs h2.page-title {
    margin-bottom: 8px;
}
.breadcrumbs ul li a:hover,
.breadcrumbs ul li {
    color: #5b5b5b;
}
.breadcrumbs h2.page-title {
    color: #464646;
}
.breadcrumbs ul li a {
    color: #464646;
}
.archive .page-headers {
    margin-bottom: 35px;
    border-bottom: 1px solid #f4f4f4;
}
.archive .page-headers h1 {
    font-size: 20px;
}
.meta-info {
    background-color: transparent;
    margin: 0 0 9px;
    padding: 0 0 0 1px;
}
.blog-img-2 {
    margin-bottom: 16px;
}
.meta-item i {
    margin-right: 9px;
}
.meta-info span {
    margin-left: 13px;
}
h3.title-comnt,
.comments-area .section-small-title > h3 {
    color: #464646;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    position: relative;
}
h3.title-comnt:before,
.comments-area .section-small-title > h3:before {
    background: #5b5b5b none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 20%;
}
.blog-story .contact-form {
    margin-top: 60px;
}
.comments-area .section-small-title {
    margin-top: 28px;
}
.shopping-button button[type="submit"] {
    background-color: #5b5b5b;
    border: 1px solid #5b5b5b;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    padding: 5px 20px 2px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.shopping-button button[type="submit"]:hover {
    background: transparent none repeat scroll 0 0;
    color: #464646;
}
.story-hbtitle blockquote {
    border-left: 2px solid #5b5b5b;
}
.blog-story .contact-form p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.blog-img-details > p {
    clear: both;
}
.blog-img-details .blog-title .editcmt {
    float: left;
    padding-left: 7px;
}
.blog-img-details .blog-title .date-cmt {
    float: left;
}
.comments-area .blog-top {
    margin-bottom: 12px;
    overflow: hidden;
}
.blog-img-details {
    float: left;
    padding-left: 22px;
    width: 85%;
}
.news-allreply {
    display: inline-block;
    float: left;
    text-align: center;
}
.contact-form input {
    border-radius: 0;
    height: 40px;
}
.contact-form textarea {
    border-radius: 0;
}
/* Slick slider style */

.slickslider {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slick-caption {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding: 0px;
    position: absolute;
    top: 0;
    width: 100%;
}
.slider-item.slickslider.slick-slide > img {
    background-size: cover;
}
.slide-table {
    display: table;
    height: 100%;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.thumbnail-img.slider.slider-nav.slick-initialized.slick-slider {
    bottom: 50px;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 75px;
    text-align: right;
    width: 315px;
}
header {
    position: relative;
}
.slide-content h2 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 35px;
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
}
.slide-content h2 span {
    color: #5b5b5b;
}
.slide-content h1 {
    font-family: lato;
    font-size: 52px;
    font-weight: 900;
    margin: 0 0 30px;
    -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s;
}
.contact > a {
    background: #5b5b5b none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 10px 30px;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid #5b5b5b;
    -webkit-animation-delay: 1.6s;
            animation-delay: 1.6s;
}
.contact > a:hover {
    background: transparent;
    color: #fff;
}
/* Scroll Icon Slider */

.scroll-icon {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}
.scroll-icon a {
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    text-decoration: none;
    z-index: 1;
}
.scroll-icon a i {
    color: #fff;
    font-size: 30px;
}
/* Slider Animation Css */

.slick-caption .slide-content * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.slick-active .slick-caption .slide-content h2 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.slick-active .slick-caption .slide-content h1 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.slick-active .slick-caption .slide-content a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.slide-content > h2,
.slide-content > h1 {
    color: #fff;
}
.slide-content .cap-text {
    color: #fff;
    line-height: 25px;
    margin-bottom: 40px;
}
.slide-content.text-center.text-white > h2 {
    font-family: "Dosis", sans-serif;
}
.header-area.header-transparent {
    top: 45px;
}
.primary-nav-wrap ul li a {
    font-family: lato;
    font-size: 14px;
}
.primary-nav-wrap.nav-effect-1 > nav > ul > li > a:before {
    display: none;
}
.primary-nav-wrap > nav > ul > li:hover > a, .primary-nav-wrap > nav > ul > li.current_page_item > a {
  color: hsl(0, 0%, 46%);
}
.scroll_hide .scroll-icon.nexticon {
    display: none;
}
.slider_show_thumb .thumbnail-img.slider.slider-nav.slick-initialized.slick-slider {
    display: none;
}
.slider.slick-slider > i {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    font-size: 40px;
    height: 60px;
    left: auto;
    line-height: 61px;
    margin-top: -30px;
    position: absolute;
    right: 40px;
    text-align: center;
    top: 50%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 60px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.slider.slick-slider > i.icofont-long-arrow-left {
    left: 40px;
    z-index: 9;
}
.slider.slick-slider:hover i {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    right: 60px;
}
.slider.slick-slider:hover i.icofont-long-arrow-left {
    left: 60px;
}
/* .slider_show_navagition .slider.slick-slider > i {

  display: none !important;

} */

.about-area .kc_title > span {
    color: #5b5b5b;
    font-weight: 900;
}
.header-area.header-transparent.sticky {
    top: 0;
}
.logged-in.admin-bar header .header-transparent.sticky {
    top: 32px;
}
:focus {
    outline: 0;
}
.specialization-area figure.content-image {
    margin: 0;
    width: auto;
}
.kc-title-wrap h2.kc_title {
    font-family: oswald;
    font-size: 40px;
    font-weight: 700;
}
.working-area figure.content-image {
    margin: 0;
    width: auto;
}
.working-area .box-right {
    padding-left: 13px;
}
.coustom-padding {
    padding: 0 5px 10px;
}
.portfolio-menu .filter-menu {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #303030;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 30px 10px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.portfolio-menu .filter-menu.active,
.portfolio-menu .filter-menu:hover {
    color: #5b5b5b;
}
.no-padding-col {
    padding: 0;
}
.coustom-padding.no-gutter {
    padding: 0;
}
.slide-content .cap-text {
    margin: 0 auto 30px;
    width: 40%;
}
.contact > a {
    -webkit-animation-delay: 1.6s;
            animation-delay: 1.6s;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 14px 36px;
}
.client-slider .slick-slide {
    margin: 0 15px;
}
.client-slider .slick-list {
    margin: 0 -15px;
}
.owl-carousel {
    overflow: hidden;
}
.team-img > a img {
    width: 100%;
}
.team-social li:nth-child(1) a {
    left: 16%;
    top: -18px;
}
.team-social li:nth-child(3) a {
    top: -72px;
}
.team-social li:nth-child(4) a {
    right: 16%;
    top: -18px;
}
.team-single ul li.social-phone a {
    color: #fff;
}
.team-social li:nth-child(2) a {
    border: 3px solid #fff;
    border-radius: 100px;
    bottom: -25px;
    color: #fff;
    font-size: 22px;
    height: 50px;
    left: 0;
    line-height: 46px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 50px;
}
.indicator-style .owl-theme .owl-nav {
    clear: both;
    overflow: hidden;
    padding-top: 26px;
    text-align: right;
}
.team-details a {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.team-details a:hover {
    color: #fff;
}
.indicator-style .owl-theme .owl-nav .owl-next[class*="owl-"] {
    border-right: 1px solid #ddd;
}
.indicator-style .owl-theme .owl-nav [class*="owl-"] {
    border-right: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.indicator-style .nav_hide.owl-theme .owl-nav {
    display: none;
}
.ourteam-owl-active.owl-carousel {
    display: block;
}
.indicator-style .testimonial-owl.owl-theme .owl-nav {
    text-align: left;
}
.home-blog-area .owl-carousel {
    padding: 20px 0 0;
}
.blog-item-area article {
    margin-bottom: 58px;
}