@charset "utf-8";



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

    .before_after_text {

        padding: 80px 50px

    }



    .inner-nav ul {

        font-size: 12px

    }

}



@media only screen and (min-width:1200px) and (max-width:1599px) {

    .before_after_text {

        padding: 60px 50px

    }



    .inner-nav ul li {

        margin-left: 10px;

    }

    section.banner img { height: 670px; }

    .bannerfrom { top: 0; }

}



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

    .hs-wrap {

        max-width: 540px

    }



    .hs-line-1 {

        letter-spacing: 40px

    }



    .hs-line-2 {

        font-size: 68px

    }



    .hs-line-12 {

        font-size: 70px;

        letter-spacing: .3em

    }



    .hs-line-13 {

        font-size: 78px;

        letter-spacing: .195em

    }



    .alt-service-grid {

        margin-top: -40px

    }



    .alt-service-item {

        margin-top: 40px;

        padding-left: 48px

    }



    .alt-services-title {

        font-size: 14px;

        margin-bottom: 5px

    }



    .alt-services-image {

        margin-top: 10px

    }



    .work-grid-5 .work-item {

        width: 25%

    }



    .mod-breadcrumbs-mini {

        text-align: right

    }

}



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

    .tpl-alt-tabs {

        font-size: 13px;

        letter-spacing: .2em

    }



    .tpl-alt-tabs > li {

        width: 170px

    }



    .split-section-wrapper {

        padding: 0 15px

    }

    .bannerfrom h2 { font-size: 50px; }

    section.banner img { height: 650px; }

    .bannerfrom { top: 0; }

}



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

    .hs-wrap {

        max-width: 480px;

        padding-top: 37px;

        padding-bottom: 43px

    }



    .hs-line-1 {

        letter-spacing: 30px

    }



    .hs-line-2 {

        font-size: 60px

    }



    .hs-line-9 {

        font-size: 71px

    }



    .hs-line-10 {

        padding: 10px 14px;

        letter-spacing: 1px

    }



    .hs-line-10 > span {

        margin: 0 1px

    }



    .benefit-item {

        width: 300px;

        padding: 15px 32px

    }



    .page-section {

        padding: 80px 0

    }



    .home-section,

    .page-section,

    .small-section {

        background-attachment: scroll

    }



    .owl-pagination {

        bottom: 25px

    }



    .section-bot-image {

        margin: 120px 0 -120px

    }



    .lp-item {

        width: 50%

    }



    .lp-item:nth-child(4n+5) {

        clear: none

    }



    .lp-item:nth-child(2n+3) {

        clear: left

    }



    .lp-author,

    .lp-title {

        font-size: 13px

    }

    .projectFactsWrap .item { width: 50%; }

    .bannerfrom h2 { font-size: 40px; }

}



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

    .hs-line-1 {

        letter-spacing: 23px

    }



    .hs-line-13 {

        letter-spacing: .17em

    }



    .mod-breadcrumbs:not(.align-center):not(.mod-breadcrumbs-mini) {

        text-align: left !important

    }



    .tpl-alt-tabs > li {

        width: 200px

    }



    .split-section-content,

    .split-section-content.left,

    .split-section-content.right,

    .split-section-headings,

    .split-section-headings.left,

    .split-section-headings.right {

        float: none !important;

        width: auto

    }



    .split-section-headings .section-title {

        font-size: 35px;

        letter-spacing: 5px

    }



    .banner-text {

        text-align: center

    }



    .banner-image {

        margin: 40px 0

    }



    .team-item-name {

        font-size: 16px

    }



    .features-icon {

        font-size: 64px

    }



    .features-title {

        font-size: 20px

    }



    .features-descr {

        font-size: 14px

    }



    .container .work-grid-3 .work-item,

    .work-grid-3 .work-item,

    .work-grid-5 .work-item,

    .work-item {

        width: 50%

    }



    .blog-item-date {

        border: none

    }



    .countdown > li {

        margin: 0 20px

    }



    .countdown-number {

        width: 74px;

        height: 74px;

        font-size: 24px;

        line-height: 64px

    }



    .countdown-number > b {

        bottom: 18px

    }

}



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

    .hs-wrap {

        max-width: 400px

    }



    .hs-line-2 {

        font-size: 50px

    }



    .hs-line-7 {

        font-size: 50px

    }



    .page-section {

        padding: 80px 0

    }



    .small-section {

        padding: 50px 0

    }



    .small-title {

        font-size: 18px

    }



    .owl-pagination {

        bottom: 17px

    }



    .section-bot-image {

        margin: 70px 0 -70px

    }



    .tpl-minimal-tabs > li {

        padding: 0 5px

    }



    .benefit-item {

        width: 264px

    }



    .count-descr {

        margin-bottom: 30px

    }



    .alt-service-grid {

        margin-top: -30px

    }



    .alt-service-item {

        margin-top: 30px

    }



    .works-filter a {

        padding-left: 10px;

        padding-right: 10px;

        margin: 4px

    }



    .blog-item {

        margin-bottom: 50px

    }



    .blog-item-date {

        top: 0;

        left: -100px

    }



    .blog-item-title {

        font-size: 20px

    }



    .blog-item-title .small {

        font-size: 15px

    }



    .blog-item-body {

        font-size: 14px

    }



    .blog-media {

        margin-bottom: 15px

    }



    .blog-item-body .small {

        font-size: 13px

    }



    .google-map > iframe {

        height: 300px

    }



    .fm-logo-wrap {

        top: 17px;

        left: 17px

    }



    .fm-button {

        top: 17px;

        right: 17px

    }

}



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

    .main-section { margin-top: 0 !important; }

    .hs-wrap {

        max-width: 320px;

        padding-top: 27px;

        padding-bottom: 33px

    }



    .hs-line-1 {

        font-size: 24px

    }



    .hs-line-2 {

        font-size: 36px

    }



    .hs-line-3 {

        font-size: 13px

    }



    .hs-image {

        display: none

    }



    .hs-wrap-1 {

        max-width: 240px

    }



    .hs-line-5 {

        font-size: 44px;

        letter-spacing: .28em

    }



    .hs-line-6 {

        font-size: 16px

    }



    .hs-line-7 {

        font-size: 32px

    }



    .hs-line-8 {

        font-size: 20px;

        line-height: normal !important

    }



    .hs-line-9 {

        font-size: 48px

    }



    .hs-line-10 {

        padding: 5px 8px;

        font-size: 11px;

        letter-spacing: 1px

    }



    .hs-line-10 > span {

        margin: 0

    }



    .hs-line-11 {

        font-size: 24px

    }



    .hs-line-12 {

        font-size: 44px

    }



    .hs-line-13 {

        font-size: 60px;

        letter-spacing: .1em

    }



    .hs-line-14 {

        font-size: 24px !important;

        letter-spacing: .3em

    }



    .hs-line-15 {

        font-size: 32px

    }



    .team-item {

        max-width: 100%;

        margin-left: auto;

        margin-right: auto

    }



    .team-item-text {

        border-radius: 0

    }



    .alt-features-grid {

        margin-top: -30px

    }



    .alt-features-item {

        margin-top: 30px

    }



    .benefit-item {

        width: 230px;

        padding: 0

    }



    .benefit-item:hover:after {

        display: none

    }



    .wide-heading {

        font-size: 32px;

        letter-spacing: 2px

    }



    .works-filter a {

        padding-left: 10px;

        padding-right: 10px;

        margin: 4px;

        width: 46%;

        font-size: 11px

    }



    .contact-item {

        margin-bottom: 20px

    }



    .quick_inquiry_block {

        padding: 20px

    }



    .inner_page .before_after_sec .text {

        padding-left: 0;

        padding-top: 25px;

        position: relative;

        display: inline-block

    }



    .client_reviews {

        margin: 0 15px

    }



    .blog-item-date {

        width: auto;

        position: relative;

        top: auto;

        left: auto;

        padding: 0;

        text-align: left

    }



    .date-num {

        display: inline !important;

        margin: 0 5px 10px 0

    }



    .sidebar {

        margin-top: 50px

    }



    blockquote p {

        font-size: 20px

    }



    blockquote footer {

        margin-top: 0;

        font-size: 12px

    }



    .banner-content {

        text-align: left

    }



    .banner-content h2 {

        margin-bottom: 15px

    }



    .banner-decription {

        margin-bottom: 25px;

        font-size: 16px;

        line-height: 25px

    }



    .banner-image {

        text-align: center

    }



    .before_after_text {

        padding: 50px 0

    }



    .banner-section .mt-140.mt-lg-80.mb-140.mb-lg-80 {

        margin: 45px 0 60px

    }



    #team .pr0 {

        padding-right: 15px !important

    }



    #team .pl0 {

        padding-left: 15px !important

    }



    .cf-left-col,

    .cf-right-col {

        width: auto;

        margin-right: 0;

        float: none

    }



    .section-more,

    .section-more.left,

    .section-more.right {

        float: none !important;

        display: block

    }



    .big-icon {

        width: 60px;

        height: 60px;

        line-height: 56px;

        font-size: 24px;

        margin-bottom: 0

    }



    .blog-slide-info {

        padding: 10px

    }



    .blog-slide-title {

        font-size: 12px

    }



    .blog-slide-data {

        display: none

    }



    .top-bar {

        min-height: 0

    }



    .top-links {

        float: none !important;

        padding: 5px 0;

        text-align: center

    }



    .top-links li,

    .top-links li:last-child {

        float: none;

        border: none;

        display: inline-block

    }



    .top-links li a {

        display: inline-block;

        min-width: 0;

        height: auto;

        line-height: 1;

        padding: 0 5px

    }



    .top-bar.dark .top-links li a:hover,

    .top-links li a:hover {

        background: 0 0

    }



    .side-panel {

        padding-bottom: 20px

    }



    .sp-logo-wrap {

        max-width: 100px;

        margin: 0 auto

    }



    .sp-logo-wrap .logo {

        padding: 20px 0 0 0

    }



    .sp-menu-links a {

        padding-top: 10px;

        padding-bottom: 10px

    }



    .sp-social-links {

        width: auto;

        position: static;

        padding-bottom: 10px

    }



    .countdown > li {

        margin: 0 10px 20px

    }



    .countdown-number {

        width: 44px;

        height: 44px;

        font-size: 20px;

        line-height: 44px

    }



    .countdown-number > b {

        bottom: -20px;

        font-size: 9px;

        color: rgba(255, 255, 255, .85)

    }



    .text-mobile {

        font-size: 110%;

        line-height: 1.2

    }

    

}



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


    .testimonials { width: 100%; padding: 0 70px; }



    .projectFactsWrap .item { width: 100%; }



    section.testimonials .review { display: block; text-align: center; }



    section.testimonials .reviewimg, section.testimonials .reviewcontent { display: inline-block; }



    section.testimonials .reviewimg { vertical-align: top; }



    .masonryinn .item { margin: 0 auto; float: none; margin-bottom: 10px; }



    .masonryinn { margin-top: 20px; }



    section.testimonials .reviewcontent { text-align: left; }



    .bannerfrom { position: relative; }



    .bannerfrom .o-container { padding-top: 10px; }



    .bannerfrom h2 { font-size: 24px; text-align: center; margin-bottom: 20px; }



    .bannerfrom p { text-align: center; font-size: 16px; }



    .bannerfrom { position: relative; top: 0; }

    section.banner img { height: auto; }

    section.banner { height: auto; }

    #contact { padding: 30px 0; }

    .footer { margin-bottom: 47px; }

    .page-section { padding-bottom: 30px; padding-top: 0; }

    #contact .section-title, .footer-copy { text-align: left; }

    #contact .section-title { margin-bottom: 15px; }

    .contact-item { margin-bottom: 9px; }

    .main-section, .apos-area-widget-wrapper.aboutus { margin-top: 0 !important; }



    .projectFactsWrap .item { flex: 100%; margin-bottom: 12px; }



    section.risi.page-section .team-item-name { font-size: 24px; }



    section.risi.page-section .team-item-role { font-size: 16px; }



    .col-sm-6.mb-xs-30.col-xs-12.wow.fadeInUp.pl0.bannerman { padding-right: 0; margin: 0 10px; }



}



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

    .btn-mod.btn-large {

        padding: 8px 15px;

        font-size: 13px

    }



    .form input[type=color].input-lg,

    .form input[type=date].input-lg,

    .form input[type=email].input-lg,

    .form input[type=number].input-lg,

    .form input[type=password].input-lg,

    .form input[type=search].input-lg,

    .form input[type=tel].input-lg,

    .form input[type=text].input-lg,

    .form input[type=url].input-lg,

    .form select.input-lg {

        height: 38px

    }



    .hs-line-1 {

        font-size: 20px;

        letter-spacing: 18px

    }



    .hs-line-2 {

        font-size: 28px

    }



    .hs-line-6 {

        font-size: 15px

    }



    .hs-line-7 {

        font-size: 28px

    }



    .hs-line-8 {

        font-size: 12px !important;

        line-height: normal !important

    }



    .hs-line-9 {

        font-size: 42px

    }



    .hs-line-11 {

        font-size: 20px;

        letter-spacing: .2em

    }



    .hs-line-12 {

        font-size: 32px

    }



    .hs-line-13 {

        font-size: 30px;

        letter-spacing: .1em

    }



    .hs-line-15 {

        font-size: 24px

    }



    .scroll-down {

        bottom: 10px;

        height: 34px;

        line-height: 34px

    }



    .scroll-down-icon {

        width: 22px;

        margin-left: -11px

    }



    .scroll-down span {

        display: none

    }



    .nav-bar-compact {

        top: 0;

        left: 0

    }



    .page-section {

        padding: 0px 0px 30px 0px

    }



    .small-section {

        padding: 30px 0

    }



    .owl-pagination {

        bottom: 10px

    }



    .owl-next,

    .owl-prev {

        display: none

    }



    .owl-page {

        padding-left: 8px;

        padding-right: 8px

    }



    .section-bot-image {

        margin: 50px 0 -50px

    }



    .section-title,

    .split-section-headings .section-title,

    .wide-heading {

        font-size: 24px;

        letter-spacing: 2px

    }



    .section-heading,

    .sub-heading {

        font-size: 15px

    }



    .section-text {

        font-size: 15px;

        line-height: 1.7

    }



    .tpl-minimal-tabs > li {

        padding: 0

    }



    .tpl-minimal-tabs > li > a {

        padding: 6px 10px 5px

    }



    .tpl-alt-tabs {

        font-size: 12px;

        letter-spacing: .1em

    }



    .tpl-alt-tabs > li {

        width: 120px

    }



    .alt-tabs-icon {

        font-size: 32px

    }



    .work-container {

        padding: 30px 0

    }



    .margin-bot {

        margin-bottom: 30px

    }



    .section-text,

    .text {

        line-height: 1.7

    }



    .count-number {

        font-size: 32px

    }



    .count-title {

        font-size: 12px

    }



    .works-filter a {

        width: 100%;

        margin-left: 0;

        margin-right: 0

    }



    .container .work-grid-3 .work-item,

    .work-grid-2 .work-item,

    .work-grid-3 .work-item,

    .work-grid-5 .work-item,

    .work-item {

        width: 100%

    }



    .work-full-text {

        margin-top: 30px

    }



    .work-full-title {

        font-size: 20px

    }



    .blog-container {

        margin-top: 30px;

        margin-bottom: 30px

    }



    .blog-item-title {

        font-size: 16px

    }



    .blog-item-q p {

        font-size: 16px

    }



    .comment-avatar {

        width: 30px;

        margin-top: 7px

    }



    .comment-item {

        font-size: 13px

    }



    .separ-space {

        display: block;

        height: 10px

    }



    .bot-menu-item {

        font-size: 16px

    }



    .google-map > iframe {

        height: 300px

    }



    .fixed-height-small {

        min-height: 300px

    }



    .fixed-height-medium {

        min-height: 350px

    }



    .fixed-height-large {

        min-height: 400px

    }



    .tpl-tabs > li {

        display: block;

        float: none;

        width: 100%

    }



    .tpl-tabs > li.active a {

        background: #f5f5f5 !important

    }



    .fm-menu-links a {

        font-size: 14px

    }



    .fm-search {

        width: 200px

    }

}



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

    .nav-social-links {

        display: none

    }

}



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

    .curve {

        max-width: 480px;

        min-width: 150px;

        float: none;

        margin-left: 0;

        -webkit-shape-outside: none;

        shape-outside: none

    }

}



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

    .sp-social-links {

        padding-bottom: 10px;

        position: static;

        width: auto

    }



    .nav-logo-wrap .logo {

        max-width: 150px

    }



    .small-height {

        height: 65px !important

    }

}



