

.hidden-md {
    display: none!important;
}

div {
    width: 100%;
}

.row {
    width: auto;
}

@media only screen and (max-width:991px) {

    .hidden-md {
        display: block!important;
    }


}

@media only screen and (max-width:767px) {
    body .col-xs-10 {
        width: 100%;
    }

    body .col-xs-2 {
        width: 100%;
    }

}

.box-banner > div {
    float: left;
}

*{margin:0;padding:0}
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}
.footer .footer-bottom{margin-top:0}
.menu-main-menu-container .mega-menu li:not(.megamenu) .sub-menu{padding:12px}
body .breadcrumb{padding-top:16.6px;padding-bottom:16.6px}
.breadcrumb #crumbs{font-size:16px;line-height:28px;color:rgba(0,0,0,.8);font-weight:300}
body .blog-post .top-blog h1.page-title{margin-bottom:0;font-size:36px;line-height:44px;font-weight:400}
body .blog-post .top-blog{padding:10px 0 30px;border-bottom:1px solid #e5e5e5;margin-bottom:0;float:none}
.category .blog-post .main-blog-post{border-bottom:none}
.blog-post .main-blog-post article.post{padding:50px 0 77px;border-bottom:1px solid #e0e0e0;margin-bottom:29px}
.blog-post .main-blog-post article.post:last-child{border-bottom:0}
.blog-post .main-blog-post article.post .col-lg-5{padding-left:0}
.blog-post .main-blog-post article.post .col-lg-7{padding-right:0}
.blog-post .main-blog-post article.post .col-lg-7 .wrap-content{padding:0 130px 0 15px}
.blog-post .main-blog-post article.post .col-lg-7 .wrap-content h3{font-size:36px;line-height:46px;margin-bottom:35px;color:#464646;font-weight:300}
.blog-post .main-blog-post article.post .col-lg-7 .wrap-content p.desc{font-size:16px;line-height:28px;color:#464646;margin-bottom:55px}
.blog-post .main-blog-post article.post .col-lg-7 .wrap-content a.btn-button.read-more{color:#fff;padding-top:0;display:inline-block}
.blog-post .main-blog-post article.post .col-lg-7 .wrap-content a.btn-button.read-more:hover{color:#d7d7d7!important}
.load-more .load_more_button{margin-top:14px;margin-bottom:120px}
.load-more .load_more_button a{border-radius:50%;border:none;background:#d7d7d7;color:#fff;text-transform:none;width:107px;height:107px;display:inline-block;text-align:center;padding:32px 20px 0;font-size:16px;line-height:21px;font-weight:500}
.load-more .load_more_button a:hover{background:#aeaeae}

.blog-single .blog-post{margin-top:0}
.blog-single .blog-post .blog-single-title-wrapper{padding:10px 0 30px;border-bottom:1px solid #e5e5e5}
.blog-single .blog-post .blog-single-title-wrapper h2.title-blog{font-size:36px;line-height:44px;color:#464646}
.blog-single .blog-post .blog.post-single{margin-top:0}
.blog-single .blog-post .blog.post-single .top-blog{padding:50px 0 0;border-bottom:0;margin-bottom:45px}
.blog-single .blog-post .blog.post-single .top-blog h1{font-size:44px;line-height:46px;font-weight:400;margin-bottom:40px}
.blog-single .blog-post .blog.post-single .top-blog .meta-post{padding:19px 22px;margin-bottom:0;border:1px solid #e5e5e5}
.blog-single .blog-post .blog.post-single .top-blog .meta-post p.meta{font-size:14px;line-height:28px;color:#000;font-weight:300}
.blog-single .blog-post .blog.post-single .top-blog .meta-post p.meta .category a{color:#fabb5c}
.blog-single .blog-post .blog.post-single .top-blog .meta-post p.meta .category a:after{background-color:#fabb5c}
.blog-single .blog-post .blog.post-single .top-blog .meta-post p.meta .author a{color:#000;font-weight:300;text-decoration:underline}
.blog-single .blog-post .blog.post-single .content-blog{padding-bottom:100px}
.blog-single .blog-post .blog.post-single .content-blog p{font-size:16px;line-height:28px;margin-bottom:40px}
.blog-single .blog-post .blog.post-single .content-blog>p:last-child{margin-bottom:0}
.blog-single .blog-post .blog.post-single .content-blog p a{border-bottom:1px solid #fabb5c}
.blog-single .blog-post .blog.post-single .content-blog p a:after{content:none}
.blog-single .blog-post .blog.post-single .content-blog p img{margin:20px 0 10px}
.blog-post .main-blog-post .post-item{padding:50px 0 50px;border-bottom:1px solid #e0e0e0;}
.blog-post .main-blog-post article.post .col-lg-7 .wrap-content h3{margin-top:0}
.blog-post .main-blog-post .post-item{margin:0}
.blog-post .main-blog-post article.post .image{padding-left:0}
.blog-post .main-blog-post article.post .title{padding-right:0}
.blog-post .main-blog-post article.post .title h3 a{color: #000}
#page #main blockquote{width:780px;margin:60px auto;background:#f3f3f3;padding:50px 60px 60px;max-width:100%;font-size:22px;line-height:40px;font-style:italic;font-weight:300;border:none}
#page #main blockquote p{font-size:inherit;line-height:inherit}
.blog-single .blog-post .blog.post-single .content-blog blockquote p{margin-bottom:0;font-size:22px;line-height:40px;font-style:italic;color:#464646;font-weight:300}
.blog-single .blog-post .blog.post-single .related-posts{margin-top:0;padding:48px 0 0;border-top:1px solid #CCC}
.blog-single .blog-post .blog.post-single .related-posts>h2{font-size:36px;line-height:44px;font-weight:400;color:#464646;margin-bottom:50px}
.blog-single .blog-post .blog.post-single .related-posts .item-post{position:relative;margin-bottom:40px;}
.blog-single .blog-post .blog.post-single .related-posts .item-post .images img {width: 100%;}
.blog-single .blog-post .blog.post-single .related-posts .item-post .icon{position:absolute;top:6px;left:15px}
.blog-single .blog-post .blog.post-single .related-posts .item-post .icon i.fa{font-size:36px;color:rgba(70,70,70,.2)}
.blog-single .blog-post .blog.post-single .related-posts .item-post .content h3{margin-bottom:18px;margin-top: 30px;}
.blog-single .blog-post .blog.post-single .related-posts .item-post .content h3 a{color:#464646;font-size:22px;line-height:32px;text-transform:uppercase}
.blog-single .blog-post .blog.post-single .related-posts .item-post .content h3 a:after{content:none}
.blog-single .blog-post .blog.post-single .related-posts .item-post .content h3 a:hover{color:#fabb5c}
.blog-single .blog-post .blog.post-single .related-posts .item-post .content p{font-size:16px;line-height:28px;color:#464646;font-weight:300}
.page .top-page{padding:10px 0 30px;border-bottom:1px solid #e5e5e5}
.page .top-page h1.page-title{font-weight:400;font-size:36px;line-height:44px;color:#464646;text-transform:capitalize;margin-bottom:0;letter-spacing:.2px}
.page .content-area article.page .entry-content{padding-top:45px;padding-bottom:80px}
.page .content-area article.page .entry-content p{font-size:16px;line-height:28px;color:#464646;font-weight:300;margin-bottom:35px}
.page .content-area article.page .entry-content p a{color:#fabb5c;border-bottom:1px solid #fabb5c;font-weight:500}
.page .content-area article.page .entry-content p:last-child{margin-bottom:0}

.list-post.post-portfolio{padding-top:56px}
.grid-list-isotope{padding-bottom:76px}
.page-type.service-page .content-area>.container{padding-top:45px}
.page-type.service-page .content-area .container p{font-size:16px;line-height:28px;color:#464646;font-weight:300}
.page-type.service-page .load-item_v1.list-post{padding-top:80px}
.page-type.service-page .load-item_v1.list-post .item-post{margin-bottom:50px}
.page-type.service-page .load-item_v1.list-post .item-post h2{line-height:61px;margin-bottom:10px}
.page-type.service-page .load-item_v1.list-post .item-post h2 a{font-size:52px;line-height:61px;color:#d7d7d7;font-weight:900;text-transform:uppercase}
.page-type.service-page .load-item_v1.list-post .item-post p{font-size:16px;line-height:28px;color:#464646;font-weight:300;margin-bottom:30px}
.page-type.service-page .load-item_v1.list-post .item-post p a{color:#fabb5c;font-weight:600;text-decoration:underline}

.search .page-search{width:100%;float:left;padding-bottom:60px;margin-top:20px}
.page-search .load-more .load_more_button{margin-bottom:0}
.page-search .container article:last-child .wrapp-content{border-bottom:none}
.error404 .page-404{min-height: 0;margin-bottom: 60px;max-width: 1440px;margin: 0 auto;padding: 50px 15px 100px;}
.wpcf7-response-output.wpcf7-mail-sent-ok{max-width:none!important}
@media only screen and (max-width:1440px) {
    .blog-post .main-blog-post article.post .col-lg-7 .wrap-content h3{font-size:33px;line-height:43px}
    .blog-single .blog-post .blog-single-title-wrapper h2.title-blog{font-size:36px}
    .blog-single .blog-post .blog.post-single .top-blog h1{font-size:44px}
    .blog-single .blog-post .blog.post-single .related-posts > h2{font-size:36px}
}
@media only screen and (max-width:1199px) {
    

    
}
@media only screen and (max-width:1000px) {
    
    .blog-post .main-blog-post article.post .col-lg-7 .wrap-content h3{font-size:30px;line-height:40px;margin-bottom:25px}
    .blog-post .main-blog-post article.post .col-lg-7 .wrap-content p.desc{margin-bottom:45px}
}
@media only screen and (max-width:991px) {
    .header-menu .header-center{z-index:9999999;width:100%;background:rgba(0,0,0,0.8);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    .header-menu .header-center .header-inner{width:400px;min-height:100%;background:#fff;max-width:90%;position:relative}
    
    .header-menu .open-menu-mobile:hover{color:#fff
    }
    
    
    /*header.site-header{padding:7px 0 20px}*/
    .menu-main-menu-container .mega-menu li:not(.megamenu) .sub-menu{padding:0 0 0 12px}
    .menu-main-menu-container .mega-menu li:not(.megamenu) .sub-menu li a{padding-left:10px}
    .header-container .open-menu-mobile{top:7px}
    .blog-post .main-blog-post article.post .col-lg-5{width:35%;float:left}
    .blog-post .main-blog-post article.post .col-lg-7{width:65%;float:left;padding-right:0}
    .blog-post .main-blog-post article.post .col-lg-7 .wrap-content{padding-right:0}
    .blog-single .blog-post .blog-single-title-wrapper h2.title-blog{font-size:32px;line-height:40px}
    .blog-single .blog-post .blog.post-single .top-blog h1{font-size:38px;line-height:42px;margin-bottom:40px}
    .blog-single .blog-post .blog.post-single .top-blog{padding-top:30px}
    body .blog-content .social-share{margin-top:0}
    .blog-single .blog-post .blog.post-single .content-blog p{margin-bottom:25px}
    #page #main blockquote{margin:50px auto}
    .blog-single .blog-post .blog.post-single .content-blog{padding-bottom:50px}
    .blog-single .blog-post .blog.post-single .related-posts .item-post{width:50%;float:left}
    .blog-single .blog-post .blog.post-single .related-posts .item-post:nth-child(2n+1){clear:both}
}
@media only screen and (max-width:831px) {
    .blog-single .blog-post .blog.post-single .top-blog .meta-post p.meta{width:100%;margin-bottom:4px}
    .blog-single .blog-post .blog.post-single .top-blog .meta-post{padding:14px 22px}
    body .blog-content .social-share{width:100%;text-align:left}
    .blog-single .blog-post .blog.post-single .top-blog{margin-bottom:30px}
}
@media only screen and (max-width:767px) {
    .blog-single .blog-post .blog.post-single .related-posts{padding-left:15px;padding-right:15px}
    .blog-single .blog-post .blog.post-single .related-posts .item-post .content h3 a{font-size:18px;line-height:28px}
    .blog-single .blog-post .blog.post-single .top-blog{padding-left:15px;padding-right:15px}
    .list-post.post-portfolio .grid-list-isotope{margin-left:-10px;margin-right:-10px}
    .grid-list-isotope{padding-bottom:40px}
    .load-more .load_more_button{margin-bottom:60px}
    .list-post-masonry.list-work>.container{padding:0 20px}
    .block.block-project,.block.block-how-do .top-block,.block.block-how-do .list-feature,{padding-left:0;padding-right:0}
    .block.block-blog{padding-left:0;padding-right:0;z-index: 2;position: relative;}

    #main.wrapper .page-type.portfolio-page{padding-left:0;padding-right:0}
    .page-type.portfolio-page .list-post.post-portfolio{padding-left:15px;padding-right:15px}
}
@media only screen and (max-width:720px) {
    .blog-single .blog-post .blog.post-single .related-posts .item-post{width:100%}
    .block.block-recent-works .top-block h2,.block.block-project .row h2{font-size:43px;line-height:53px}
    .home-banner .primary-content p.top-title{margin-bottom:25px;line-height:1.5;font-size:38px}
    .home-banner .primary-content .title{font-size:44px}
    .home-banner .primary-content .sub-title{font-size:34px}

    
    .blog-post .main-blog-post article.post .col-lg-7 .wrap-content h3{font-size:25px;line-height:35px;margin-bottom:15px}
    .blog-post .main-blog-post article.post .col-lg-7 .wrap-content p.desc{margin-bottom:25px;font-size:15px;line-height:25px}
    .blog-post .main-blog-post article.post{padding:30px 0 57px}
}
@media only screen and (max-width:600px) {
    .blog-post .main-blog-post article.post .col-lg-5{width:40%}
    .blog-post .main-blog-post article.post .col-lg-7{padding-left:5px;width:60%}
    .blog-post .main-blog-post article.post .col-lg-7 .wrap-content{padding-left:0}
}
@media only screen and (max-width:480px) {
    .blog-post .main-blog-post .load-item_v1{padding:0}
    .blog-post .main-blog-post article.post .col-lg-5{width:100%;padding-right:0;margin-bottom:20px}
    .blog-post .main-blog-post article.post .col-lg-7{width:100%;padding-left:0}
    .blog-post .main-blog-post article.post{padding:0 0 27px}
    body .blog-post .top-blog{margin-bottom:30px}
    .blog-post .main-blog-post article.post .col-lg-7 .wrap-content h3{font-size:20px;line-height:28px}
    .load-more .load_more_button{margin-bottom:60px}
    body .blog-post .top-blog h1.page-title{font-size:30px;line-height:40px}
    .blog-single .blog-post .blog-single-title-wrapper h2.title-blog{font-size:28px;line-height:36px}
    .blog-single .blog-post .blog.post-single .top-blog h1{font-size:24px;line-height:34px;margin-bottom:34px}
    #page #main blockquote{padding:30px;margin:25px auto}
    .blog-single .blog-post .blog.post-single .related-posts{padding-top:35px}
    .blog-single .blog-post .blog.post-single .related-posts > h2{font-size:28px;line-height:34px;margin-bottom:40px}
    .blog-single .blog-post .blog.post-single .related-posts .item-post{margin-bottom:10px}
    .blog-single .blog-post .blog.post-single .content-blog p img{margin-top:10px}
    .page .content-area article.page .entry-content{padding-top:32px}
    .page .content-area article.page .entry-content p{margin-bottom:24px}
    .page .content-area article.page .entry-content{padding-bottom:40px}
    .page .top-page h1.page-title{font-size:30px;line-height:40px}
    .error404 .page-404 .widget_search{margin-top:30px}
    .error404 .page-404{margin-bottom:30px}
}

/********************STYLE***************************/
/*@font-face{
  font-family:"StaatlichesRegular";
  src:url(../fonts/Staatliches-Regular.woff);
}*/

body * {
    font-family: Arial;
    color: #000;
}

img {
    max-width: 100%;
    height: auto;
}

body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
    margin: 0;
    font-weight: bold;
}

#main {
    overflow: hidden;
}

.container {
    max-width: 1440px;
    width: 100%;
}

footer ul, header ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

ol, ul {
    margin-top: 0;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

ul li,
ol li {
    list-style-type: none;
}

dir, menu, ul {
    display: block;
    list-style-type: disc;
    padding: 0 0 0 40px;
}

/* width */
::-webkit-scrollbar {
    width: 0px;
}

a:active, a:focus, a:hover {
    text-decoration: none;
    outline: 0!important;
}

.home h3 {
    font-size: 46px;
    color: #252525;
    line-height: 1.2;
}

/***********************HEADER*****************************/

.top-header {
    /* IE10+ */ 
    background-image: -ms-linear-gradient(top, #242424 0%, #050505 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #242424 0%, #050505 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #242424 0%, #050505 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #242424), color-stop(100, #050505));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #242424 0%, #050505 100%);

    /* W3C Markup */ 
    background-image: linear-gradient(to bottom, #242424 0%, #050505 100%);
    padding: 19px 0;
}

.email_header a {
    font-size: 100%;
    color: #fbb316;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: bold;
    letter-spacing: 5.5px;
    display: block;
    padding-top: 5px;
}

.phone_header a {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: bold;
    letter-spacing: 5px;
    display: block;
    text-align: right;
    
}

#menu-primary-menu {
    text-align: right;
    margin-right: -20px;
    margin-top: 19px;
}

#menu-primary-menu a {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: bold;
    padding: 18px 25px;
    border-radius: 3px;
}

#menu-primary-menu li {
    display: inline-block;
    position: relative;
    margin-left: -4px;
}

#menu-primary-menu li:after {
    content: '-';
    font-family:"Montserrat";
    color: #000;
    font-size: 16px;
    position: absolute;
    font-weight: bold;
    right: -3px;
}

#menu-primary-menu li:last-child:after {
    display: none;

}

#menu-primary-menu li.current-menu-item a,
#menu-primary-menu li a:hover {
    background: #000;
    color: #fff;
}

.header-menu {
    padding-top: 14px;
    padding-bottom: 17px;
}

/**************BANNER******************/

.home-banner {
    padding: 88px 0 98px;
}

.home-banner h3 {
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    margin-top: 10px;
    line-height: 1.2;
    max-width: 6000px;
}

.home-banner .left p {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 34px;
    max-width: 600px;
    letter-spacing: 1px;
    line-height: 1.2;
    font-family:"Montserrat";
}

.home-banner .button-banner a {
    background: #fbb316;
    font-size: 20px;
    font-weight: bold;
    color: #080808;
    display: inline-block;
    padding: 21px 54px;
    text-transform: uppercase;
    border-radius: 3px;
    margin-top: 50px;
    font-family:"Montserrat";
}

.home-banner .right h4 {
    font-size: 21px;
    font-weight: bold;
    color: #1d1d1d;
    margin-bottom: 19px;
    text-transform: uppercase;
}

form div.wpcf7-response-output {
    margin: 0;
    margin-top: -30px;
    margin-bottom: 20px;
}

.home-banner form {
    width: 100%;
    max-width: 425px;
    background: #fff;
    border-radius: 3px;
    padding: 37px 52px 18px;
    float: right;
}

.home-banner .book-form input,
.home-banner .book-form select {
    width: 100%;
    color: #a3a3a3;
    font-size: 14px;
    height: 62px;
    border: 2px solid #cecece;
    border-radius: 3px;
    margin-bottom: 15px;
    padding-left: 43px;
    padding-right: 10px;
}

.home-banner .book-form input:hover,
.home-banner .book-form select:hover,
.home-banner .book-form input:focus,
.home-banner .book-form select:focus {
    border: 2px solid #fbb316;
}

form span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 12px;
    font-weight: normal;
    display: block;
    position: relative;
    top: -13px;
}

.home-banner .book-form input[type="submit"] {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    border: 2px solid #000 !important;
    text-align: center;
    padding: 0;
}




.home-banner .book-form select::-ms-expand {
    display: none !important;
}
.home-banner .book-form select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
.home-banner .book-form select::-ms-expand {
  display: none;
}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a3a3a3;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #a3a3a3;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #a3a3a3;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #a3a3a3;
}

.home-banner .book-form .group {
    position: relative;
}

.home-banner .book-form .group i {
    position: absolute;
    color: #fdd392;
    z-index: 2;
    top: 21px;
    left: 18px;
}

/**************DOWNLOAD******************/

#download-app {
    padding: 107px 0 99px;
    line-height: 1.2;
}

#download-app h3 {
    font-weight: bold;
    color: #252525;
    margin-bottom: 55px;
    line-height: 1.2;
}

#download-app table strong {
    font-size: 24px;
    color: #252525;
    font-family: "Montserrat";
    margin-bottom: 8px;
    display: inline-block;
}

#download-app table td {
    color: #8d8d8d;
    font-size: 16px;
    font-family: "Montserrat";
    padding-bottom: 50px;
    line-height: 1.4;
    font-weight: 500;
}

#download-app table td:first-child {
    width: 105px;
}

#download-app table tr td:last-child {
    padding-left: 22px;
    vertical-align: top;
    padding-top: 5px;
}

#download-app .left {
    background: #fff;
}

#download-app .right a {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 14px;
}

/**********************************CALL**************************************/

./* Style for the floating WhatsApp button */
.body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
  }
  
  .float{
      position:fixed;
      width:60px;
      height:60px;
      bottom:160px;
      right:10px;
      background-color:#25d366;
      color:#FFF;
      border-radius:50px;
      text-align:center;
    font-size:30px;
      box-shadow: 2px 2px 3px #000000;
    z-index:100;
  }
  .messenger-button {
    position: fixed;
    bottom: 80px;
    right: 10px;
    width: 60px;
    height: 60px;
    background-color: #0099FF; /* Change color as needed */
    border-radius: 50px;
    text-align: center;
    line-height: 60px;
    color: #ffffff;
    font-size: 34px;
    
    z-index: 100;
}
  
  .my-float{
      margin-top:16px;
  }
/* Floating button style */
        .floating-btn {
            position: fixed;
            right: 10px;
            bottom: 50%;
            transform: translateY(50%);
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #007bff;
            color: white;
            padding: 10px 20px;
            border-radius: 30px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            text-align: center;
            font-size: 16px;
            cursor: pointer;
            z-index: 1000;
            writing-mode: vertical-rl;
            text-orientation: mixed;
        }

        /* Hover effect */
        .floating-btn:hover {
            background-color: #0056b3;
        }
  

#home-call {
    padding: 88px 0 92px;
}

#home-call h3,
#home-call h4,
#home-call a {
    color: #ffffff;
    line-height: 1.5;
}

#home-call .left {
    width: 60%;
    flex: inherit;
    max-width: inherit;
}

#home-call .right {
    width: 40%;
    flex: inherit;
    max-width: inherit;
}

#home-call h4 {
    font-size: 42px;
}

#home-call a {
    font-size: 28px;
    display: inline-block;
    width: 100%;
    max-width: 430px;
    background: #fbb316;
    border-radius: 5px;
    font-family: "Montserrat";
    text-transform: uppercase;
    font-weight: 600;
    padding: 16px 20px;
    margin-top: 10px;
}

#home-call .box-call {
    text-align: center;
    max-width: 430px;
    float: right;
    width: 100%;
}

/**********************************ABOUT**************************************/

#about {
    padding: 109px 0 0;
    line-height: 1.2;
}

#about h3 {
    margin-bottom: 58px;
    line-height: 1.2;
    max-width: 660px;
}

#about .left p {
    font-size: 18px;
    max-width: 550px;
    line-height: 26px;
}

#about li {
    font-size: 22px;
    font-family: "Montserrat";
    font-weight: bold;
    color: #252525;
    position: relative;
    width: 50%;
    float: left;
    padding-left: 40px;
    margin-bottom: 34px;
}

#about li:before {
    content: '';
    width: 30px;
    height: 32px;
    background: url('../images/iccheck-min.png');
    position: absolute;
    left: 0;
    top: -5px;
}

#about ul {
    padding: 0;
    margin-top: 69px;
}

#about .border-img {
    display: inline-block;
    float: right;
    padding-left: 20px;
    padding-top: 30px;
    position: relative;
    top: -160px;
    z-index: 3
}

#about .border-img:before {
    content: '';
    width: calc(100% - 20px);
    height: calc(100% - 30px);
    position: absolute;
    background: #fbb316;
    left: 0;
    z-index: -1;
    top: 0;
}

#about .left {
    width: 56%;
    flex: inherit;
    max-width: inherit;
}

#about .right {
    width: 44%;
    padding-left: 0;
    padding-top: 101px;
    flex: inherit;
    max-width: inherit;
}

/**********************************SERVICES**************************************/

#services {
    padding: 47px 0 160px;
}

