﻿/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin-top:0}img,svg{vertical-align:middle}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}dl,ol,p,ul{margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}b,strong{font-weight:bolder}a{color:#007bff;text-decoration:none;background-color:transparent}img{border-style:none}svg{overflow:hidden}button{border-radius:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.list-inline{padding-left:0;list-style:none}.img-fluid{max-width:100%;height:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:576px){.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}}.nav-link{display:block;padding:.5rem 1rem}.clearfix::after{display:block;clear:both;content:""}.d-inline-block{display:inline-block!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.mb-0,.my-0{margin-bottom:0!important}.pb-5,.py-5{padding-bottom:3rem!important}.m-auto{margin:auto!important}.text-center{text-align:center!important}.text-dark{color:#343a40!important}

/*# sourceMappingURL=bootstrap.min.css.map */


/*SHORTCODES.CSS START IN HERE*/

.ttm-row {
    padding: 100px 0
}

    .ttm-row.zero_padding-section {
        padding: 0 0
    }

    .ttm-row.client-section {
        padding: 175px 0 155px
    }

    .ttm-row.bolg-section {
        padding: 90px 0
    }

.ttm-bg {
    position: relative
}

.ttm-col-bgimage-yes {
    z-index: 1
}

.bg-layer-equal-height .ttm-col-bgcolor-yes, .bg-layer-equal-height .ttm-col-bgimage-yes {
    height: 100%
}

.ttm-bg-layer, .ttm-col-wrapper-bg-layer-inner, .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.ttm-left-span > .ttm-col-wrapper-bg-layer {
    width: auto;
    margin-left: -100px;
    right: 0
}

.ttm-right-span > .ttm-col-wrapper-bg-layer {
    width: auto;
    margin-right: -100px;
    right: 0
}

.layer-content {
    position: relative;
    z-index: 1
}

.ttm-equal-height-image {
    display: none
}

.col-bg-img-one.ttm-col-bgimage-yes > .ttm-col-wrapper-bg-layer {
    background-image: url(../images/bg-image/col-bgimage-1.webp);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat
}

.section-title {
    position: relative;
    margin-bottom: 19px
}

    .section-title h3 {
        text-transform: uppercase;
        font-size: 13px;
        line-height: 26px;
        letter-spacing: .5px;
        display: block;
        padding-left: 47px;
        margin-bottom: 5px;
        position: relative
    }

        .section-title h3:after, .section-title h3:before {
            display: block;
            content: "";
            position: absolute;
            width: 36px;
            height: 1px;
            left: 0;
            background-color: #8cbc43;
            top: 50%
        }

    .section-title h2.title {
        font-size: 42px;
        line-height: 53px
    }

    .section-title.title-style-center_text {
        text-align: center;
        margin-bottom: 20px
    }

        .section-title.title-style-center_text.section-title h3 {
            padding-left: 0;
            margin-bottom: 5px;
            display: inline-block
        }

            .section-title.title-style-center_text.section-title h3:before {
                margin-left: -47px;
                left: 0;
                right: auto
            }

            .section-title.title-style-center_text.section-title h3:after {
                margin-right: -47px;
                left: auto;
                right: 0
            }

    .section-title .title-header {
        padding-bottom: 0
    }

.border, .border-bottom, .border-left, .border-right, .border-top, .border_1 {
    border-color: #e7e7e7 !important
}

.ttm-btn {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: normal;
    padding: 11px 32px 11px 31px;
    background: 0 0;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    position: relative;
    text-transform: capitalize;
    font-weight: 700;
    z-index: 1;
    position: relative;
    background-size: 200% auto;
    transition: all .5s ease 0s
}

    .ttm-btn:after, .ttm-btn:before {
        position: absolute;
        content: "";
        transform: rotate(0);
        -webkit-transform: rotate(0);
        border: solid;
        display: inline-block;
        padding: 3px;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        transition: all .7s ease-out
    }

    .ttm-btn:before {
        top: -7px;
        left: -7px;
        border-width: 0 1px 1px 0
    }

    .ttm-btn:after {
        bottom: -7px;
        right: -7px;
        border-width: 1px 0 0 1px
    }

    .ttm-btn.ttm-icon-btn-right {
        padding-right: 22px;
        transition: unset
    }

        .ttm-btn.ttm-icon-btn-right i {
            padding-right: 2px
        }

        .ttm-btn.ttm-icon-btn-left i, .ttm-btn.ttm-icon-btn-right i {
            display: inline-block;
            vertical-align: middle;
            text-align: inherit;
            transition: .4s
        }

        .ttm-btn.ttm-icon-btn-right i {
            text-align: right;
            margin-left: 10px;
            margin-right: 0
        }

    .ttm-btn.ttm-btn-size-md {
        font-size: 15px;
        padding: 12px 25px
    }

        .ttm-btn.ttm-btn-size-md i {
            font-size: 15px;
            line-height: 15px
        }

    .ttm-btn.ttm-btn-style-border {
        background-color: transparent;
        border: 1px solid currentColor
    }

    .ttm-btn.ttm-btn-color-white.ttm-btn-style-border {
        color: #fff;
        border-color: #fff;
        background-color: transparent
    }

    .ttm-btn.btn-inline {
        padding: 0;
        border: 0;
        background-color: transparent;
        text-transform: capitalize
    }

        .ttm-btn.btn-inline i {
            display: inline-block;
            vertical-align: middle;
            transition: 0s
        }

        .ttm-btn.btn-inline:after, .ttm-btn.btn-inline:before, button.ttm-btn:after, button.ttm-btn:before {
            content: unset
        }

        .ttm-btn.btn-inline.ttm-icon-btn-right i {
            margin-left: 7px;
            transition: ease-in-out .3s
        }

.ttm-icon {
    margin-bottom: 25px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: 1px solid transparent;
    position: relative;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    box-sizing: content-box;
    position: relative
}

    .ttm-icon i {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .ttm-icon.ttm-icon_element-size-xs {
        height: 40px;
        width: 40px;
        line-height: 40px
    }

        .ttm-icon.ttm-icon_element-size-xs i {
            font-size: 20px;
            line-height: 1
        }


    .ttm-icon.ttm-icon_element-size-lg {
        height: 88px;
        width: 88px;
        line-height: 88px
    }

        .ttm-icon.ttm-icon_element-size-lg i {
            font-size: 50px
        }

    .ttm-icon.ttm-icon_element-onlytxt {
        height: auto;
        width: auto;
        line-height: 1
    }

        .ttm-icon.ttm-icon_element-onlytxt i {
            position: unset;
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            -o-transform: translate(0,0);
            transform: translate(0,0)
        }

.ttm-list {
    list-style: none;
    padding: 0;
    margin: 0;
    letter-spacing: .3px
}

    .ttm-list li {
        position: relative;
        padding-bottom: 5px
    }

        .ttm-list li:last-child {
            padding-bottom: 0
        }

    .ttm-list.ttm-list-style-icon li i {
        position: absolute;
        left: auto;
        top: 5px
    }

    .ttm-list.ttm-list-style-icon .ttm-list-li-content {
        display: inline-block;
        padding-left: 25px
    }

.featured-icon-box {
    position: relative;
    margin: 15px 0
}

    .featured-icon-box .ttm-icon {
        margin-bottom: 0
    }

.featured-title h3 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 10px
}

.featured-icon-box .featured-icon .ttm-icon i {
    display: inline-block;
    transition: all .5s ease
}

.featured-icon-box.icon-align-before-content .featured-content, .featured-icon-box.icon-align-before-content .featured-icon, .featured-icon-box.icon-align-before-title .featured-icon, .featured-icon-box.icon-align-before-title .featured-title {
    display: table-cell;
    vertical-align: middle
}

    .featured-icon-box.icon-align-before-content .featured-icon i {
        display: inline-block;
        vertical-align: middle
    }

.featured-icon-box.icon-align-before-content.icon-ver_align-top .featured-icon {
    vertical-align: top;
    padding-top: 3px
}

.featured-icon-box.icon-align-before-content .featured-content, .featured-icon-box.icon-align-before-title .featured-title {
    padding-left: 15px
}

.featured-icon-box.icon-align-before-content .featured-title h3 {
    margin-bottom: 8px
}

.featured-icon-box.icon-align-before-content.icon-ver_align-top {
    margin-bottom: 0
}

.featured-icon-box.icon-align-before-content .featured-content .featured-desc p {
    margin-bottom: 0
}

.container {
    counter-reset: featuredbox-number
}

.featured-icon-box.icon-align-before-content.style1 {
    margin: 0 0 15px
}

    .featured-icon-box.icon-align-before-content.style1 .featured-icon {
        padding-top: 6px
    }

    .featured-icon-box.icon-align-before-content.style1 .featured-title h3 {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 0
    }

.featured-imagebox, .featured-imagebox .featured-thumbnail {
    position: relative;
    overflow: hidden
}

.featured-imagebox {
    margin: 15px 0
}

    .featured-imagebox .featured-content .featured-title h3 {
        position: relative;
        overflow: hidden
    }


    .featured-imagebox .featured-thumbnail img {
        width: 100%;
        transition: transform .5s ease-in-out
    }

.featured-imagebox-portfolio.style1 {
    z-index: 1;
    background-color: #fff;
    margin: 0 0 15px;
    border-right: 1px solid rgba(0,0,0,.09)
}

    .featured-imagebox-portfolio.style1:before {
        content: "";
        position: absolute;
        z-index: 1;
        background-color: rgba(0,0,0,.6);
        top: 0;
        bottom: -5px;
        left: 0;
        right: 0;
        opacity: 0;
        backface-visibility: hidden;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .featured-imagebox-portfolio.style1.active:before {
        opacity: 1;
        backface-visibility: visible
    }

    .featured-imagebox-portfolio.style1 .featured-thumbnail {
        opacity: 0
    }

    .featured-imagebox-portfolio.style1.active .featured-thumbnail {
        opacity: 1
    }

    .featured-imagebox-portfolio.style1 .featured-thumbnail img {
        width: calc(100% + 10px);
        max-width: none;
        height: 380px;
        opacity: 0;
        backface-backface-visibility: hidden;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        transform: unset
    }

    .featured-imagebox-portfolio.style1.active .featured-thumbnail img {
        opacity: 1;
        backface-backface-visibility: visible;
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .featured-imagebox-portfolio.style1 .featured-content {
        position: absolute;
        background-color: #fff;
        padding: 60px 35px 35px 35px;
        left: 0;
        right: 0;
        top: 0
    }

    .featured-imagebox-portfolio.style1.active .featured-content, .featured-imagebox-portfolio.style1:hover .featured-content {
        color: #fff;
        background-color: unset;
        z-index: 2
    }

    .featured-imagebox-portfolio.style1.active .featured-title h3 a, .featured-imagebox-portfolio.style1:hover .featured-title h3 a {
        color: #fff
    }

    .featured-imagebox-portfolio.style1 .featured-content .featured-icon i {
        display: inline-block;
        transition: all .5s ease
    }

    .featured-imagebox-portfolio.style1 .featured-title {
        padding-bottom: 12px
    }

        .featured-imagebox-portfolio.style1 .featured-title h3 {
            margin-bottom: 0
        }

    .featured-imagebox-portfolio.style1 .featured-desc {
        margin-bottom: 35px
    }

        .featured-imagebox-portfolio.style1 .featured-desc p {
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical
        }

.featured-imagebox-portfolio.style3 .featured-content-inner {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: rgba(24,24,24,.73);
    opacity: 0;
    transition: opacity .4s ease-in-out,left .4s ease-in-out
}

    .featured-imagebox-portfolio.style3 .featured-content-inner:before {
        position: absolute;
        content: '';
        opacity: 0;
        top: 20px;
        right: 15px;
        bottom: 20px;
        left: 15px;
        border-top: 1px solid rgba(255,255,255,.5);
        border-bottom: 1px solid rgba(255,255,255,.5);
        -webkit-transform: scale(0,1);
        transform: scale(0,1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        pointer-events: none
    }

    .featured-imagebox-portfolio.style3 .featured-content-inner:after {
        top: 15px;
        right: 20px;
        bottom: 15px;
        left: 20px;
        border-right: 1px solid rgba(255,255,255,.5);
        border-left: 1px solid rgba(255,255,255,.5);
        -webkit-transform: scale(1,0);
        transform: scale(1,0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        position: absolute;
        content: '';
        opacity: 0;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        pointer-events: none
    }

.featured-imagebox-portfolio.style3 .featured-content {
    position: absolute;
    top: 50px;
    left: 50px;
    right: 40px;
    opacity: 0;
    -webkit-transition: all .8s .2s;
    transition: all .8s .2s
}

.featured-imagebox-portfolio.style3 .featured-title h3 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 30px;
    position: relative;
    text-align: left
}

.featured-imagebox-portfolio.style3 .featured-desc p {
    color: rgba(255,255,255,.7)
}

.featured-imagebox-portfolio.style3 .ttm-footer {
    position: absolute;
    bottom: 50px;
    left: 50px;
    opacity: 0;
    -webkit-transition: all .8s .2s;
    transition: all .8s .2s
}

    .featured-imagebox-portfolio.style3 .ttm-footer .ttm-btn i {
        font-size: 10px;
        line-height: 10px
    }

.client-box {
    position: relative;
    text-align: center
}

    .client-box .client-thumbnail {
        padding: 8px 13px;
        display: table-cell;
        text-align: center;
        align-items: center;
        vertical-align: middle
    }

        .client-box .client-thumbnail img {
            filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            opacity: .5;
            -webkit-transition: .6s;
            -moz-transition: .6s;
            transition: .6s;
            display: inline-block
        }

.ttm-tabs ul.tabs {
    padding: 0;
    margin: 0
}

    .ttm-tabs ul.tabs li {
        position: relative;
        display: inline-block;
        margin-bottom: 10px
    }

        .ttm-tabs ul.tabs li:last-child {
            margin-bottom: 0
        }

.ttm-tabs .content-tab .content-inner {
    display: none
}

    .ttm-tabs .content-tab .content-inner.active {
        display: block
    }

.ttm-tabs.ttm-tab-style-01 ul.tabs {
    display: flex;
    overflow: hidden
}

    .ttm-tabs.ttm-tab-style-01 ul.tabs li {
        text-align: center;
        margin: 0;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        display: block;
        border-bottom: 2px solid #e7e7e7;
        margin-right: 35px
    }

        .ttm-tabs.ttm-tab-style-01 ul.tabs li:last-child {
            margin-right: 0
        }

        .ttm-tabs.ttm-tab-style-01 ul.tabs li a {
            padding: 20px 35px;
            font-size: 18px;
            line-height: 1;
            letter-spacing: .5px;
            display: block;
            font-weight: 700
        }

.ttm-tabs.ttm-tab-style-01 .content-tab {
    padding-top: 30px
}

.ttm-tabs.ttm-tab-style-01 ul.tabs li.active:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1;
    bottom: 0;
    left: 50%;
    right: 50%;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: #fff;
    margin-bottom: -2px;
    margin-left: -7px
}

.ttm-tabs.ttm-tab-style-01 ul.tabs li.active:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    bottom: -2px;
    left: 50%;
    right: 50%;
    border: 9px solid transparent;
    border-top: 0;
    border-bottom-color: #000;
    margin-left: -10px
}
/*SHORTCODES.CSS END IN HERE*/