.mobile .home-section,

.mobile .page-section,

.mobile .small-section {

    background-attachment: scroll

}



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

    .nav-logo-wrap .logo {

        max-width: 140px

    }



    .home-section.fullscreen-container {

        height: 70vh !important

    }



    .local-scroll a.scroll-down {

        display: none

    }



    .inner_page .banner-text h1 {

        font-size: 28px;

        letter-spacing: 2px

    }



    .inner_page .banner-text {

        height: 95vh

    }



    .fullscreenbanner-s h1 {

        font-size: 24px !important;

        line-height: 30px !important

    }



    .call-banner-home,

    .email-banner-home {

        font-size: 12px;

        bottom: 10px;

        letter-spacing: 1px

    }



    .call-banner-home {

        left: 10px

    }



    .email-banner-home {

        right: 10px

    }



    .call-banner,

    .email-banner {

        font-size: 12px;

        letter-spacing: 1px;

        display: none

    }



    .call-banner {

        bottom: 110px

    }



    #contact .section-title {

        margin-top: 10px

    }



    .footer-copy {

        letter-spacing: normal !important;

        font-size: 14px

    }



    .home_main .main-nav.transparent {

        position: fixed !important;

        background: 0 0 !important

    }



    .main-nav.transparent {

        background: #000 !important;

        position: relative !important;

        transition: none !important

    }



    .inner-page-banner:after,

    .inner-page-banner:before {

        display: none

    }



    .inner_page .banner-text {

        height: 250px

    }

}



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

    .table-alv td:first-child {

        background: #f9f9f9

    }



    .table-alv h2 {

        letter-spacing: 1px !important;

        font-size: 20px !important;

        line-height: normal;

        padding: 0 !important

    }



    .table-alv td {

        vertical-align: top

    }



    .table-alv p {

        text-align: left !important

    }



    img.table-logo {

        left: 41%

    }

}