#services h3 {
    margin-bottom: 79px;
    max-width: 650px;
}

#services .list-services-home .item-post {
    padding: 0 22px;
}

#services .list-services-home .item-post .box-image,
#services .list-services-home .item-post .content {
    padding-left: 20px;
}

#services .list-services-home img {
    width: 100%;
}

.list-services-home .item-post .box-image {
    position: relative;
    padding-top: 38px;
}

#services .list-services-home {
    margin: 0 -22px;
    margin-bottom: 100px;
}

#services .list-services-home .item-post .box-image h4 {
    position: absolute;
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    bottom: 0;
    padding: 41px;
    line-height: 1.2;
    padding-bottom: 36px;
}

#services .list-services-home .item-post .box-image:before {
    content: '';
    width: calc(100% - 54px);
    height: calc(100% - 51px);
    position: absolute;
    background: #fbb316;
    left: 0;
    z-index: -1;
    top: 0;
}

#services .list-services-home .item-post a {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: #000;
    font-family: "Montserrat";
    padding: 13px 28px;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
    margin-top: 16px;
}

#services .list-services-home .item-post p {
    font-size: 18px;
    margin-top: 34px;
    line-height: 26px;
    max-width: 395px;
    margin-bottom: 14px
}

#services .list-services-home .item-post .starting_price,
#services .list-services-home .item-post .starting_price span {
    font-size: 22px;
    color: #000;
    font-family: "Montserrat";
    font-weight: bold;
}

#services .list-services-home .item-post .starting_price span.title_price {
    color: #fbb316;
}

#services .list-services-home .item-post .starting_price sup {
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 14px;
}

#services .slick-arrow {
    bottom: -130px;
}

/**********************************Suitable Taxi**************************************/

#pricing {
    padding: 125px 0 136px;
    text-align: center;
}

#pricing h3 {
    margin-bottom: 25px;
}

#pricing .top-block p {
    max-width: 680px;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 26px;
}

#pricing .list-suitable-home {
    margin: 0 -57px;
    margin-top: 42px;
}

.list-suitable-home .slick-arrow {
    bottom: -80px;
    padding: 0;
}

#pricing .list-suitable-home .item-post {
    padding: 0 57px;
}

#pricing .list-suitable-home .item-post img {
    width: 100%;
}

#pricing .list-suitable-home .item-post a {
    background: #fff;
    display: block;
    border-radius: 23px;
    border: 3px solid transparent;
    overflow: hidden;
}

#pricing .list-suitable-home .item-post a:hover {
    border: 3px solid #fbb316;
    box-shadow: 10px 10px 15px #e2e2e2;
}

#pricing .list-suitable-home .content {
    padding: 33px;
}

#pricing .list-suitable-home .content h4 {
    font-size: 24px;
    color: #252525;
    margin-bottom: 15px;
}