@media (max-width:737px) {

    img.table-logo {

        left: 41.7%

    }

}



@media (min-width:737px) and (max-width:768px) {

    .table-logo {

        left: 44.7%

    }

}



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

    .inner_page .nav-logo-wrap .logo {

        height: 65px !important;

    }



    .inner_page .main-nav,

    .inner_page .small-height {

        height: 65px !important

    }



    #floatdiv {

        padding: 5px 12px 10px;

        text-align: center

    }



    .box-float h3 {

        font-size: 18px;

    }

    .box-float h4 {

        font-size: 12px;}



    .home-content {

        position: unset;

    }



    .call-banner-home a,

    .email-banner-home a {

        cursor: pointer;

    }

}



.mobile-nav {

    width: 65px !important;

}



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

    .inner_page .banner-text h1 {

        font-size: 36px;

        letter-spacing: 5px;

    }



    .inner_page .banner-text {

        height: 60vh;

    }

}

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

    .wsp-chat {

    right: -10px;

    bottom: 35px;

}

    .wsp-chat a {

    width: 55px;

}

    .wsp-chat img {

    width: 100%;

}

    a.email-banner-home.home-set {

    left: 10px;

    bottom: 25px;

}



}



.g-recaptcha { width: 100%; max-width: 304px; margin: 0 auto; }