#pricing .list-suitable-home .pricekm {
    font-size: 18px;
    color: #000;
    font-family: "Montserrat";
    font-weight: bold;
    margin-top: 12px;
    display: inline-block;
}

/**********************************TESTIMONIALS**************************************/

#testimonials-home {
    padding: 112px 0 137px;
    border-top: 6px solid #fbb316;
    border-bottom: 6px solid #fbb316;
}

#testimonials-home .list-testimonials-home {
    text-align: center;
    max-width: 1215px;
    margin: 0 auto;
}

#testimonials-home .list-testimonials-home .box-item {
    max-width: 770px;
    margin: 0 auto;
    width: 75%;
}

#testimonials-home .list-testimonials-home .box-item p {
    font-size: 20px;
    color: #707070;
    font-family: "Montserrat";
    font-weight: 500;
    font-style: italic;
    margin-bottom: 17px;
}

#testimonials-home .list-testimonials-home .box-item img {
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 28px;
}

#testimonials-home .list-testimonials-home .box-item {
    font-size: 18px;
    color: #000;
}

#testimonials-home .slick-arrow {
    border: none !important;
    top: 80px;
    z-index: 9;
}

#testimonials-home .slick-arrow span {
    position: relative;
    color: #ccc;
}

#testimonials-home .slick-arrow {
    width: 51px;
    padding: 0;
    height: 35px;
    text-align: left;

}

#testimonials-home .slick-prev {
    background: url('../images/prev.png');
}

#testimonials-home .slick-prev.slick-disabled {
    background: url('../images/disprev.png')
}

#testimonials-home .slick-next {
    background: url('../images/next.png');
}

#testimonials-home .slick-next.slick-disabled {
    background: url('../images/disnext.png')
}

#testimonials-home .slick-prev {
    left: 0;
    transform: inherit;
}

#testimonials-home .slick-next {
    left: inherit;
    right: 0;
    transform: inherit;
    margin:0;
}


/**************BLOG******************/

#blog-home h3 {
    max-width: 775px;
    margin-bottom: 67px;
}

#blog-home {
    padding: 114px 0 225px;
}

#blog-home .list-blog-home .item-post .box-item {
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 10px 10px 15px #e2e2e2;
}
#blog-home .list-blog-home .item-post .box-item>div {
    border: 2px solid transparent;
    border-radius: 5px;
    padding: 54px 64px;
    padding-right: 130px;
}

#blog-home .list-blog-home .item-post {
    margin-bottom: 50px;
    outline: none !important;
}

#blog-home .list-blog-home .item-post .box-item:hover,
#blog-home .list-blog-home .item-post .box-item:hover>div {
    border: 1.5px solid #fbb316;
}