.service h1 {

    font-size: 36px;

}



.accordion .accordion-item {

    border-radius: 5px;

    overflow: hidden;

    margin: 10px 0;

    width: 100%;

    max-width: 100%;

}



.accordion-titel {

    padding: 10px 15px 15px 15px;

    cursor: pointer;

    background: transparent;

    border: 1px solid #fcdb00;

    color: #fff;

    font-size: 12px;

    border-radius: 40px;

    width: 100%;

    max-width: 250px;

    margin: 0 auto;

}



.accordion-contant{

    padding: 15px ;

    background-color: transparent;

    display: none;

    width: 100%;

    max-width: 100%;

}

.accordion-titel h2  span{

    float: right;

}



.accordion-titel h2 {

    color: #fff;

    margin: 0;

    line-height: initial;

    font-size: 22px;

}



.accordion-titel h2 i {

    font-size: 20px;

}



/* start moblie button css */



.mobilecallbtn {

    display: none;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    z-index: 999;

    color: #fff;

    border-top: 1px solid #fff;

  }

  

  .mobilecallbtn a:first-child {

    border-right: 1px solid #fff;

  }

  

  .mobilecallbtn {

    text-align: center;

    color: #fff;

  }

  

  .mobilecallbtn a {

    color: #fff;

    text-decoration: none;

    width: 50%;

    float: left;

    vertical-align: middle;

    font-size: 16px;

    padding: 10px 0;

  }

  

  .wp img {

    width: 100%;

    max-width: 20px;

    display: inline-block;

    vertical-align: middle;

  }

  

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

  

    .mobilecallbtn {

      display: block;

      background-color: #000;

    }

  

    .mobilecallbtn a:hover { background-color: #fcdb00; }



    .wsp-chat, #floatdiv { display: none }



    .before.page-section.bg-gray-lighter {

        padding-top: 30px;

      }

  

  }



/* end moblie button css */