#blog-home .list-blog-home .item-post {
    padding-left: 60px;
    padding-right: 60px;

}

#blog-home .list-blog-home {
    margin-left: -60px;
    margin-right: -60px;
}

#blog-home .share-links li,
#blog-home .share-links {
    display: inline-block;
}

#blog-home .list-blog-home .item-post h4 {
    font-size: 24px;
    color: #252525;
    margin-bottom: 23px;
    line-height: 34px;
}

#blog-home .list-blog-home .readmore {
    font-size: 16px;
    font-family: "Montserrat";
    font-weight: 500;
    color: #fff;
    background: #fbb316;
    padding: 17px 40px;
    border-radius: 3px;
    display: inline-block;
    text-transform: uppercase;
    position: absolute;
    bottom: -27px;
}

#blog-home .share-links li {
    position: relative;
    padding: 0 11px;
    font-size: 20px;
}

#blog-home .share-post {
    margin-top: 19px;
}

#blog-home .share-links ul {
    padding-left: 0px;
    margin-left: -8px;
    top: 3px;
    position: relative;
}

#blog-home .share-links li:after {
    content: '-';
    font-family:"Montserrat";
    color: #000;
    font-size: 17px;
    position: absolute;
    font-weight: 400;
    right: -6px;
}

#blog-home .share-links li:last-child:after {
    display: none;
}

.slick-dots {
    display: none !important;
}

.slick-arrow {
    width: 54px;
    height: 54px;
    border: 3px solid #000;
    border-radius: 50%;
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translate(-50%);
}
.slick-arrow span {
    font-size: 50px;
    line-height: 44px;
    color: #000;
}

.slick-prev {
    padding-left: 10px;
    left: calc(50% - 35px);
}

.slick-next {
    padding-left: 15px;
    margin-left: 35px;
}

.slick-arrow.slick-disabled {
    border: 3px solid #ccc;
}

.slick-arrow.slick-disabled span {
    color: #ccc;
}

#blog-home .slick-arrow {
    bottom: -116px;
}

/**************Subcribe******************/

#contact {
    padding: 76px 0 92px;
}

#contact h3 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 19px;
}

#contact p,
#contact a {
    color: #fff;
}

#contact .column-1 {
    width: 42%;
    flex: inherit; 
    max-width: inherit; 
}

#contact .column-2 {
    width: 36%;
    flex: inherit; 
    max-width: inherit; 
}

#contact .column-3 {
    width: 22%;
    padding-top: 10px;
    flex: inherit; 
    max-width: inherit; 
}

#contact .column-1 p {
    max-width: 450px;
    margin-bottom: 31px;
}
#contact .column-2 a {
    font-family: "Montserrat";
}

#contact .column-2 p {
    line-height: 42px;
    letter-spacing: 1px;
    font-family: "Montserrat";
}

.form_subcribe input {
    height: 58px;
    border: none;
    border-radius: 3px;
    width: 61%;
    font-size: 16px;
    padding: 0 20px;
    max-width: 295px;
    color: #a3a3a3;
}

.form_subcribe input[type="submit"] {
    width: 39%;
    margin-left: -8px;
    background: #fbb316;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    max-width: 188px;
    font-family: "Montserrat";
}

.address {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}

.address .phonenumber {
    font-size: 28px;
}

.soicial_contact img {
    margin-right: 15px  
}

.soicial_contact li {
    margin-bottom: 14px;
}

.mc4wp-response {
    margin-top: 10px;
}

/**************FOOTER******************/

#menu-footer-menu li {
    display: inline-block;
    position: relative;
}

#menu-footer-menu li.current-menu-item a, 
#menu-footer-menu li a:hover {
    text-decoration: underline;
}

#menu-footer-menu {
    text-align: center;
    margin-bottom: 30px;
}

#menu-footer-menu li a {
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: 700;
    padding: 10px 32px
}

#menu-footer-menu li:after {
    content: '-';
    font-family:"Montserrat";
    color: #000;
    font-size: 16;
    position: absolute;
    font-weight: 700;
    right: -4px;
}

#menu-footer-menu li:last-child:after {
    display: none;

}

.copyright {
    text-align: center;
    color: #000;
    font-weight: 500;
    font-family:"Montserrat";
    margin-top: -14px;
}

.copyright a {
    color: #000;
    font-weight: 600;
    font-family:"Montserrat";
    text-decoration: underline;
}

.footer-bottom {
    padding: 71px 0 71px;
}

/*.mc4wp-response p {
    color: #ff0000 !important;
}*/

@media only screen and (max-width:1600px) {

    #menu-primary-menu {
        margin-right: -15px;
    }

    #menu-primary-menu a {
        padding: 18px 20px;
    }
}

@media only screen and (max-width:1440px) {
    #about .left {
        width: 62%;
    }

    #about .right {
        width: 38%;
    }

    #about .left p {
        max-width: 95%;
    }

    #about .border-img {
        max-width: 70%;
    }

    #pricing .list-suitable-home {
        margin: 0 -20px;
    }

    #pricing .list-suitable-home .item-post {
        padding: 0 20px;
    }

    #blog-home .list-blog-home .item-post {
        padding-left: 20px;
        padding-right: 20px;

    }

    #blog-home .list-blog-home {
        margin-left: -20px;
        margin-right: -20px;
    }

     #blog-home .list-blog-home .item-post .box-item>div {
        padding: 50px;
        padding-right: 50px;
    }

    #menu-footer-menu li a {
        padding: 10px 15px;
    }
}

@media only screen and (max-width:1280px) {

}

@media only screen and (max-width:1200px) {
    #menu-primary-menu a {
        padding: 10px 12px;
    }

    #contact .column-1 {
        width: 36%;
    }

    #contact .column-2 {
        width: 38%;
    }

    #contact .column-3 {
        width: 26%;
    }

    .address .phonenumber {
        font-size: 24px;
    }
   
}

@media only screen and (max-width:991px) {

    .openmenu .header-center {
        left: 0;
        opacity: 1;
        visibility: visible;
        -ms-transform: all 0.3s ease-in-out;
        -webkit-transform: all 0.3s ease-in-out;
        transform: all 0.3s ease-in-out;
    }

    .header-center {
        left: -100%;
        opacity: 0;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 990;
        visibility: hidden;
        width: 400px;
        background: #fff none repeat scroll 0 0;
        -webkit-transition: all .3s ease-in-out 0;
        transition: all .3s ease-in-out 0;
    }

    .header-center, .header-scroll {
        overflow: auto;
    }

    header.site-header {
        /*padding: 20px 0 20px;*/
        height: auto;
    }

    .header-menu .header-center .header-inner {
        width: 400px;
        min-height: 100%;
        background: #fff;
        max-width: 90%;
        position: relative;
    }

    .open-menu-mobile {
        color: #fff;
        padding: 10px 15px;
    }

    .menu-title {
        padding: 30px 15px 0 ;
        margin-bottom: 5px;
        text-align: left;
        text-transform: uppercase;
        margin-top: 0;
        padding-top: 35px;
    }

    .header-container .mega-menu li a {
        font-size: 16px;
    }

    .close-menu, .close-menu-mobile {
        border: 1px solid #fabb5c;
        color: #fabb5c;
        cursor: pointer;
        display: table;
        font-size: 20px;
        height: 40px;
        padding: 0;
        position: absolute;
        right: 15px;
        text-align: center;
        vertical-align: middle;
        width: 40px;
        top: 44px;
        padding: 8px 11px;
    }

    .menu-primary-menu-container {
        padding: 0px;
    }

    .header-container .mega-menu li a:focus, 
    .header-container .mega-menu li a:hover, 
    .header-container .mega-menu>li.menu-item.current-menu-item>a:focus, 
    .header-container .mega-menu>li.menu-item.current-menu-item>a:hover {
        color: #fabb5c;
        background: transparent;
    }

    header .current-menu-item a {
        color: #fabb5c !important;
    }

    .header-container .mega-menu {
        display: block;
    }

    .close-menu i, .close-menu-mobile i {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        width: 100%;
    }

    .header-container .main-navigation .mega-menu>li.menu-item>a {
        border-bottom: 1px solid #f0efef;
    }

    .open-menu-mobile {
        background: transparent none repeat scroll 0 0;
        border: medium none;
        color: #000;
        float: left;
        font-size: 30px;
        cursor: pointer;
        z-index: 9;
        position: absolute;
        top: 3px;
        right: 0;
    }

    .open-menu-mobile i {
        color: #000;
    }

    .display-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-container .main-navigation .mega-menu>li.menu-item:first-child>a {
        border-top: 1px solid #f0efef;
    }

    .header-container .main-navigation .mega-menu>li.menu-item a {
        padding-left: 0;
    }

    .header-container .main-navigation .mega-menu>li.menu-item {
        display: block;
    }

    .header-container .mega-menu>li.menu-item.current-menu-item>a, 
    .header-container .mega-menu>li.menu-item.current-menu-parent>a, 
    .header-container .mega-menu>li.menu-item>a {
        color: #363636;
        height: 45px;
    }

    #menu-primary-menu li:after {
        display: none;
    }

    #menu-primary-menu li {
        display: block;
    }

    #menu-primary-menu {
        text-align: left;
        margin-right: 0;
    }

    #menu-primary-menu li a {
        color: #000;
        display: block;
        padding: 11px 20px;
        border-radius: 0;
    }

    #menu-primary-menu li.current-menu-item a:before, 
    #menu-primary-menu li a:hover:before {
        display: none;
    }

    /**************************************************************************************************/

    .email_header a {
        font-size: 12px;
        letter-spacing: 2.5px;
    }

    .phone_header a {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .home-banner {
        padding: 40px 0 60px;
    }

    .home-banner form {
        width: 100%;
        max-width: 550px;
        background: #fff;
        border-radius: 3px;
        padding: 37px 30px 18px;
        float: none;
        margin: 0 auto;
        margin-top: 50px;
    }

    #download-app {
        background-position: bottom right !important;
    }

    #download-app .right {
        padding-top: 60px;
    }

    .home-banner h3 {
        max-width: 100%;
    }

    .home h3 {
        font-size: 20px;
    }

    #download-app {
        padding: 60px 0 50px;
    }
    #about {
        padding: 60px 0 0;
    }

    #about .left {
        width: 100%;
    }

    #about .right {
        width: 100%;
        padding-left: 15px;
        padding-top: 20px;
    }

    #about .border-img {
        margin-bottom: -140px;
    }

    #services {
        padding: 70px 0 100px;
    }

    #about .right img {
        margin-top: 30px;
    }

    #about .right .border-img img {
        margin-top: 0;
    }

    #contact .column-1 p {
        max-width: 100%;
    }

    #contact .column-1 {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    #contact .column-2 {
        width: 65%;
        float: left;
    }

    #contact .column-3 {
        width: 35%;
        float: left;
    }

    #contact .column-3 ul {
        padding: 0;
    }

    #pricing {
        padding: 60px 0 136px;
    }

    #testimonials-home {
        padding: 70px 0 70px;
    }

    #blog-home {
        padding: 70px 0 170px;
    }

    #blog-home h3 {
        margin-bottom: 40px;
    }

}

@media only screen and (max-width:870px) {
    #home-call .left,
    #home-call .right {
        width: 100%;
    }

    #home-call .box-call {
        float: none;
        margin: 0 auto;
        margin-top: 30px;
    }
}

@media only screen and (max-width:767px) {

    .home h3 {
        font-size: 20px;
    }

    #about li {
        font-size: 18px;
    }

    #about ul {
        margin-top: 45px;
    }

    #contact .column-2 {
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 30px;
    }

    #contact .column-3 {
        width: 100%;
        float: left;
        text-align: center;
    }

    .email_header a {
        text-align: center;
    }
    
    .phone_header a {
        font-size: 16px;
        text-align: center;
        margin-top: 6px;
    }

    .home-banner .left p {
        font-size: 18px;
    }

    #download-app table td:first-child {
        width: 80px;
        vertical-align: top;
    }

    #home-call h3 {
        text-align: center;
    }

    #home-call h4 {
        font-size: 30px;
    }

    #home-call a {
        font-size: 24px;
    }

    #services .list-services-home .item-post .box-image h4 {
        font-size: 24px;
        padding: 20px;
        padding-bottom: 15px;
    }

    #blog-home .list-blog-home .item-post .box-item>div {
        padding: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
    }

    #contact .column-2 p {
        line-height: 30px;
        letter-spacing: 0;
    }

    #contact {
        padding: 60px 0 50px;
    }

    #services h3 {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width:640px) {
    #about li {
        width: 100%;
    }

    .home h3 {
        font-size: 20px;
    }

    #testimonials-home .list-testimonials-home .box-item p {
        font-size: 18px;
    }

    .home-banner form {
        padding: 35px 20px 18px;
    }
}

@media only screen and (max-width:580px) {
    #services .slick-arrow {
        bottom: -80px;
    }

    #services {
        padding: 90px 0 50px;
    }

    #about .border-img {
        top: -115px;
    }
}

@media only screen and (max-width:425px) {
    .phone_header a {
        max-width: 220px; 
        margin: 0 auto;
        margin-top: 6px;
    }

    #about .border-img {
        margin-bottom: -110px;
        top: -80px;
    }

    .form_subcribe input[type="submit"] {
        width: 43%;
        padding: 0;
        text-align: center;
        position: relative;
        top: 1px;
    }

    .form_subcribe input {
        width: 57%;
        padding: 0 15px;
        padding-right: 0;
    }

    .home-banner .button-banner a {
        padding: 21px 40px;
        width: 100%;
        text-align: center;
    }
}
