*{
    margin:0px;
    padding:0px;
    border:none;
    outline:none;
    font-size:100%;
    line-height:inherit
}
:root{
    --thm-font:"Teko",sans-serif;
    --thm-b-font:"Rubik",sans-serif;
    --thm-base:#064250 !important;
    --thm-base-rgb:255,170,23;
    --thm-black:#741844 !Important;
    --thm-text:#686a6f
}
body{
    font-size:16px;
    font-family:var(--thm-b-font);
    color:var(--thm-text);
    line-height:2.125em;
    font-weight:400;
    background:#ffffff;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    top:0!important
}

ul.navigation.clearfix{
    display:block
}
a{
    text-decoration:none;
    cursor:pointer;
    color:var(--thm-base)
}
.theme_color{
    color:var(--thm-base)
}
a:hover,a:focus,a:visited,a:active,button:active{
    text-decoration:none;
    outline:none
}
h1,h2,h3,h4,h5,h6{
    position:relative;
    font-weight:400;
    margin:0px 0px 20px;
    background:none;
    line-height:1.25em;
    font-family:var(--thm-font);
    color:var(--thm-black)
}
.tab-content img {
    transition: all 0.5s;
    transform: scale(1);
}
.tab-content img:hover {
    transform: scale(1.06);
}
.portfolio .tab-content .col-sm-4 {
    margin-bottom: 30px;
}
.portfolio .tab-content {
    padding-top: 30px;
}
.portfolio a.nav-link.active {
    background-color: #741844;
    color: #fff;
    border: 1px solid #074350;
}
.portfolio .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    width: 100%;
    text-align: center;
    display: block;
}
.portfolio .nav-tabs li {
    display: inline-block;
}
section.portfolio {
    padding-top: 50px;
}
.portfolio a.nav-link {
    font-size: 14px;
    font-weight: 600;
    padding: 3px 15px;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1.5px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border-radius: 25px;
    color: #2b2c2e;
    border: 1px solid #d4d5d7;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}
#app .tab-content h6 {
    line-height: 1;
    font-size: 17px;
    color: #94979b;
    text-transform: uppercase;
}

#app .tab-content h4 {
    font-size: 20px;
    line-height: 1;
    padding: 10px 0px;
    margin: 0px;
}
#app .tab-content h3 {
    font-size: 25px;
    line-height: 1;
    padding: 10px 0px 0px;
    margin: 0px;
}
section.sec-about {
    padding-bottom: 40px;
}
.sec-about .p-ul .p-li::before {
    content: '\f058';
    position: absolute;
    top: 0px;
    left: 0;
    font-family: "FontAwesome";
    font-size: 16px;
    font-weight: 500;
    color: #741844;
}
.sec-about .p-ul .p-li {
    font-size: 18px;
    margin: 5px 0 5px 0;
    padding: 0 0 0 25px;
    position: relative;
}
#app .tab-content img {
    height: 270px;
}
.align-items-center {
    align-items: center !important;
}
.sec-about {
    position: relative;
    overflow: hidden;
    padding: 50px 0 50px 0;
}
.sec-about .img .thumb {
    max-width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.sec-about .img .thumb-4 {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
h1{
    font-size:140px
}
h2{
    font-size:70px
}
h3{
    font-size:60px
}
h4{
    font-size:40px
}
h5{
    font-size:30px
}
h6{
    font-size:26px
}
input,select,button{
    font-family:var(--thm-font)
}
textarea{
    overflow:hidden;
    resize:none
}
button{
    outline:none!important;
    cursor:pointer
}
p{
    line-height:2.125em;
    margin:0 0 20px
}
.text{
    line-height:2.125em;
    margin:0 0
}
::-webkit-input-placeholder{
    color:inherit
}
::-moz-input-placeholder{
    color:inherit
}
::-ms-input-placeholder{
    color:inherit
}
.page-wrapper{
    position:relative;
    margin:0 auto;
    width:100%;
    min-width:300px;
    z-index:9;
    overflow:hidden
}
.page-wrapper__dark{
    background-color:#1c1e22;
    background-image:url(../images/background/home-portfolio-bg-1-1.png)
}
.page-wrapper__gradient{
    background:rgb(67,47,246);
    background:linear-gradient(100deg,#432ff6 0%,#f174e3 100%)
}
body.boxed-wrapper{
    background-color:#f4f5f8
}
.page-wrapper.boxed-wrapper{
    max-width:1410px;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;
    box-shadow:0px 0px 100px 0px rgba(0,0,0,0.08)
}
.page-wrapper__dark.boxed-wrapper{
    background-color:#1c1e22
}
@media (max-width:1440px){
    .page-wrapper.boxed-wrapper{
        max-width:90%
    }
}
@media (max-width:768px){
    .page-wrapper.boxed-wrapper{
        max-width:95%
    }
}
.auto-container{
    position:static;
    max-width:1200px;
    padding:0px 15px;
    margin:0 auto
}
ul,li{
    list-style:none;
    padding:0px;
    margin:0px
}
figure{
    margin-bottom:0
}
.theme-btn{
    display:inline-block;
    transition:all 0.3s ease
}
.theme-btn i{
    position:relative;
    display:inline-block;
    font-size:14px;
    margin-left:3px
}
.centered{
    text-align:center!important
}
.btn-style-one{
    position:relative;
    display:inline-block;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:0.05em;
    background:#ffaa17;
    color:var(--thm-black);
    border-radius:5px;
    overflow:hidden;
    font-family:var(--thm-font);
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    border:1px solid #ffaa17
}
.btn-style-one .btn-title{
    position:relative;
    display:block;
    font-size:22px;
    line-height:30px;
    font-weight:400;
    letter-spacing:.1em;
    padding:15px 25px 15px;
    z-index:1
}
.btn-style-one:hover{
    background:var(--thm-base);
    color:#000
}
.btn-style-one .btn-curve{
    position:absolute;
    right:-15px;
    top:0;
    width:26px;
    height:100%;
    background:#fff;
    opacity:0.2;
    z-index:0;
    transform:skewX(-22deg);
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.btn-style-one:hover .btn-curve{
    opacity:1;
    right:0;
    width:100%;
    transform:skewX(0deg)
}
.btn-style-two{
    position:relative;
    display:inline-block;
    margin-top:-15px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:0.05em;
    background:#ffaa17;
    color:#ffffff;
    border-radius:5px;
    overflow:hidden;
    font-family:var(--thm-font);
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    border:1px solid #222429
}
.btn-style-two .btn-title{
    position:relative;
    display:block;
    font-size:22px;
    line-height:30px;
    font-weight:400;
    z-index:1;
    transition:0.5s;
    letter-spacing:.1em;
    padding:15px 25px 15px
}
.btn-style-two:hover{
    color:var(--thm-black)
}
.btn-style-two .btn-curve{
    position:absolute;
    right:-15px;
    top:0;
    width:26px;
    height:100%;
    background:#ffffff;
    opacity:0.2;
    z-index:0;
    transform:skewX(-22deg);
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.btn-style-two:hover .btn-curve{
    opacity:1;
    right:0;
    width:100%;
    transform:skewX(0deg)
}
.btn-style-three{
    background-color:var(--thm-base);
    color:#fff;
    font-size:16px;
    font-weight:bold;
    padding:22.5px 40px;
    font-family:var(--thm-font);
    display:inline-flex;
    align-items:center;
    line-height:1
}
.btn-style-three:hover{
    background-color:var(--thm-black);
    color:#fff
}
.pull-right{
    float:right
}
.pull-left{
    float:left
}
.preloader{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:999999;
    background-color:rgba(255,255,255,1);
    background-color:#1c1e22
}
.preloader__gradient{
    background:rgb(67,47,246);
    background:linear-gradient(100deg,rgba(67,47,246,1) 0%,rgba(241,116,227,1) 100%)
}
.preloader .icon{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:5;
    background-color:rgba(0,0,0,0);
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../images/icons/preloader.png);
    transition:all 200ms ease;
    -webkit-animation-name:rotateMe;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-name:rotateMe;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    -ms-animation-name:rotateMe;
    -ms-animation-duration:2s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-timing-function:linear;
    animation-name:rotateMe;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
.preloader__gradient .icon{
    background-image:url(../images/update-26-02-2021/preloader-white.png)
}
.page-loaded .preloader .icon{
    opacity:0
}
img{
    display:inline-block;
    max-width:100%;
    height:auto
}
.dropdown-toggle::after{
    display:none
}
.fa{
    line-height:inherit
}
.scroll-to-top{
    position:fixed;
    left: 15px;
    bottom:12%;
    width:44px;
    height:44px;
    color:#fff;
    font-size:14px;
    line-height:44px;
    border-radius:50%;
    text-align:center;
    z-index:100;
    cursor:pointer;
    background:var(--thm-base);
    display:none;
    transition:all 300ms ease
}
.scroll-to-top:hover{
    background:var(--thm-black);
    color:#ffffff
}
.main-header{
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    z-index:9999;
    background:none
}
.main-header .header-upper{
    display:block;
    left:0;
    width:100%;
    background:none;
    border-bottom:1px solid rgba(255,255,255,0.1);
    z-index:1;
    transition:all 300ms ease
}
.boxed-wrapper .main-header .header-upper{
    max-width:1410px;
    left:50%;
    transform:translateX(-50%)
}
.fixed-header .header-upper{
    background:#171717;
    -ms-box-shadow:0 10px 30px 0px rgba(0,0,0,0.08);
    -o-box-shadow:0 10px 30px 0px rgba(0,0,0,0.08);
    box-shadow:0 10px 30px 0px rgba(0,0,0,0.08)
}
.header-style-two.fixed-header .header-upper{
    background:var(--thm-black);
    -ms-box-shadow:0 10px 30px 0px rgba(0,0,0,0.08);
    -o-box-shadow:0 10px 30px 0px rgba(0,0,0,0.08);
    box-shadow:0 10px 30px 0px rgba(0,0,0,0.08)
}
.main-header .header-upper .inner-container{
    position:relative;
    display:block;
    padding:0px 60px
}
.main-header .header-upper .logo-box{
    position:relative;
    float:left;
    padding:30px 0px;
    margin-right:50px;
    z-index:7
}
.main-header .header-upper .logo-box .logo{
    position:relative;
    display:block
}
.main-header .header-upper .logo-box .logo img{
    position:relative;
    display:inline-block;
    max-width:100%;
    max-height: 100px;
    z-index:1
}
.main-header .other-links{
    position:relative;
    float:right;
    z-index:7
}
.main-header .other-links .link-box{
    position:relative;
    float:left;
    padding:34px 0px
}
.main-header .other-links .link-box .link{
    position:relative;
    display:block;
    padding-top:4px;
    text-transform:uppercase;
    letter-spacing:0.05em;
    padding-left:60px;
    color:#ffffff
}
.header-style-two.fixed-header .other-links .link-box .link{
    color:#ffffff
}
.main-header .other-links .link-box .link .icon{
    position:absolute;
    left:0;
    top:0;
    width:44px;
    height:42px;
    background:url(../images/icons/icon-chat.png) left center no-repeat
}
.main-header .other-links .link-box .link .iconmsg{
    position:absolute;
    left:0;
    top:0;
    width:44px;
    height:42px;
    background:url(../images/icons/icon-msg.png) left center no-repeat
}
.main-header .other-links .link-box .sub-text{
    position:relative;
    display:block;
    font-size:14px;
    font-weight:500;
    line-height:18px;
    font-family:var(--thm-font)
}
.main-header .other-links .link-box .number{
    position:relative;
    display:block;
    font-size:20px;
    font-weight:400;
    line-height:24px;
    font-family:var(--thm-font)
}
.main-header .other-links .link-box .number:hover{
    text-decoration:underline
}
.main-header .other-links .call-us{
    position:relative
}
.search-btn{
}
.main-header .other-links .search-btn button{
    position:relative;
    display:block;
    padding:0;
    margin:0;
    background:none;
    line-height:32px;
    color:#ffffff;
    cursor:pointer
}
.main-header .other-links .search-btn button span{
    vertical-align:middle
}
.main-header .nav-outer{
    position:absolute;
    left:0;
    top:0;
    float:left;
    text-align:center;
    width:100%;
    z-index:5
}
.main-header .nav-outer .main-menu{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin-left:-14%
}
@media(min-width:992px){
    .boxed-wrapper .main-header .nav-outer .main-menu{
        margin-right:70px
    }
}
.main-menu .navbar-collapse{
    padding:0px;
    display:block!important
}
.main-menu .navigation{
    position:relative;
    display:block;
    width:100%;
    margin:0px;
    font-family:var(--thm-font);
    margin-left:60px
}
.main-menu .navigation>li{
    position:relative;
    float:left;
    padding:30px 0px;
    margin-right:26px;
    transition:all 300ms ease
}
.main-menu .navigation>li:last-child{
    margin-right:0px
}
.main-menu .navigation>li:last-child:after{
    display:none
}
.main-menu .navigation>li>a{
    position:relative;
    display:block;
    text-align:center;
    font-size:20px;
    line-height:30px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0.03em;
    color:#ffffff;
    padding:12px 0px;
    opacity:1;
    transition:all 300ms ease
}
.main-menu .navigation li>a{
    display:flex!important;
    align-items:center;
    justify-content:space-between
}
.main-menu .navigation li>a>span{
    background-color:var(--thm-base);
    color:#fff;
    font-size:13px;
    text-transform:uppercase;
    border-radius:5px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    width:40px;
    top:-3px;
    position:relative
}
.main-menu .navigation>li:hover>a,.main-menu .navigation>li.current>a{
    color:#ffffff
}
.header-style-two .main-menu .navigation>li>a,.header-style-two .main-menu .navigation>li:hover>a{
    color:#ffffff
}
.header-style-two .main-menu .navigation>li.current>a,.header-style-two.fixed-header .main-menu .navigation>li>a,.header-style-two.fixed-header .main-menu .navigation>li>a:hover{
    color:#fff
}
.header-style-two.fixed-header .main-menu .navigation>li.current>a{
    color:var(--thm-base)
}
.main-menu .navigation>li>a:before{
    content:"";
    position:absolute;
    left:0;
    bottom:7px;
    width:100%;
    border-bottom:2px solid var(--thm-base);
    transform:scaleX(0);
    transition:all 500ms ease
}
.header-style-two .main-menu .navigation>li>a:before{
    border-bottom-color:#fff
}
.header-style-two.fixed-header .main-menu .navigation>li>a:before{
    border-bottom-color:var(--thm-base)
}
.main-menu .navigation>li:hover>a:before,.main-menu .navigation>li.current>a:before{
    transform:scale(1)
}
.sticky-header .main-menu .navigation>li.dropdown{
    padding-right:0px
}
.main-menu .navigation>li>ul{
    position:absolute;
    left:0px;
    top:100%;
    width:220px;
    z-index:100;
    display:none;
    background:#ffffff;
    padding:20px 0px 15px;
    border-radius:5px;
    transform:translateY(20px);
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05)
}
.main-menu .navigation>li>ul.from-right{
    left:auto;
    right:0px
}
.main-menu .navigation>li>ul>li{
    position:relative;
    padding:0px 25px;
    width:100%;
    margin-bottom:5px
}
.main-menu .navigation>li>ul>li>a{
    position:relative;
    display:block;
    padding:5px 0px;
    line-height:24px;
    font-weight:400;
    font-size:20px;
    color:#171b27;
    letter-spacing:0.03em;
    text-align:left;
    text-transform:uppercase;
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease
}
.main-menu .navigation>li>ul>li:hover>a{
    color:var(--thm-base)
}
.main-menu .navigation>li>ul>li>ul{
    position:absolute;
    left:100%;
    top:0;
    width:220px;
    z-index:100;
    display:none;
    background:#ffffff;
    padding:20px 0px 15px;
    border-radius:5px;
    transform:translateY(20px);
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05)
}
.main-menu .navigation>li>ul>li>ul>li{
    position:relative;
    padding:0px 25px;
    width:100%;
    margin-bottom:5px
}
.main-menu .navigation>li>ul>li>ul>li>a{
    position:relative;
    display:block;
    padding:5px 0px;
    line-height:24px;
    font-weight:400;
    font-size:20px;
    color:#171b27;
    letter-spacing:0.03em;
    text-align:left;
    text-transform:capitalize;
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease
}
.main-menu .navigation>li>ul>li>ul>li>a:hover{
    color:var(--thm-base)
}
.main-menu .navigation>li>ul>li.dropdown>a:after{
    font-family:"Font Awesome 5 Free";
    content:"\f105";
    position:absolute;
    right:0px;
    top:7px;
    display:block;
    line-height:24px;
    font-size:16px;
    font-weight:900;
    z-index:5
}
.main-menu .navigation>li.dropdown:hover>ul{
    visibility:visible;
    opacity:1;
    transform:translateY(0px);
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease
}
.main-menu .navigation li>ul>li.dropdown:hover>ul{
    visibility:visible;
    opacity:1;
    transform:translateY(0px);
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease
}
.main-menu .navigation li.dropdown .dropdown-btn{
    position:absolute;
    right:10px;
    top:8px;
    width:34px;
    height:30px;
    border:1px solid #ffffff;
    text-align:center;
    font-size:16px;
    line-height:26px;
    color:#ffffff;
    cursor:pointer;
    z-index:5;
    display:none
}
.header-style-two.fixed-header .header-upper .logo-box .logo .stricked-logo,.header-style-two .header-upper .logo-box .logo .main-logo{
    display:flex
}
.header-style-two.fixed-header .header-upper .logo-box .logo .main-logo,.header-style-two .header-upper .logo-box .logo .stricked-logo{
    display:none
}
.header-style-four .header-upper{
    background-color:#fff
}
.header-style-four .other-links .search-btn{
    border-color:#e9ebee
}
.header-style-four .main-header .header-upper{
    border-bottom:0
}
.header-style-four .main-menu .navigation>li>a{
    color:#727479
}
.header-style-four .other-links .link-box .number,.header-style-four .main-menu .navigation>li:hover>a,.header-style-four .main-menu .navigation>li.current>a{
    color:var(--thm-black)
}
.header-style-four .other-links .search-btn button{
    color:var(--thm-black)
}
.header-style-four .other-links .link-box .link .icon{
    background-image:url(../images/icons/chat-icon-dark.png)
}
.header-style-four .other-links .link-box .sub-text{
    color:#727479
}
.header-style-five .header-upper{
    background-color:rgba(0,0,0,0)
}
.fixed-header.header-style-five .header-upper{
    background-color:#fff
}
.header-style-five .header-upper .inner-container{
    max-width:1200px;
    padding-left:15px;
    padding-right:15px;
    margin-left:auto;
    margin-right:auto
}
.header-style-five .nav-outer{
    text-align:right
}
.header-style-six .header-upper{
    background-color:rgba(0,0,0,0)
}
.fixed-header.header-style-six .header-upper{
    background-color:var(--thm-black)
}
.header-style-six .nav-outer{
    display:none
}
.header-style-six .header-upper .inner-container{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.header-style-six .header-upper .right-menu{
    margin-left:auto;
    display:flex;
    align-items:center
}
.header-style-six .header-upper .right-menu .search-btn button{
    background-color:rgba(0,0,0,0);
    padding:0;
    width:auto;
    font-size:22px;
    color:#ffffff
}
.header-style-six .header-upper .right-menu .mobile-nav-toggler{
    cursor:pointer;
    margin-left:30px
}
.header-style-six .header-upper .right-menu .mobile-nav-toggler:hover span{
    width:28px!important
}
.header-style-six .header-upper .right-menu .mobile-nav-toggler .bar{
    width:28px;
    height:1px;
    background-color:#fff;
    display:block;
    transition:all 500ms ease
}
.header-style-six .header-upper .right-menu .mobile-nav-toggler .bar:nth-child(2){
    width:23px
}
.header-style-six .header-upper .right-menu .mobile-nav-toggler .bar:nth-child(3){
    width:18px
}
.header-style-six .header-upper .right-menu .mobile-nav-toggler .bar+.bar{
    margin-top:7px
}
.header-style-six-no-border .header-upper{
    border-bottom:0
}
.header-style-seven{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:100%
}
.header-style-seven .header-upper{
    margin-top:44px;
    border-color:rgba(255,255,255,0.06)
}
.header-style-seven .header-upper .auto-container{
    display:flex;
    align-items:center
}
.header-style-seven.fixed-header .header-upper{
    margin-top:0
}
.header-style-seven .nav-outer{
    position:relative;
    top:auto;
    left:auto;
    text-align:right;
    display:flex;
    justify-content:flex-end
}
.header-style-seven .main-menu .navigation>li>a{
    font-size:18px;
    text-transform:capitalize;
    font-weight:400;
    color:#fff;
    letter-spacing:0
}
.header-style-seven .main-menu .navigation>li>ul>li>a{
    font-size:16px;
    font-weight:500;
    text-transform:capitalize;
    letter-spacing:0
}
.header-style-seven .topbar-four{
    background-color:#18212e;
    padding-top:4.5px;
    padding-bottom:4.5px
}
.header-style-seven .topbar-four .auto-container{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.header-style-seven .topbar-four .right-content{
    display:flex;
    align-items:center
}
.header-style-seven .topbar-four p{
    margin:0;
    font-size:14px;
    font-weight:400;
    color:#959ca6
}
.header-style-seven .topbar-four .phone{
    display:flex;
    align-items:center;
    margin-right:40px
}
.header-style-seven .topbar-four .phone span{
    font-size:14px;
    color:var(--thm-base);
    margin-right:10px
}
.header-style-seven .topbar-four .phone a{
    color:#fff;
    font-size:14px;
    font-weight:500
}
.header-style-seven .social-links{
    display:flex;
    align-items:center
}
.header-style-seven .social-links li+li{
    margin-left:30px
}
.header-style-seven .social-links a{
    font-size:14px;
    color:#959ca6;
    transition:all 500ms ease
}
.header-style-seven .social-links a:hover{
    color:var(--thm-base)
}
.main-header .other-links{
    display:flex;
    align-items:center
}
.main-header .cart-btn{
    font-size:18px;
    color:#fff;
    margin-right:30px
}
.main-header .cart-btn a{
    color:inherit
}
.sticky-header{
    position:fixed;
    visibility:hidden;
    opacity:0;
    left:0px;
    top:0px;
    width:100%;
    padding:0px 0px;
    z-index:-1;
    background:#ffffff;
    border-bottom:1px solid #f0f0f0;
    -ms-box-shadow:0 0 15px rgba(0,0,0,0.1);
    -o-box-shadow:0 0 15px rgba(0,0,0,0.1);
    box-shadow:0 0 15px rgba(0,0,0,0.1);
    transition:top 300ms ease
}
.fixed-header .sticky-header{
    opacity:1;
    z-index:99901;
    visibility:visible
}
.fixed-header .sticky-header .logo{
    padding:10px 0px
}
.sticky-header .main-menu .navigation>li{
    margin-left:40px!important;
    padding:0;
    margin-right:0;
    background-color:transparent
}
.sticky-header .main-menu .navigation>li.dropdown>a:after,.sticky-header .main-menu .navigation>li:before{
    display:none
}
.sticky-header .main-menu .navigation>li>a{
    padding:21px 0px!important;
    line-height:30px;
    font-size:16px;
    font-weight:600;
    color:#25283a;
    text-transform:capitalize;
    transition:all 300ms ease
}
.sticky-header .main-menu .navigation>li>ul>li>ul{
    left:auto;
    right:100%
}
.sticky-header .main-menu .navigation>li:hover>a,.sticky-header .main-menu .navigation>li.current>a,.sticky-header .main-menu .navigation>li.current-menu-item>a{
    opacity:1
}
.search-popup{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:99999;
    transform:scale(1,0);
    transform-origin:bottom center;
    transition:transform 0.7s ease
}
.search-popup.active{
    transform-origin:top center;
    transform:scale(1,1)
}
.search-popup__overlay{
    width:100%;
    height:100%;
    background-color:#000;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    opacity:0.9
}
.search-popup__inner{
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.search-popup__form{
    position:relative;
    z-index:9991;
    width:100%;
    padding:15px;
    max-width:600px;
    position:relative
}
.search-popup__form input,.search-popup__form textarea{
    background-color:transparent;
    border:2px solid #ffaa17;
    outline:none;
    width:100%;
    height:60px;
    line-height:30px;
    padding:15px 30px;
    color:#272727;
    font-size:14px;
    background-color:#ffffff;
    font-family:var(--thm-b-font);
    padding-left:30px
}
.search-popup__form button[type="submit"]{
    border:none;
    font-size:20px;
    width:100%;
    padding:11px 30px;
    color:#fff;
    letter-spacing:2px;
    text-transform:uppercase;
    background-color:var(--thm-base);
    cursor:pointer;
    transition:all 0.4s ease
}
.search-popup__form button[type="submit"]:hover{
    background-color:var(--thm-black);
    color:#ffffff
}
.cursor{
    position:absolute;
    background-color:#fff;
    width:6px;
    height:6px;
    border-radius:100%;
    z-index:1;
    transition:0.3s cubic-bezier(0.75,-1.27,0.3,2.33) transform,0.2s cubic-bezier(0.75,-0.27,0.3,1.33) opacity;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:none;
    z-index:999999;
    transform:scale(1);
    visibility:hidden
}
.cursor{
    visibility:visible
}
.cursor.active{
    opacity:0.5;
    transform:scale(0)
}
.cursor.hovered{
    opacity:0.08
}
.cursor-follower{
    position:absolute;
    background-color:RGBA(255,255,255,0.3);
    width:50px;
    height:50px;
    border-radius:100%;
    z-index:1;
    transition:0.6s cubic-bezier(0.75,-1.27,0.3,2.33) transform,0.2s cubic-bezier(0.75,-0.27,0.3,1.33) opacity;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:none;
    z-index:999999;
    visibility:hidden
}
.cursor-follower{
    visibility:visible
}
.cursor-follower.active{
    opacity:0.7;
    transform:scale(1)
}
.cursor-follower.hovered{
    opacity:0.08
}
.cursor-follower.close-cursor:before{
    position:absolute;
    content:"";
    height:25px;
    width:2px;
    background:#fff;
    left:48%;
    top:12px;
    transform:rotate(-45deg);
    display:inline-block
}
.cursor-follower.close-cursor:after{
    position:absolute;
    content:"";
    height:25px;
    width:2px;
    background:#fff;
    right:48%;
    top:12px;
    transform:rotate(45deg)
}
.nav-outer .mobile-nav-toggler{
    position:relative;
    float:right;
    font-size:30px;
    line-height:40px;
    cursor:pointer;
    margin-left:0px;
    color:var(--thm-base);
    margin:40px 0px 0px;
    display:none
}
.mobile-nav-toggler .txt{
    position:relative;
    display:inline-block;
    vertical-align:top;
    padding-left:10px;
    font-size:16px;
    text-transform:capitalize;
    font-weight:500;
    display:none
}
img.lazy-image{
    background:url(../images/icons/image-bg.svg) center center no-repeat
}
img.lazy-image.loaded{
    background-image:none
}
.owl-theme img.lazy-image.loaded{
    height:auto;
    opacity:1
}
.default-form{
    position:relative
}
.default-form .row{
    margin:0 -15px
}
.default-form .form-group{
    position:relative;
    margin-bottom:30px
}
.default-form .field-inner{
    position:relative;
    display:block
}
.default-form .field-inner .alt-icon{
    position:absolute;
    left:20px;
    top:50%;
    margin-top:-15px;
    line-height:30px;
    font-size:20px;
    color:#9b9fa6;
    z-index:1;
    pointer-events:none
}
.default-form .form-group .field-label{
    position:relative;
    display:block;
    color:#0f172b;
    font-size:14px;
    line-height:24px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px
}
.default-form .form-group .e-label{
    position:relative
}
.default-form .form-group input[type="text"],.default-form .form-group input[type="email"],.default-form .form-group input[type="password"],.default-form .form-group input[type="tel"],.default-form .form-group input[type="url"],.default-form .form-group input[type="file"],.default-form .form-group input[type="number"],.default-form .form-group textarea,.default-form .form-group select{
    position:relative;
    display:block;
    height:70px;
    width:100%;
    font-size:14px;
    color:#686a6f;
    line-height:40px;
    font-weight:400;
    padding:14px 30px;
    background-color:#f4f5f8;
    border:1px solid #f4f5f8;
    border-radius:7px;
    font-family:var(--thm-b-font);
    transition:all 300ms ease
}
.default-form .form-group::placeholder{
    opacity:1;
    color:inherit
}
.default-form .form-group textarea{
    height:220px;
    resize:none
}
.contact-form .form-group input[type="submit"],.contact-form .form-group button{
    display:inline-block
}
.default-form .form-group input[type="text"]:focus,.default-form .form-group input[type="email"]:focus,.default-form .form-group input[type="password"]:focus,.default-form .form-group input[type="tel"]:focus,.default-form .form-group input[type="url"]:focus,.default-form .form-group input[type="file"]:focus,.default-form .form-group input[type="number"]:focus,.default-form .form-group textarea:focus,.default-form .form-group select:focus,.form-group .ui-selectmenu-button.ui-button:focus,.form-group .ui-selectmenu-button.ui-button:active{
    border-color:var(--thm-base)
}
.default-form::-webkit-input-placeholder{
    color:#aaaaaa
}
.default-form::-moz-input-placeholder{
    color:#aaaaaa
}
.default-form::-ms-input-placeholder{
    color:#aaaaaa
}
.default-form label.error{
    color:#ff0000;
    font-size:14px;
    text-transform:capitalize;
    text-align:left;
    display:block;
    letter-spacing:1px;
    padding-top:7px;
    line-height:24px
}
.form-group .ui-selectmenu-button.ui-button{
    width:100%;
    font-size:14px;
    font-style:normal;
    height:70px;
    padding:14px 30px;
    line-height:40px;
    font-family:var(--thm-b-font);
    color:var(--thm-text);
    border-radius:7px;
    background-color:#f4f5f8;
    border:1px solid #f4f5f8
}
.form-group .ui-button .ui-icon{
    background:none;
    position:relative;
    top:10px;
    text-indent:0px;
    color:var(--thm-black)
}
.form-group .ui-button .ui-icon:before{
    font-family:'Font Awesome 5 Free';
    content:"\f107";
    position:absolute;
    right:0px;
    top:0px!important;
    width:15px;
    height:30px;
    display:block;
    color:var(--thm-black);
    line-height:20px;
    font-size:16px;
    font-weight:900;
    text-align:center;
    z-index:5
}
.ui-widget.ui-widget-content{
    background:#f4f5f8;
    border:1px solid #e9ebee;
    border-top:none;
    font-family:var(--thm-font);
    border-radius:0;
    padding:0
}
.ui-menu .ui-menu-item{
    font-size:20px;
    border-bottom:1px solid #e9ebee
}
.ui-menu .ui-menu-item:last-child{
    border:none
}
.ui-menu .ui-menu-item-wrapper{
    position:relative;
    display:block;
    padding:14px 30px!important;
    font-size:20px;
    letter-spacing:0.02em;
    line-height:30px;
    transition:all 300ms ease
}
.ui-menu .ui-menu-item-wrapper:hover,.ui-menu .ui-menu-item-wrapper.ui-state-active{
    background:var(--thm-base);
    margin:0
}
.banner-section{
    position:relative;
    z-index:1
}
.banner-section .bg-image{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-position:center top;
    background-size:cover;
    z-index:1
}
.banner-section .left-based-text{
    position:absolute;
    left:50px;
    top:50px;
    bottom:50px;
    color:#ffffff;
    font-size:16px;
    text-transform:uppercase;
    line-height:24px;
    letter-spacing:0.1em;
    font-weight:500;
    z-index:10;
    font-family:var(--thm-font)
}
.banner-section .left-based-text .base-inner{
    position:absolute;
    left:0;
    bottom:29%;
    width:730px;
    height:24px;
    transform-origin:left bottom;
    transform:rotate(-90deg)
}
.banner-section .left-based-text .social-links{
    position:absolute;
    left:0;
    top:0
}
.banner-section .left-based-text .social-links ul li{
    float:left;
    margin-right:20px
}
.banner-section .left-based-text .social-links ul li a{
    position:relative;
    display:block;
    color:#ffffff;
    transition:all 500ms ease
}
.banner-section .left-based-text .social-links ul li a:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    width:100%;
    border-bottom:2px solid var(--thm-base);
    transform:scaleX(0);
    transition:all 500ms ease
}
.banner-section .left-based-text .social-links ul li a:hover:before{
    transform:scale(1)
}
.banner-section .left-based-text .hours{
    position:absolute;
    right:0;
    top:0
}
.banner-section .left-based-text .hours ul li{
    float:left;
    margin-left:35px
}
.banner-three .left-based-text .social-links ul li a,.banner-three .left-based-text .hours ul li{
    color:#e2bfa3;
    font-size:15px
}
.banner-section .left-based-text .social-links ul li a:before{
    border-bottom-color:var(--thm-black)
}
.banner-carousel{
    position:relative;
    z-index:1
}
.banner-carousel .slide-item{
    position:relative;
    display:block;
    background-color:var(--thm-black);
    color:#ffffff;
    overflow:hidden
}
.banner-three .banner-carousel .slide-item{
    background:none
}
.banner-carousel .slide-item:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:var(--thm-black);
    opacity:0.6;
    z-index:1
}
.banner-two .banner-carousel .slide-item::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image:url(../images/main-slider/slide-2-pattern-1.png);
    z-index:10
}
.banner-two .banner-carousel .slide-item:before{
    opacity:0.8
}
.banner-three .banner-carousel .slide-item:before{
    display:none
}
.banner-carousel .slide-item .left-top-line{
    position:absolute;
    left:0;
    top:0;
    width:350px;
    max-width:100%;
    height:100%;
    background:url(../images/main-slider/left-curve-line.png) left top no-repeat;
    z-index:2;
    opacity:0;
    transform:translateY(-100%)
}
.banner-carousel .active .left-top-line{
    opacity:1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:200ms
}
.banner-carousel .slide-item .right-bottom-curve{
    position:absolute;
    right:0;
    top:0;
    width:655px;
    max-width:100%;
    height:100%;
    background:url(../images/main-slider/right-curved-bg.png) right bottom no-repeat;
    z-index:2;
    opacity:0;
    transform:translateX(700px)
}
.banner-carousel .active .right-bottom-curve{
    opacity:1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:1300ms
}
.banner-carousel .slide-item .right-top-curve{
    position:absolute;
    right:0;
    top:0;
    width:164px;
    max-width:100%;
    height:100%;
    background:url(../images/main-slider/right-white-curve.png) right top no-repeat;
    z-index:2;
    opacity:0;
    transform:translateX(200px)
}
.banner-carousel .active .right-top-curve{
    opacity:1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:1800ms
}
.banner-carousel .slide-item .round-shape-1 {
    position: absolute;
    left: -560px;
    top: -760px;
    width: 1000px;
    height: 1000px;
    background: #741844;
    border-radius: 50%;
    z-index: 2;
}
.banner-carousel .active .round-shape-1{
    opacity:1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:1500ms
}
.banner-carousel .slide-item .shape-1{
    position:absolute;
    left:0;
    top:0;
    width:570px;
    max-width:100%;
    height:810px;
    background:url(../images/main-slider/b-2-shape-1.png) left top no-repeat;
    z-index:2;
    opacity:0;
    transform:translateY(-100%)
}
.banner-carousel .active .shape-1{
    opacity:1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:200ms
}
.banner-carousel .slide-item .shape-2{
    position:absolute;
    left:0;
    bottom:55px;
    width:333px;
    max-width:100%;
    height:366px;
    background:url(../images/main-slider/b-2-shape-2.png) left bottom no-repeat;
    z-index:2;
    opacity:0;
    transform:translateX(-500px)
}
.banner-carousel .active .shape-2{
    opacity:1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:500ms
}
.banner-carousel .slide-item .shape-3{
    position:absolute;
    right:0;
    bottom:0;
    width:824px;
    max-width:100%;
    height:424px;
    background:url(../images/main-slider/b-2-shape-3.png) right bottom no-repeat;
    z-index:2;
    opacity:0;
    transform:translateX(900px)
}
.banner-carousel .active .shape-3{
    opacity:1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:1800ms
}
.banner-carousel .slide-item .shape-4{
    position:absolute;
    right:0;
    top:0;
    width:218px;
    max-width:100%;
    height:571px;
    background:url(../images/main-slider/b-2-shape-4.png) right top no-repeat;
    z-index:2;
    opacity:0;
    transform:translateX(200px)
}
.banner-carousel .active .shape-4{
    opacity:1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:2500ms
}
.banner-carousel .slide-item .shape-5{
    position:absolute;
    right:0;
    top:0;
    width:306px;
    max-width:100%;
    height:904px;
    background:url(../images/main-slider/b-2-shape-5.png) right top no-repeat;
    z-index:2;
    opacity:0;
    transform:translateY(-1000px)
}
.banner-carousel .active .shape-5{
    opacity:1;
    transform:translate(0);
    transition:all 1500ms ease;
    transition-delay:2700ms
}
.banner-carousel .slide-item .shape-6{
    position:absolute;
    right:0;
    top:0;
    width:100%;
    max-width:100%;
    height:100%;
    background:url(../images/main-slider/b-2-shape-6.png) center center no-repeat;
    z-index:3;
    opacity:0;
    transform:scale(0)
}
.banner-carousel .active .shape-6{
    opacity:1;
    transform:scale(1);
    transition:all 1500ms ease;
    transition-delay:2700ms
}
.banner-carousel .slide-item .image-layer{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:1;
    z-index:0;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    transform:scale(1)
}
.banner-carousel .active .slide-item .image-layer{
    transform:scale(1.15);
    transition:all 7000ms linear
}
.banner-carousel .content-box{
    position:relative;
    display:table;
    vertical-align:middle;
    width:100%;
    height:950px;
    padding:0 0px;
    z-index:11
}
.banner-carousel .content-box .content{
    position:relative;
    display:table-cell;
    vertical-align:middle;
    padding:20px 0px 130px
}
.banner-carousel .content-box .inner{
    position:relative;
    display:block;
    max-width:800px
}
.banner-two .banner-carousel .content-box .inner{
    max-width:820px;
    margin:0 auto;
    text-align:center
}
.banner-three .banner-carousel .content-box .inner{
    max-width:550px
}
.banner-carousel .content-box .sub-title{
    display:block;
    font-size:24px;
    line-height:1.5em;
    color:#ffffff;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0.05em;
    margin-bottom:20px;
    opacity:0;
    transform:translateY(80px);
    font-family:var(--thm-font)
}
.banner-carousel .active .content-box .sub-title{
    opacity:1;
    transform:translate(0);
    transition:all 700ms ease;
    transition-delay:800ms
}
.banner-carousel .content-box h1{
    display:block;
    font-size:140px;
    line-height:0.85em;
    color:#ffffff;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0;
    margin:0;
    transform:translateY(80px)
}
.banner-two .banner-carousel .content-box h1{
    text-transform:capitalize
}
.banner-three .banner-carousel .content-box h1{
    font-size:116px;
    color:var(--thm-black);
    font-weight:500
}
.banner-carousel .active .content-box h1{
    opacity:1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:1300ms
}
.banner-three .banner-carousel .active .content-box h1{
    transition-delay:700ms
}
.banner-carousel .content-box .text{
    position:relative;
    color:var(--thm-black);
    margin:5px 0 0;
    transform:translateY(80px)
}
.banner-carousel .active .content-box .text{
    opacity:1;
    transform:translate(0);
    transition:all 700ms ease;
    transition-delay:1200ms
}
.banner-carousel .content-box .link-box{
    position:relative;
    display:block;
    padding-top:50px;
    transform:translateY(50px)
}
.banner-three .banner-carousel .content-box .link-box{
    padding-top:45px
}
.banner-carousel .active .content-box .link-box{
    opacity:1;
    transform:translate(0);
    transition:all 700ms ease;
    transition-delay:1800ms
}
.banner-carousel .slide-item .round-image{
    position:absolute;
    right:-200px;
    top:-100px;
    width:1000px;
    height:1000px;
    border-radius:50%;
    z-index:2
}
.banner-carousel .slide-item .round-image .image{
    position:absolute;
    left:0;
    top:0;
    width:850px;
    height:850px;
    background-size:cover;
    background-position:left top;
    border-radius:50%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    z-index:2;
    opacity:0;
    transform:translateX(100%);
    overflow:hidden
}
.banner-carousel .slide-item .round-image .image::before{
    content:'';
    position:absolute;
    opacity:0.5;
    background-color:var(--thm-black);
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:50%
}
.banner-carousel .active .round-image .image{
    opacity:1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:200ms
}
.banner-carousel .slide-item .round-image:before{
    content:"";
    position:absolute;
    left:7px;
    bottom:120px;
    width:100%;
    height:100%;
    background:var(--thm-black);
    border-radius:50%;
    z-index:1;
    opacity:0.2
}
.banner-carousel .active .round-image:before{
    opacity:0.1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:700ms
}
.banner-carousel .slide-item .round-image:after{
    content:"";
    position:absolute;
    left:-100px;
    bottom:-50px;
    width:330px;
    height:330px;
    background:url(../images/main-slider/b-3-shape.png) center center no-repeat;
    z-index:3
}
.banner-carousel .active .round-image:after{
    opacity:1;
    transform:translate(0);
    transition:all 1000ms ease;
    transition-delay:1000ms
}
.banner-carousel .owl-nav{
    position:absolute;
    left:50%;
    margin-left:-600px;
    top:50%;
    width:1200px;
    height:110px;
    text-align:right
}
.banner-carousel .owl-nav .owl-next,.banner-carousel .owl-nav .owl-prev{
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:50px;
    background:#ffffff!important;
    padding:0;
    margin:0;
    line-height:50px;
    text-align:center;
    opacity:0.2;
    border-radius:50%;
    transition:all 500ms ease
}
.banner-carousel .owl-nav .owl-next{
    top:auto;
    bottom:0
}
.banner-carousel .owl-nav .owl-next span,.banner-carousel .owl-nav .owl-prev span{
    vertical-align:middle
}
.banner-carousel .owl-nav .owl-next:hover,.banner-carousel .owl-nav .owl-prev:hover{
    opacity:1
}
.banner-section .owl-dots{
    position:absolute;
    left:0;
    bottom:50px;
    width:100%;
    text-align:center;
    display:none
}
.banner-two .owl-nav,.banner-three .owl-nav{
    display:none
}
.banner-three{
    background-color:#e2bfa3
}
.banner-three .bg-image{
    opacity:0.03
}
.banner-two .owl-dots{
    display:block
}
.banner-section .owl-theme .owl-dots .owl-dot{
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin:0px 3px
}
.banner-section .owl-theme .owl-dots .owl-dot span{
    position:relative;
    display:block;
    width:10px;
    height:10px;
    border:5px solid rgba(255,255,255,0.2);
    border-radius:50%
}
.banner-section .owl-theme .owl-dots .owl-dot.active span{
    background:none;
    border-width:2px;
    border-color:var(--thm-base)
}
.banner-one-page{
    margin-top:117px
}
.banner-one-page .banner-carousel .content-box .inner{
    max-width:100%
}
.banner-one-page .banner-carousel .content-box{
    height:600px
}
@media (min-width:992px){
    .banner-one-page .banner-carousel .content-box{
        height:860px
    }
}
.banner-one-page .banner-carousel .content-box h1{
    font-size:46px;
    color:var(--thm-base)
}
.banner-one-page .banner-carousel .content-box h1 span{
    color:#fff;
    font-weight:300
}
@media (min-width:600px){
    .banner-one-page .banner-carousel .content-box h1{
        font-size:60px
    }
}
@media (min-width:768px){
    .banner-one-page .banner-carousel .content-box h1{
        font-size:80px
    }
}
@media (min-width:992px){
    .banner-one-page .banner-carousel .content-box h1{
        font-size:100px
    }
}
@media (min-width:1200px){
    .banner-one-page .banner-carousel .content-box h1{
        font-size:150px
    }
}
.banner-one-page .banner-carousel .content-box .link-box{
    display:flex;
    align-items:center;
    justify-content:center
}
.banner-one-page .banner-carousel .content-box .content{
    padding-top:0;
    padding-bottom:0
}
.banner-one-page .banner-carousel .vid-link{
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:20px;
    color:#ffffff;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    z-index:3;
    margin-left:15px
}
@media (min-width:376px){
    .banner-one-page .banner-carousel .vid-link{
        margin-left:30px
    }
}
.banner-one-page .banner-carousel .vid-link .icon{
    position:relative;
    display:block;
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:16px;
    color:var(--thm-black);
    background:#fff;
    border-radius:50%;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.banner-one-page .banner-carousel .vid-link a:hover .icon{
    background:var(--thm-black);
    color:var(--thm-base)
}
.banner-one-page .banner-carousel .vid-link .ripple,.banner-one-page .banner-carousel .vid-link .ripple:before,.banner-one-page .banner-carousel .vid-link .ripple:after{
    position:absolute;
    top:50%;
    left:50%;
    width:70px;
    height:70px;
    border-radius:50%;
    -ms-border-radius:50%;
    transform:translate(-50%,-50%);
    -ms-box-shadow:0 0 0 0 rgba(var(--thm-base-rgb),0.6);
    -o-box-shadow:0 0 0 0 rgba(var(--thm-base-rgb),0.6);
    box-shadow:0 0 0 0 rgba(var(--thm-base-rgb),0.6);
    -webkit-animation:ripple 3s infinite;
    animation:ripple 3s infinite
}
.banner-one-page .banner-carousel .vid-link .ripple:before{
    -webkit-animation-delay:0.9s;
    animation-delay:0.9s;
    content:"";
    position:absolute
}
.banner-one-page .banner-carousel .vid-link .ripple:after{
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;
    content:"";
    position:absolute
}
.banner-one-page .banner-carousel .content-box .link-box{
    padding-top:30px
}
.banner-one-page .banner-carousel .owl-nav{
    width:100%;
    left:0;
    margin-left:0;
    display:none;
    justify-content:space-between;
    align-items:center;
    padding-left:15px;
    padding-right:15px
}
@media (min-width:376px){
    .banner-one-page .banner-carousel .owl-nav{
        padding-left:20px;
        padding-right:20px
    }
}
@media (min-width:768px){
    .banner-one-page .banner-carousel .owl-nav{
        display:flex
    }
    .banner-one-page .banner-carousel .owl-nav{
        padding-left:30px;
        padding-right:30px
    }
}
@media (min-width:992px){
    .banner-one-page .banner-carousel .owl-nav{
        padding-left:60px;
        padding-right:60px
    }
}
.banner-one-page .banner-carousel .owl-nav .owl-next,.banner-one-page .banner-carousel .owl-nav .owl-prev{
    position:relative;
    top:auto;
    right:auto
}
.banner-section-four{
    position:relative;
    margin-top:44px
}
.banner-section-four .swiper-slide::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image:url(../images/update-1-12-2020/shapes/menu-top-shadow.png);
    background-repeat:no-repeat;
    background-position:top center;
    z-index:10
}
.banner-section-four .swiper-slide{
    position:relative
}
.banner-section-four .swiper-slide .image-layer{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-repeat:no-repeat;
    background-size:cover;
    transform:scale(1);
    background-position:center;
    transition:transform 7000ms ease
}
.banner-section-four .swiper-slide-active .image-layer{
    transform:scale(1.15)
}
.banner-section-four .auto-container{
    padding-top:350px;
    padding-bottom:200px;
    position:relative;
    z-index:22
}
.banner-section-four h2{
    margin:0;
    font-weight:bold;
    color:#fff;
    font-size:80px;
    line-height:90px;
    opacity:0;
    visibility:hidden;
    transform:translateY(110px);
    transition-delay:1000ms;
    transition:transform 2000ms ease,opacity 2000ms ease
}
.banner-section-four p{
    margin:0;
    font-size:20px;
    line-height:36px;
    font-weight:500;
    color:rgba(255,255,255,0.7);
    opacity:0.7;
    margin-top:40px;
    margin-bottom:50px;
    opacity:0;
    transform:translateY(100px);
    transition-delay:2500ms;
    transition:transform 2000ms ease,opacity 2000ms ease,color 500ms ease,background 500ms ease
}
.banner-section-four .btn-style-three{
    min-width:220px;
    justify-content:center;
    align-items:center;
    text-align:center;
    opacity:0;
    transform:translateY(100px);
    transition-delay:2500ms;
    transition:transform 2000ms ease,opacity 2000ms ease,color 500ms ease,background 500ms ease
}
.banner-section-four .btn-style-three:hover{
    background-color:#fff;
    color:var(--thm-black)
}
.banner-section-four .swiper-slide-active .btn-style-three,.banner-section-four .swiper-slide-active h2,.banner-section-four .swiper-slide-active p{
    visibility:visible;
    opacity:1;
    transform:translateY(0) translateX(0)
}
.banner-section-four__nav{
    width:100%;
    max-width:1200px;
    padding-left:15px;
    padding-right:15px;
    position:absolute;
    top:50%;
    left:50%;
    z-index:100;
    transform:translateY(-50%) translateX(-50%);
    display:flex;
    align-items:flex-end;
    flex-direction:column;
    z-index:21
}
@media (max-width:425px){
    .banner-section-four__nav{
        display:none
    }
}
.banner-section-four__nav .swiper-button-next,.banner-section-four__nav .swiper-button-prev{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    z-index:100;
    width:50px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
    color:#222429;
    background-color:#fff;
    border-radius:50%;
    opacity:0.3;
    margin:0;
    text-align:center;
    transition:all 500ms ease
}
@media (max-width:991px){
    .banner-section-four__nav .swiper-button-next,.banner-section-four__nav .swiper-button-prev{
        width:48px;
        height:48px;
        font-size:18px
    }
}
.banner-section-four__nav .swiper-button-next:hover,.banner-section-four__nav .swiper-button-prev:hover{
    opacity:1
}
.banner-section-four__nav .swiper-button-next::after,.banner-section-four__nav .swiper-button-prev::after{
    display:none
}
.banner-section-four__nav .swiper-button-prev{
    margin-bottom:10px
}
@media (max-width:991px){
    .banner-section-four__nav .swiper-button-prev{
        margin-top:10px
    }
}
.sec-title{
    position:relative;
    margin-bottom:50px
}
.sec-title.centered{
    max-width:650px;
    margin:0 auto;
    margin-bottom:50px
}
.sec-title .upper-text{
    position:relative;
    display:inline-block;
    line-height:1.6em;
    font-size:16px;
    color:#9b9fa6;
    font-weight:400;
    margin:0 0 20px
}
.sec-title h2{
    position:relative;
    display:block;
    font-size:50px;
    line-height:0.9em;
    text-transform:uppercase;
    color:var(--thm-black);
    font-weight:400;
    margin-bottom:0px
}
.sec-title h2 strong{
    font-weight:700
}
.sec-title h2 .dot{
    color:#e2bfa3;
    padding-left:7px
}
.sec-title .lower-text{
    position:relative;
    display:block;
    font-size:16px;
    line-height:2.125em;
    font-weight:400;
    color:var(--thm-text);
    padding:30px 0px 0px
}
.sec-title-two{
    margin-bottom:45px
}
.sec-title-two p{
    text-transform:uppercase;
    margin:0;
    letter-spacing:0.1em;
    font-size:14px;
    font-weight:600;
    color:var(--thm-base);
    line-height:1
}
.sec-title-two h2{
    margin:0;
    font-size:47px;
    color:var(--thm-black);
    font-weight:400;
    text-transform:uppercase
}
.services-section{
    position:relative;
    padding:120px 0px 90px;
    background:var(--thm-black) url(../images/background/pattern-1.png) center top repeat;
    color:#ffffff
}
.services-section .sec-title{
    margin-bottom:30px
}
.parallax-section .content-box .icon-box {
    display: none;
}
.services-section .sec-title h2{
    color:#ffffff
}
.services-section .sec-title .lower-text{
    color:#999b9f
}
.services-section .row{
    counter-reset:slides-num
}
.services-section .row .service-block{
    counter-increment:slides-num
}
.services-section .row .service-block .inner-box:before{
    content:"0"counter(slides-num) "";
    position:relative;
    top:50px;
    font-size:50px;
    line-height:1em;
    color:#ffffff;
    opacity:0.07;
    font-family:var(--thm-font);
    font-weight:300;
    display: none;

}
.service-block{
    position:relative;
    margin-bottom:30px
}
/*.service-block .inner-box{*/
/*    position:relative;*/
/*    display:block;*/
/*    padding:50px 45px;*/
/*    background:#1c1e22;*/
/*    min-height:100%;*/
/*    border-radius:7px;*/
/*    overflow:hidden;*/
/*    transition:all 500ms ease;*/
/*    text-align: center;*/
/*}*/

.service-block .inner-box {
    position: relative;
    display: block;
    padding: 0px 35px 35px;
    background: #1c1e22;
    min-height: 100%;
    border-radius: 7px;
    overflow: hidden;
    transition: all 500ms ease;
    text-align: center;
}

.service-block .inner-box:hover{
    background:#e2bfa3
}
.service-block .inner-box .bottom-curve{
    position:absolute;
    right:-70px;
    bottom:0;
    width:100px;
    height:80%;
    background:var(--thm-black);
    opacity:0.2;
    z-index:0;
    transform:skewX(0deg) scaleX(0);
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.service-block .inner-box:hover .bottom-curve{
    transform:skewX(-35deg) scaleX(1)
}
.service-block .inner-box .count{
    position:relative;
    display:block;
    font-size:50px;
    line-height:1em;
    color:#ffffff;
    opacity:0.07;
    margin-bottom:40px
}
/*.service-block .inner-box .icon-box{*/
/*    position:absolute;*/
/*    right:45px;*/
/*    top:50px;*/
/*    color:var(--thm-base);*/
/*    font-size:64px;*/
/*    line-height:1em;*/
/*    transition:all 0.5s ease;*/
/*    -moz-transition:all 0.5s ease;*/
/*    -webkit-transition:all 0.5s ease;*/
/*    -ms-transition:all 0.5s ease;*/
/*    -o-transition:all 0.5s ease*/
/*}*/
.service-block .inner-box .icon-box {
    position: relative;
    right: unset;
    top: 50px;
    color: var(--thm-base);
    font-size: 64px;
    line-height: 1em;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.service-block .inner-box:hover .icon-box{
    color:var(--thm-black)
}
/*.service-block .inner-box .icon-box {*/
/*    display: none;*/
/*}*/

.service-block .inner-box h6{
    position:relative;
    margin:0;
    margin-top:90px;
    font-size:20px;
    text-transform:uppercase;
    color:#ffffff;
    font-weight:400;
    letter-spacing:1px;
    line-height:1.1em;
    text-align: center
}
.service-block .inner-box h6 a{
    color:#ffffff;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.services-section .row .service-block .inner-box:hover:before,.service-block .inner-box:hover .count,.service-block .inner-box:hover h6,.service-block .inner-box:hover h6 a{
    color:var(--thm-black)
}
.service-block .inner-box h6 a:hover{
    text-decoration:underline
}
.service-block-three{
    padding-top:90px
}
.service-block-three__single{
    margin-top:30px;
    background-color:#eff1f4;
    padding:50px;
    display:flex;
    align-items:center;
    transition:all 500ms ease
}
.service-block-three__single:hover{
    background-color:var(--thm-base)
}
.service-block-three__single .icon-box span{
    font-size:64px;
    color:var(--thm-base);
    margin-right:40px;
    display:block;
    transition:all 500ms ease
}
.service-block-three__single:hover .icon-box span{
    color:#fff
}
.service-block-three__single h6{
    margin:0;
    color:var(--thm-black);
    font-size:20px;
    line-height:34px;
    font-weight:bold;
    text-transform:capitalize;
    transition:all 500ms ease
}
.service-block-three__single:hover h6{
    color:#fff
}
.service-block-three__single h6 a{
    color:inherit
}
.about-section{
    position:relative;
    padding:120px 0px 90px;
    background:#ffffff
}
.about-section:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    margin-left:-410px;
    width:50%;
    height:100%;
    background:#f4f5f8
}
.about-section .image-column{
    position:relative;
    margin-bottom:30px
}
.about-section .image-column .inner{
    position:relative;
    display:block
}
.about-section .image-column .inner:before{
    content:"";
    position:absolute;
    left:0;
    width:15px;
    height:280px;
    background:#064250;
    border-radius:8px
}
.about-section .image-column .image-block{
    position:relative;
    display:block;
    border-radius:7px;
    overflow:hidden
}
.about-section .image-column .image-block img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    border-radius:7px
}
.about-section .image-column .image-block:nth-child(1){
    margin-left:110px
}
.about-section .image-column .image-block:nth-child(2){
    margin-right:140px;
    margin-top:-170px
}
.about-section .text-column{
    position:relative;
    margin-bottom:30px
}
.about-section .text-column .inner{
    position:relative;
    display:block;
    padding-left:60px
}
.about-section .text-column .sec-title{
    margin-bottom:15px
}
.about-section .text-column .sec-title .lower-text{
    text-transform:uppercase;
    font-size:26px;
    font-weight:300;
    letter-spacing:0;
    font-family:var(--thm-font);
    color:var(--thm-base);
    line-height:34px
}
.about-section .text-column .text{
    position:relative;
    font-size:16px;
    font-weight:400;
    line-height:2.125em;
    font-family:var(--thm-b-font)
}
.about-section .text-column .text p{
    margin-bottom:32px;
    line-height:2.125em
}
.about-section .text-column .text ul{
    position:relative;
    float:left
}
.about-section .text-column .text ul li{
    position:relative;
    line-height:1.7em;
    margin-bottom:10px;
    padding-left:35px
}
.about-section .text-column .text ul li:before{
    content:"\f107";
    font-family:"FontAwesome";
    position:absolute;
    left:0;
    top:-1px;
    color:var(--thm-base);
    font-weight:400
}
.about-section .text-column .text .since{
    position:absolute;
    right:10%;
    bottom:10%
}
.about-section .text-column .text .since:before{
    content:"";
    position:absolute;
    left:-10px;
    top:0px;
    width:80px;
    height:80px;
    background:#e8e9e9;
    border-radius:50%
}
.about-section .text-column .text .since:after{
    content:"";
    position:absolute;
    left:-42px;
    top:0px;
    bottom:0px;
    border-left:2px solid var(--thm-base)
}
.about-section .text-column .text .since .txt{
    position:relative;
    display:block;
    padding:21px 5px;
    width:90px;
    height:90px;
    line-height:24px;
    text-align:center;
    background:var(--thm-black);
    text-transform:uppercase;
    color:#ffffff;
    border-radius:50%;
    font-family:var(--thm-font);
    font-size:20px;
    padding-top:24px
}
.about-section .text-column .link-box{
    padding-top:30px
}
.live-section{
    position:relative;
    padding:120px 0px 0px;
    background:#ffffff;
    border-top:1px solid rgba(0,0,0,0.05)
}
.live-section__one-page{
    border-top:0
}
.live-section .main-image-box{
    position:relative;
    display:block;
    overflow:hidden;
    margin-bottom:-120px;
    z-index:1
}
.live-section .main-image-box .image-layer{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:1;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%)
}
.live-section .main-image-box .inner{
    position:relative;
    padding:20px 0px
}
.live-section .main-image-box .round-box{
    position:relative;
    display:block;
    float:right;
    right:-25px;
    width:490px;
    height:490px;
    border-radius:50%
}
.live-section .main-image-box .round-box:before{
    content:"";
    position:absolute;
    left:-65px;
    top:-45px;
    width:490px;
    height:490px;
    background:var(--thm-black);
    opacity:0.2;
    border-radius:50%
}
.live-section .main-image-box .round-inner{
    position:relative;
    display:block;
    width:490px;
    height:490px;
    padding:190px 80px 50px 70px;
    background:var(--thm-base);
    border-radius:50%
}
.live-section .main-image-box .vid-link{
    position:absolute;
    left:55px;
    top:25px;
    width:84px;
    height:84px;
    line-height:84px;
    text-align:center;
    font-size:20px;
    color:#ffffff;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.live-section .main-image-box .vid-link .icon{
    position:relative;
    display:block;
    width:84px;
    height:84px;
    line-height:84px;
    text-align:center;
    font-size:20px;
    color:#ffffff;
    background:var(--thm-black);
    border-radius:50%;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.live-section .main-image-box .vid-link a:hover .icon{
    background:#ffffff;
    color:var(--thm-base)
}
.live-section .main-image-box .vid-link .icon:before{
    content:"";
    position:absolute;
    left:-8px;
    top:-8px;
    right:-8px;
    bottom:-8px;
    border:1px solid rgba(0,0,0,0.3);
    border-radius:50%
}
.live-section .main-image-box .vid-link .ripple,.live-section .main-image-box .vid-link .ripple:before,.live-section .main-image-box .vid-link .ripple:after{
    position:absolute;
    top:50%;
    left:50%;
    width:100px;
    height:100px;
    border-radius:50%;
    -ms-border-radius:50%;
    transform:translate(-50%,-50%);
    -ms-box-shadow:0 0 0 0 rgba(255,255,255,0.6);
    -o-box-shadow:0 0 0 0 rgba(255,255,255,0.6);
    box-shadow:0 0 0 0 rgba(255,255,255,0.6);
    -webkit-animation:ripple 3s infinite;
    animation:ripple 3s infinite
}
.live-section .main-image-box .vid-link .ripple:before{
    -webkit-animation-delay:0.9s;
    animation-delay:0.9s;
    content:"";
    position:absolute
}
.live-section .main-image-box .vid-link .ripple:after{
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;
    content:"";
    position:absolute
}
@-webkit-keyframes ripple{
    70%{
        box-shadow:0 0 0 40px rgba(255,255,255,0)
    }
    100%{
        box-shadow:0 0 0 0 rgba(255,255,255,0)
    }
}
@keyframes ripple{
    70%{
        box-shadow:0 0 0 40px rgba(255,255,255,0)
    }
    100%{
        box-shadow:0 0 0 0 rgba(255,255,255,0)
    }
}
.live-section .main-image-box .title{
    position:relative
}
.live-section .main-image-box .title h3{
    text-transform:uppercase;
    line-height:1em
}
.live-section .main-image-box .more-link{
    position:relative;
    text-align:right
}
.live-section .main-image-box .more-link a{
    position:relative;
    display:inline-block;
    padding-bottom:2px;
    vertical-align:top;
    color:var(--thm-black);
    font-size:20px;
    font-weight:400;
    letter-spacing:1px;
    text-transform:uppercase;
    font-family:var(--thm-font);
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    line-height:1.25em
}
.live-section .main-image-box .more-link a:hover{
    color:rgba(0,0,0,0.3)
}
.live-section .main-image-box .more-link a:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    border-bottom:2px solid var(--thm-black);
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease
}
.live-section .main-image-box .more-link a:hover:before{
    border-color:rgba(0,0,0,0.3);
    transform:scaleX(0.5)
}
.live-section-two{
    padding-top:120px;
    padding-bottom:120px;
    background-color:#18212e
}
.live-section-two .jarallax-img{
    filter:grayscale(100%);
    opacity:0.25
}
.live-section-two .auto-container{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.live-section-two .sec-title-two{
    max-width:557px;
    margin-bottom:0
}
.live-section-two .sec-title-two h2{
    color:#ffffff;
    font-weight:bold;
    font-size:60px;
    margin-top:10px
}
.live-section-two .button-block>a{
    width:120px;
    height:116px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#ffffff;
    font-size:26px;
    background-color:var(--thm-base);
    transition:all 500ms ease
}
.live-section-two .button-block>a:hover{
    background-color:#fff;
    color:var(--thm-black)
}
.we-do-section{
    position:relative;
    padding:240px 0px 90px;
    background:#ffffff url(../images/background/pattern-2.png) left top repeat
}
.we-do-section .sec-title{
    margin-bottom:40px
}
.we-do-section .featured-block{
    position:relative;
    display:block;
    padding-left:230px;
    min-height:117px;
    margin-bottom:40px
}
.we-do-section .featured-block .image{
    position:absolute;
    left:0;
    top:0;
    width:200px
}
.we-do-section .featured-block .image img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    border-radius:7px
}
.we-do-section .featured-block .text{
    position:relative;
    top:-5px;
    display:block;
    font-size:16px;
    line-height:34px;
    font-weight:400;
    margin-bottom:32px
}
.we-do-section .left-col{
    position:relative;
    margin-bottom:30px
}
.we-do-section .left-col .inner{
    position:relative;
    display:block;
    padding-right:67px
}
.we-do-section .right-col{
    position:relative;
    margin-bottom:30px
}
.we-do-section .right-col .inner{
    position:relative;
    display:block
}
.we-do-section .progress-box{
    position:relative;
    display:block;
    width:100%;
    font-family:var(--thm-font)
}
.we-do-section .progress-box .bar-title{
    position:relative;
    font-size:20px;
    line-height:1.1em;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:10px
}
.we-do-section .progress-box .bar{
    position:relative;
    width:100%;
    height:7px;
    background:#ffffff;
    border-radius:4px
}
.we-do-section .progress-box .bar-inner{
    position:relative;
    display:block;
    width:0px;
    height:7px;
    background:var(--thm-base);
    border-radius:4px;
    transition:all 1500ms ease
}
.we-do-section .progress-box .count-box{
    position:absolute;
    right:0px;
    margin-right:-40px;
    bottom:18px;
    width:40px;
    height:22px;
    background:var(--thm-black);
    color:#ffffff;
    line-height:22px;
    font-size:14px;
    font-weight:500;
    border-radius:5px;
    text-align:center;
    opacity:0;
    transition:all 500ms ease
}
.we-do-section .progress-box .counted .count-box{
    opacity:1
}
.we-do-section .progress-box .count-box:after{
    content:"";
    position:absolute;
    left:0;
    top:100%;
    margin-top:-5px;
    border:5px solid transparent;
    border-top:5px solid var(--thm-black);
    border-left:5px solid var(--thm-black)
}
.accordion-box{
    position:relative
}
.accordion-box .block{
    position:relative;
    background:#ffffff;
    border-radius:7px;
    overflow:hidden;
    margin-bottom:16px;
    -ms-box-shadow:0px 0px 40px 5px rgba(0,0,0,0.03);
    box-shadow:0px 0px 40px 5px rgba(0,0,0,0.03)
}
.accordion-box .block.active-block{
    background-color:#ffffff;
    -ms-box-shadow:0px 0px 40px 5px rgba(0,0,0,0.05);
    box-shadow:0px 0px 40px 5px rgba(0,0,0,0.05)
}
.accordion-box .block:last-child{
    margin-bottom:0
}
.accordion-box .block .acc-btn{
    position:relative;
    font-size:20px;
    line-height:32px;
    font-weight:400;
    font-size:20px;
    text-transform:uppercase;
    letter-spacing:1px;
    cursor:pointer;
    padding:20px 40px;
    padding-right:60px;
    color:var(--thm-black);
    transition:all 500ms ease;
    font-family:var(--thm-font)
}
.accordion-box .block .acc-btn .count{
    color:var(--thm-base);
    padding-right:3px
}
.accordion-box .block .acc-btn:before{
    position:absolute;
    right:35px;
    top:20px;
    height:30px;
    font-size:15px;
    font-weight:600;
    color:var(--thm-base);
    line-height:30px;
    content:"\f116";
    font-family:"Flaticon";
    transition:all 500ms ease
}
.accordion-box .block .acc-btn.active{
    background-color:#ffffff
}
.accordion-box .block .acc-btn.active:before{
    color:var(--thm-black);
    content:"\f104"
}
.accordion-box .block .acc-content{
    position:relative;
    display:none
}
.accordion-box .block .content{
    position:relative;
    padding:0px 40px 30px
}
.accordion-box .block .acc-content.current{
    display:block
}
.accordion-box .block .content .text{
    display:block;
    position:relative;
    top:0px;
    display:block
}
.gallery-section{
    position:relative;
    padding:90px 0 0px
}
.gallery-section .upper-row{
    position:relative
}
.gallery-section .upper-row .sec-title{
    position:relative;
    float:left
}
.gallery-section .upper-row .filters{
    position:relative;
    float:right;
    padding-top:10px
}
.gallery-section .more-box{
    position:relative;
    display:block;
    padding-top:20px;
    text-align:center;
    padding-bottom:10px
}
.mixitup-gallery .filters{
    position:relative;
    margin-bottom:40px
}
.mixitup-gallery .filters .filter-tabs{
    position:relative;
    display:block
}
.mixitup-gallery .filters li{
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-size:24px;
    line-height:40px;
    padding:0px 0px;
    cursor:pointer;
    color:var(--thm-text);
    font-weight:300;
    margin:0 0px 10px 30px;
    text-transform:uppercase;
    letter-spacing:1px;
    background:none;
    transition:all 300ms ease;
    font-family:var(--thm-font)
}
.mixitup-gallery .filters li:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    border-bottom:2px solid var(--thm-base);
    transform:scaleX(0);
    transform-origin:left;
    transition:all 300ms ease
}
.mixitup-gallery .filters.centered li{
    margin:0px 15px 10px
}
.mixitup-gallery .filters li sup{
    position:absolute;
    right:0;
    top:3px;
    font-size:16px;
    opacity:0;
    visibility:hidden;
    transition:all 300ms ease
}
.mixitup-gallery .filters .filter.active{
    color:var(--thm-black);
    font-weight:400
}
.mixitup-gallery .filters .filter.active sup{
    opacity:1;
    visibility:visible
}
.mixitup-gallery .filters li.active:before{
    transform:scaleX(1)
}
.mixitup-gallery .gallery-item-two{
    display:none
}
.mix{
    display:none
}
.gallery-item{
    position:relative;
    margin-bottom:30px
}
.gallery-item .inner-box{
    position:relative;
    border-radius:7px;
    overflow:hidden
}
.gallery-item .inner-box .image{
    position:relative;
    border-radius:7px
}
.gallery-item .inner-box .image img{
    display:block;
    width:100%;
    height:auto;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    transition:all 300ms ease;
    border-radius:7px
}
.gallery-item .inner-box:hover .image img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.gallery-item .cap-box{
    position:absolute;
    left:20px;
    right:20px;
    bottom:20px;
    color:#ffffff;
    opacity:0;
    transform:translateY(200px);
    transition:all 500ms ease
}
.gallery-item .inner-box:hover .cap-box{
    opacity:1;
    transform:translateY(0px)
}
.gallery-item .cap-box .cap-inner{
    position:relative;
    display:block;
    padding:25px 35px;
    background:var(--thm-black);
    border-radius:7px
}
.gallery-item a.overlay-box{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.gallery-item .cap-box .cat{
    position:relative;
    display:block;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:400;
    font-family:var(--thm-font)
}
.gallery-item .cap-box .cat span{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    padding-right:48px
}
.gallery-item .cap-box .cat span:before{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    margin-top:-1px;
    width:38px;
    border-bottom:2px solid var(--thm-base)
}
.gallery-item .cap-box .title{
    position:relative;
    display:block
}
.gallery-item .cap-box h5{
    font-size:22px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:400;
    margin:0
}
.gallery-item .cap-box h5 a{
    color:#ffffff
}
.gallery-item .cap-box h5 a:hover{
    text-decoration:underline
}
.gallery-block-three{
    background-color:#eff1f4;
    padding-top:120px;
    padding-bottom:90px
}
.gallery-item-three{
    margin-bottom:30px
}
.gallery-item-three>img{
    width:100%
}
.gallery-item-three{
    position:relative;
    overflow:hidden
}
.gallery-item-three__content{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    flex-direction:column;
    padding:30px;
    transform:rotateX(90deg);
    perspective:370px;
    transition:transform 500ms ease
}
.gallery-item-three:hover .gallery-item-three__content{
    transform:rotateX(0)
}
.gallery-item-three__content::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:var(--thm-base);
    opacity:0.9
}
.gallery-item-three__content p{
    margin:0;
    text-transform:uppercase;
    letter-spacing:0.2em;
    font-size:12px;
    font-weight:600;
    color:#ffffff;
    position:relative
}
.gallery-item-three__content h3{
    margin:0;
    color:#fff;
    font-size:34px;
    line-height:36px;
    font-weight:800;
    position:relative
}
.gallery-item-three__content h3 a{
    color:inherit
}
.facts-section{
    position:relative;
    padding:0px 0px 290px;
    background:#1c1e22;
    color:#ffffff;
    z-index:2
}
.facts-section.alternate{
    background:#064250;
    padding:30px 0
}
.facts-section .jarallax-img,.facts-section .image-layer{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    background-attachment:fixed;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    opacity:0.3
}
.facts-section.alternate .image-layer{
    display:none
}
.fact-counter{
    position:relative
}
.fact-counter .column{
    position:relative;
    text-align:center
}
.fact-counter .column .inner{
    position:relative
}
.fact-counter .column .inner:before{
    position:absolute;
    content:"";
    left:-15px;
    right:-15px;
    top:0;
    min-width:100%;
    border-top:4px solid var(--thm-base);
    transform:scaleX(0);
    transition:all 500ms ease;
    opacity:0
}
.fact-counter .column:hover .inner:before{
    transform:scaleX(1)
}
.fact-counter .column .inner:after{
    position:absolute;
    content:"";
    right:-15px;
    top:0;
    bottom:7px;
    border-right:1px solid rgba(255,255,255,0.15)
}
.fact-counter .column:last-child .inner:after{
    display:none
}
.fact-counter .column .inner .content{
    position:relative;
    text-align:center
}
.fact-counter .column .inner .count-outer{
    position:relative;
    font-weight:400;
    font-size:80px;
    line-height:1em;
    letter-spacing:0px;
    display:block;
    font-family:var(--thm-font)
}
.fact-counter .column .inner .counter-title{
    position:relative;
    font-size:18px;
    font-weight:400;
    color:#fff;
    letter-spacing:1px;
    font-family:var(--thm-font);
    text-transform:uppercase
}
.trusted-section{
    position:relative;
    padding:0px 0px 70px;
    background:none;
    z-index:2
}
.trusted-section .outer-container{
    position:relative;
    margin-top:-240px
}
.trusted-section .row{
    margin:0 -4px
}
.trusted-section .left-col{
    position:relative;
    padding:0 4px;
    margin-bottom:30px
}
.trusted-section .left-col .inner{
    position:relative;
    display:block
}
.trusted-section .col-header{
    position:relative;
    text-align:center
}
.trusted-section .col-header .header-inner{
    position:relative;
    padding:75px 50px 20px;
    min-height:240px;
    background:var(--thm-base);
    font-weight:400;
    font-size:40px;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:0px;
    color:var(--thm-black);
    border-radius:7px 7px 0px 0px;
    font-family:var(--thm-font)
}
.trusted-section .col-header .header-inner:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-39px;
    width:50px;
    height:40px;
    background:url(../images/icons/curve-down-left.png) left top no-repeat
}
.trusted-section .features{
    position:relative
}
.trusted-section .feature{
    position:relative;
    display:block;
    padding:55px 0px;
    padding-left:90px;
    min-height:170px;
    border-bottom:1px solid #e9ebee
}
.trusted-section .feature .count{
    position:absolute;
    left:0;
    top:55px;
    width:60px;
    height:60px;
    text-align:center;
    background:rgba(var(--thm-base-rgb),0.2);
    padding:10px;
    line-height:40px;
    padding-top:12px;
    font-size:30px;
    letter-spacing:1px;
    color:var(--thm-base);
    text-transform:uppercase;
    border-radius:50%;
    transition:all 500ms ease;
    font-family:var(--thm-font)
}
.trusted-section .feature:hover .count{
    background-color:var(--thm-black);
    color:#fff
}
.trusted-section .feature h5{
    font-weight:400;
    margin:0;
    line-height:1.15em;
    color:var(--thm-black);
    margin-bottom:10px
}
.trusted-section .feature .sub-text{
    font-weight:400;
    font-size:20px;
    letter-spacing:0.1em;
    color:var(--thm-text);
    text-transform:uppercase;
    line-height:1.25em;
    font-family:var(--thm-font)
}
.trusted-section .right-col{
    position:relative;
    padding:0px 4px;
    margin-bottom:30px;
    z-index:3
}
.trusted-section .right-col .inner{
    position:relative;
    display:block;
    min-height:260px;
    padding:115px 0px 0px 110px;
    background:#ffffff;
    border-radius:7px 0px 0px 0px
}
.trusted-section .right-col .inner:before{
    content:"";
    position:absolute;
    left:100%;
    top:0;
    margin-left:-1px;
    width:2000px;
    height:100%;
    background:#ffffff
}
.trusted-section .featured-block-two{
    position:relative;
    display:block;
    padding-left:276px;
    min-height:170px
}
.trusted-section .featured-block-two .image{
    position:absolute;
    left:0;
    top:0;
    width:250px
}
.trusted-section .featured-block-two .image img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    border-radius:7px
}
.trusted-section .featured-block-two .text{
    position:relative;
    top:-5px;
    display:block;
    line-height:1.5em
}
.trusted-section .featured-block-two .text ul{
    position:relative
}
.trusted-section .featured-block-two .text ul li{
    position:relative;
    line-height:2.125em;
    margin-bottom:12px;
    padding-left:30px
}
.trusted-section .featured-block-two .text ul li:before{
    content:"\f107";
    font-family:"Flaticon";
    position:absolute;
    left:0;
    top:-1px;
    color:var(--thm-base);
    font-weight:400;
    font-size:18px
}
.team-section{
    position:relative;
    padding:100px 0;
    background:none;
    z-index:2
}
.team-section.no-padd-top{
}
.team-section .carousel-box{
    position:relative;
    margin:0 -5px
}
.team-block{
    position:relative;
    margin-bottom:30px
}
.team-block .inner-box{
    position:relative;
    display:block;
    text-align:center
}
.team-block .image-box{
    position:relative;
    display:block;
    overflow:hidden
}
.team-block .image-box img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    transition:all 500ms ease;
    border-radius:7px
}
.team-block .inner-box:hover .image-box img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.team-block .image-box .social-links{
    position:absolute;
    left:0;
    bottom:35px;
    width:100%;
    padding:0px 5px;
    opacity:0;
    transform:translateY(100px);
    transition:all 500ms ease
}
.team-block .inner-box:hover .social-links{
    opacity:1;
    transform:translateY(0)
}
.team-block .image-box .social-links li{
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin:0px 3px
}
.team-block .image-box .social-links li a{
    position:relative;
    display:block;
    width:44px;
    height:44px;
    line-height:44px;
    font-size:16px;
    background:#ffffff;
    color:var(--thm-black);
    border-radius:50%;
    transition:all 500ms ease
}
.team-block .image-box .social-links li a span{
    vertical-align:middle;
    line-height:44px
}
.team-block .image-box .social-links li a:hover{
    background:var(--thm-base)
}
.team-block .lower-box{
    position:relative;
    display:block;
    padding:30px 0px 0
}
.team-block .lower-box .designation{
    position:relative;
    display:block;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:1.2em;
    font-weight:400;
    color:var(--thm-text);
    padding-top:5px;
    font-family:var(--thm-font)
}
.team-block .lower-box h5{
    font-size:24px;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:1.05em;
    font-weight:400;
    margin:0
}
.team-block .lower-box h5 a{
    color:var(--thm-black)
}
.team-block .lower-box h5 a:hover{
    text-decoration:underline
}
.team-section .owl-theme .owl-nav{
    position:relative;
    width:100%;
    text-align:center;
    padding-top:40px;
    display:none
}
.team-section .owl-theme .owl-dots{
    position:relative;
    width:100%;
    text-align:center;
    padding-top:30px
}
.team-section .owl-theme .owl-dots .owl-dot{
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin:0px 3px
}
.team-section .owl-theme .owl-dots .owl-dot span{
    position:relative;
    display:block;
    width:10px;
    height:10px;
    background:#d3d3d4;
    border:2px solid #d3d3d4;
    border-radius:50%
}
.team-section .owl-theme .owl-dots .owl-dot.active span{
    background:#ffffff;
    border-color:var(--thm-base)
}
.team-three{
    padding-top:120px;
    padding-bottom:90px
}
.team-three__about-two{
    background-image:url(../images/background/pattern-2.png)
}
.team-card-three{
    margin-bottom:30px;
    border-radius:8px;
    transition:all 500ms ease
}
.team-card-three:hover{
    box-shadow:0px 10px 30px 0px rgba(0,0,0,0.04)
}
.team-card-three__inner{
    overflow:hidden;
    border-radius:8px;
    position:relative
}
.team-card-three__image img{
    width:100%;
    filter:grayscale(100%)
}
.team-card-three__hover,.team-card-three__content{
    border:1px solid #e9ebee;
    text-align:center;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    padding-top:25px;
    padding-bottom:25px;
    background-color:#fff;
    transition:opacity 500ms ease,visibility 500ms ease,transform 500ms ease
}
.team-card-three__content{
    opacity:1;
    visibility:visible;
    transform:scale(1,1);
    transform-origin:bottom center
}
.team-card-three:hover .team-card-three__content{
    opacity:0;
    visibility:hidden;
    transform:scale(1,0)
}
.team-card-three__hover{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background-color:#fff;
    opacity:0;
    visibility:hidden;
    transform:scale(1,0);
    transform-origin:bottom center
}
.team-card-three:hover .team-card-three__hover{
    opacity:1;
    visibility:visible;
    transform:scale(1,1)
}
.team-card-three__social{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center
}
.team-card-three__social a{
    display:flex;
    width:44px;
    height:44px;
    border-radius:50%;
    background-color:#f4f5f8;
    font-size:16px;
    color:var(--thm-black);
    transition:all 500ms ease;
    margin-top:15px;
    justify-content:center;
    align-items:center;
    text-align:center
}
.team-card-three__social a:hover{
    background-color:var(--thm-base);
    color:var(--thm-black)
}
.team-card-three__social li+li{
    margin-left:10px
}
.team-card-three__name{
    margin:0;
    text-transform:uppercase;
    font-size:24px;
    color:var(--thm-black);
    letter-spacing:.1em;
    line-height:1
}
.team-card-three__designation{
    text-transform:uppercase;
    color:#686a6f;
    font-size:16px;
    margin:0;
    line-height:1;
    letter-spacing:.1em;
    margin-top:10px;
    font-family:var(--thm-font)
}
.parallax-section{
    position:relative;
    padding:120px 0px;
    background:#1c1e22;
    text-align:center;
    color:#ffffff;
    z-index:1
}
.parallax-section .jarallax-img,.parallax-section .image-layer{
    position:absolute;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    background-attachment:fixed;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    opacity:0.3
}
.parallax-section .content-box{
    position:relative;
    max-width:870px;
    margin:0 auto
}
.parallax-section .content-box .icon-box{
    position:relative;
    display:block;
    width:114px;
    height:114px;
    line-height:114px;
    text-align:center;
    color:#fff;
    font-size:54px;
    border-radius:50%;
    margin:0 auto 50px;
    display: none;
}
.parallax-section .content-box .icon-box:before{
    content:"";
    position:absolute;
    left:-7px;
    top:0;
    display:block;
    width:80px;
    height:80px;
    background:#ffffff;
    opacity:0.3;
    border-radius:50%
}
.parallax-section .content-box .icon-box:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background:#ffaa17;
    z-index:1;
    border-radius:50%
}
.parallax-section .content-box .icon-box span{
    position:relative;
    z-index:2
}
.parallax-section .content-box h2{
    position:relative;
    display:block;
    font-size:70px;
    line-height:1em;
    text-transform:uppercase;
    color:#ffffff;
    font-weight:500;
    margin-bottom:0px
}
.parallax-section .content-box h2 span{
    color:#e2bfa3
}
.sponsors-section{
    position:relative;
    padding:60px 0px;
    background:#e2bfa3
}
.sponsors-section__has-border-top{
    border-top:1px solid rgba(255,255,255,0.1)
}
.sponsors-section__dark{
    background-color:#1c1e22
}
.sponsors-section__one-page{
    border-bottom:1px solid #e9ebee
}
.sponsors-outer{
    position:relative
}
.sponsors-outer .slide-item{
    display:block
}
.sponsors-outer .image-box{
    position:relative;
    display:inline-block
}
.sponsors-outer .image-box img{
    max-width:100%;
    width:auto;
    display:inline-block;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    opacity:1
}
.sponsors-outer .image-box img:hover{
    opacity:1
}
.sponsors-outer .owl-dots,.sponsors-outer .owl-nav{
    position:relative;
    display:none
}
.agency-section{
    position:relative;
    padding:120px 0px 80px;
    background:#ffffff url(../images/background/pattern-2.png) left top repeat
}
.agency-section .sec-title{
    margin-bottom:40px
}
.agency-section .featured-block{
    position:relative;
    display:block;
    padding-left:230px;
    min-height:117px;
    margin-bottom:40px
}
.agency-section .featured-block .image{
    position:absolute;
    left:0;
    top:0;
    width:200px
}
.agency-section .featured-block .image img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    border-radius:7px
}
.agency-section .featured-block .text{
    position:relative;
    top:-5px;
    display:block;
    line-height:1.7em;
    letter-spacing:0.1em;
    margin-bottom:32px
}
.agency-section .left-col{
    position:relative;
    margin-bottom:30px
}
.agency-section .left-col .inner{
    position:relative;
    display:block;
    padding-right:50px
}
.agency-section .right-col{
    position:relative;
    margin-bottom:30px
}
.agency-section .right-col .inner{
    position:relative;
    display:block
}
.tabs-box{
    position:relative
}
.tabs-box .tab-buttons{
    position:relative
}
.tabs-box .tab-buttons .tab-btn{
    position:relative;
    display:inline-block;
    vertical-align:top;
    cursor:pointer
}
.tabs-box .tabs-content{
    position:relative
}
.tabs-box .tabs-content .tab{
    position:relative;
    display:none
}
.tabs-box .tabs-content .active-tab{
    display:block
}
.default-tabs .tab-buttons .tab-btn{
    position:relative;
    line-height:30px;
    font-size:16px;
    font-weight:500;
    color:var(--thm-black);
    text-align:center;
    padding:14px 40px 11px;
    text-transform:uppercase;
    margin-bottom:10px;
    margin-right:10px;
    letter-spacing:0.07em;
    border-radius:7px;
    font-family:var(--thm-font);
    transition:all 0.3s ease
}
.default-tabs .tab-buttons .tab-btn span{
    position:relative;
    display:block
}
.default-tabs .tab-buttons .tab-btn:last-child{
    margin-right:0
}
.default-tabs .tab-buttons .tab-btn:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:2px;
    background:var(--thm-base);
    border-radius:7px;
    transition:all 0.3s ease
}
.default-tabs .tab-buttons .tab-btn.active-btn:before{
    height:100%
}
.default-tabs .tab-buttons .tab-btn:hover,.default-tabs .tab-buttons .tab-btn.active-btn:hover{
    color:var(--thm-black)
}
.default-tabs .tabs-content{
    position:relative;
    padding-top:40px
}
.default-tabs .tabs-content .content{
    position:relative;
    display:block;
    opacity:0;
    visibility:hidden;
    transform:translateY(50px);
    transition:all 0.5s ease
}
.default-tabs .tabs-content .active-tab .content{
    opacity:1;
    visibility:visible;
    transform:translateY(0px)
}
.default-tabs .tabs-content .text{
    position:relative;
    color:var(--thm-text);
    font-size:16px;
    line-height:34px
}
.agency-section .right-col .text{
    position:relative;
    color:var(--thm-text);
    margin-bottom:50px
}
.agency-section .featured-block-two{
    position:relative;
    display:block;
    padding-left:268px;
    min-height:248px;
    padding-top:20px
}
.agency-section .featured-block-two .image{
    position:absolute;
    left:0;
    top:0;
    width:242px;
    border-radius:50%
}
.agency-section .featured-block-two .image img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    border-radius:50%
}
.agency-section .featured-block-two .text{
    position:relative;
    top:-5px;
    display:block;
    line-height:1.5em;
    margin-bottom:0
}
.agency-section .featured-block-two .text ul{
    position:relative
}
.agency-section .featured-block-two .text ul li{
    position:relative;
    line-height:2.125em;
    margin-bottom:12px;
    padding-left:30px;
    color:var(--thm-text)
}
.agency-section .featured-block-two .text ul li:before{
    content:"\f107";
    font-family:"Flaticon";
    position:absolute;
    left:0;
    top:-1px;
    color:var(--thm-base);
    font-weight:400;
    font-size:18px
}
.news-section{
    position:relative;
    padding:120px 0px 90px
}
.news-section.alt-bg{
    background:#ffffff url(../images/background/pattern-2.png) left top repeat
}
.news-section .more-box{
    position:relative;
    display:block;
    padding-top:30px;
    text-align:center;
    padding-bottom:10px
}
.news-block{
    position:relative;
    margin-bottom:30px
}
.news-block .inner-box{
    position:relative;
    display:block;
    text-align:center
}
.news-block .image-box{
    position:relative;
    display:block;
    overflow:hidden
}
.news-block .image-box img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    transition:all 500ms ease;
    border-radius:7px
}
.news-block .inner-box:hover .image-box img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.news-block .lower-box{
    position:relative;
    padding:0px 20px 0px
}
.news-block .post-meta{
    position:relative;
    top:-27px;
    margin:0 10px -3px
}
.news-block .post-meta ul{
    position:relative;
    display:block;
    padding:10px 5px 0px;
    background:#ffffff;
    border-radius:7px;
    box-shadow:0px 10px 30px 0px rgba(0,0,0,0.05)
}
.news-block .post-meta ul li{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 10px 10px;
    font-size:16px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    font-family:var(--thm-font)
}
.news-block .post-meta ul li .far,.news-block .post-meta ul li .fa{
    position:relative;
    color:var(--thm-base);
    font-size:14px;
    padding-right:3px;
    vertical-align:middle
}
.news-block .lower-box h5{
    text-transform:uppercase;
    font-size:34px;
    color:var(--thm-black);
    margin-bottom:35px
}
.news-block .lower-box h5 a{
    color:var(--thm-black);
    transition:500ms
}
.news-block .lower-box h5 a:hover{
    color:var(--thm-base);
    text-decoration:underline
}
.news-block .lower-box .text{
    position:relative;
    top:-5px;
    color:var(--thm-text);
    display:block
}
.news-block .lower-box .link-box{
    position:relative;
    margin-top:20px
}
.news-block .lower-box .link-box a{
    position:relative;
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:12px;
    color:#ffffff;
    background:#d3d3d4;
    border-radius:50%
}
.news-block .lower-box .link-box a span{
    font-weight:700;
    vertical-align:middle
}
.news-block .lower-box .link-box a:hover{
    background:var(--thm-base);
    color:var(--thm-black)
}
.news-block-two{
    position:relative;
    margin-bottom:40px
}
.news-block-two .inner-box{
    position:relative;
    display:block
}
.news-block-two .image-box{
    position:relative;
    display:block;
    overflow:hidden
}
.news-block-two .image-box img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    transition:all 500ms ease;
    border-radius:7px
}
.news-block-two .inner-box:hover .image-box img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.news-block-two .lower-box{
    position:relative;
    padding:30px 0px 0px
}
.news-block-two .post-meta{
    position:relative;
    display:block
}
.news-block-two .post-meta ul{
    position:relative;
    display:block
}
.news-block-two .post-meta ul li{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 20px 5px 0px;
    font-size:16px;
    letter-spacing:0.07em;
    text-transform:uppercase;
    font-family:var(--thm-font)
}
.news-block-two .post-meta ul li .far,.news-block-two .post-meta ul li .fa{
    position:relative;
    top:-2px;
    color:var(--thm-base);
    font-size:14px;
    padding-right:3px;
    vertical-align:middle
}
.news-block-two .lower-box h4{
    text-transform:uppercase;
    font-size:40px;
    line-height:1.1em;
    color:var(--thm-black);
    margin-bottom:30px
}
.news-block-two .lower-box h4 a{
    color:var(--thm-black)
}
.news-block-two .lower-box h4 a:hover{
    color:var(--thm-base);
    text-decoration:underline
}
.news-block-two .lower-box .text{
    position:relative;
    top:-5px;
    display:block
}
.news-block-two .lower-box .link-box{
    position:relative;
    margin-top:20px
}
.news-block-two .lower-box .link-box a{
    position:relative;
    display:inline-block;
    text-transform:uppercase;
    font-size:20px;
    color:var(--thm-black);
    letter-spacing:1px;
    font-family:var(--thm-font)
}
.news-block-two .lower-box .link-box a:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    border-bottom:2px solid var(--thm-base)
}
.news-block-two .lower-box .link-box a:hover{
    color:var(--thm-base)
}
.news-block-two .lower-box .link-box a:hover:before{
    border-color:var(--thm-black)
}
.news-block-two .image-box .vid-link{
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    z-index:1;
    text-align:center;
    font-size:24px;
    color:var(--thm-black);
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    z-index:3
}
.news-block-two .image-box .vid-link .icon{
    position:absolute;
    display:block;
    left:50%;
    top:50%;
    margin-top:-50px;
    margin-left:-50px;
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    font-size:24px;
    color:var(--thm-black);
    background:var(--thm-base);
    border-radius:50%;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.news-block-two .image-box .vid-link:hover .icon{
    background:var(--thm-black);
    color:var(--thm-base)
}
.news-block-three{
    position:relative;
    margin-bottom:30px
}
.news-block-three .inner-box{
    position:relative;
    display:block;
    padding:50px 50px 40px;
    background:#f4f5f8;
    border-radius:7px
}
.news-block-three .quote-icon{
    position:relative;
    display:block;
    top:30px;
    font-weight:400;
    font-size:150px;
    line-height:0.4em;
    color:var(--thm-base);
    margin-bottom:10px
}
.news-block-three .link-icon{
    position:relative;
    display:block;
    font-weight:400;
    font-size:40px;
    line-height:1em;
    color:var(--thm-base);
    margin-bottom:15px
}
.news-block-three .inner-box h4{
    text-transform:uppercase;
    font-size:40px;
    line-height:1.1em;
    color:var(--thm-black);
    font-weight:400;
    margin-bottom:0px
}
.news-block-three .inner-box h4 a{
    color:var(--thm-black)
}
.news-block-three .inner-box:hover h4 a{
    color:var(--thm-base);
    text-decoration:underline
}
.news-block-three .inner-box .text{
    position:relative;
    top:-5px;
    display:block;
    margin:0
}
.news-block-three .over-link{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:2
}
.sidebar-page-container .more-box{
    position:relative;
    padding-top:20px
}
.news-two{
    padding-top:120px;
    padding-bottom:120px
}
.news-two .swiper-pagination{
    position:relative;
    left:auto;
    bottom:auto;
    margin-top:40px
}
.news-two .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background-color:var(--thm-black);
    opacity:0.2;
    transition:all 500ms ease;
    margin-left:2.5px;
    margin-right:2.5px
}
.news-two .swiper-pagination span:hover,.news-two .swiper-pagination span.swiper-pagination-bullet-active{
    opacity:1!important;
    background-color:var(--thm-base)!important
}
.news-two__image{
    margin-bottom:35px;
    background-color:var(--thm-base)
}
.news-two__image>img{
    width:100%;
    transition:500ms ease;
    filter:grayscale(0%);
    opacity:1
}
.news-two__box:hover .news-two__image>img{
    filter:grayscale(100%);
    opacity:0.7
}
.news-two__content{
    text-align:center
}
.news-two__content h3{
    margin:0;
    color:var(--thm-black);
    font-size:36px;
    font-weight:800;
    line-height:1.28;
    max-width:466px;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px
}
.news-two__content h3 a{
    color:inherit
}
.news-two__meta{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:0
}
.news-two__meta li{
    font-weight:600;
    font-size:16px;
    color:var(--thm-base);
    line-height:1
}
.news-two__meta li a{
    color:inherit;
    transition:all 500ms ease
}
.news-two__meta li a:hover{
    color:var(--thm-black)
}
.news-two__meta li::after{
    content:"-";
    margin-left:10px;
    margin-right:10px
}
.news-two__meta li:last-child::after{
    content:"";
    margin:0
}
.call-to-section{
    position:relative;
    padding:0;
    z-index:1
}
.call-to-section .shape-1{
    position:absolute;
    right:0;
    top:0;
    width:340px;
    max-width:100%;
    height:100%;
    background:url(../images/icons/call-to-shape-1.png) right top no-repeat;
    z-index:1
}
.call-to-section .shape-2{
    position:absolute;
    right:170px;
    top:0;
    width:410px;
    height:54px;
    background:url(../images/icons/call-to-shape-2.png) right top no-repeat;
    z-index:0
}
.call-to-section .inner{
    position:relative;
    display:block;
    padding:95px 95px 68px;
    background:var(--thm-base);
    color:var(--thm-black);
    border-radius:7px;
    overflow:hidden;
    bottom:-60px;
    margin-top:-60px;
    text-align:center
}
.call-to-section h2{
    position:relative;
    display:block;
    font-size:60px;
    line-height:0.85em;
    text-transform:uppercase;
    color:#fff;
    font-weight:500;
    margin:0px 0px 15px;
    z-index:3
}
.call-to-section p {
    color: #fff;
}

.call-to-section .link-box{
    position:relative;
    padding-top:12px;
    z-index:3
}
.main-footer{
    position:relative;
    color:#999b9f;
    background:var(--thm-black) url(../images/background/footer-bg.png) center top no-repeat
}
.main-footer .widgets-section{
    position:relative;
    padding:170px 0px 70px
}
.main-footer.normal-padding .widgets-section{
    padding:120px 0px 15px
}
.main-footer .column{
    position:relative;
    margin-bottom:35px
}
.main-footer .footer-widget{
    position:relative
}
.main-footer .footer-logo{
    position:relative;
    margin-top:-10px;
    margin-bottom:20px
}
.main-footer h6{
    position:relative;
    font-size:24px;
    font-weight:500;
    color:#ffffff;
    text-transform:uppercase;
    letter-spacing:0.03em;
    margin-bottom:30px
}
.main-footer .logo-widget{
    position:relative
}
.main-footer .logo-widget .logo{
    position:relative;
    margin-bottom:26px
}
.main-footer .logo-widget .logo img{
    height: 85px;
    filter: drop-shadow(2px 4px 6px #fff);
}
.main-footer .logo-widget .text{
    position:relative;
    display:block;
    margin:0 0 30px;
    color: #fff;
}
.main-footer .links-widget ul li{
    position:relative;
    margin-bottom:3px
}
.main-footer .links-widget ul li:last-child{
    margin:0
}
.main-footer .links-widget ul li a{
    position:relative;
    color:#fff;
    line-height:30px;
    text-transform:capitalize;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease
}
.main-footer .links-widget ul li a:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    border-bottom:2px solid var(--thm-base);
    transform:scaleX(0);
    transform-origin:left;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease
}
.main-footer .links-widget ul li a:hover:before{
    transform:scaleX(1)
}
.main-footer .links-widget ul li a:hover{
    color:#ffffff
}
.main-footer .social-links{
    position:relative
}
.main-footer .social-links li{
    position:relative;
    margin-right:8px;
    display:inline-block
}
.main-footer .social-links li a{
    position:relative;
    display:block;
    color:#999b9f;
    font-size:16px;
    width:44px;
    height:44px;
    line-height:44px;
    background:#1c1e22;
    text-align:center;
    border-radius:50%;
    transition:all 300ms ease
}
.main-footer .social-links li a span{
    vertical-align:middle
}
.main-footer .social-links li a:hover{
    color:#ffffff;
    background:var(--thm-base)
}
.main-footer .info-widget ul li{
    position:relative;
    display:block;
    line-height:32px;
    padding-left:30px;
    margin-bottom:5px
}
.main-footer .info-widget ul li.address{
    margin-bottom:5px;
    color: #fff;
}
.main-footer .info-widget ul li .icon{
    position:absolute;
    left:0;
    top:0;
    line-height:30px;
    font-size:16px;
    color:#fff;
}
.main-footer .info-widget ul li:last-child{
    margin:0
}
.main-footer .info-widget ul li a{
    position:relative;
    color:#fff;
    line-height:28px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease
}
.main-footer .info-widget ul li a:hover{
    color:#ffffff;
    text-decoration:underline;
    -webkit-text-decoration-color:var(--thm-base);
    text-decoration-color:var(--thm-base)
}
.main-footer .newsletter-widget .text{
    position:relative;
    display:block;
    margin:25px 0 0;
    font-size:14px;
    line-height:32px
}
.main-footer .newsletter-form{
    position:relative
}
.main-footer .newsletter-form form{
    position:relative
}
.main-footer .newsletter-form .form-group{
    position:relative;
    margin:0
}
.main-footer .newsletter-form .form-group input[type="text"],.main-footer .newsletter-form .form-group input[type="tel"],.main-footer .newsletter-form .form-group input[type="email"]{
    position:relative;
    width:100%;
    line-height:30px;
    padding:20px 60px 20px 25px;
    height:70px;
    display:block;
    font-size:18px;
    background:#1c1e22;
    color:#ffffff;
    border-radius:5px;
    font-family:var(--thm-b-font);
    border:1px solid #1c1e22;
    transition:all 300ms ease;
    font-size:14px
}
.main-footer .newsletter-form .form-group input[type="text"]:focus,.main-footer .newsletter-form .form-group input[type="email"]:focus,.main-footer .newsletter-form .form-group input[type="tel"]:focus{
    border-color:var(--thm-base)
}
.newsletter-form .form-group input::-webkit-input-placeholder{
    color:#999b9f
}
.newsletter-form .form-group .theme-btn{
    position:absolute;
    right:12px;
    top:12px;
    width:44px;
    height:44px;
    background:var(--thm-base);
    color:var(--thm-black);
    border-radius:50%
}
.newsletter-form .form-group .theme-btn span{
    vertical-align:middle;
    font-size:14px
}
.newsletter-form .form-group .theme-btn:hover{
    background:#ffffff;
    color:var(--thm-base)
}
.main-footer .footer-bottom{
    position:relative;
    text-align:center
}
.main-footer .footer-bottom .inner{
    position:relative;
    display:block;
    padding:5px 0px;
    line-height:30px;
    color:#fff;
    border-top:1px solid rgba(255,255,255,0.1)
}
.main-footer .footer-bottom .copyright{
    position:relative;
    line-height:1.5em;
    text-align:left
}
.main-footer__two{
    background-repeat:no-repeat;
    background-position:center center;
    background-color:var(--thm-black);
    padding-top:120px
}
.main-footer__two .footer-widget{
    padding-bottom:60px
}
.main-footer__two .footer-widget h3{
    margin:0;
    color:#fff;
    font-size:80px;
    line-height:0.78;
    text-transform:uppercase;
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
    letter-spacing:0.1em
}
.main-footer__two .footer-widget p{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    margin:0;
    margin-top:30px;
    margin-bottom:35px
}
.main-footer__two .footer-widget p span,.main-footer__two .footer-widget p a{
    color:#999b9f;
    transition:all 500ms ease
}
.main-footer__two .footer-widget p a:hover{
    color:var(--thm-base)
}
.main-footer__two .footer-widget p a+a{
    margin-left:35px
}
.main-footer__two .footer-widget p span{
    margin-left:35px
}
.main-footer__three{
    background-color:#18212e;
    padding-top:100px
}
.main-footer__three .footer-widget{
    margin-bottom:30px
}
.main-footer__three .footer-widget h3{
    margin:0;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    line-height:1;
    margin-bottom:50px
}
.main-footer__three .footer-widget p{
    margin:0;
    font-size:16px;
    line-height:2.125;
    color:#959ca6;
    font-weight:500;
    margin-top:-10px;
    margin-bottom:30px
}
.main-footer__three .footer-widget__links{
    display:flex;
    flex-wrap:wrap;
    margin-top:-30px
}
.main-footer__three .footer-widget__links li{
    flex:0 0 50%;
    margin-top:30px;
    line-height:1
}
.main-footer__three .footer-widget__links li a{
    font-size:16px;
    font-weight:500;
    color:#959ca6;
    display:inline-block;
    line-height:1;
    transition:all 500ms ease;
    position:relative
}
.main-footer__three .footer-widget__links li a::before{
    content:"";
    width:100%;
    height:1px;
    background-color:#fff;
    position:absolute;
    bottom:0;
    left:0;
    transform:scale(0,1);
    transform-origin:left center;
    transition:transform 500ms ease
}
.main-footer__three .footer-widget__links li:hover a::before{
    transform:scale(1,1)
}
.main-footer__three .footer-widget__links li a:hover{
    color:var(--thm-base)
}
.main-footer__three .footer-widget .post-list li{
    display:flex
}
.main-footer__three .footer-widget .post-list li+li{
    margin-top:50px
}
.main-footer__three .footer-widget .post-list li>img{
    flex-shrink:0;
    width:68px;
    height:70px;
    margin-right:20px
}
.main-footer__three .footer-widget .post-list li p{
    margin:0;
    color:var(--thm-base);
    font-size:12px;
    text-transform:uppercase;
    line-height:1;
    font-weight:500;
    letter-spacing:0.1em
}
.main-footer__three .footer-widget .post-list li h4{
    color:#959ca6;
    font-size:16px;
    line-height:2.125;
    margin:0;
    font-weight:500;
    margin-top:10px
}
.main-footer__three .footer-widget .post-list li h4 a{
    color:inherit;
    transition:all 500ms ease
}
.main-footer__three .footer-widget .post-list li h4 a:hover{
    color:#fff
}
.main-footer__three .footer-widget .contact-list{
    margin-top:-20px
}
.main-footer__three .footer-widget .contact-list li{
    position:relative;
    font-size:16px;
    line-height:1.875;
    border-bottom:1px solid rgba(255,255,255,0.1);
    font-weight:500;
    padding-left:30px;
    min-height:58px;
    display:flex;
    align-items:center
}
.main-footer__three .footer-widget .contact-list li:last-child{
    border-bottom:0;
    margin-top:15px
}
.main-footer__three .footer-widget .contact-list li a{
    color:inherit;
    transition:all 500ms ease
}
.main-footer__three .footer-widget .contact-list li a:hover{
    color:#fff
}
.main-footer__three .footer-widget .contact-list li>span{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-44%);
    font-size:18px;
    color:var(--thm-base)
}
.main-footer__three .footer-widget .contact-list li:last-child>span{
    top:0;
    transform:translateY(0)
}
.main-footer__three .btn-style-three:hover{
    background-color:#fff;
    color:var(--thm-black)
}
.main-footer__three .bottom-footer{
    background-color:#151d28;
    border-top:1px solid rgba(255,255,255,0.1);
    padding-top:39.5px;
    padding-bottom:39.5px;
    margin-top:60px
}
.main-footer__three .bottom-footer .auto-container{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between
}
.main-footer__three .bottom-footer .left-content{
    display:flex;
    align-items:center
}
.main-footer__three .bottom-footer .left-content p{
    margin:0;
    font-size:16px;
    color:#959ca6;
    font-weight:500;
    line-height:41px;
    border-left:1px solid rgba(255,255,255,0.1);
    padding-left:40px;
    margin-left:40px
}
.main-footer__three .bottom-footer .social-links{
    display:flex;
    align-items:center
}
.main-footer__three .bottom-footer .social-links a{
    font-size:20px;
    color:#959ca6;
    transition:all 500ms ease
}
.main-footer__three .bottom-footer .social-links a:hover{
    color:var(--thm-base)
}
.main-footer__three .bottom-footer .social-links li+li{
    margin-left:40px
}
.services-section-two{
    position:relative;
    padding:120px 0px 0px;
    background:#222429
}
.services-section-two .sec-title{
    margin-bottom:30px
}
.services-section-two .sec-title .column{
    margin-bottom:20px
}
.services-section-two .sec-title .lower-text{
    padding-top:0;
    margin-top:0
}
.services-section-two .services{
    position:relative;
    z-index:2;
    margin-bottom:-100px
}
.service-block-two{
    position:relative;
    margin-bottom:30px
}
.service-block-two .inner-box{
    position:relative;
    display:block;
    padding:50px 28px 30px;
    background:#ffffff;
    border-radius:7px;
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.05);
    transition:all 500ms ease;
    overflow:hidden;
    height:389px;
    text-align:center
}
.service-block-two .inner-box:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    display:block;
    border-radius:7px;
    overflow:hidden;
    box-shadow:0px 0px 30px 0px rgba(0,0,0,0.04);
    transition:all 500ms ease
}
.service-block-two .inner-box:hover:before{
    background:var(--thm-black);
    bottom:-10px
}
.service-block-two .inner-box .bottom-curve{
    position:absolute;
    right:-70px;
    bottom:-10px;
    width:120px;
    height:120px;
    background:#ffffff;
    opacity:0.1;
    z-index:0;
    transform:skewX(0deg) scaleX(0);
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.service-block-two .inner-box:hover .bottom-curve{
    transform:skewX(-45deg) scaleX(1)
}
.service-block-two .inner-box .icon-box{
    position:relative;
    display:block;
    color:var(--thm-base);
    font-size:64px;
    line-height:1em;
    margin-bottom:20px;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.service-block-two .inner-box:hover .icon-box{
    color:var(--thm-base)
}
.service-block-two .inner-box h5{
    font-size:30px;
    text-transform:uppercase;
    color:var(--thm-black);
    font-weight:400;
    letter-spacing:1px;
    line-height:1.1em;
    margin:0
}
.service-block-two .inner-box h5 a{
    color:var(--thm-black);
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.service-block-two .inner-box:hover h5,.service-block-two .inner-box:hover h5 a{
    color:#ffffff
}
.service-block-two .inner-box h5 a:hover{
    text-decoration:underline
}
.service-block-two .text{
    position:relative;
    display:block;
    color:var(--thm-text);
    padding:30px 0px 0px;
    z-index:1;
    line-height:25px
}
.service-block-two .inner-box:hover .text{
    color:#999b9f
}
.service-block-two .link-box{
    position:absolute;
    right:3px;
    bottom:8px;
    width:30px;
    height:30px;
    z-index:1
}
.service-block-two .link-box a{
    position:relative;
    line-height:30px;
    font-size:20px;
    color:#ffffff
}
.featured-section{
    position:relative;
    padding:140px 0px 90px;
    background:#ffffff url(../images/background/pattern-2.png) left top repeat
}
.featured-section__about-two{
    background-color:#fff;
    background-image:none;
    padding-top:120px;
    padding-bottom:80px
}
.featured-section .sec-title{
}
.featured-section .left-col{
    position:relative;
    margin-bottom:30px
}
.featured-section .left-col .inner{
    position:relative;
    display:block;
    padding-right:30px
}
.featured-section .left-col .image-box{
    position:relative;
    display:block;
    border-radius:7px;
    overflow:hidden
}
.featured-section .left-col .image-box:before{
    content:"";
    position:absolute;
    left:-90px;
    bottom:0;
    width:180px;
    height:180px;
    background:var(--thm-base);
    z-index:1;
    transform:skewX(45deg);
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.featured-section .left-col .image-box img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    transition:all 500ms ease;
    border-radius:7px
}
.featured-section .left-col .image-box:hover img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.featured-section .right-col{
    position:relative
}
.featured-section .right-col .inner{
    position:relative;
    display:block
}
.featured-section .features{
    position:relative
}
.featured-section .feature{
    position:relative;
    margin-bottom:30px
}
.featured-section .feature .inner-box{
    position:relative;
    display:block;
}
.featured-section .feature .inner-box:before{
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:5px;
    height:5px;
    background:var(--thm-base);
    border-radius:50%
}
.featured-section .feature h6{
    font-size:24px;
    text-transform:uppercase;
    left:1px;
    font-weight:400;
    margin-bottom:0;
    color:var(--thm-black)
}
.featured-section .feature .text{
    position:relative;
    display:block;
    color:var(--thm-text);
    padding:10px 0px 0px
}
.gallery-section-two{
    position:relative;
    padding:120px 0 0px
}
.gallery-section-two.alternate{
    position:relative;
    background:#ffffff url(../images/background/pattern-2.png) right top repeat;
    padding-bottom:90px
}
.gallery-section-two .sec-title{
    margin-bottom:40px
}
.project-tab{
    position:relative
}
.project-tab .tabs-header{
    position:relative;
    text-align:center
}
.project-tab .product-tab-btns{
    position:relative;
    margin-bottom:50px
}
.project-tab .product-tab-btns .p-tab-btn{
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-size:24px;
    line-height:40px;
    padding:0px 0px;
    cursor:pointer;
    color:var(--thm-text);
    font-weight:300;
    margin:0 20px 10px;
    text-transform:uppercase;
    letter-spacing:1px;
    background:none;
    font-family:var(--thm-font);
    transition:all 300ms ease
}
.project-tab .product-tab-btns .p-tab-btn:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    border-bottom:2px solid var(--thm-base);
    transform:scaleX(0);
    transform-origin:left;
    transition:all 300ms ease
}
.project-tab .product-tab-btns .p-tab-btn sup{
    position:absolute;
    right:0;
    top:3px;
    font-size:16px;
    opacity:0;
    visibility:hidden;
    transition:all 300ms ease
}
.project-tab .product-tab-btns .p-tab-btn.active-btn sup{
    opacity:1;
    visibility:visible
}
.project-tab .product-tab-btns .p-tab-btn.active-btn:before{
    transform:scaleX(1)
}
.project-tab .product-tab-btns .p-tab-btn.active-btn{
    color:var(--thm-black);
    font-weight:400;
    padding-right:20px
}
.project-tab .p-tabs-content{
    position:relative;
    display:block;
    margin:0px -15px
}
.project-tab .p-tab{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:auto;
    visibility:hidden
}
.project-tab .p-tab.active-tab{
    position:relative;
    visibility:visible;
    z-index:5
}
.p-tab .gallery-item{
    position:relative;
    opacity:0;
    visibility:hidden;
    transform:scaleX(0)
}
.p-tab.active-tab .gallery-item{
    opacity:1;
    visibility:visible;
    transform:scaleX(1);
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.project-tab .owl-theme .owl-nav{
    position:relative;
    width:100%;
    text-align:center;
    padding-top:30px;
    display:none
}
.project-tab .owl-theme .owl-dots{
    position:relative;
    width:100%;
    text-align:center;
    padding-top:40px
}
.project-tab .owl-theme .owl-dots .owl-dot{
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin:0px 3px
}
.project-tab .owl-theme .owl-dots .owl-dot span{
    position:relative;
    display:block;
    width:10px;
    height:10px;
    background:#d3d3d4;
    border:2px solid #d3d3d4;
    border-radius:50%
}
.project-tab .owl-theme .owl-dots .owl-dot.active span{
    background:#ffffff;
    border-color:var(--thm-base)
}
.gallery-section-two.alternate .owl-theme .owl-dots{
    display:none
}
.why-us-section{
    position:relative;
    padding:110px 0px 80px;
    background:#ffffff
}
.why-us-section .left-col{
    position:relative;
    margin-bottom:40px
}
.why-us-section .left-col .inner{
    position:relative;
    display:block
}
.why-us-section .left-col .round-box{
    position:relative;
    display:block;
    border-radius:50%
}
.why-us-section .left-col .image-box{
    position:relative;
    display:block;
    border-radius:50%;
    overflow:hidden
}
.why-us-section .left-col .image-box img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    transition:all 500ms ease;
    border-radius:50%
}
.why-us-section .left-col .image-box:hover img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.why-us-section .left-col .image-box:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(../images/icons/shape-1.png) left top no-repeat;
    z-index:1
}
.why-us-section .left-col .image-box:after{
    content:"";
    position:absolute;
    left:50px;
    top:-70%;
    width:100%;
    height:100%;
    background:var(--thm-black);
    opacity:0.2;
    border-radius:50%;
    z-index:2
}
.why-us-section .left-col .vid-link{
    position:absolute;
    right:55px;
    bottom:25px;
    width:84px;
    height:84px;
    line-height:84px;
    text-align:center;
    font-size:20px;
    color:#ffffff;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    z-index:3
}
.why-us-section .left-col .vid-link .icon{
    position:relative;
    display:block;
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    font-size:24px;
    color:var(--thm-black);
    background:var(--thm-base);
    border-radius:50%;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.why-us-section .left-col .vid-link a:hover .icon{
    background:var(--thm-black);
    color:var(--thm-base)
}
.why-us-section .left-col .vid-link .icon:before{
    content:"";
    position:absolute;
    left:-8px;
    top:-8px;
    right:-8px;
    bottom:-8px;
    border:1px solid rgba(0,0,0,0.3);
    border-radius:50%
}
.why-us-section .left-col .vid-link .ripple,.why-us-section .left-col .vid-link .ripple:before,.why-us-section .left-col .vid-link .ripple:after{
    position:absolute;
    top:50%;
    left:50%;
    width:116px;
    height:116px;
    border-radius:50%;
    -ms-border-radius:50%;
    transform:translate(-50%,-50%);
    -ms-box-shadow:0 0 0 0 rgba(var(--thm-base-rgb),0.6);
    -o-box-shadow:0 0 0 0 rgba(var(--thm-base-rgb),0.6);
    box-shadow:0 0 0 0 rgba(var(--thm-base-rgb),0.6);
    -webkit-animation:ripple 3s infinite;
    animation:ripple 3s infinite
}
.why-us-section .left-col .vid-link .ripple:before{
    -webkit-animation-delay:0.9s;
    animation-delay:0.9s;
    content:"";
    position:absolute
}
.why-us-section .left-col .vid-link .ripple:after{
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;
    content:"";
    position:absolute
}
.why-us-section .right-col{
    position:relative
}
.why-us-section .right-col .inner{
    position:relative;
    display:block;
    padding-left:50px
}
.why-us-section .features{
    position:relative
}
.why-us-section .feature{
    position:relative;
    margin-bottom:40px
}
.why-us-section .feature .inner-box{
    position:relative;
    display:block;
    padding-left:90px
}
.why-us-section .feature .inner-box:before{
    content:"\f131";
    font-family:"Flaticon";
    position:absolute;
    left:0;
    top:0px;
    width:60px;
    height:60px;
    color:var(--thm-base);
    font-size:20px;
    line-height:60px;
    text-align:center;
    background:rgba(var(--thm-base-rgb),0.2);
    border-radius:50%;
    transition:all 500ms ease
}
.why-us-section .feature:hover .inner-box:before{
    background-color:var(--thm-black);
    color:#fff
}
.why-us-section .feature h6{
    font-size:24px;
    text-transform:uppercase;
    left:1px;
    font-weight:400;
    margin-bottom:0
}
.why-us-section .feature .text{
    position:relative;
    display:block;
    color:var(--thm-text);
    padding:10px 0px 0px
}
.testimonials-section{
    position:relative;
    padding:120px 0px;
    background:#ffffff url(../images/background/pattern-2.png) left top repeat;
    overflow:hidden
}
.testimonials-page{
    padding-bottom:90px
}
.testimonials-section .sec-title{
    margin-bottom:40px
}
.testimonials-section .carousel-box{
    position:relative;
    margin:0px 0px
}
.testimonials-section .carousel-box .owl-stage-outer{
    overflow:visible
}
.testi-block{
    position:relative;
    margin-bottom:30px
}
.owl-theme .testi-block{
    margin:0
}
.testi-block .inner{
    position:relative;
    display:block;
    padding:60px 60px 50px;
    background:#ffffff;
    border-radius:7px;
    min-height: 450px !important;
    box-shadow:0px 10px 30px 0px rgba(0,0,0,0.04);
    transition:all 500ms ease
}
.testi-block:hover .inner{
    background-color:#e2bfa3
}
.testimonials-page .testi-block .inner{
    -ms-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.05);
    box-shadow:0px 0px 30px 0px rgba(0,0,0,0.05)
}
.owl-theme .testi-block .inner{
    margin:7px 0px
}
.testi-block .icon{
    position:absolute;
    right:50px;
    top:60px;
    font-weight:700;
    font-size:100px;
    line-height:1em;
    color:var(--thm-base);
    transition:all 500ms ease
}
.testi-block:hover .icon{
    color:var(--thm-black)
}
.testi-block .info{
    position:relative;
    padding-left:100px;
    padding-top:16px;
    min-height:70px;
    margin-bottom:35px;
    padding-left: 0;
    min-height: auto;
    margin-bottom: 10px;
}
.testi-block .info .image{
    
    position:absolute;
    left:0;
    top:0;
    width:70px;
    height:70px;
    border-radius:50%;
    overflow:hidden;
    display: none;
}
.testi-block .info .image img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    filter:grayscale(100%);
    border-radius:7px;
    transition:all 500ms ease
}
.testi-block:hover .info .image img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    filter:grayscale(0%)
}
.testi-block .info .name{
    display:block;
    font-size:24px;
    line-height:1.2em;
    color:var(--thm-black);
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0.05em;
    font-family:var(--thm-font)
}
.testi-block .info .designation{
    display:block;
    font-size:16px;
    color:var(--thm-base);
    line-height:1.2em;
    font-weight:300;
    text-transform:uppercase;
    font-family:var(--thm-font);
    letter-spacing:0.05em;
    transition:all 500ms ease
}
.testi-block:hover .info .designation{
    color:var(--thm-black)
}
.testi-block .text{
    position:relative;
    display:block;
    color:var(--thm-text);
    transition:all 500ms ease;
    padding:0px 0px
}
.testi-block:hover .text{
    color:var(--thm-black)
}
.testimonials-section .owl-theme .owl-nav{
    position:relative;
    width:100%;
    text-align:center;
    padding-top:30px;
    display:none
}
.testimonials-section .owl-theme .owl-dots{
    position:absolute;
    top:-70px;
    width:1170px;
    left:50%;
    margin-left:-585px;
    text-align:right
}
.testimonials-section .owl-theme .owl-dots .owl-dot{
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin:0px 0px 0px 6px
}
.testimonials-section .owl-theme .owl-dots .owl-dot span{
    position:relative;
    display:block;
    width:10px;
    height:10px;
    background:#d3d3d4;
    border:2px solid #d3d3d4;
    border-radius:50%
}
.testimonials-section .owl-theme .owl-dots .owl-dot.active span{
    background:#ffffff;
    border-color:var(--thm-base)
}
.testi-block-three{
    padding-top:120px;
    padding-bottom:120px;
    background-color:#eff1f4
}
.testi-block-three__single{
    text-align:center
}
.testi-block-three__top{
    background-color:#fff;
    position:relative;
    transition:all 500ms ease;
    margin-bottom:50px;
    padding:49px 0
}
.testi-block-three__single:hover .testi-block-three__top{
    background-color:var(--thm-base)
}
.testi-block-three__top p{
    margin:0;
    font-size:18px;
    font-weight:500;
    line-height:34px;
    color:#697280;
    max-width:252px;
    margin-left:auto;
    margin-right:auto
}
.testi-block-three__single:hover .testi-block-three__top p{
    color:#fff
}
.testi-block-three__top::after{
    content:"";
    width:78px;
    height:20px;
    background-image:url(../images/update-1-12-2020/shapes/testi-arrow-hover.png);
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    transition:all 500ms ease
}
.testi-block-three__single:hover .testi-block-three__top::after{
    background-image:url(../images/update-1-12-2020/shapes/testi-arrow.png)
}
.testi-block-three__single h3{
    margin:0;
    font-size:20px;
    font-weight:600;
    color:var(--thm-black);
    line-height:1;
    margin-top:15px;
    margin-bottom:10px
}
.testi-block-three__single span{
    color:var(--thm-base);
    text-transform:uppercase;
    font-size:12px;
    font-weight:500;
    letter-spacing:0.2em;
    line-height:1;
    display:block
}
.testimonials-four{
    padding-top:90px;
    padding-bottom:60px
}
@media(min-width:992px){
    .testimonials-four{
        padding-top:44px;
        padding-bottom:90px
    }
}
.testimonials-four-card{
    border-style:solid;
    border-width:1px;
    border-color:#e9ebee;
    border-radius:8px;
    background-color:#ffffff;
    padding:45px;
    padding-bottom:63px;
    padding-top:30px;
    margin-bottom:77px;
    position:relative;
    transition:all 500ms ease;
    text-align:center;
    min-height:48vh
}
.testimonials-four-card:hover{
    box-shadow:0px 10px 30px 0px rgba(0,0,0,0.04)
}
@media(min-width:992px){
    .testimonials-four-card{
        padding:24px
    }
}
.testimonials-four-card__content p{
    margin:0;
    font-size:16px;
    line-height:34px;
    color:#686a6f;
    font-family:var(--thm-b-font);
    margin-bottom:15px
}
@media(min-width:992px){
    .testimonials-four-card__content p{
        margin-bottom:28px;
        font-size:18px
    }
}
.testimonials-four-card__content .name{
    margin:0;
    text-transform:uppercase;
    letter-spacing:0;
    font-size:24px;
    line-height:1;
    color:var(--thm-black);
    font-weight:400;
    font-family:var(--thm-font)
}
.testimonials-four-card__content .designation{
    font-weight:300;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--thm-base);
    font-family:var(--thm-font);
    margin:0
}
.testimonials-four-card .image{
    display:inline-flex;
    padding:10px;
    border:1px solid #e9ebee;
    border-radius:8px;
    transition:all 500ms ease;
    margin-bottom:20px
}
.testimonials-four-card:hover .image{
    border-color:var(--thm-base)
}
.testimonials-four-card .image img{
    border-radius:8px;
    filter:grayscale(100%)
}
.testimonials-four__block__top{
    text-align:center;
    margin-bottom:50px
}
@media(min-width:992px){
    .testimonials-four__block__top{
        text-align:left;
        display:flex;
        justify-content:space-between;
        align-items:center
    }
}
.testimonials-four__block__top .sec-title{
    margin-bottom:15px
}
@media(min-width:992px){
    .testimonials-four__block__top .sec-title{
        margin-bottom:0
    }
}
.testimonials-four__block__top .sec-title h2{
    white-space:pre-line
}
.testimonials-four__block__top .block-text p{
    white-space:pre-line;
    font-size:16px;
    line-height:34px;
    color:#686a6f;
    margin:0;
    font-family:var(--thm-b-font)
}
.testimonials-four-carousel .owl-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:30px
}
.testimonials-four-carousel .owl-dots .owl-dot{
    width:10px;
    height:10px;
    background-color:var(--thm-black);
    border:2px solid var(--thm-black);
    opacity:0.2;
    border-radius:50%;
    transition:all 500ms ease
}
.testimonials-four-carousel .owl-dots .owl-dot+.owl-dot{
    margin-left:5px
}
.testimonials-four-carousel .owl-dots .owl-dot.active{
    border-color:var(--thm-base);
    background-color:#fff;
    opacity:1
}
.testimonials-five{
    padding-top:90px;
    padding-bottom:45px
}
@media(min-width:992px){
    .testimonials-five{
        padding-top:120px;
        padding-bottom:75px
    }
}
.testimonials-five .sec-title{
    margin-bottom:50px
}
.testimonials-five .sec-title h2{
    font-size:40px
}
.testimonials-five-card{
    text-align:center
}
.testimonials-five .testimonials-five-card .testimonials-five-card__image{
    display:block;
    margin-left:auto;
    margin-right:auto;
    border-radius:50%;
    width:125px;
    filter:grayscale(100%)
}
.testimonials-five-card__text{
    margin:0;
    font-size:30px;
    line-height:1.5em;
    color:var(--thm-black);
    font-weight:300;
    max-width:875px;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px
}
@media(min-width:992px){
    .testimonials-five-card__text{
        font-size:40px
    }
}
.testimonials-five-card__title{
    margin:0;
    text-transform:uppercase;
    color:var(--thm-base);
    font-size:26px;
    line-height:1;
    margin-top:55px;
    margin-bottom:5px
}
@media(min-width:992px){
    .testimonials-five-card__title{
        font-size:30px
    }
}
.testimonials-five-card__designation{
    margin:0;
    color:var(--thm-text);
    font-size:18px;
    line-height:1
}
.testimonials-five__carousel .owl-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    margin-top:40px!important
}
@media(min-width:992px){
    .testimonials-five__carousel .owl-nav{
        margin-top:0!important
    }
}
.testimonials-five__carousel .owl-nav button[class*=owl-]{
    width:55px;
    height:55px;
    background-color:#f4f5f8;
    border-radius:50%;
    color:var(--thm-black);
    font-size:18px;
    position:relative;
    transition:all 500ms ease
}
.testimonials-five__carousel .owl-nav button[class*=owl-]:hover{
    background-color:var(--thm-base);
    color:var(--thm-black)
}
.testimonials-five__carousel .owl-nav button[class*=owl-next]{
    margin-left:20px
}
@media(min-width:992px){
    .testimonials-five__carousel .owl-nav button[class*=owl-]{
        width:73px;
        height:73px;
        font-size:22px;
        position:absolute;
        top:50%;
        right:100%
    }
    .testimonials-five__carousel .owl-nav button[class*=owl-next]{
        right:auto;
        left:100%
    }
}
.testimonials-five__carousel .owl-nav button[class*=owl-] span::before{
    content:'\f172';
    font-family:'Flaticon';
    font-weight:400
}
.testimonials-five__carousel .owl-nav button[class*=owl-next] span::before{
    transform:rotate(180deg);
    display:block
}
.features-section{
    position:relative;
    padding:120px 0px;
    background:#1c1e22;
    color:#ffffff;
    z-index:1
}
.features-section .jarallax-img,.features-section .image-layer{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    opacity:0.3;
    background-attachment:fixed
}
.features-section .content-box{
    position:relative;
    max-width:900px
}
.features-section .content-box h2{
    position:relative;
    display:block;
    font-size:70px;
    line-height:1em;
    text-transform:uppercase;
    color:#ffffff;
    letter-spacing:0.01em;
    font-weight:400;
    margin-bottom:45px
}
.features-section .content-box h2 span{
    color:var(--thm-base);
    padding-left:3px
}
.features-section .feature-block{
    position:relative;
    float:left;
    margin-bottom:45px
}
.features-section .feature-block .inner{
    position:relative;
    display:block;
    padding-right:80px;
    margin-right:80px
}
.features-section .feature-block .inner:before{
    content:"";
    position:absolute;
    right:0;
    top:20px;
    bottom:20px;
    border-right:1px solid rgba(255,255,255,0.15)
}
.features-section .feature-block:last-child .inner{
    padding-right:0;
    margin-right:0
}
.features-section .feature-block:last-child .inner:before{
    display:none
}
.features-section .feature-block .icon-box{
    position:relative;
    display:block;
    line-height:1em;
    color:#ffffff;
    font-size:60px;
    margin:0 0 20px
}
.features-section .feature-block h6{
    font-size:24px;
    line-height:1.25em;
    margin:0 0;
    letter-spacing:0.03em;
    text-transform:uppercase;
    font-weight:400;
    color:#fff
}
.feature-six{
    background-color:#f4f5f8
}
.feature-six__image{
    position:relative;
    margin-bottom:60px
}
@media(min-width:1200px){
    .feature-six__image{
        margin-bottom:0
    }
}
.feature-six__image img{
    width:100%;
    filter:grayscale(100%)
}
@media(min-width:1200px){
    .feature-six__image img{
        max-width:none!important;
        width:auto;
        float:left
    }
}
.feature-six__image__caption{
    position:absolute;
    bottom:0;
    left:0;
    background-color:var(--thm-base);
    padding:40px;
    white-space:pre-line;
    text-transform:uppercase;
    line-height:1;
    color:var(--thm-black);
    font-weight:500;
    font-size:22px;
    font-family:var(--thm-font)
}
@media(min-width:992px){
    .feature-six__image__caption{
        font-size:30px;
        padding:43px 60px
    }
}
@media(min-width:1200px){
    .feature-six__content{
    }
}
@media(min-width:1440px){
    .feature-six__content{
    }
}
.feature-six__content .sec-title{
    margin-bottom:10px
}
@media(min-width:992px){
    .feature-six__content .sec-title{
        max-width:550px
    }
}
@media(min-width:1200px){
    .feature-six__content .sec-title{
        margin-bottom:30px
    }
}
.feature-six__content__text{
    font-size:16px;
    line-height:34px;
    color:var(--thm-text);
    font-family:var(--thm-b-font);
    margin-bottom:20px
}
@media(min-width:992px){
    .feature-six__content__text{
        max-width:550px
    }
}
@media(min-width:1200px){
    .feature-six__content__text{
        margin-bottom:40px
    }
}
.feature-six__list li{
    position:relative;
    padding-left:30px;
    font-size:16px;
    color:var(--thm-black);
    font-family:var(--thm-b-font);
    line-height:1.6em;
    margin-bottom:13px
}
.feature-six__list li:last-child{
    margin-bottom:0
}
.feature-six__list li>i{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    color:var(--thm-base);
    font-size:20px
}
.feature-seven{
    padding-top:90px
}
@media(min-width:992px){
    .feature-seven{
        padding-top:120px
    }
}
.feature-seven hr{
    border-width:1px;
    border-color:#e9ebee;
    margin:0;
    margin-left:auto;
    margin-right:auto;
    max-width:1170px;
    margin-top:60px
}
@media(min-width:992px){
    .feature-seven hr{
        margin-top:90px
    }
}
.feature-seven-card{
    border-radius:8px;
    transition:all 500ms ease;
    margin-bottom:30px
}
.feature-seven-card:hover{
    box-shadow:0px 10px 30px 0px rgba(0,0,0,0.04)
}
.feature-seven-card__inner{
    overflow:hidden;
    border-radius:8px;
    background-color:#fff
}
.feature-seven-card__image img{
    width:100%;
    filter:grayscale(100%);
    transition:500ms ease
}
.feature-seven-card:hover .feature-seven-card__image img{
    filter:grayscale(0)
}
.feature-seven-card__content{
    border-style:solid;
    border-width:1px;
    border-color:rgb(233,235,238);
    padding:30px;
    padding-bottom:20px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px
}
@media(min-width:992px){
    .feature-seven-card__content{
        padding:50px;
        padding-bottom:40px
    }
}
.feature-seven-card__title{
    color:var(--thm-black);
    text-transform:uppercase;
    margin:0;
    font-size:34px;
    line-height:1
}
.feature-seven-card__title a{
    color:inherit;
    transition:all 500ms ease
}
.feature-seven-card__title a:hover{
    color:var(--thm-base)
}
.feature-seven-card__text{
    margin:0;
    font-size:16px;
    font-family:var(--thm-b-font);
    color:var(--thm-text);
    line-height:34px;
    margin-top:10px
}
@media(min-width:992px){
    .feature-seven-card__text{
        margin-top:25px
    }
}
.feature-eight{
    padding-top:90px;
    padding-bottom:90px
}
@media(min-width:992px){
    .feature-eight{
        padding-top:120px;
        padding-bottom:120px
    }
}
.feature-eight__image img{
    max-width:100%;
    border-radius:8px;
    filter:grayscale(100%);
    background-color:#1c1e22;
    display:block;
    margin-left:auto;
    margin-right:auto;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
@media(min-width:992px){
    .feature-eight__image img{
        border-radius:8px;
        max-width:none
    }
}
.feature-eight__content{
    background-color:#fff;
    padding:50px;
    border-radius:8px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    box-shadow:0px 10px 60px 0px rgba(0,0,0,0.07)
}
@media(min-width:992px){
    .feature-eight__content{
        margin-top:60px;
        border-radius:8px
    }
}
@media(min-width:1200px){
    .feature-eight__content{
        padding:100px
    }
}
.feature-eight__text{
    margin-bottom:35px
}
.feature-eight .progress-box{
    position:relative;
    display:block;
    width:100%;
    font-family:var(--thm-font)
}
.feature-eight .progress-box .bar-title{
    position:relative;
    font-size:20px;
    line-height:1.1em;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:10px;
    color:var(--thm-black)
}
.feature-eight .progress-box .bar{
    position:relative;
    width:100%;
    height:7px;
    background:#e9ebee;
    border-radius:4px
}
.feature-eight .progress-box .bar-inner{
    position:relative;
    display:block;
    width:0px;
    height:7px;
    background:var(--thm-base);
    border-radius:4px;
    transition:all 1500ms ease
}
.feature-eight .progress-box .count-box{
    position:absolute;
    right:0px;
    margin-right:-40px;
    bottom:18px;
    width:40px;
    height:22px;
    background:var(--thm-black);
    color:#ffffff;
    line-height:22px;
    font-size:14px;
    font-weight:500;
    border-radius:5px;
    text-align:center;
    opacity:0;
    transition:all 500ms ease
}
.feature-eight .progress-box .counted .count-box{
    opacity:1
}
.feature-eight .progress-box .count-box:after{
    content:"";
    position:absolute;
    left:0;
    top:100%;
    margin-top:-5px;
    border:5px solid transparent;
    border-top:5px solid var(--thm-black);
    border-left:5px solid var(--thm-black)
}
.feature-eight__content .sec-title{
    margin-bottom:30px
}
@media(min-width:992px){
    .feature-eight__content .sec-title{
        margin-bottom:35px
    }
}
.get-quote-section{
    position:relative;
    padding:120px 0px 90px;
    border-bottom:1px solid #e9ebee
}
.get-quote-section .left-col{
    position:relative
}
.get-quote-section .left-col .inner{
    position:relative;
    display:block;
    padding-right:70px
}
.get-quote-section .featured-block{
    position:relative;
    display:block;
    min-height:186px;
    margin-bottom:55px
}
.get-quote-section .featured-block .image{
    position:absolute;
    left:0;
    top:0;
    width:270px
}
.get-quote-section .featured-block .image img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    border-radius:7px
}
.get-quote-section .featured-block h4{
    font-size:40px;
    font-weight:400;
    text-transform:uppercase;
    margin-bottom:25px
}
.get-quote-section .featured-block .text{
    position:relative;
    display:block;
    margin-bottom:32px
}
.get-quote-section .counter{
    position:relative;
    display:block;
    padding-top:55px;
    border-top:1px solid #e9ebee
}
.get-quote-section .counter .counter-text{
    position:relative;
    float:left
}
.get-quote-section .counter .counter-image{
    position:relative;
    float:right;
    padding-left:55px
}
.get-quote-section .counter .counter-image:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:14px;
    height:100%;
    background:var(--thm-base);
    border-radius:7px
}
.get-quote-section .counter .counter-image img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    border-radius:7px
}
.get-quote-section .counter .count-box{
    position:relative;
    display:block;
    font-size:60px;
    text-transform:uppercase;
    color:var(--thm-black);
    font-weight:400;
    line-height:1em;
    letter-spacing:0.02em;
    font-family:var(--thm-font)
}
.get-quote-section .counter .counter-title{
    position:relative;
    display:block;
    font-size:20px;
    text-transform:uppercase;
    color:var(--thm-text);
    font-weight:400;
    line-height:1.25em;
    letter-spacing:0.05em;
    font-family:var(--thm-font)
}
.get-quote-section .right-col{
    position:relative;
    margin-bottom:30px
}
.get-quote-section .right-col .inner{
    position:relative;
    display:block
}
.get-quote-section .form-box{
    position:relative;
    display:block;
    text-align:center;
    background:#ffffff;
    padding:50px 45px 40px;
    margin-top:-180px;
    border-radius:7px;
    border:1px solid rgba(0,0,0,0.05);
    box-shadow:0px 0px 70px 0px rgba(0,0,0,0.1);
    z-index:5
}
.get-quote-section .form-box h4{
    color:var(--thm-black);
    font-size:40px;
    font-weight:400;
    text-transform:uppercase;
    margin-bottom:25px
}
.get-quote-section .form-box h4 span{
    padding-left:3px;
    color:var(--thm-base)
}
.get-quote-section .default-form .form-group{
    margin-bottom:10px
}
.get-quote-section .default-form .theme-btn{
    display:block;
    width:100%
}
.fluid-section{
    position:relative;
    padding:0
}
.fluid-section .row{
    margin:0
}
.fluid-section .column{
    padding:0
}
.fluid-section .column .inner{
    position:relative;
    display:block;
    text-align:center;
    min-height:100%;
    padding:120px 20px;
    background:#1c1e22
}
.fluid-section .column:nth-child(2) .inner{
    background:var(--thm-base)
}
.fluid-section .image-layer{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    opacity:0.1
}
.fluid-section .content-box{
    position:relative;
    max-width:620px;
    margin:0 auto
}
.fluid-section h3{
    position:relative;
    display:block;
    font-size:60px;
    line-height:1.1em;
    text-transform:uppercase;
    color:#ffffff;
    font-weight:400;
    margin:0px 0px;
    z-index:3
}
.fluid-section .column:nth-child(2) h3{
    color:#e2bfa3
}
.fluid-section .link-box{
    position:relative;
    padding-top:25px;
    z-index:3
}
.call-to-section-two{
    position:relative;
    padding:50px 0;
    background-color:#2a2c30;
    background-image:url(../images/icons/cta-bg-1-1.png);
    color:#ffffff;
    z-index:1
}
.call-to-section-two.alternate{
    background:var(--thm-base);
    background-image:url(../images/background/cta-2-bg-1-1.png)
}
.call-to-section-two .inner{
    position:relative;
    display:block
}
.call-to-section-two h2{
    position:relative;
    float:left;
    display:block;
    font-size:70px;
    line-height:0.85em;
    text-transform:uppercase;
    color:#ffffff;
    font-weight:400;
    margin:0px 0px 25px;
    z-index:1
}
.call-to-section-two.alternate h2{
    color:var(--thm-black)
}
.call-to-section-two .link-box{
    position:relative;
    float:right;
    padding-top:25px;
    z-index:1
}
.call-to-section-three{
    background-color:var(--thm-base);
    padding-top:119px;
    padding-bottom:119px
}
.call-to-section-three .jarallax-img{
    mix-blend-mode:luminosity;
    opacity:0.1
}
.call-to-section-three .auto-container{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.call-to-section-three .auto-container h3{
    margin:0;
    font-size:50px;
    font-weight:800;
    color:#fff
}
.call-to-section-three .auto-container .btn-style-three{
    min-width:220px;
    justify-content:center;
    align-items:center;
    text-align:center;
    background-color:#fff;
    color:var(--thm-black)
}
.call-to-section-three .auto-container .btn-style-three:hover{
    background-color:var(--thm-black);
    color:#fff
}
.services-section-three{
    position:relative;
    padding:0px 0px 90px;
    background:#ffffff
}
.services-section-three.padd-top{
    padding-top:120px
}
.services-section-three .services{
    position:relative
}
.services-section-three__one-page{
    position:relative;
    padding:120px 0px 90px;
    background-color:var(--thm-black);
    background-image:url(../images/background/contact-bg-1-1.png);
    background-size:cover;
    color:#999b9f
}
.services-section-three__one-page .sec-title h2{
    color:#fff
}
.services-section-three__one-page .service-block-two .inner-box{
    overflow:hidden;
    background-color:#1c1e22
}
.services-section-three__one-page .service-block-two .inner-box h5 a{
    color:#fff
}
.services-section-three__one-page .service-block-two .inner-box .bottom-curve,.services-section-three__one-page .service-block-two:hover .inner-box h5 a,.services-section-three__one-page .service-block-two:hover .inner-box .icon-box,.services-section-three__one-page .service-block-two:hover .text{
    color:var(--thm-black)
}
.services-section-three__one-page .service-block-two .link-box{
    opacity:0;
    transition:500ms
}
.services-section-three__one-page .service-block-two:hover .link-box{
    opacity:1
}
.services-section-three__one-page .service-block-two .inner-box:hover::before{
    background-color:var(--thm-base)
}
.discover-section{
    position:relative;
    padding:120px 0px 90px;
    background:#ffffff
}
.discover-block{
    position:relative;
    margin-bottom:30px
}
.discover-block .inner-box{
    position:relative;
    display:block;
    padding-left:30px
}
.discover-block .image-box{
    position:relative;
    display:block;
    overflow:hidden
}
.discover-block .image-box img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    transition:all 0.3s ease;
    border-radius:7px
}
.discover-block .image-box:hover img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.discover-block .cap-box{
    position:absolute;
    left:0;
    bottom:0;
    display:block;
    width:100%;
    max-width:330px
}
.discover-block .cap-inner{
    position:relative;
    display:block;
    padding:40px 80px 36px 40px;
    background:var(--thm-base);
    border-radius:7px
}
.discover-block .cap-inner h5{
    font-size:30px;
    text-transform:uppercase;
    font-weight:400;
    color:var(--thm-black);
    line-height:1em;
    margin:0
}
.discover-block .cap-inner .more-link{
    position:absolute;
    right:20px;
    bottom:20px;
    width:50px;
    height:50px
}
.discover-block .cap-inner .more-link a{
    position:relative;
    display:block;
    width:50px;
    height:50px;
    font-size:16px;
    background:var(--thm-black);
    color:#ffffff;
    line-height:50px;
    border-radius:50%;
    text-align:center
}
.discover-block .cap-inner .more-link a:hover{
    opacity:0.5
}
.features-section-two{
    position:relative;
    padding:0px 0px;
    background:#ffffff
}
.features-section-two .content-container{
    position:relative;
    display:block;
    padding:120px 0px 90px
}
.features-section-two .content-container:before{
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    left:-2000px;
    background:#ffffff url(../images/background/pattern-2.png) right top repeat;
    border-radius:0px 7px 7px 0px
}
.features-section-two .left-col{
    position:relative;
    margin-bottom:30px
}
.features-section-two .left-col .inner{
    position:relative;
    display:block;
    padding-right:40px
}
.features-section-two .sec-title{
    margin-bottom:40px
}
.features-section-two .features{
    position:relative
}
.features-section-two .feature{
    position:relative;
    display:block;
    padding:0px 0px 40px;
    margin-bottom:47px;
    padding-left:90px;
    min-height:100px;
    border-bottom:1px solid #e9ebee
}
.features-section-two .feature:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none
}
.features-section-two .feature .count{
    position:absolute;
    left:0;
    top:0px;
    width:60px;
    height:60px;
    text-align:center;
    background:var(--thm-base);
    padding:10px;
    line-height:40px;
    font-size:30px;
    letter-spacing:1px;
    color:var(--thm-black);
    text-transform:uppercase;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    line-height:1em;
    transition:0.5s;
    font-family:var(--thm-font)
}
.features-section-two .feature:hover .count{
    background-color:var(--thm-black);
    color:#fff
}
.features-section-two .feature .count span{
    line-height:1em;
    position:relative;
    top:2px
}
.features-section-two .feature h5{
    font-weight:400;
    font-size:24px;
    margin:0;
    line-height:1.2em;
    text-transform:uppercase;
    margin-bottom:15px
}
.features-section-two .feature .sub-text{
    display:block;
    position:relative;
    top:0px;
    display:block
}
.features-section-two .right-col{
    position:relative;
    margin-bottom:30px
}
.features-section-two .right-col .inner{
    position:relative;
    display:block
}
.features-section-two .right-col .image-box{
    position:relative;
    display:block
}
.features-section-two .right-col .image-box img{
    position:relative;
    display:block;
    width:auto;
    max-width:none;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    transition:all 0.3s ease;
    border-radius:7px
}
.features-section-two .right-col .image-box:hover img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.features-section-two .right-col .cap-box{
    position:absolute;
    left:0;
    bottom:0;
    display:block;
    width:100%;
    max-width:350px
}
.features-section-two .right-col .cap-inner{
    position:relative;
    display:block;
    padding:40px 60px;
    background:var(--thm-base);
    border-radius:7px
}
.features-section-two .right-col .cap-inner h5{
    font-size:30px;
    text-transform:uppercase;
    font-weight:400;
    color:var(--thm-black);
    line-height:1em;
    margin:0
}
.we-work-section{
    position:relative;
    padding:120px 0 80px
}
.work-tabs{
    position:relative
}
.work-tabs .tab-buttons{
    position:relative;
    display:block;
    background:#f4f5f8;
    border-radius:7px;
    text-align:center;
    margin-bottom:50px;
    overflow:hidden
}
.work-tabs .tab-buttons .tab-btn{
    position:relative;
    float:left;
    width:33.333%;
    line-height:40px;
    font-size:30px;
    font-weight:400;
    letter-spacing:0.01em;
    color:var(--thm-black);
    padding:30px 15px;
    text-transform:uppercase;
    margin:0;
    font-family:var(--thm-font);
    transition:all 0.3s ease
}
.work-tabs .tab-buttons .tab-btn span{
    position:relative;
    display:block;
    z-index:1
}
.work-tabs .tab-buttons .tab-btn:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:0px;
    background:var(--thm-black);
    transition:all 0.3s ease
}
.work-tabs .tab-buttons .tab-btn.active-btn:before{
    height:100%
}
.work-tabs .tab-buttons .tab-btn.active-btn{
    color:#ffffff
}
.work-tabs .tabs-content{
    position:relative
}
.work-tabs .image-col{
    position:relative;
    margin-bottom:30px
}
.work-tabs .image-col .inner{
    position:relative;
    display:block;
    opacity:0;
    visibility:hidden;
    transform:translateY(50px);
    transition:all 0.5s ease
}
.work-tabs .tabs-content .image{
    position:relative;
    display:block;
    border-radius:7px
}
.work-tabs .tabs-content .image img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    border-radius:7px
}
.work-tabs .text-col{
    position:relative;
    margin-bottom:30px
}
.work-tabs .text-col .inner{
    position:relative;
    display:block;
    padding-left:30px;
    opacity:0;
    visibility:hidden;
    transform:translateY(50px);
    transition:all 0.5s ease
}
.work-tabs .active-tab .text-col .inner,.work-tabs .active-tab .image-col .inner{
    opacity:1;
    visibility:visible;
    transform:translateY(0px)
}
.work-tabs .tabs-content .text{
    position:relative
}
.work-tabs .tabs-content .text p{
    position:relative;
    margin-bottom:30px
}
.work-tabs .tabs-content .text ul{
    position:relative
}
.work-tabs .tabs-content .text ul li{
    position:relative;
    line-height:2.125em;
    margin-bottom:8px;
    padding-left:30px;
    font-weight:400
}
.work-tabs .tabs-content .text ul li:before{
    content:"\f131";
    font-family:"Flaticon";
    position:absolute;
    left:0;
    top:-1px;
    color:var(--thm-base);
    font-weight:400;
    font-size:18px
}
.testimonials-section-two{
    position:relative;
    padding:120px 0px;
    background:#1c1e22;
    color:#ffffff;
    z-index:1
}
.testimonials-section-two .image-layer{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    background-attachment:fixed;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    opacity:0.3
}
.testimonials-section-two .carousel-box{
    position:relative;
    padding-right:200px
}
.testi-block-two{
    position:relative
}
.testi-block-two .inner{
    position:relative;
    display:block
}
.testi-block-two .icon{
    position:relative;
    top:35px;
    display:block;
    font-weight:400;
    font-size:200px;
    line-height:0.7em;
    color:var(--thm-base);
    margin-bottom:0px
}
.testi-block-two .info{
    position:relative;
    margin-top:50px
}
.testi-block-two .info .name{
    display:block;
    font-size:24px;
    line-height:1.2em;
    color:var(--thm-base);
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0.05em;
    font-family:var(--thm-font)
}
.testi-block-two .text{
    position:relative;
    display:block;
    font-size:42px;
    line-height:1.381em;
    font-weight:400;
    letter-spacing:0em;
    color:#ffffff;
    font-family:var(--thm-b-font);
    padding:0px 0px
}
.testimonials-section-two .owl-theme .owl-dots{
    display:none
}
.testimonials-section-two .owl-theme .owl-nav{
    position:absolute;
    right:-170px;
    top:50%;
    margin-top:-50px;
    height:110px;
    text-align:right
}
.testimonials-section-two .owl-theme .owl-nav .owl-next,.testimonials-section-two .owl-theme .owl-nav .owl-prev{
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:50px;
    background:#ffffff!important;
    color:var(--thm-black);
    padding:0;
    margin:0;
    line-height:50px;
    text-align:center;
    opacity:0.2;
    border-radius:50%;
    transition:all 500ms ease
}
.testimonials-section-two .owl-theme .owl-nav .owl-next{
    top:auto;
    bottom:0
}
.testimonials-section-two .owl-theme .owl-nav .owl-next span,.testimonials-section-two .owl-theme .owl-nav .owl-prev span{
    vertical-align:middle
}
.testimonials-section-two .owl-theme .owl-nav .owl-next:hover,.testimonials-section-two .owl-theme .owl-nav .owl-prev:hover{
    opacity:1
}
.about-section-two{
    position:relative;
    padding:120px 0px 90px
}
.about-section-two .left-col{
    position:relative
}
.about-section-two .left-col .inner{
    position:relative;
    display:block;
    padding-right:50px
}
.about-section-two .counter{
    position:relative;
    display:block
}
.about-section-two .right-col{
    position:relative;
    margin-bottom:30px
}
.about-section-two .right-col .inner{
    position:relative;
    display:block;
    padding-left:30px
}
.about-section-two .image-box{
    position:relative;
    display:block;
    margin-top:-240px;
    z-index:5
}
.about-section-two .image-box .image{
    position:relative;
    display:block
}
.about-section-two .image-box .image img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    border-radius:7px
}
.about-section-two .image-box .since{
    position:absolute;
    right:50px;
    bottom:50px
}
.about-section-two .image-box .since:before{
    content:"";
    position:absolute;
    left:-42px;
    top:4px;
    bottom:4px;
    border-left:2px solid var(--thm-base)
}
.about-section-two .image-box .since .txt{
    position:relative;
    display:block;
    padding:21px 5px;
    width:90px;
    height:90px;
    line-height:24px;
    text-align:center;
    background:#ffffff;
    text-transform:uppercase;
    color:var(--thm-black);
    border-radius:50%
}
.counter-block{
    position:relative;
    margin-bottom:30px
}
.counter-block .inner-box{
    position:relative;
    padding-left:160px;
    min-height:140px;
    padding-top:56px
}
.counter-block .graph-outer{
    position:absolute;
    left:0;
    top:0;
    width:140px;
    height:140px;
    display:block;
    text-align:center
}
.counter-block .graph-outer:before{
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    border:3px solid #e9ebee;
    border-radius:50%
}
.counter-block .graph-outer canvas{
    position:relative
}
.counter-block .graph-outer .count-box{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    font-size:30px;
    color:#fff;
    font-weight:400;
    line-height:60px;
    text-transform:uppercase;
    letter-spacing:0.05em;
    margin-top:-30px;
    font-family:var(--thm-font)
}
.counter-block .graph-outer .count-box .sign{
    font-size:20px
}
.counter-block input{
    opacity:0;
    visibility:hidden;
    position:absolute;
    left:0;
    top:0
}
.counter-block h4{
    position:relative;
    line-height:1.1em;
    font-size:24px;
    color:#fff;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0.05em;
    margin:0 0
}
.about-section-three{
    padding-top:120px;
    padding-bottom:120px
}
.about-section-three__image{
    position:relative;
    display:inline-block
}
.about-section-three__image img{
    position:relative
}
.about-section-three__image::before{
    content:"";
    position:absolute;
    top:30px;
    bottom:30px;
    right:0;
    left:-30px
}
.about-section-three__content .sec-title-two{
    margin-bottom:10px
}
.about-section-three__content .sec-title-two h2{
    margin-top:10px
}
.about-section-three__summery p{
    margin:0;
    font-size:16px;
    line-height:2;
    font-weight:400;
    color:#697280;
    margin-bottom:30px
}
.about-section-three__list{
    margin-bottom:50px
}
.about-section-three__list li{
    position:relative;
    padding-left:30px;
    color:#697280;
    font-size:18px;
    font-weight:500;
    line-height:2
}
.about-section-three__list li>i{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    color:var(--thm-base);
    font-size:16px
}
.about-section-three__content .progress-box{
    position:relative;
    display:block;
    width:100%;
    margin-bottom:50px
}
.about-section-three__content .progress-box .bar-title{
    position:relative;
    font-size:18px;
    line-height:1.1em;
    margin-bottom:10px;
    font-weight:600;
    color:var(--thm-black)
}
.about-section-three__content .progress-box .bar{
    position:relative;
    width:100%;
    height:7px;
    background:#eff1f4;
    border-radius:4px
}
.about-section-three__content .progress-box .bar-inner{
    position:relative;
    display:block;
    width:0px;
    height:7px;
    background:var(--thm-base);
    transition:all 1500ms ease
}
.about-section-three__content .progress-box .count-box{
    position:absolute;
    right:0px;
    margin-right:-40px;
    bottom:18px;
    width:40px;
    height:22px;
    color:#697280;
    line-height:22px;
    font-size:14px;
    font-weight:600;
    text-align:center;
    opacity:0;
    transition:all 500ms ease
}
.about-section-three__content .progress-box .counted .count-box{
    opacity:1
}
.about-section-three__name{
    position:relative;
    padding-top:15px
}
.about-section-three__name>img{
    position:absolute;
    top:0;
    left:0
}
.about-section-three__name h3{
    margin:0;
    font-size:20px;
    color:var(--thm-black);
    font-weight:bold;
    line-height:1;
    margin-bottom:5px;
    position:relative
}
.about-section-three__name p{
    margin:0;
    text-transform:uppercase;
    letter-spacing:0.1;
    font-weight:600;
    font-size:14px;
    color:var(--thm-base);
    position:relative
}
.about-me-one{
    padding-top:90px;
    padding-bottom:90px
}
@media(min-width:1200px){
    .about-me-one{
        padding-top:120px;
        padding-bottom:120px
    }
}
.about-me-one__image img{
    border-radius:8px;
    filter:grayscale(100%);
    max-width:100%;
    margin-bottom:50px
}
@media(min-width:1200px){
    .about-me-one__image img{
        margin-bottom:0
    }
}
@media(min-width:1200px){
    .about-me-one__content{
        padding-left:30px
    }
}
@media(min-width:1440px){
    .about-me-one__content{
        padding-left:70px
    }
}
.about-me-one__content .sec-title{
    margin-bottom:0
}
.about-me-one__social{
    display:flex;
    align-items:center;
    margin-top:20px;
    margin-bottom:20px
}
@media(min-width:1200px){
    .about-me-one__social{
        margin-top:25px;
        margin-bottom:40px
    }
}
.about-me-one__social a{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    width:44px;
    height:44px;
    background-color:#f4f5f8;
    color:var(--thm-black);
    font-size:16px;
    border-radius:50%;
    transition:all 500ms ease
}
.about-me-one__social a+a{
    margin-left:10px
}
.about-me-one__social a:hover{
    background-color:var(--thm-base);
    color:var(--thm-black)
}
.about-me-one__certificate-row{
    margin-left:-10px;
    margin-right:-10px;
    margin-top:30px;
    max-width:500px
}
@media (min-width:1200px){
    .about-me-one__certificate-row{
        margin-top:70px
    }
}
.about-me-one__certificate-row [class*=col-]{
    padding-left:10px;
    padding-right:10px
}
.about-me-one__certificate-row img{
    max-width:100%;
    border-radius:8px;
    mix-blend-mode:luminosity;
    margin-bottom:20px
}
@media(min-width:1200px){
    .about-me-one__certificate-row img{
        margin-bottom:0
    }
}
.about-me-one__qoute{
    color:var(--thm-base);
    font-size:30px;
    line-height:34px;
    margin:0;
    font-weight:400
}
@media(min-width:1200px){
    .about-me-one__qoute{
        margin-top:65px
    }
}
.about-me-one__text{
    margin:0;
    font-size:16px;
    line-height:34px;
    margin-bottom:30px
}
@media(min-width:1200px){
    .about-me-one__text{
        margin-bottom:35px
    }
}
.about-me-counter{
    background-color:#f4f5f8;
    padding-top:90px;
    padding-bottom:60px
}
@media(min-width:992px){
    .about-me-counter{
        padding-top:120px;
        padding-bottom:90px
    }
}
@media(min-width:1200px){
    [class*=col-]:nth-child(3) .counter-block{
        margin-left:20px
    }
}
.about-me-counter .counter-block h4{
    font-size:26px
}
.about-me-counter .sec-title{
    text-align:center;
    margin-bottom:40px
}
@media(min-width:768px){
    .about-me-counter .sec-title{
        margin-bottom:auto;
        width:100%;
        text-align:left;
        margin-top:auto
    }
}
.get-quote-two{
    position:relative;
    padding:120px 0px 210px;
    background-color:var(--thm-black);
    background-image:url(../images/background/contact-bg-1-1.png);
    background-size:cover;
    color:#999b9f
}
.get-quote-two__one-page{
    padding-bottom:120px
}
@media (max-width:991px){
    .get-quote-two__one-page{
        padding-bottom:70px!important
    }
}
.get-quote-two .sec-title{
    margin-bottom:5px
}
.get-quote-two .sec-title h2{
    color:#ffffff
}
.get-quote-two .left-col{
    position:relative;
    margin-bottom:30px
}
.get-quote-two .left-col .inner{
    position:relative;
    display:block;
    max-width:580px
}
.get-quote-two .left-col .text{
    position:relative;
    display:block;
    color:#999b9f;
    margin-bottom:35px
}
.get-quote-two .info{
    position:relative;
    display:block
}
.get-quote-two .form-box form .form-group input,.get-quote-two .form-box form .form-group select,.get-quote-two .form-box form .form-group textarea,.get-quote-two .form-group .ui-selectmenu-button.ui-button{
    background-color:#ffffff;
    border-color:#ffffff
}
.get-quote-two .info ul li{
}
.get-quote-two .info ul li strong{
    display:block;
    color:#ffffff;
    letter-spacing:1px;
    font-size:29px;
    font-weight:400;
    text-transform:uppercase;
    font-family:var(--thm-font)
}
.get-quote-two .info ul li .icon{
    display:flex;
    width:70px;
    height:70px;
    align-items:center;
    justify-content:center;
    margin:auto;
    text-align:center;
    background-color:#ffffff;
    border-radius:50%;
    margin-bottom:10px;
    color:var(--thm-black)
}
.get-quote-two .info ul li:last-child{
    margin:0
}
.get-quote-two .info ul li a{
    position:relative;
    color:#999b9f;
    line-height:28px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease
}
.get-quote-two .info ul li a:hover{
    color:#ffffff;
    text-decoration:underline;
    -webkit-text-decoration-color:var(--thm-base);
    text-decoration-color:var(--thm-base)
}
.get-quote-two .right-col{
    position:relative;
    margin-bottom:10px
}
.get-quote-two .right-col .inner{
    position:relative;
    display:block
}
.get-quote-two .form-box{
    position:relative;
    display:block
}
.get-quote-two .form-box form .row{
    margin:0 -10px
}
.get-quote-two .form-box form .form-group{
    padding:0px 10px;
    margin-bottom:29px
}
.map-section{
    position:relative;
    padding:0px 0px 120px
}
.map-section .map-container{
    position:relative;
    display:block;
    width:100%;
    margin-top:-120px;
    border-radius:7px;
    overflow:hidden;
    z-index:3
}
.map-section__one-page{
    padding-bottom:0
}
.map-section__one-page .map-container{
    margin-top:0
}
.map-canvas,.map-iframe{
    position:relative;
    display:block;
    width:100%;
    height:450px
}
.map-section__one-page .map-iframe{
    height:575px
}
.map-data{
    font-family:var(--thm-font);
    text-align:center;
    font-size:20px;
    color:#222222;
    font-weight:300;
    letter-spacing:0.05em;
    line-height:1.7em
}
.map-data h6{
    font-family:var(--thm-font);
    font-size:24px;
    font-weight:400;
    text-align:center;
    margin-bottom:10px;
    line-height:1em;
    color:#222222;
    text-transform:uppercase;
    letter-spacing:0.05em
}
.sponsors-section-two{
    position:relative;
    padding:120px 0px 90px;
    background:#ffffff;
    border-top:1px solid #e9ebee
}
.sponsors-section-two .title-col{
    position:relative;
    margin-bottom:30px
}
.sponsors-section-two .sec-title{
    margin-bottom:0
}
.sponsors-section-two .logo-col{
    position:relative
}
.sponsors-section-two .logo-block{
    position:relative;
    margin-bottom:30px
}
.sponsors-section-two .image-box img{
    max-width:100%;
    width:auto;
    display:inline-block;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    opacity:0.2
}
.sponsors-section-two .image-box img:hover{
    opacity:1
}
.sponsors-section-three{
    padding-top:120px;
    padding-bottom:120px
}
.sponsors-section-three .thm-swiper__slider .swiper-slide img{
    opacity:0.2;
    transition:all 500ms ease;
    display:block
}
.sponsors-section-three .thm-swiper__slider .swiper-slide img:hover{
    opacity:0.6
}
.sponsors-section__about-two{
    background-color:var(--thm-base)
}
.page-banner{
    position:relative;
    padding:0;
    color:#ffffff;
    background:#e2bfa3;
    background-position:center top;
    background-repeat:no-repeat;
    background-size:cover
}
.page-banner .image-layer{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0.4;
    z-index:0;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%)
}
.page-banner .shape-1{
    position:absolute;
    right:0;
    top:0;
    width:250px;
    max-width:100%;
    height:100%;
    background:url(../images/background/b-shape-1.png) right bottom no-repeat;
    z-index:1
}
.page-banner .shape-2{
    position:absolute;
    right:0;
    top:0;
    width:250px;
    max-width:100%;
    height:100%;
    background:url(../images/background/b-shape-2.png) right top no-repeat;
    z-index:1
}
.page-banner .banner-inner{
    position:relative;
    display:block;
    z-index:3
}
.page-banner .inner-container{
    position:relative;
    padding:240px 0px 120px
}
.page-banner h1{
    position:relative;
    font-size:80px;
    color:#741844;
    line-height:0.8em;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin:0
}
.page-banner .page-nav{
    position:relative;
    padding-top:5px;
    text-align:center
}
.page-banner .bread-crumb{
    position:relative;
    display:inline-block
}
.page-banner .bread-crumb li{
    position:relative;
    float:left;
    font-size:20px;
    line-height:30px;
    color:#ccd6df;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:1px;
    cursor:default;
    padding-right:15px;
    margin-right:15px;
    font-family:var(--thm-font)
}
.page-banner .bread-crumb li:before{
    position:absolute;
    right:-15px;
    width:30px;
    text-align:center;
    font-size:20px;
    line-height:30px;
    font-weight:400;
    content:"-"
}
.page-banner .bread-crumb li:last-child{
    padding-right:0;
    margin-right:0
}
.page-banner .bread-crumb li:last-child:before{
    display:none
}
.page-banner .bread-crumb li a{
    color:#ffffff;
    font-weight:400;
    transition:all 300ms ease
}
.page-banner .bread-crumb li a:hover,.page-banner .bread-crumb li.active{
    color:var(--thm-base)
}
.faqs-section{
    position:relative;
    padding:120px 0px 100px;
    background:#ffffff url(../images/background/pattern-2.png) left top repeat;
    overflow:hidden
}
.faqs-section .faq-block{
    position:relative;
    margin-bottom:20px
}
.get-quote-three{
    position:relative;
    padding:120px 0px 100px;
    background:#ffffff
}
.get-quote-three .sec-title{
    margin-bottom:40px
}
.get-quote-three .form-box{
    position:relative;
    display:block;
    max-width:770px;
    margin:0 auto;
    text-align:center
}
.get-quote-three .form-box form .row{
    margin:0 -10px
}
.get-quote-three .form-box form .form-group{
    padding:0px 10px;
    margin-bottom:20px
}
.error-section{
    position:relative;
    background:#ffffff;
    padding:120px 0px
}
.error-section .content{
    position:relative;
    max-width:700px;
    text-align:center;
    margin:0 auto
}
.error-section .big-text{
    position:relative;
    line-height:0.7em;
    font-size:340px;
    color:var(--thm-base);
    font-weight:400;
    letter-spacing:15px;
    line-height:1em
}
.error-section .big-text .front{
    position:relative;
    display:block;
    width:100%;
    text-align:center
}
.error-section .big-text .back{
    position:absolute;
    padding-left:20px;
    left:0;
    top:0;
    display:block;
    width:100%;
    text-align:center;
    color:rgba(var(--thm-base-rgb),0.1)
}
.error-section h2{
    font-weight:600;
    line-height:1em;
    margin-bottom:0px;
    text-transform:uppercase;
    letter-spacing:0.005em;
    font-size:160px;
    color:#171717;
    -webkit-text-fill-color:#ffffff;
    -webkit-text-stroke-width:3px;
    -webkit-text-stroke-color:#222429
}
.error-section .text{
    position:relative;
    display:block;
    line-height:1.5em
}
.error-section .link-box{
    position:relative;
    padding-top:20px
}
.error-section .link-box .theme-btn{
    position:relative;
    min-width:200px
}
.error-form{
    position:relative;
    max-width:520px;
    margin:50px auto 0
}
.error-form form{
    position:relative
}
.error-form .form-group{
    position:relative;
    margin:0
}
.error-form .form-group input[type="text"],.error-form .form-group input[type="search"],.error-form .form-group input[type="email"]{
    position:relative;
    width:100%;
    line-height:30px;
    padding:20px 60px 20px 30px;
    height:70px;
    display:block;
    font-size:14px;
    background:#f4f5f8;
    color:var(--thm-text);
    border-radius:7px;
    font-family:var(--thm-b-font);
    border:1px solid #f4f5f8;
    transition:all 300ms ease
}
.error-form .form-group input[type="text"]:focus,.error-form .form-group input[type="email"]:focus,.error-form .form-group input[type="search"]:focus{
    border-color:var(--thm-base)
}
.error-form .form-group input::-webkit-input-placeholder{
    color:#575757
}
.error-form .form-group .theme-btn{
    position:absolute;
    right:25px;
    top:15px;
    width:40px;
    height:40px;
    line-height:40px;
    font-size:20px;
    background:none;
    color:var(--thm-text)
}
.error-form .form-group .theme-btn span{
    vertical-align:middle
}
.contact-section{
    position:relative;
    padding:120px 0px 100px;
    background:#ffffff
}
.contact-section__one-page{
    padding-bottom:0
}
.contact-section .map-box{
    position:relative;
    display:block;
    margin:0 0 120px;
    border-radius:7px;
    overflow:hidden
}
.contact-section .form-box{
    position:relative;
    display:block;
    max-width:770px;
    margin:0 auto;
    text-align:center
}
.contact-section .form-box form .row{
    margin:0 -10px
}
.contact-section .form-box form .form-group{
    padding:0px 10px;
    margin-bottom:20px
}
.contact-section .upper-info{
    position:relative;
    margin-bottom:90px
}
.contact-section .info-block{
    position:relative;
    margin-bottom:30px
}
.contact-section .info-block .inner-box{
    position:relative;
    display:block;
    height:100%;
    min-height:100%;
    padding:45px 45px 40px;
    background:#ffffff;
    border-radius:7px;
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.05);
    transition:all 500ms ease
}
.contact-section .info-block .inner-box:hover{
    background:var(--thm-black)
}
.contact-section .info-block .inner-box h5{
    font-size:24px;
    text-transform:uppercase;
    color:var(--thm-black);
    font-weight:400;
    letter-spacing:1px;
    line-height:1.1em;
    margin:0
}
.contact-section .info-block .inner-box h5 a{
    color:var(--thm-black);
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.contact-section .info-block .inner-box:hover h5,.contact-section .info-block .inner-box:hover h5 a{
    color:#ffffff
}
.contact-section .info-block .inner-box .text{
    position:relative;
    display:block;
    color:var(--thm-text);
    padding:30px 0px 0px;
    z-index:1
}
.contact-section .info-block .inner-box .text a{
    position:relative;
    color:var(--thm-text)
}
.contact-section .info-block .inner-box:hover .text,.contact-section .info-block .inner-box:hover .text a{
    color:#999b9f
}
.contact-section .info-block .inner-box:hover h5 a:hover,.contact-section .info-block .inner-box:hover .text a:hover{
    text-decoration:underline;
    color:#ffffff
}
.sidebar-page-container{
    position:relative;
    padding:120px 0px 90px
}
.sidebar-page-container .content-side{
    position:relative;
    margin-bottom:30px;
    z-index:1
}
.sidebar-page-container .sidebar-side{
    position:relative;
    margin-bottom:30px
}
.sidebar-page-container .sidebar{
    position:relative
}
.sidebar .sidebar-widget{
    position:relative;
    display:block;
    margin-bottom:30px
}
.sidebar .sidebar-widget:last-child{
    margin-bottom:0px
}
.sidebar .sidebar-widget .widget-inner{
    position:relative;
    display:block;
    padding:45px 45px;
    background:#f4f5f8;
    border-radius:7px
}
.sidebar-title{
    position:relative;
    margin-bottom:20px
}
.sidebar-title h4{
    position:relative;
    display:inline-block;
    font-size:24px;
    line-height:1.1em;
    color:var(--thm-black);
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0.01em;
    margin-bottom:0px
}
.sidebar .services ul{
    position:relative
}
.sidebar .services ul li{
    position:relative;
    line-height:48px;
    font-size:16px;
    text-transform:capitalize;
    color:var(--thm-text);
    margin-bottom:5px
}
.sidebar .services ul li:before{
    content:"";
    position:absolute;
    left:-20px;
    top:0;
    right:-20px;
    bottom:0;
    background:#ffffff;
    border-radius:7px;
    opacity:0;
    transition:all 0.3s ease
}
.sidebar .services ul li:after{
    content:"";
    position:absolute;
    left:-20px;
    top:50%;
    margin-top:-12px;
    height:24px;
    border-left:2px solid var(--thm-base);
    opacity:0;
    transition:all 0.3s ease
}
.sidebar .services ul li:last-child{
    margin-bottom:0
}
.sidebar .services ul li a{
    position:relative;
    display:block;
    line-height:48px;
    font-size:16px;
    text-transform:capitalize;
    color:var(--thm-text);
    font-family:var(--thm-b-font);
    font-weight:400;
    transition:all 0.3s ease;
    z-index:1
}
.sidebar .services ul li:hover a,.sidebar .services ul li.active a{
    color:var(--thm-black)
}
.sidebar .services ul li:hover:before,.sidebar .services ul li.active:before,.sidebar .services ul li:hover:after,.sidebar .services ul li.active:after{
    opacity:1
}
.sidebar .services ul li a:after{
    position:absolute;
    right:0;
    top:-1px;
    font-family:"Flaticon";
    content:"\f15f";
    opacity:1;
    font-size:10px;
    line-height:48px;
    font-weight:700;
    z-index:1
}
.sidebar .services ul li a:hover:before,.sidebar .services ul li.active a:before{
    opacity:1;
    transform:scaleX(1);
    transition:all 0.3s ease 0.1s
}
.sidebar .call-up .widget-inner{
    background:var(--thm-black);
    color:#999b9f
}
.sidebar .call-up .sidebar-title h4{
    color:#ffffff
}
.sidebar .call-up .text{
    position:relative;
    display:block
}
.sidebar .call-up .phone{
    position:relative;
    margin-top:20px;
    color:#ffffff;
    font-size:30px;
    line-height:40px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:var(--thm-font);
    font-weight:300
}
.sidebar .call-up .phone .icon{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    color:var(--thm-base);
    font-size:20px;
    padding-right:15px
}
.sidebar .call-up .phone a{
    position:relative;
    color:#ffffff
}
.sidebar .call-up .phone a:hover{
    text-decoration:underline
}
.sidebar .search-box .widget-inner{
    padding:0;
    background:none
}
.sidebar .search-box .form-group{
    position:relative;
    margin:0px
}
.sidebar .search-box .form-group input[type="text"],.sidebar .search-box .form-group input[type="search"]{
    position:relative;
    line-height:40px;
    padding:19px 80px 19px 35px;
    background:var(--thm-base);
    color:var(--thm-black);
    display:block;
    font-size:14px;
    width:100%;
    height:80px;
    border:1px solid var(--thm-base);
    font-family:var(--thm-b-font);
    border-radius:7px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease
}
.sidebar .search-box .form-group::placeholder{
    opacity:1;
    color:inherit
}
.sidebar .search-box .form-group input:focus{
    border-color:var(--thm-black)
}
.sidebar .search-box .form-group button{
    position:absolute;
    right:20px;
    top:0px;
    height:80px;
    width:60px;
    line-height:80px;
    display:block;
    font-size:24px;
    color:var(--thm-black);
    background:none;
    font-weight:normal
}
.sidebar .search-box .form-group input:focus+button,.sidebar .search-box .form-group button:hover{
    color:#181b1f
}
.sidebar .recent-posts .post{
    position:relative;
    font-size:20px;
    color:var(--thm-text);
    padding:7px 0px 0px 85px;
    min-height:62px;
    margin-bottom:30px
}
.sidebar .recent-posts .post:last-child{
    margin-bottom:0px
}
.sidebar .recent-posts .post-thumb{
    position:absolute;
    left:0px;
    top:0px;
    width:62px;
    height:62px;
    border-radius:50%
}
.sidebar .recent-posts .post-thumb img{
    position:relative;
    display:block;
    width:100%;
    border-radius:50%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    -o-transition:all 0.4s ease
}
.sidebar .recent-posts .post:hover .post-thumb img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.sidebar .recent-posts .text{
    font-size:20px;
    line-height:1.3em;
    color:var(--thm-text);
    font-weight:300;
    text-transform:capitalize;
    margin:0;
    letter-spacing:0.07em;
    max-width:170px
}
.sidebar .recent-posts .text a{
    color:var(--thm-text)
}
.sidebar .recent-posts .text a:hover{
    color:var(--thm-black)
}
.sidebar .popular-tags .tags-list{
    padding-right:20px
}
.sidebar .popular-tags .tags-list li,.sidebar .popular-tags .tags-list a{
    position:relative;
    color:var(--thm-text);
    display:inline-block
}
.sidebar .popular-tags .tags-list a{
    position:relative;
    display:inline-block;
    line-height:1.45em;
    text-align:center;
    color:var(--thm-text);
    text-transform:capitalize;
    transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease
}
.sidebar .popular-tags .tags-list a:hover{
    color:var(--thm-black)
}
.sidebar .archives ul{
    position:relative
}
.sidebar .archives ul li{
    position:relative;
    line-height:30px;
    font-size:16px;
    text-transform:capitalize;
    color:var(--thm-text);
    margin-bottom:15px
}
.sidebar .archives ul li:last-child{
    margin-bottom:0
}
.sidebar .archives ul li a{
    position:relative;
    display:block;
    line-height:30px;
    font-size:16px;
    text-transform:capitalize;
    color:var(--thm-text);
    font-weight:400;
    transition:all 0.3s ease;
    z-index:1
}
.sidebar .archives ul li:hover a,.sidebar .archives ul li.active a{
    color:var(--thm-black);
    font-weight:400
}
.sidebar .archives ul li a:after{
    position:absolute;
    right:0;
    top:-1px;
    font-family:"Flaticon";
    content:"\f15f";
    opacity:1;
    font-size:10px;
    line-height:30px;
    font-weight:700;
    z-index:1
}
.sidebar .recent-comments .comment{
    position:relative;
    font-size:20px;
    color:var(--thm-text);
    padding:0px 0px 0px 70px;
    min-height:48px;
    margin-bottom:30px
}
.sidebar .recent-comments .comment:last-child{
    margin-bottom:0px
}
.sidebar .recent-comments .comment .icon{
    position:absolute;
    left:0px;
    top:0px;
    width:48px;
    height:48px;
    font-size:18px;
    line-height:48px;
    background-color:var(--thm-black);
    color:#ffffff;
    text-align:center;
    border-radius:50%;
    transition:all 0.3s ease
}
.sidebar .recent-comments .comment:hover .icon{
    background:var(--thm-base)
}
.sidebar .recent-comments .comment .text{
    font-size:20px;
    line-height:24px;
    color:var(--thm-text);
    font-weight:300;
    letter-spacing:0.07em;
    text-transform:uppercase;
    margin:0
}
.sidebar .recent-comments .comment .text a{
    color:var(--thm-text)
}
.sidebar .recent-comments .comment .text a:hover{
    color:var(--thm-black)
}
.post-details{
    position:relative;
    margin-bottom:30px
}
.post-details .inner-box{
    position:relative;
    display:block
}
.post-details .image-box{
    position:relative;
    display:block;
    overflow:hidden
}
.post-details .image-box img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    transition:all 500ms ease;
    border-radius:7px
}
.post-details .inner-box:hover .image-box img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.post-details .lower-box{
    position:relative;
    padding:30px 0px 0px
}
.post-details .post-meta{
    position:relative;
    display:block
}
.post-details .post-meta ul{
    position:relative;
    display:block
}
.post-details .post-meta ul li{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 20px 5px 0px;
    font-size:16px;
    letter-spacing:0.07em;
    text-transform:uppercase
}
.post-details .post-meta ul li .far,.post-details .post-meta ul li .fa{
    position:relative;
    top:-2px;
    color:var(--thm-base);
    font-size:14px;
    padding-right:3px;
    vertical-align:middle
}
.post-details .lower-box h4{
    text-transform:uppercase;
    font-size:40px;
    line-height:1.1em;
    color:var(--thm-black);
    margin-bottom:30px
}
.post-details .lower-box h4 a{
    color:var(--thm-black)
}
.post-details .lower-box h4 a:hover{
    color:var(--thm-base);
    text-decoration:underline
}
.post-details .lower-box .text{
    position:relative;
    display:block
}
.post-details .lower-box .text p{
    position:relative;
    margin-bottom:35px
}
.post-details .info-row{
    position:relative;
    display:block;
    padding:28px 0px 0px;
    border-top:1px solid #e9ebee;
    font-size:16px;
    line-height:30px
}
.post-details .info-row strong{
    font-weight:300;
    letter-spacing:0.05em;
    font-size:24px;
    text-transform:uppercase;
    font-weight:400;
    font-family:var(--thm-font);
    color:var(--thm-black)
}
.post-details .info-row a{
    color:var(--thm-text)
}
.post-details .info-row a:hover{
    text-decoration:underline
}
.post-details .info-row .tags-info{
    position:relative;
    float:left
}
.post-details .info-row .cat-info{
    position:relative;
    float:right
}
.sidebar-page-container .post-control-two{
    position:relative;
    margin-bottom:20px
}
.sidebar-page-container .post-control-two .control-col{
    position:relative;
    margin-bottom:30px
}
.sidebar-page-container .post-control-two .control-inner{
    position:relative;
    display:block;
    padding:55px 50px;
    background:#f4f5f8;
    height:100%;
    min-height:100%;
    border-radius:7px;
    transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    -o-transition:all 0.4s ease
}
.sidebar-page-container .post-control-two .control-inner:hover{
    background:var(--thm-base)
}
.sidebar-page-container .post-control-two .over-link{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:2
}
.sidebar-page-container .post-control-two .control-inner h4{
    position:relative;
    font-weight:400;
    text-transform:uppercase;
    font-size:30px;
    line-height:1.1em;
    color:var(--thm-black);
    margin-bottom:0px
}
.sidebar-page-container .post-control-two .control-inner h4 a{
    color:var(--thm-black)
}
.comments-title{
    position:relative;
    margin-bottom:40px
}
.comments-title h3{
    font-size:36px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0.02em;
    color:var(--thm-black);
    margin:0
}
.comments-area{
    position:relative;
    margin-bottom:70px
}
.comments-area .comment-box{
    position:relative;
    margin-bottom:60px;
    padding-bottom:60px;
    border-bottom:1px solid #e9ebee
}
.comments-area .comment{
    position:relative;
    min-height:90px;
    padding-left:130px
}
.comments-area .comment-box .author-thumb{
    position:absolute;
    left:0px;
    top:0px;
    width:90px;
    height:90px;
    border-radius:50%;
    margin-bottom:20px;
    overflow:hidden
}
.comments-area .comment-box .author-thumb img{
    width:90px;
    height:90px;
    display:block;
    border-radius:50%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%)
}
.comments-area .comment-box .info{
    position:relative;
    margin-bottom:25px;
    line-height:24px
}
.comments-area .comment-box .info .name{
    position:relative;
    display:block;
    font-size:24px;
    line-height:30px;
    font-weight:400;
    letter-spacing:0.02em;
    color:var(--thm-black);
    text-transform:uppercase;
    font-family:var(--thm-font)
}
.comments-area .comment-box .info .date{
    position:relative;
    display:inline-block;
    color:var(--thm-base)
}
.comments-area .comment-box .text{
    position:relative;
    display:block;
    color:var(--thm-text);
    margin-bottom:30px
}
.comments-area .comment-box .reply-btn{
    position:relative;
    display:block
}
.comments-area .comment-box .theme-btn .btn-title{
    padding:6px 30px 4px;
    line-height:30px
}
.leave-comments{
    position:relative
}
.leave-comments form .row{
    margin:0 -10px
}
.leave-comments form .form-group{
    padding:0px 10px;
    margin-bottom:20px
}
.leave-comments form .form-group:last-child{
    margin-bottom:0
}
.service-details{
    position:relative
}
.service-details .image{
    position:relative;
    display:block;
    overflow:hidden
}
.service-details .image img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    border-radius:7px;
    transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    -o-transition:all 0.4s ease
}
.service-details .image:hover img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.service-details .main-image{
    margin-bottom:35px
}
.service-details h3{
    font-size:50px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-weight:400;
    line-height:1.1em;
    margin-bottom:25px
}
.service-details h4{
    font-size:36px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-weight:400;
    line-height:1.1em;
    margin-bottom:20px
}
.service-details .text-content{
    position:relative;
    display:block
}
.service-details .text-content p{
    margin-bottom:35px
}
.service-details .text-content .last{
    margin-bottom:0px
}
.service-details .featured{
    position:relative;
    padding-top:15px;
    padding-bottom:15px
}
.service-details .featured .image-col{
    margin-bottom:30px
}
.service-details .text-content ul{
    margin-bottom:20px
}
.service-details .text-content ul li{
    position:relative;
    padding-left:30px;
    margin-bottom:10px
}
.service-details .text-content ul li:before{
    content:"\f131";
    font-family:"Flaticon";
    position:absolute;
    left:0;
    top:-1px;
    color:var(--thm-base);
    font-weight:400;
    font-size:18px
}
.project-single{
    position:relative;
    padding:120px 0px 80px
}
.project-single .image-col{
    position:relative;
    margin-bottom:10px
}
.project-single .image-col .inner{
    position:relative;
    display:block
}
.project-single .image-box{
    position:relative;
    display:block;
    border-radius:7px;
    overflow:hidden;
    margin-bottom:30px
}
.project-single.style-two .image-box{
    margin-bottom:35px
}
.project-single .image-box img{
    display:block;
    width:100%;
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    border-radius:7px;
    transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    -o-transition:all 0.4s ease
}
.project-single .image-box:hover img{
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -moz-filter:grayscale(0%)
}
.project-single h5{
    font-size:30px;
    letter-spacing:0.005em;
    text-transform:uppercase;
    font-weight:400;
    line-height:1.1em;
    margin-bottom:20px
}
.project-single.style-two h5{
    font-size:36px
}
.project-single .text-content{
    position:relative;
    display:block
}
.project-single .text-content p{
    margin-bottom:25px
}
.project-single .text-content .last{
    margin-bottom:0px
}
.project-single .text-content .info{
    position:relative
}
.project-single .text-content .info li{
    position:relative;
    line-height:26px;
    margin-bottom:30px
}
.project-single .text-content .info li strong{
    font-size:24px;
    letter-spacing:0.01em;
    text-transform:uppercase;
    font-weight:400;
    line-height:1em;
    font-family:var(--thm-font);
    color:var(--thm-black)
}
.post-control{
    position:relative
}
.post-control .inner{
    position:relative;
    display:block;
    padding:50px 0px;
    border-top:1px solid #e9ebee;
    border-bottom:1px solid #e9ebee
}
.post-control .control{
    position:relative;
    float:left;
    line-height:30px;
    font-size:24px;
    color:var(--thm-black);
    letter-spacing:0.05em;
    text-transform:uppercase;
    font-weight:400;
    font-family:var(--thm-font)
}
.post-control .control.next{
    float:right
}
.post-control .control a{
    display:block;
    line-height:30px;
    font-size:24px;
    color:var(--thm-black);
    font-weight:400
}
.post-control .control a:hover{
    color:var(--thm-base)
}
.post-control .control .fa{
    position:relative;
    vertical-align:top;
    line-height:30px;
    font-size:18px
}
.side-menu__block{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99999;
    transform:scale(0,1);
    transform-origin:left center;
    transition:transform 0.7s ease
}
.side-menu__block.active{
    transform:scale(1,1)
}
.side-menu__block-overlay{
    width:100%;
    height:100%;
    background-color:var(--thm-black);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    opacity:0.7
}
.side-menu__block-overlay .cursor-follower{
    background-color:rgba(8,39,64,0.3)
}
.side-menu__block-inner{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    max-width:520px;
    height:100%;
    overflow-y:auto;
    background-color:#eceeef;
    z-index:999999;
    padding:40px 0;
    padding-top:20px
}
@media (max-width:575px){
    .side-menu__block-inner{
        max-width:480px
    }
}
@media (max-width:480px){
    .side-menu__block-inner{
        max-width:400px
    }
}
@media (max-width:375px){
    .side-menu__block-inner{
        max-width:300px
    }
}
.side-menu__block-inner .mCustomScrollBox{
    width:100%
}
.side-menu__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-left:100px;
    padding-right:40px
}
.mobile-nav__container{
    padding-left:100px;
    padding-right:100px;
    padding-top:50px
}
.mobile-nav__container ul{
    margin:0;
    padding:0;
    list-style:none
}
.mobile-nav__container li.dropdown ul{
    display:none;
    padding:10px 0px 0px;
    margin-bottom:20px;
    padding-left:0.5em
}
.mobile-nav__container li.dropdown ul li{
    margin-bottom:10px
}
.mobile-nav__container li.dropdown{
    position:relative
}
.mobile-nav__container li.dropdown>a{
    position:relative;
    display:inline-block;
    padding-right:25px;
    vertical-align:middle
}
.mobile-nav__container li>a>span{
    background-color:var(--thm-base);
    color:#fff;
    font-size:13px;
    text-transform:uppercase;
    border-radius:5px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    width:40px;
    top:-3px;
    position:relative;
    margin-left:5px
}
.mobile-nav__container li.dropdown .dropdown-btn{
    position:absolute;
    top:0;
    right:0;
    line-height:22px;
    width:22px;
    height:22px;
    display:block;
    text-align:center;
    vertical-align:middle;
    border:none;
    outline:none;
    background-color:transparent;
    color:#9ca3a9;
    font-size:14px;
    transform:rotate(90deg);
    transition:all 500ms ease
}
.mobile-nav__container li.dropdown .dropdown-btn.open{
    transform:rotate(-90deg);
    color:var(--thm-black)
}
.mobile-nav__container li+li{
    margin-top:10px
}
.mobile-nav__container li a{
    text-transform:uppercase;
    color:#9ca3a9;
    font-size:20px;
    letter-spacing:1px;
    line-height:24px;
    font-weight:500;
    display:flex;
    transition:all 500ms ease;
    font-family:"Teko",sans-serif;
    position:relative
}
.mobile-nav__container li a:hover{
    color:var(--thm-black)
}
.mobile-nav__container li.current-menu-item>a,.mobile-nav__container li.current-menu-item .dropdown-btn,.mobile-nav__container li.current .dropdown-btn,.mobile-nav__container li.current>a{
    color:var(--thm-black)
}
.side-menu__social{
    display:flex;
    align-items:center;
    margin-top:80px;
    margin-bottom:40px
}
.side-menu__social a{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    width:57px;
    height:57px;
    background-color:#fff;
    color:#9ca3a9;
    font-size:16px;
    border-radius:50%;
    transition:all 500ms ease
}
.side-menu__social a+a{
    margin-left:10px
}
.side-menu__social a:hover{
    background-color:#ffaa16;
    color:var(--thm-black)
}
.side-menu__content{
    padding-left:100px;
    padding-right:100px
}
.side-menu__content p{
    margin:0;
    color:#9ca3a9;
    font-size:14px
}
.side-menu__content p+p{
    margin-top:30px
}
.side-menu__content p a{
    color:var(--thm-black);
    transition:all 500ms ease
}
.side-menu__content p a:hover{
    color:#ffaa16;
    text-decoration:underline
}
.side-menu__sep{
    width:calc(100% - 200px);
    margin-left:auto;
    margin-right:auto;
    height:1px;
    background-color:#fff;
    margin-top:70px;
    margin-bottom:70px
}
.side-menu__text p{
    font-size:20px;
    line-height:30px;
    font-weight:400;
    letter-spacing:0.05em;
    color:#9ca3a9;
    margin:0;
    margin-bottom:25px
}
.side-menu__text a{
    font-size:20px;
    color:#ff0143;
    line-height:30px;
    font-weight:400;
    transition:all 500ms ease
}
.side-menu__text a:hover{
    color:var(--thm-base)
}
.side-menu__block__copy{
    text-transform:uppercase;
    font-size:16px;
    color:#9ca3a9;
    font-weight:400;
    letter-spacing:0.2em
}
@media (max-width:575px){
    .side-menu__top,.side-menu__content,.mobile-nav__container{
        padding-left:50px;
        padding-right:50px
    }
    .side-menu__sep{
        margin-top:40px;
        margin-bottom:40px;
        width:calc(100% - 100px)
    }
}
@media (max-width:480px){
    .side-menu__top,.side-menu__content,.mobile-nav__container{
        padding-left:25px;
        padding-right:25px
    }
    .side-menu__sep{
        width:calc(100% - 50px)
    }
    .side-menu__social{
        margin-top:40px
    }
    .side-menu__social a{
        width:45px;
        height:45px
    }
}
.style-switcher{
    font-family:"Teko",sans-serif;
    position:fixed;
    top:100px;
    left:0;
    z-index:99999;
    background-color:#fff;
    width:200px;
    text-align:center;
    box-shadow:0px 10px 30px 0px rgba(0,0,0,0.04);
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    padding-top:25px;
    padding-bottom:30px;
    padding-left:15px;
    padding-right:15px;
    transform:translateX(-100%);
    transition:transform 500ms ease
}
.style-switcher.active{
    transform:translateX(0%)
}
.style-switcher h3{
    margin:0;
    text-transform:uppercase;
    color:var(--thm-black);
    font-size:30px;
    line-height:1;
    font-family:"Teko",sans-serif;
    margin-bottom:20px
}
.style-switcher .layout-feature,.style-switcher .language-feature{
    display:grid;
    grid-gap:10px;
    grid-template-columns:1fr 1fr;
    margin-top:30px
}
.style-switcher .layout-feature button,.style-switcher .layout-feature a,.style-switcher .language-feature button{
    border:none;
    outline:none;
    font-family:"Teko",sans-serif;
    font-size:16px;
    text-transform:uppercase;
    background-color:var(--thm-black);
    color:#fff;
    border-radius:5px
}
.style-switcher .layout-feature a:last-child,.style-switcher .layout-feature button:last-child,.style-switcher .language-feature button.rtl-switcher{
    background-color:var(--thm-base);
    color:#fff
}
#switcher-toggler{
    position:absolute;
    top:20px;
    left:100%;
    font-size:22px;
    color:#fff;
    width:40px;
    height:40px;
    background-color:var(--thm-base);
    display:flex;
    align-items:center;
    justify-content:center;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    transition:500ms
}
#switcher-toggler:hover{
    color:#fff;
    background-color:var(--thm-black)
}
#styleOptions{
    display:grid;
    grid-gap:20px;
    grid-template-columns:1fr 1fr 1fr
}
#styleOptions li{
    width:100%;
    height:44px;
    border-radius:50%;
    overflow:hidden
}
#styleOptions li a{
    display:block;
    width:100%;
    height:100%
}
#styleOptions li a.color-default{
    background-color:#ffaa17
}
#styleOptions li a.color-2{
    background-color:#70f28b
}
#styleOptions li a.color-3{
    background-color:#83dcfa
}
#styleOptions li a.color-4{
    background-color:#ff6c6c
}
#styleOptions li a.color-5{
    background-color:#73a5ff
}
#styleOptions li a.color-6{
    background-color:#fe9759
}
.skiptranslate{
    display:none!important
}
.parallax-block{
    display:flex;
    flex-direction:column;
    min-height:100vh;
    align-items:center;
    justify-content:center;
    padding-top:60px;
    padding-bottom:60px
}
.parallax-block .jarallax-img{
    filter:grayscale(100%)
}
@media (max-height:450px){
    .parallax-block{
        padding-top:120px;
        padding-bottom:120px
    }
}
.parallax-block__content h3{
    margin:0;
    text-transform:uppercase;
    font-weight:600;
    font-size:100px;
    max-width:537px;
    line-height:1;
    margin-bottom:25px
}
@media (min-width:1200px){
    .parallax-block .container{
        max-width:1200px
    }
}
.body-dark,.body-dark .page-wrapper.boxed-wrapper{
    background-color:#1c1e22
}
.body-dark .why-us-section,.body-dark .services-section-two,.body-dark .btn-style-two,.body-dark .testi-block .inner,.body-dark .error-section,.body-dark .default-form .form-group input[type="text"],.body-dark .default-form .form-group input[type="email"],.body-dark .default-form .form-group input[type="password"],.body-dark .default-form .form-group input[type="tel"],.body-dark .default-form .form-group input[type="url"],.body-dark .default-form .form-group input[type="file"],.body-dark .default-form .form-group input[type="number"],.body-dark .default-form .form-group textarea,.body-dark .default-form .form-group select,.body-dark .get-quote-two .form-box form .form-group input,.body-dark .get-quote-two .form-box form .form-group select,.body-dark .get-quote-two .form-box form .form-group textarea,.body-dark .get-quote-two .form-group .ui-selectmenu-button.ui-button,.body-dark .get-quote-section .default-form .theme-btn:hover .btn-curve,.body-dark .form-group .ui-selectmenu-button.ui-button,.body-dark .discover-section,.body-dark .services-section-three,.body-dark .features-section-two,.body-dark .get-quote-three,.body-dark .sponsors-section-two,.body-dark .contact-section,.body-dark .search-popup__form input,.body-dark .about-section{
    background-color:#1c1e22
}
.body-dark .default-form .form-group input[type="text"],.body-dark .default-form .form-group input[type="email"],.body-dark .default-form .form-group input[type="password"],.body-dark .default-form .form-group input[type="tel"],.body-dark .default-form .form-group input[type="url"],.body-dark .default-form .form-group input[type="file"],.body-dark .default-form .form-group input[type="number"],.body-dark .default-form .form-group textarea,.body-dark .form-group .ui-selectmenu-button.ui-button,.body-dark .get-quote-two .form-box form .form-group input,.body-dark .get-quote-two .form-box form .form-group select,.body-dark .get-quote-two .form-box form .form-group textarea,.body-dark .get-quote-two .form-group .ui-selectmenu-button.ui-button,.body-dark .default-form .form-group select{
    border-color:#1c1e22
}
.body-dark .contact-section .default-form .form-group input[type="text"],.body-dark .contact-section .default-form .form-group input[type="email"],.body-dark .contact-section .default-form .form-group input[type="password"],.body-dark .contact-section .default-form .form-group input[type="tel"],.body-dark .contact-section .default-form .form-group input[type="url"],.body-dark .contact-section .default-form .form-group input[type="file"],.body-dark .contact-section .default-form .form-group input[type="number"],.body-dark .contact-section .default-form .form-group textarea,.body-dark .get-quote-three .default-form .form-group input[type="text"],.body-dark .get-quote-three .default-form .form-group input[type="email"],.body-dark .get-quote-three .default-form .form-group input[type="password"],.body-dark .get-quote-three .default-form .form-group input[type="tel"],.body-dark .get-quote-three .default-form .form-group input[type="url"],.body-dark .get-quote-three .default-form .form-group input[type="file"],.body-dark .get-quote-three .default-form .form-group input[type="number"],.body-dark .comment-form.default-form .form-group input[type="text"],.body-dark .comment-form.default-form .form-group input[type="email"],.body-dark .comment-form.default-form .form-group input[type="password"],.body-dark .comment-form.default-form .form-group input[type="tel"],.body-dark .comment-form.default-form .form-group input[type="url"],.body-dark .comment-form.default-form .form-group input[type="file"],.body-dark .comment-form.default-form .form-group input[type="number"],.body-dark .comment-form.default-form .form-group textarea,.body-dark .error-form .form-group input[type="text"],.body-dark .error-form .form-group input[type="search"],.body-dark .error-form .form-group input[type="email"],.body-dark .get-quote-three .default-form .form-group textarea{
    background-color:#222429;
    border-color:#222429
}
.body-dark .why-us-section .feature:hover .inner-box::before,.body-dark .service-block-two .inner-box,.body-dark .work-tabs .tab-buttons,.body-dark .get-quote-section .form-box,.body-dark .sidebar .sidebar-widget .widget-inner,.body-dark .news-block-three .inner-box,.body-dark .contact-section .info-block .inner-box,.body-dark .about-section::before{
    background-color:#222429
}
.body-dark .project-tab .product-tab-btns .p-tab-btn.active-btn,.body-dark .sec-title h2,.body-dark .get-quote-section .counter .count-box,.body-dark .get-quote-section .featured-block h4,.body-dark .testi-block .info .name,.body-dark .we-do-section .progress-box .bar-title,.body-dark .accordion-box .block .acc-btn,.body-dark .we-do-section .sec-title h2,.body-dark .gallery-section .sec-title h2,.body-dark .news-section .sec-title h2,.body-dark .trusted-section .sec-title h2,.body-dark .trusted-section .feature h5,.body-dark .gallery-section .mixitup-gallery .filters .filter.active,.body-dark .live-section .sec-title h2,.body-dark .agency-section .sec-title h2,.body-dark .service-block-two .inner-box h5,.body-dark .team-section .sec-title h2,.body-dark .search-popup__form input,.body-dark .why-us-section .feature h6,.body-dark .featured-section .feature h6,.body-dark .get-quote-section .form-box h4,.body-dark .features-section-two .feature h5,.body-dark .work-tabs .tab-buttons .tab-btn,.body-dark .counter-block h4,.body-dark .contact-section .info-block .inner-box h5,.body-dark .counter-block .graph-outer .count-box,.body-dark .sidebar-title h4,.body-dark .call-to-section-two h2,.body-dark .error-section h2,.body-dark .service-details h3,.body-dark .service-details h4,.body-dark .project-single h5,.body-dark .post-details .lower-box h4,.body-dark .post-details .info-row strong,.body-dark .news-block-three .inner-box h4 a,.body-dark .post-control .control a,.body-dark .sidebar .recent-posts .text:hover a,.body-dark .sidebar .archives ul li:hover a,.body-dark .sidebar .popular-tags .tags-list a:hover,.body-dark .sidebar .archives ul li.active a,.body-dark .news-block-two .lower-box h4 a,.body-dark .news-block-two .lower-box .link-box a,.body-dark .comments-title h3,.body-dark .comments-area .comment-box .info .name,.body-dark .about-section .sec-title h2{
    color:#ffffff
}
.body-dark,.body-dark .contact-section .info-block .inner-box .text,.body-dark .default-form .form-group input[type="text"],.body-dark .default-form .form-group input[type="email"],.body-dark .default-form .form-group input[type="password"],.body-dark .default-form .form-group input[type="tel"],.body-dark .default-form .form-group input[type="url"],.body-dark .default-form .form-group input[type="file"],.body-dark .default-form .form-group input[type="number"],.body-dark .default-form .form-group textarea,.body-dark .default-form .form-group select,.body-dark .form-group .ui-button .ui-icon,.body-dark .get-quote-two .form-box form .form-group input,.body-dark .get-quote-two .form-box form .form-group select,.body-dark .get-quote-two .form-box form .form-group textarea,.body-dark .get-quote-two .form-group .ui-selectmenu-button.ui-button,.body-dark .form-group .ui-selectmenu-button.ui-button,.body-dark .get-quote-section .featured-block .text,.body-dark .why-us-section .feature .text,.body-dark .project-tab .product-tab-btns .p-tab-btn,.body-dark .featured-section .feature .text,.body-dark .sec-title .lower-text,.body-dark .trusted-section .feature .sub-text,.body-dark .gallery-section .mixitup-gallery .filters li,.body-dark .accordion-box .block .content .text,.body-dark .we-do-section .featured-block .text,.body-dark .trusted-section .sec-title .lower-text,.body-dark .team-section .team-block .lower-box .designation,.body-dark .trusted-section .featured-block-two .text ul li,.body-dark .agency-section .right-col .text,.body-dark .agency-section .featured-block-two .text ul li,.body-dark .news-section .news-block .lower-box .text,.body-dark .news-section .news-block .post-meta ul li,.body-dark .agency-section .default-tabs .tabs-content .text,.body-dark .service-block-two .text,.body-dark .sidebar .recent-posts .text,.body-dark .testi-block .text,.body-dark .comments-area .comment-box .text,.body-dark .features-section-two .feature .sub-text,.body-dark .sidebar .popular-tags .tags-list a,.body-dark .about-section .text-column .text p{
    color:#999b9f
}
.body-dark .about-section .text-column .text .since .txt{
    background-color:#ffffff;
    color:#222429
}
.body-dark .about-section .text-column .text .since::before{
    background-color:#fff;
    opacity:0.1
}
.body-dark .service-block-two .inner-box{
    overflow:hidden
}
.body-dark .service-block-two .inner-box h5 a{
    color:inherit
}
.body-dark .work-tabs .tab-buttons .tab-btn::before,.body-dark .testi-block:hover .inner{
    background-color:var(--thm-base)
}
.body-dark .testi-block:hover .info .name,.body-dark .work-tabs .tab-buttons .tab-btn.active-btn,.body-dark .testi-block:hover .text{
    color:var(--thm-black)
}
.body-dark .news-block-two .lower-box .link-box:hover a::before{
    border-color:#fff
}
.body-dark .live-section{
    border-color:rgba(255,255,255,0.1);
    background-color:#1c1e22
}
.body-dark .featured-section,.body-dark .call-to-section-two,.body-dark .news-section.alt-bg,.body-dark .testimonials-section,.body-dark .gallery-section-two.alternate,.body-dark .features-section-two .content-container::before,.body-dark .faqs-section,.body-dark .we-do-section{
    background-color:#222429;
    background-image:url(../images/background/we-do-section-bg-dark.jpg)
}
.body-dark .we-do-section .progress-box .bar{
    background-color:rgba(255,255,255,0.1)
}
.body-dark .accordion-box .block.active-block,.body-dark .accordion-box .block{
    background-color:#1c1e22;
    box-shadow:0px 10px 30px 0px rgba(0,0,0,0.05)
}
.body-dark .accordion-box .block .acc-btn.active{
    background-color:#1c1e22
}
.body-dark .gallery-section{
    background-color:#1c1e22
}
.body-dark .trusted-section .right-col .inner,.body-dark .trusted-section .right-col .inner::before{
    background-color:#1c1e22
}
.body-dark .trusted-section .feature:hover .count{
    background-color:#fff;
    color:#222429
}
.body-dark .get-quote-section,.body-dark .features-section-two .feature,.body-dark .get-quote-section .counter,.body-dark .post-control .inner,.body-dark .comments-area .comment-box,.body-dark .post-details .info-row,.body-dark .sponsors-section-two,.body-dark .trusted-section .feature{
    border-color:rgba(255,255,255,0.1)
}
.body-dark .news-section .news-block .lower-box h5,.body-dark .team-section .team-block .lower-box h5{
    color:#fff
}
.body-dark .news-section .news-block .lower-box h5 a,.body-dark .team-section .team-block .lower-box h5 a{
    color:inherit
}
.body-dark .team-section .owl-theme .owl-dots .owl-dot span{
    opacity:0.1
}
.body-dark .team-section .owl-theme .owl-dots .owl-dot:hover span,.body-dark .team-section .owl-theme .owl-dots .owl-dot.active span{
    background-color:transparent;
    opacity:1
}
.body-dark .sponsors-section{
    background-color:#1c1e22
}
.body-dark .agency-section{
    background-color:#222429;
    background-image:url(../images/background/we-do-section-bg-dark.jpg)
}
.body-dark .agency-section .default-tabs .tab-buttons .tab-btn span{
    color:#fff
}
.body-dark .agency-section .default-tabs .tab-buttons .tab-btn.active-btn span{
    color:#222429
}
.body-dark .news-section .news-block .post-meta ul{
    box-shadow:0px 20px 20px 0px rgba(0,0,0,0.03);
    background-color:#1c1e22
}
.body-dark .news-section .news-block .lower-box .link-box a{
    background-color:rgba(255,255,255,0.1);
    color:#222429
}
.body-dark .news-section .news-block .lower-box .link-box a:hover{
    background-color:var(--thm-base)
}
.portfolio-masonary{
    padding-bottom:100px
}
@media (min-width:1200px){
    .portfolio-masonary .container{
        max-width:1200px
    }
}
.portfolio-masonary h3{
    margin:0;
    font-size:80px;
    font-weight:300;
    color:#fff;
    line-height:1;
    letter-spacing:0.1em;
    text-transform:uppercase;
    max-width:810px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-top:210px
}
.portfolio-masonary hr{
    border-color:rgba(255,255,255,0.1);
    margin:0;
    margin-bottom:60px;
    margin-top:120px
}
.portfolio-masonary__filter-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:50px
}
.portfolio-masonary .filters{
    margin-bottom:0
}
.portfolio-masonary .filters li{
    color:#ffffff;
    font-size:20px
}
.portfolio-masonary .mixitup-gallery .filters .filter.active{
    color:#fff
}
.portfolio-masonary .filters li:first-child{
    margin-left:0
}
.portfolio-masonary .masonary-layout{
    margin-bottom:30px
}
.portfolio-masonary__box{
    margin-bottom:30px;
    overflow:hidden;
    border-radius:8px;
    position:relative
}
.portfolio-masonary__box img{
    width:100%;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    transition:500ms ease
}
.portfolio-masonary__box:hover img{
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.portfolio-masonary__more{
    text-transform:uppercase;
    font-size:18px;
    color:#fff;
    transition:all 500ms ease;
    font-weight:500;
    font-family:var(--thm-font)
}
.portfolio-masonary__more:hover{
    color:var(--thm-base)
}
.portfolio-masonary__box-content{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(var(--thm-base-rgb),0.9);
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    flex-direction:column;
    padding:60px;
    transform:translateY(30%);
    opacity:0;
    transition:transform 500ms ease,opacity 500ms ease
}
.portfolio-masonary__box:hover .portfolio-masonary__box-content{
    opacity:1;
    transform:translateY(0)
}
.portfolio-masonary__box-content p{
    margin:0;
    color:var(--thm-black);
    line-height:1;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    margin-bottom:10px;
    font-family:var(--thm-font)
}
.portfolio-masonary__box-content p::after{
    width:40px;
    height:2px;
    background-color:var(--thm-black);
    margin-left:10px;
    content:""
}
.portfolio-masonary__box-content h4{
    margin:0;
    text-transform:uppercase;
    color:var(--thm-black);
    line-height:1;
    font-size:30px;
    letter-spacing:0.1em
}
.portfolio-masonary__box-content h4 a{
    color:inherit
}
.portfolio-details-header{
    margin-top:106px;
    background-color:#fff;
    padding-top:90px;
    padding-bottom:90px;
    position:relative
}
.portfolio-details-header::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:545px;
    background-color:#f4f5f8
}
@media(min-width:1200px){
    .portfolio-details-header{
        padding-top:120px;
        padding-bottom:120px
    }
}
.portfolio-details-header__separator{
    border-width:1px;
    border-color:#e9ebee;
    min-width:1600px;
    float:left;
    margin-top:90px;
    margin-bottom:0
}
@media(min-width:1200px){
    .portfolio-details-header__separator{
        margin-top:120px
    }
}
.portfolio-details-header__title{
    margin:0;
    text-transform:uppercase;
    font-size:50px;
    color:var(--thm-black);
    margin-bottom:40px
}
.portfolio-details-header__image{
    display:inline-block;
    background-color:#222429;
    border-radius:8px;
    margin-bottom:45px
}
.portfolio-details-header__image img{
    max-width:100%;
    border-radius:8px;
    display:block;
    mix-blend-mode:luminosity
}
@media(min-width:1200px){
    .portfolio-details-header__image img{
        max-width:none
    }
}
.portfolio-details-header__sub-heading{
    margin:0;
    text-transform:uppercase;
    font-size:24px;
    color:var(--thm-black);
    line-height:1;
    margin-bottom:10px
}
.portfolio-details-header__text{
    margin:0;
    color:var(--thm-text);
    font-size:16px
}
.portfolio-details-header__list{
    margin:0;
    margin-bottom:45px
}
.portfolio-details-header__list li{
    font-size:16px;
    color:var(--thm-text)
}
.portfolio-details-header__main-text{
    margin:0;
    font-size:20px;
    list-style:none;
    font-weight:300;
    line-height:42px;
    margin-bottom:40px
}
@media(min-width:1200px){
    .portfolio-details-header__main-text{
        margin-bottom:0
    }
}
.portfolio-details-header__text+.portfolio-details-header__sub-heading{
    margin-top:40px
}
@media(min-width:1200px){
    .portfolio-details-header__main-text{
        padding-left:100px
    }
}
.portfolio-details-header__link{
    color:var(--thm-base);
    font-size:16px;
    position:relative;
    display:inline-block;
    line-height:1;
    padding-bottom:10px;
    transition:all 500ms ease;
    margin-bottom:50px
}
@media(min-width:1200px){
    .portfolio-details-header__link{
        margin-bottom:0
    }
}
.portfolio-details-header__link:hover{
    color:var(--thm-black)
}
.portfolio-details-header__link::after{
    content:'';
    width:100%;
    height:2px;
    background-color:var(--thm-base);
    position:absolute;
    bottom:0;
    left:0;
    transition:all 500ms ease
}
.portfolio-details-header__link:hover::after{
    background-color:var(--thm-black)
}
.portfolio-details-header__links a{
    color:var(--thm-text);
    font-size:16px;
    transition:all 500ms ease
}
.portfolio-details-header__links a:hover{
    color:var(--thm-base)
}
.portfolio-details-header__links a:not(:last-child)::after{
    content:','
}
.portfolio-details-info__image{
    display:inline-block;
    background-color:var(--thm-black);
    overflow:hidden;
    border-radius:8px;
    margin-bottom:30px
}
.portfolio-details-info__image img{
    mix-blend-mode:luminosity;
    border-radius:8px;
    max-width:100%
}
@media(min-width:768px){
    .portfolio-details-info__image{
        margin-bottom:0;
        display:block
    }
    .portfolio-details-info .row{
        margin-bottom:40px
    }
}
@media(min-width:1200px){
    .portfolio-details-info .row{
        margin-bottom:60px
    }
}
.portfolio-details-info__title{
    margin:0;
    text-transform:uppercase;
    color:var(--thm-black);
    font-size:40px
}
.portfolio-details-info__text{
    margin:0;
    color:var(--thm-text);
    font-size:16px;
    line-height:34px;
    margin-bottom:30px;
    max-width:470px
}
@media(min-width:768px){
    .portfolio-details-info__text{
        margin-bottom:0
    }
}
@media(min-width:1200px){
    .portfolio-details-info__title{
        font-size:50px;
        margin-bottom:35px
    }
}
.portfolio-details-video{
    margin-top:90px;
    margin-bottom:60px
}
@media(min-width:1200px){
    .portfolio-details-video{
        margin-top:120px
    }
}
.portfolio-details-video__thumbnail{
    background-color:var(--thm-black);
    overflow:hidden;
    border-radius:8px;
    position:relative
}
.portfolio-details-video img{
    mix-blend-mode:luminosity;
    max-width:100%
}
.portfolio-details-video .vid-link{
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    width:84px;
    height:84px;
    line-height:84px;
    text-align:center;
    font-size:20px;
    color:#ffffff;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.portfolio-details-video .vid-link .icon{
    position:relative;
    display:block;
    width:84px;
    height:84px;
    line-height:84px;
    text-align:center;
    font-size:20px;
    color:var(--thm-black);
    background:var(--thm-base);
    border-radius:50%;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease
}
.portfolio-details-video .vid-link a:hover .icon{
    background:#ffffff;
    color:var(--thm-base)
}
.portfolio-details-video .vid-link .icon:before{
    content:"";
    position:absolute;
    left:-8px;
    top:-8px;
    right:-8px;
    bottom:-8px;
    border:1px solid rgba(255,255,255,0.3);
    border-radius:50%
}
.portfolio-details-video .vid-link .ripple,.portfolio-details-video .vid-link .ripple:before,.portfolio-details-video .vid-link .ripple:after{
    position:absolute;
    top:50%;
    left:50%;
    width:100px;
    height:100px;
    border-radius:50%;
    -ms-border-radius:50%;
    transform:translate(-50%,-50%);
    -ms-box-shadow:0 0 0 0 rgba(255,255,255,0.6);
    -o-box-shadow:0 0 0 0 rgba(255,255,255,0.6);
    box-shadow:0 0 0 0 rgba(255,255,255,0.6);
    -webkit-animation:ripple 3s infinite;
    animation:ripple 3s infinite
}
.portfolio-details-video .vid-link .ripple:before{
    -webkit-animation-delay:0.9s;
    animation-delay:0.9s;
    content:"";
    position:absolute
}
.portfolio-details-video .vid-link .ripple:after{
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;
    content:"";
    position:absolute
}
.portfolio-details-summery{
    padding-bottom:50px
}
@media(min-width:1200px){
    .portfolio-details-summery{
        padding-bottom:80px
    }
}
.portfolio-details-summery__heading{
    margin:0;
    text-transform:uppercase;
    color:var(--thm-black);
    font-size:30px;
    line-height:1;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px
}
@media(min-width:1200px){
    .portfolio-details-summery__heading{
        padding-left:100px;
        padding-right:100px
    }
}
.portfolio-details-summery__text{
    margin:0;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:30px
}
@media(min-width:1200px){
    .portfolio-details-summery__text{
        padding-left:100px;
        padding-right:100px
    }
}
.portfolio-horizontal{
    min-height:100vh;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    padding-top:90px;
    padding-bottom:90px
}
[class*=portfolio-horizontal__shape-]{
    position:absolute;
    display:none;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:banner3Shake;
    animation-name:banner3Shake;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-duration:5s;
    animation-duration:5s;
    -webkit-animation-delay:1s;
    animation-delay:1s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
@media(min-width:992px){
    [class*=portfolio-horizontal__shape-]{
        display:block
    }
}
@keyframes banner3Shake{
    0%{
        -webkit-transform:rotate3d(0,1,0,0deg);
        transform:rotate3d(0,1,0,0deg)
    }
    30%{
        -webkit-transform:rotate3d(0,0,1,5deg);
        transform:rotate3d(0,0,1,5deg)
    }
    60%{
        -webkit-transform:rotate3d(1,0,0,0deg);
        transform:rotate3d(1,0,0,0deg)
    }
    80%{
        -webkit-transform:rotate3d(0,0,1,5deg);
        transform:rotate3d(0,0,1,5deg)
    }
    100%{
        -webkit-transform:rotate3d(0,1,0,0deg);
        transform:rotate3d(0,1,0,0deg)
    }
}
.portfolio-horizontal__shape-1{
    top:-120px;
    right:40%
}
.portfolio-horizontal__shape-2{
    left:-55px;
    bottom:-36px
}
.portfolio-horizontal__shape-3{
    right:-260px;
    bottom:-30px
}
@media(min-width:992px){
    .portfolio-horizontal{
        padding-top:120px;
        padding-bottom:110px
    }
}
.portfolio-horizontal .auto-container{
    max-width:100%;
    padding-left:30px;
    padding-right:30px
}
@media(min-width:992px){
    .portfolio-horizontal .auto-container{
        padding-left:60px;
        padding-right:60px
    }
}
@media(min-width:1200px){
    .portfolio-horizontal .auto-container{
        padding-left:100px;
        padding-right:100px
    }
}
@media(min-width:1440px){
    .portfolio-horizontal .auto-container{
        padding-left:155px;
        padding-right:155px
    }
}
.portfolio-horizontal__card__title{
    margin:0;
    color:#fff;
    font-weight:800;
    font-family:"Montserrat","Rubik";
    font-size:30px
}
.portfolio-horizontal__card__title a{
    color:inherit;
    transition:all 500ms ease
}
.portfolio-horizontal__card__title a:hover{
    color:var(--thm-black)
}
.portfolio-horizontal__category{
    margin:0;
    display:block;
    line-height:1;
    font-weight:600;
    font-size:14px;
    font-family:"Montserrat","Rubik";
    color:#fff;
    margin-bottom:15px;
    margin-top:30px
}
.portfolio-horizontal__carousel .owl-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:50px
}
.portfolio-horizontal__carousel .owl-nav .icon{
    width:41px;
    height:59px;
    background-image:url(../images/update-26-02-2021/shapes/portfolio-horizontal-arrow.png);
    background-repeat:no-repeat;
    background-position:center center;
    display:block;
    opacity:0.2;
    transition:all 500ms ease
}
@media(min-width:1200px){
    .portfolio-horizontal__carousel .owl-nav [class*=owl-]{
        position:absolute;
        top:50%;
        transform:translateY(-50%)
    }
    .portfolio-horizontal__carousel .owl-nav [class*=owl-prev]{
        right:calc(100% + 55px)
    }
    .portfolio-horizontal__carousel .owl-nav [class*=owl-next]{
        left:calc(100% + 25px)
    }
}
.portfolio-horizontal__carousel .owl-nav .icon:hover{
    opacity:1
}
.portfolio-horizontal__carousel .owl-nav .icon.nav-button-right{
    transform:rotate(180deg);
    margin-left:30px
}
.demo-purchase-btn .btn-title{
    padding-top:21.5px;
    padding-bottom:17.5px
}
.demo-purchase-btn:hover .btn-title{
    color:var(--thm-black)
}
.demo-purchase-btn:hover .btn-curve{
    background-color:#fff
}
.demo-top{
    padding-top:265px;
    padding-bottom:170px;
    background-color:#1c1e22;
    background-image:url(../images/background/home-portfolio-bg-1-1.png)
}
.demo-top .container{
    text-align:center
}
.demo-top h3{
    margin:0;
    color:#fff;
    font-size:110px;
    text-transform:uppercase;
    line-height:1;
    font-weight:600
}
.demo-top h3 span{
    color:var(--thm-base)
}
.demo-top p{
    font-size:26px;
    line-height:1.7em;
    margin:0;
    margin-top:30px;
    font-weight:400;
    color:rgba(255,255,255,0.6);
    max-width:590px;
    margin-left:auto;
    margin-right:auto;
    font-family:var(--thm-b-font);
    text-align:center
}
.demo-gallery{
    padding-top:120px;
    padding-bottom:100px
}
.demo-gallery .mixitup-gallery .filters .filter{
    color:#686a6f;
    font-size:24px
}
.demo-gallery .mixitup-gallery .filters .filter+.filter{
    margin-left:40px
}
.demo-gallery .mixitup-gallery .filters .filter.active{
    color:var(--thm-black)
}
.demo-gallery .portfolio-masonary__box-outer{
    transform:translateY(0);
    transition:transform 500ms ease;
    border-radius:8px;
    box-shadow:0px 10px 60px 0px rgba(0,0,0,0.1)
}
.demo-gallery .portfolio-masonary__box-outer:hover{
    transform:translateY(-20px)
}
.demo-gallery .portfolio-masonary__box img{
    filter:grayscale(0)
}
.demo-gallery .portfolio-masonary__box .link{
    position:absolute;
    top:60px;
    right:60px;
    width:55px;
    height:55px;
    border-radius:50%;
    font-size:18px;
    color:var(--thm-black);
    border:1px solid var(--thm-black);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    transition:all 500ms ease
}
.demo-gallery .portfolio-masonary__box .link:hover{
    background-color:#fff;
    border-color:#fff
}
.demo-features{
    background-color:#f4f5f8;
    padding-top:120px;
    padding-bottom:120px
}
.demo-features__wrapper{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    grid-row-gap:30px
}
.demo-features__box{
    text-align:center
}
.demo-features__box img{
    border-radius:8px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    box-shadow:0px 10px 60px 0px rgba(0,0,0,0.1)
}
.demo-features__box h4{
    margin:0;
    text-transform:uppercase;
    font-size:20px;
    color:var(--thm-black);
    letter-spacing:0.1em;
    margin-top:20px;
    text-align:center
}
.main-footer__demo .footer-widget h3{
    max-width:none;
    font-size:80px;
    letter-spacing:0;
    margin:0
}
.main-footer__demo .footer-widget p{
    margin:0;
    font-size:36px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    font-weight:300;
    font-family:var(--thm-font);
    margin-bottom:45px
}
.main-footer__demo .footer-widget{
    padding-bottom:110px
}
.login-wrapper{
    position:relative;
    min-height:100vh
}
.login-wrapper .login-bg{
    position:absolute;
    right:0;
    bottom:0;
    width:calc(100% - 630px);
    height:100vw;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center right
}
.login-wrapper .login-content__inner{
    width:100%;
    max-width:630px;
    padding-left:115px;
    padding-right:115px;
    background-color:#fff;
    box-shadow:9.986px -0.523px 30px 0px rgba(5,5,6,0.1);
    min-height:100vh;
    display:flex;
    flex-direction:column;
    position:relative;
    z-index:10
}
.login-wrapper form input[type="text"],.login-wrapper form input[type="email"],.login-wrapper form input[type="password"]{
    width:100%;
    border-radius:8px;
    background-color:#f4f5f8;
    height:70px;
    padding-left:30px;
    padding-right:30px;
    font-size:14px;
    color:#686a6f;
    font-weight:400;
    font-family:var(--thm-b-font);
    margin-bottom:20px
}
.login-wrapper form::placeholder{
    opacity:1;
    color:inherit
}
.login-wrapper form p{
    margin:0;
    color:#686a6f;
    line-height:2.125
}
.login-wrapper form p a{
    color:inherit
}
.login-wrapper form .theme-btn{
    width:100%;
    font-size:18px;
    letter-spacing:0.1em;
    font-weight:400;
    margin-top:15px
}
.login-wrapper .login-content__inner .copyright-text{
    margin-top:auto;
    text-align:center;
    color:#686a6f;
    margin-bottom:60px
}
.login-wrapper .logo{
    margin-top:90px;
    margin-bottom:140px
}
.login-wrapper .signup-link{
    text-transform:uppercase;
    color:#000000;
    font-weight:400;
    letter-spacing:0.1em;
    font-size:20px;
    text-align:center;
    line-height:1;
    margin-top:35px;
    font-family:var(--thm-font)
}
.login-wrapper .signup-link a{
    color:var(--thm-base);
    transition:all 500ms ease
}
.login-wrapper .signup-link a:hover{
    opacity:0.7
}
.pricing-one{
    padding-bottom:70px
}
@media(min-width:992px){
    .pricing-one{
        padding-bottom:90px
    }
}
.pricing-one [class*=col-]{
    margin-bottom:30px
}
.pricing-card{
    background-color:#f4f5f8;
    text-align:center;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    padding-top:50px;
    border-radius:8px
}
.pricing-card__bottom{
    border-radius:8px;
    background-color:#fff;
    padding-top:40px;
    padding-bottom:40px;
    box-shadow:0px 10px 30px 0px rgba(0,0,0,0.04)
}
.pricing-card__list{
    text-align:left;
    width:275px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:43px
}
.pricing-card__list li{
    position:relative;
    font-size:16px;
    color:var(--thm-text);
    padding-left:25px
}
.pricing-card__list li+li{
    margin-top:5px
}
.pricing-card__list li i{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    font-size:12px;
    color:var(--thm-base)
}
.pricing-card__list li i.unavailable{
    color:var(--thm-black)
}
.pricing-card__icon{
    width:100px;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    margin-bottom:30px
}
.pricing-card__icon::before{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:var(--thm-base);
    opacity:0.2;
    border-radius:50%;
    content:'';
    transition:all 500ms ease
}
.pricing-card:hover .pricing-card__icon::before{
    opacity:1
}
@media(min-width:992px){
    .pricing-card__icon{
        width:130px;
        height:130px
    }
}
.pricing-card__icon i{
    font-size:50px;
    position:relative;
    color:var(--thm-base);
    transition:all 500ms ease
}
.pricing-card:hover .pricing-card__icon i{
    color:var(--thm-black)
}
@media(min-width:992px){
    .pricing-card__icon i{
        font-size:64px
    }
}
.pricing-card__name{
    line-height:1;
    margin:0;
    font-size:25px;
    text-transform:uppercase;
    font-family:var(--thm-font);
    letter-spacing:.1em;
    color:#000;
    margin-bottom:2px
}
.pricing-card__amount{
    margin:0;
    line-height:1;
    font-size:45px;
    margin-bottom:20px
}
@media(min-width:992px){
    .pricing-card__amount{
        font-size:60px
    }
}
.coming-soon{
    background-color:var(--thm-black);
    background-repeat:no-repeat;
    background-size:cover;
    min-height:100vh;
    padding-top:60px;
    padding-bottom:60px;
    display:flex;
    align-items:center;
    justify-content:center
}
.coming-soon__title{
    margin:0;
    color:#fff;
    font-size:45px;
    text-transform:uppercase;
    font-weight:300;
    margin-top:40px;
    margin-bottom:20px
}
@media(min-width:992px){
    .coming-soon__title{
        font-size:60px;
        margin-top:90px;
        margin-bottom:30px
    }
}
.coming-soon__form-text,.coming-soon__text{
    margin:0;
    color:#999b9f;
    max-width:570px
}
.coming-soon__form-title{
    text-transform:uppercase;
    margin:0;
    color:#fff;
    font-size:24px;
    font-weight:500;
    margin-bottom:10px
}
.coming-soon__form{
    max-width:400px;
    width:100%;
    border-radius:8px;
    position:relative;
    margin-top:20px;
    margin-bottom:50px
}
@media(min-width:992px){
    .coming-soon__form{
        margin-bottom:35px
    }
}
.coming-soon__form input[type=text],.coming-soon__form input[type=email]{
    width:100%;
    height:70px;
    background-color:#1c1e22;
    font-size:14px;
    font-family:var(--thm-b-font);
    color:#999b9f;
    border-radius:8px;
    padding-left:30px;
    transition:all 500ms ease
}
.coming-soon__form input[type=text]:focus,.coming-soon__form input[type=email]:focus{
    box-shadow:0 0 0 1px var(--thm-base)
}
.coming-soon__form::placeholder{
    opacity:1;
    color:inherit
}
.coming-soon__form button[type=submit]{
    width:42px;
    height:42px;
    background-color:var(--thm-base);
    color:var(--thm-black);
    font-size:14px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:15px;
    border-radius:50%;
    transition:all 500ms ease
}
.coming-soon__form button[type=submit]:hover{
    background-color:#fff;
    color:var(--thm-black)
}
.coming-soon__social{
    display:flex;
    align-items:center
}
.coming-soon__social li+li{
    margin-left:10px
}
.coming-soon__social a{
    width:44px;
    height:44px;
    background-color:#1c1e22;
    color:#999b9f;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-radius:50%;
    font-size:16px;
    transition:all 500ms ease
}
.coming-soon__social a:hover{
    background-color:var(--thm-base);
    color:var(--thm-black)
}
.coming-soon__countdown{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-gap:20px;
    width:100%;
    max-width:580px;
    margin-top:30px;
    margin-bottom:35px
}
@media(min-width:992px){
    .coming-soon__countdown{
        margin-top:50px;
        margin-bottom:45px;
        grid-template-columns:repeat(4,1fr)
    }
}
.coming-soon__countdown li{
    border:1px solid var(--thm-base);
    border-radius:8px;
    text-align:center;
    font-family:var(--thm-font);
    overflow:hidden
}
.coming-soon__countdown li span{
    font-size:45px;
    display:block;
    color:#fff;
    padding-top:50px
}
@media(min-width:992px){
    .coming-soon__countdown li span{
        font-size:60px
    }
}
.coming-soon__countdown li i{
    text-transform:uppercase;
    color:var(--thm-black);
    background-color:var(--thm-base);
    display:block;
    font-size:20px;
    font-style:normal;
    line-height:40px;
    display:block;
    padding-top:5px;
    margin-top:45px
}
.shop-page{
    padding-top:100px;
    padding-bottom:85px
}
@media(max-width:992px){
    .shop-page{
        padding-top:120px;
        padding-bottom:105px
    }
}
.product-sorting{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:30px;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start
}
@media(min-width:768px){
    .product-sorting{
        flex-direction:row;
        justify-content:space-between;
        align-items:center
    }
}
.product-sorting p{
    margin:0;
    color:var(--thm-text);
    font-size:18px;
    margin-bottom:20px
}
@media(min-width:768px){
    .product-sorting p{
        margin-bottom:0
    }
}
.product-sorting .form-group{
    max-width:340px;
    width:100%
}
.product-card{
    margin-bottom:30px
}
.product-card__buttons{
    position:absolute;
    bottom:30px;
    left:0;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    visibility:hidden;
    transform:translateY(-30%);
    transition:500ms ease
}
.product-card:hover .product-card__buttons{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.product-card__buttons .btn-style-one{
    margin-right:10px
}
.product-card__buttons .btn-style-two:hover .btn-curve{
    width:101%
}
.product-card__buttons .theme-btn .btn-title{
    padding:7px 21px 3px;
    font-size:16px
}
.product-card__image{
    position:relative;
    overflow:hidden;
    border-radius:8px
}
.product-card__image>img{
    width:100%
}
.product-card__content{
    text-align:center
}
.product-card__title{
    margin:0;
    color:var(--thm-black);
    font-size:24px;
    font-weight:400;
    text-transform:uppercase;
    margin-top:25px;
    margin-bottom:5px
}
.product-card__title a{
    color:inherit;
    transition:all 500ms ease
}
.product-card__title a:hover{
    color:var(--thm-base)
}
.product-card__price{
    color:var(--thm-text);
    font-size:16px;
    line-height:1;
    margin:0;
    margin-bottom:10px
}
.product-card__stars{
    display:flex;
    justify-content:center;
    align-items:center;
    line-height:1
}
.product-card__stars i{
    font-size:14px;
    color:var(--thm-base)
}
.product-card__stars i+i{
    margin-left:5px
}
.load-more-products{
    margin-top:30px
}
.shop-search form{
    border-radius:8px;
    position:relative;
    background-color:var(--thm-base)
}
.shop-search button[type=submit]{
    position:absolute;
    top:50%;
    right:30px;
    transform:translateY(-50%);
    color:var(--thm-black);
    background-color:transparent;
    padding:0;
    width:auto;
    height:auto;
    display:flex;
    align-items:center
}
.shop-search form input[type=search],.shop-search form input[type=text]{
    width:100%;
    height:70px;
    background-color:var(--thm-base);
    border-radius:8px;
    padding-left:30px;
    padding-right:30px;
    font-size:14px;
    color:var(--thm-black);
    font-family:var(--thm-b-font)
}
.shop-search form::placeholder{
    color:inherit;
    opacity:1
}
.shop-sidebar__title{
    margin:0;
    color:var(--thm-black);
    text-transform:uppercase;
    font-size:24px;
    font-weight:400;
    margin-bottom:25px
}
.product-sidebar__price-range .noUi-horizontal{
    height:4px;
    background-color:#f4f5f8;
    border:none;
    box-shadow:none
}
.product-sidebar__price-range .noUi-handle{
    border-radius:50%;
    width:14px;
    height:14px;
    background-color:var(--thm-base);
    border:none;
    outline:none;
    box-shadow:none
}
.product-sidebar__price-range .noUi-horizontal .noUi-handle{
    right:-8px
}
.product-sidebar__price-range .noUi-handle::before,.product-sidebar__price-range .noUi-handle::after{
    display:none
}
.product-sidebar__price-range .noUi-connect{
    background-color:var(--thm-base)
}
.product-sidebar__price-range .form-group{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:0;
    margin-top:20px
}
.product-sidebar__price-range .form-group p{
    margin:0
}
.product-sidebar__price-range .form-group .left>span{
    margin-left:5px;
    margin-right:5px
}
.product-sidebar__price-range .form-group .left{
    display:flex;
    align-items:center
}
.product-sidebar__price-range .theme-btn .btn-title{
    padding:7px 21px 3px;
    font-size:16px
}
.shop-category ul{
    position:relative;
    margin-top:-15px
}
.shop-category ul li{
    position:relative;
    line-height:30px;
    font-size:16px;
    text-transform:capitalize;
    color:var(--thm-text);
    margin-bottom:15px
}
.shop-category ul li:last-child{
    margin-bottom:0
}
.shop-category ul li a{
    position:relative;
    display:block;
    line-height:30px;
    font-size:16px;
    text-transform:capitalize;
    color:var(--thm-text);
    font-weight:400;
    transition:all 0.3s ease;
    z-index:1
}
.shop-category ul li:hover a,.shop-category ul li.active a{
    color:var(--thm-black);
    font-weight:400;
    text-shadow:0 0 1px currentColor
}
.shop-category ul li a:after{
    position:absolute;
    right:0;
    top:-1px;
    font-family:"Flaticon";
    content:"\f15f";
    opacity:1;
    font-size:10px;
    line-height:30px;
    font-weight:700;
    z-index:1
}
.shop-sidebar__single{
    padding:30px;
    border:1px solid;
    border-color:rgb(233,235,238);
    margin-bottom:30px;
    border-radius:8px
}
.shop-sidebar__single.shop-search{
    border:none;
    padding:0
}
.review-form{
    padding-bottom:100px
}
@media(min-width:992px){
    .review-form{
        padding-bottom:120px
    }
}
.review-form .row{
    margin-left:-10px;
    margin-right:-10px
}
.review-form [class*=col-]{
    padding-left:10px;
    padding-right:10px
}
.review-form .form-group{
    margin-bottom:20px
}
.review-form__title{
    margin:0;
    text-transform:uppercase;
    font-size:36px;
    margin-bottom:30px;
    letter-spacing:0.01em
}
.review-form__text{
    margin:0;
    color:var(--thm-text);
    font-size:18px;
    display:flex;
    align-items:center;
    margin-bottom:15px
}
.review-form__text i{
    font-size:14px;
    color:var(--thm-base)
}
.review-form__text i:first-child{
    margin-left:10px
}
.review-form__text i+i{
    margin-left:5px
}
.review-one .comment-box .reply-btn{
    display:flex;
    align-items:center
}
@media(min-width:992px){
    .review-one .comment-box .reply-btn{
        position:absolute;
        top:0;
        right:0
    }
}
@media(min-width:992px){
    .review-one .comment-box .text{
        margin-bottom:0
    }
}
.review-one .comment-box .reply-btn i{
    font-size:14px;
    color:var(--thm-base)
}
.review-one .comment-box .reply-btn i+i{
    margin-left:5px
}
.product-description{
    padding-bottom:40px
}
.product-description__title{
    margin:0;
    font-size:36px;
    text-transform:uppercase;
    color:var(--thm-black);
    letter-spacing:0.01em;
    margin-bottom:30px
}
.product-description__text{
    margin:0
}
.product-description__text+.product-description__text{
    margin-top:30px
}
.product-details{
    padding-bottom:60px;
    padding-top:100px
}
@media(min-width:1200px){
    .product-details{
        padding-top:120px
    }
}
.product-details__buttons{
    margin-bottom:35px;
    margin-top:15px
}
.product-details__buttons .theme-btn{
    margin-right:10px;
    margin-top:5px
}
.product-details__social{
    margin-bottom:20px;
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.product-details__social span{
    font-size:24px;
    color:var(--thm-black);
    text-transform:uppercase;
    font-family:var(--thm-font);
    margin-right:20px;
    flex:0 0 100%;
    margin-bottom:10px
}
@media(min-width:1200px){
    .product-details__social span{
        margin-bottom:0;
        flex:0 0 auto
    }
}
.product-details__social a{
    display:flex;
    width:44px;
    height:44px;
    background-color:#f4f5f8;
    color:#686a6f;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:16px;
    border-radius:50%;
    transition:all 500ms ease
}
.product-details__social a+a{
    margin-left:10px
}
.product-details__social a:hover{
    color:var(--thm-black);
    background-color:var(--thm-base)
}
.product-details__quantity{
    display:flex;
    align-items:center
}
.product-details__quantity-title{
    margin:0;
    color:var(--thm-black);
    text-transform:uppercase;
    font-size:24px;
    margin-right:20px
}
.product-details__quantity .quantity-box{
    position:relative;
    width:98px;
    border-radius:8px;
    height:60px
}
.product-details__quantity .quantity-box input{
    width:98px;
    border-radius:8px;
    height:60px;
    border:1px solid #e9ebee;
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    font-family:var(--thm-b-font);
    padding-left:30px
}
.product-details__quantity .quantity-box button{
    width:29px;
    height:29px;
    background-color:transparent;
    color:var(--thm-black);
    font-size:8px;
    position:absolute;
    top:1px;
    right:1px;
    background-color:#fff;
    border-left:1px solid #e9ebee;
    border-top-right-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center
}
.product-details__quantity .quantity-box button.sub{
    bottom:1px;
    top:auto;
    border-top:1px solid #e9ebee;
    border-top-right-radius:0px;
    border-bottom-right-radius:8px
}
.product-details__reveiw{
    border-bottom:1px solid #e9ebee;
    display:flex;
    align-items:center;
    padding-bottom:20px;
    margin-bottom:20px
}
.product-details__reveiw i{
    font-size:18px;
    color:var(--thm-base)
}
.product-details__reveiw i+i{
    margin-left:5px
}
.product-details__reveiw span{
    line-height:1;
    font-size:16px;
    color:var(--thm-text);
    position:relative;
    top:2px;
    margin-left:10px
}
.product-details__title{
    font-size:45px;
    text-transform:uppercase;
    margin:0;
    margin-top:30px
}
@media(min-width:1200px){
    .product-details__title{
        margin-top:-5px;
        margin-right:10px
    }
}
.product-details__price{
    margin:0;
    color:var(--thm-base);
    font-size:20px;
    line-height:1;
    margin-bottom:20px
}
@media(min-width:1200px){
    .product-details__top{
        display:flex;
        align-items:baseline
    }
}
.cart-page{
    padding-top:100px;
    padding-bottom:100px
}
@media(min-width:992px){
    .cart-page{
        padding-top:120px;
        padding-bottom:120px
    }
}
.cart-table{
    margin-bottom:60px
}
@media(max-width:1199px){
    .cart-table{
        min-width:1170px
    }
}
.cart-table thead th{
    text-transform:uppercase;
    font-family:var(--thm-font);
    font-size:30px;
    color:var(--thm-black);
    font-weight:400;
    padding:0;
    border:none;
    padding-bottom:20px
}
.cart-table thead th:last-child{
    text-align:right
}
.cart-table .quantity-box{
    position:relative;
    width:98px;
    border-radius:8px;
    height:60px
}
.cart-table .quantity-box input{
    width:98px;
    border-radius:8px;
    height:60px;
    border:1px solid #e9ebee;
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    font-family:var(--thm-b-font);
    padding-left:30px
}
.cart-table .quantity-box button{
    width:29px;
    height:29px;
    background-color:transparent;
    color:var(--thm-black);
    font-size:8px;
    position:absolute;
    top:1px;
    right:1px;
    background-color:#fff;
    border-left:1px solid #e9ebee;
    border-top-right-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center
}
.cart-table .quantity-box button.sub{
    bottom:1px;
    top:auto;
    border-top:1px solid #e9ebee;
    border-top-right-radius:0px;
    border-bottom-right-radius:8px
}
.cart-table .product-box{
    display:flex;
    align-items:center
}
.cart-table h3{
    text-transform:uppercase;
    margin:0;
    color:var(--thm-black);
    font-size:24px;
    margin-left:30px
}
.cart-table h3 a{
    color:inherit
}
.cart-table tbody tr{
    vertical-align:middle
}
.cart-table tbody tr:last-child{
    border-bottom:1px solid #e9ebee
}
.cart-table tbody td{
    vertical-align:middle;
    border-top:1px solid #e9ebee;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:0;
    padding-right:0;
    font-size:16px;
    color:#686a6f
}
.cart-table tbody td:last-child{
    text-align:right
}
.cart-cupon__form{
    margin-bottom:30px
}
.cart-cupon__input{
    width:100%;
    max-width:370px;
    border-radius:8px;
    background-color:#f4f5f8;
    padding-left:30px;
    padding-right:30px;
    margin-right:10px;
    font-family:var(--thm-b-font);
    font-size:14px;
    color:#686a6f;
    height:65px;
    margin-bottom:20px
}
.cart-cupon__form::placeholder{
    color:inherit;
    opacity:1
}
.cart-total{
    margin-bottom:20px
}
.cart-total li{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    font-size:18px
}
.cart-total li+li{
    margin-top:10px
}
.cart-total li span:first-child{
    text-transform:uppercase;
    font-family:var(--thm-font);
    font-size:30px;
    color:var(--thm-black);
    margin-right:70px;
    display:block;
    width:133px;
    text-align:right
}
.cart-total li:nth-child(2) span:first-child{
    position:relative;
    right:6px
}
.cart-total__total{
    color:var(--thm-base);
    font-weight:500
}
.cart-page__buttons{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap
}
.cart-page__buttons .btn-style-one{
    margin-left:0px;
    margin-top:10px
}
@media(min-width:1200px){
    .cart-page__buttons .btn-style-one{
        margin-top:0;
        margin-left:10px
    }
}
.product-details__buttons .btn-style-two:hover .btn-curve,.cart-page__buttons .btn-style-two:hover .btn-curve{
    background-color:var(--thm-base)
}
.checkout-page{
    padding-top:100px;
    padding-bottom:100px
}
@media(min-width:992px){
    .checkout-page{
        padding-top:120px;
        padding-bottom:120px
    }
}
.checkout-page .default-form .row{
    margin-left:-10px;
    margin-right:-10px
}
.checkout-page .default-form [class*=col-]{
    padding-left:10px;
    padding-right:10px
}
.checkout-page .default-form .form-group{
    margin-bottom:20px
}
.checkout-page__returning{
    margin:0;
    font-size:16px;
    color:var(--thm-text);
    line-height:1.5em;
    margin-bottom:15px
}
@media(min-width:768px){
    .checkout-page__returning{
        line-height:1
    }
}
.checkout-page__returning a{
    color:var(--thm-base)
}
.checkout__title{
    text-transform:uppercase;
    margin:0;
    color:var(--thm-black);
    font-size:35px;
    font-weight:400;
    font-family:var(--thm-font);
    line-height:1;
    margin-bottom:40px
}
@media(min-width:768px){
    .checkout__title{
        font-size:45px
    }
}
@media(min-width:1200px){
    .checkout__title{
        font-size:60px
    }
}
.checkout__checkbox{
    position:relative;
    display:flex;
    align-items:center
}
.checkout__checkbox input[type=checkbox]{
    position:absolute;
    left:-999999px;
    visibility:hidden
}
.checkout__checkbox label{
    display:flex;
    align-items:center;
    cursor:pointer
}
.checkout__checkbox label::after{
    content:'';
    width:19px;
    height:19px;
    background-color:#f4f5f8;
    border-radius:50%;
    margin-left:20px;
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    font-size:10px;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center
}
.checkout__checkbox input[type=checkbox]:checked+label::after{
    background-color:var(--thm-base);
    content:'\f00c'
}
.checkout-page .default-form .field-checkbox{
    position:relative
}
.checkout-page .default-form .field-checkbox input[type=checkbox]{
    position:absolute;
    left:-999999px;
    visibility:hidden
}
.checkout-page .default-form .field-checkbox label{
    display:flex;
    align-items:center;
    font-size:16px;
    color:var(--thm-text);
    cursor:pointer
}
.checkout-page .default-form .field-checkbox label::before{
    content:'';
    width:19px;
    height:19px;
    background-color:#f4f5f8;
    border-radius:50%;
    margin-right:10px;
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    font-size:10px;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center
}
.checkout-page .default-form .field-checkbox input[type=checkbox]:checked+label::before{
    background-color:var(--thm-base);
    content:'\f00c'
}
.checkout-page .default-form textarea{
    height:150px
}
.checkout-page .default-form{
    margin-bottom:60px
}
.checkout__table{
    margin-bottom:50px
}
@media(min-width:992px){
    .checkout__table{
        margin-bottom:0
    }
}
.checkout__table thead th{
    text-transform:uppercase;
    font-family:var(--thm-font);
    color:var(--thm-black);
    font-size:30px;
    line-height:1;
    font-weight:400
}
.checkout__table th:last-child,.checkout__table td:last-child{
    text-align:right
}
.checkout__table thead{
    border-top:1px solid #e9ebee;
    border-bottom:1px solid #e9ebee
}
.checkout__table thead th,.checkout__table tbody td{
    padding:0;
    border:0
}
.checkout__table thead th{
    padding-top:30px;
    padding-bottom:23px
}
.checkout__table tbody{
    border-bottom:1px solid #e9ebee
}
.checkout__table tbody td{
    padding-top:10px;
    padding-bottom:10px;
    color:var(--thm-text)
}
.checkout__payment{
    background-color:#f4f5f8;
    border-radius:8px;
    padding:30px;
    padding-bottom:5px;
    margin-bottom:20px
}
@media(min-width:992px){
    .checkout__payment{
        padding:50px;
        padding-bottom:25px
    }
}
.checkout__payment__item+.checkout__payment__item{
    margin-top:35px
}
.checkout__payment__title{
    margin:0;
    text-transform:uppercase;
    font-size:24px;
    color:var(--thm-black);
    font-weight:400;
    display:flex;
    align-items:center;
    margin-bottom:20px;
    cursor:pointer
}
.checkout__payment__title::before{
    content:'';
    width:19px;
    height:19px;
    background-color:#fff;
    border:2px solid #e9ebee;
    border-radius:50%;
    margin-right:10px;
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    font-size:10px;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:15px;
    position:relative;
    top:-2px;
    transition:all 500ms ease
}
.checkout__payment__title img{
    margin-left:15px
}
.checkout__payment__item--active .checkout__payment__title::before{
    background-color:var(--thm-base);
    border-color:var(--thm-base);
    content:'\f00c'
}
.checkout__payment__content{
    font-size:16px;
    line-height:30px;
    color:#686a6f
}
.video-one{
    padding-top:90px;
    padding-bottom:75px
}
@media(min-width:992px){
    .video-one{
        padding-top:120px;
        padding-bottom:105px
    }
}
.video-one .video-one__image{
    position:relative;
    margin-bottom:60px
}
.video-one .video-one__image img{
    width:100%;
    filter:grayscale(100%);
    border-radius:8px
}
.video-one__content{
    text-align:center
}
@media(min-width:992px){
    .video-one__content{
        text-align:left
    }
}
.video-one__content .sec-title{
    margin-bottom:0
}
.video-one__content .sec-title h2{
    letter-spacing:-0.02em
}
@media(min-width:768px){
    .video-one__content .sec-title h2{
        max-width:500px;
        margin-left:auto;
        margin-right:auto
    }
}
.video-one__content .block-text{
    margin:0;
    font-family:var(--thm-b-font);
    font-size:16px;
    line-height:34px;
    color:var(--thm-text);
    margin-top:20px
}
@media(min-width:768px){
    .video-one__content .block-text{
        max-width:500px;
        margin-top:0;
        margin-left:auto;
        margin-right:auto
    }
}
.video-one__image .vid-link{
    background-color:var(--thm-base);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    color:var(--thm-black);
    transition:all 500ms ease;
    width:70px;
    height:70px;
    bottom:calc(50% - 35px);
    left:calc(50% - 35px);
    font-size:20px
}
@media(min-width:768px){
    .video-one__image .vid-link{
        width:107px;
        font-size:30px;
        right:100px;
        bottom:-53.5px;
        height:107px;
        left:auto
    }
}
.video-one__image .vid-link:hover{
    background-color:var(--thm-black);
    color:#ffffff
}
.video-one__image .vid-link a{
    color:inherit
}
.video-one__image .vid-link .icon{
    position:relative;
    top:3px
}
.video-one__image .vid-link::before{
    position:absolute;
    content:'';
    border-radius:50%;
    border:1px solid var(--thm-black);
    top:-13px;
    bottom:-13px;
    left:-13px;
    right:-13px;
    opacity:0.2
}
.video-one__image .vid-link .ripple,.video-one__image .vid-link .ripple:before,.video-one__image .vid-link .ripple:after{
    position:absolute;
    top:50%;
    left:50%;
    width:130px;
    height:130px;
    border-radius:50%;
    -ms-border-radius:50%;
    transform:translate(-50%,-50%);
    box-shadow:0 0 0 0 rgba(255,170,23,0.6);
    -webkit-animation:ripple 3s infinite;
    animation:ripple 3s infinite
}
.video-one__image .vid-link .ripple:before{
    -webkit-animation-delay:0.9s;
    animation-delay:0.9s;
    content:"";
    position:absolute
}
.video-one__image .vid-link .ripple:after{
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;
    content:"";
    position:absolute
}
.orderform{
}
.basicPkgForm #regForm{
    float:left;
    margin:0;
    width:100%;
    padding:40px;
    text-align:center;
    background-color:#ffffff;
    box-shadow:0 0 50px rgba(0,0,0,0.1);
    font-family:'Rubik'
}
.basicPkgForm #regForm h4{
    font-size:28px;
    margin-bottom:15px
}
.basicPkgForm input.invalid{
    background-color:#ffdddd
}
.basicPkgForm .tab{
    display:none
}
.basicPkgForm .tab h6{
    color:#414141;
    font-size:13px;
    font-weight:100;
    margin-bottom:50px;
    font-family:'Rubik'
}
.basicPkgForm .tab input[type="text"]{
    font-size:13px;
    color:#333;
    padding:15px 0;
    width:100%;
    text-indent:10px;
    margin-bottom:15px;
    border:1px solid #c5cbcf;
    transition:all .5s ease-in-out;
    font-family:'Rubik'
}
.basicPkgForm .tab input[type="text"]:focus{
    border:1px solid #f5a417;
    outline:none;
    transition:all .5s ease-in-out;
    box-shadow:0 0 10px rgba(0,0,0,0.15)
}
.basicPkgForm .tab input[type="email"]{
    font-size:13px;
    color:#333;
    padding:15px 0;
    width:100%;
    text-indent:10px;
    margin-bottom:15px;
    border:1px solid #c5cbcf;
    transition:all .5s ease-in-out;
    font-family:'Rubik'
}
.basicPkgForm .tab input[type="email"]:focus{
    border:1px solid #f5a417;
    outline:none;
    transition:all .5s ease-in-out;
    box-shadow:0 0 10px rgba(0,0,0,0.15)
}
.basicPkgForm .tab input[type="tel"]{
    font-size:13px;
    color:#333;
    padding:15px 0;
    width:100%;
    text-indent:10px;
    margin-bottom:15px;
    border:1px solid #c5cbcf;
    transition:all .5s ease-in-out;
    font-family:'Rubik'
}
.basicPkgForm .tab input[type="tel"]:focus{
    border:1px solid #f5a417;
    outline:none;
    transition:all .5s ease-in-out;
    box-shadow:0 0 10px rgba(0,0,0,0.15)
}
.basicPkgForm .tab textarea{
    font-size:13px;
    color:#333;
    padding:15px 0;
    width:100%;
    height:90px;
    text-indent:10px;
    margin-bottom:15px;
    border:1px solid #c5cbcf;
    transition:all .5s ease-in-out;
    font-family:'Rubik'
}
.basicPkgForm .tab textarea:focus{
    border:1px solid #f5a417;
    outline:none;
    transition:all .5s ease-in-out;
    box-shadow:0 0 10px rgba(0,0,0,0.15)
}
.basicPkgForm .file_upload{
    float:left;
    width:100%;
    padding:15px 0;
    font-size:13px;
    color:#7b7b7b;
    margin-bottom:15px;
    position:relative;
    text-align:left;
    text-indent:10px;
    cursor:pointer;
    border:1px solid #c5cbcf;
    transition:all .5s ease-in-out
}
.basicPkgForm .file_upload:hover{
    border:1px solid #f5a417;
    outline:none;
    transition:all .5s ease-in-out;
    box-shadow:0 0 10px rgba(0,0,0,0.15)
}
.basicPkgForm .file_upload:after{
    content:"browes";
    position:absolute;
    top:3px;
    right:3px;
    padding:9px 15px 9px 5px;
    color:#fff;
    font-size:18px;
    background:#ff4900;
    transition:all .5s ease-in-out
}
.basicPkgForm .file_upload:hover:after{
    background:#000;
    transition:all .5s ease-in-out
}
.basicPkgForm .file_upload input[type="file"]{
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    width:100%;
    padding:12px 0;
    z-index:9999
}
.basicPkgForm .file_upload input[type="file"]:focus{
    border:1px solid #f5a417;
    outline:none;
    transition:all .5s ease-in-out;
    box-shadow:0 0 10px rgba(0,0,0,0.15)
}
.basicPkgForm .logo_styles{
    float:left;
    width:100%;
    text-align:left
}
.basicPkgForm .logo_styles h6{
    font-weight:600
}
.basicPkgForm .logos_Box{
    float:left;
    width:100%
}
.basicPkgForm .logos_Box ul{
    float:left;
    width:100%
}
.basicPkgForm .logos_Box li:last-child{
    margin-right:0
}
.basicPkgForm .logos_Box li{
    margin-right:15px;
    display:inline-block;
    margin-bottom:15px
}
.basicPkgForm .logos_Box li img{
    width:85px;
    margin-left:5px
}
.basicPkgForm .submit_btns{
    margin-top:80px
}
.basicPkgForm .submit_btns button{
    color:#ffffff;
    border:none;
    padding:20px 0;
    font-size:20px;
    cursor:pointer;
    width:100%;
    background-color:#f5a417;
    transition:all .5s ease-in-out
}
.basicPkgForm .submit_btns button:hover{
    background-color:#000;
    transition:all .5s ease-in-out
}
.basicPkgForm #prevBtn{
    margin-top:5px;
    background-color:#000000
}
.basicPkgForm .steps{
    margin-bottom:10px
}
.basicPkgForm .step{
    height:8px;
    width:65px;
    margin:0 2px;
    border:none;
    opacity:0.5;
    display:inline-block;
    background-color:#a7a9ac;
    -webkit-clip-path:polygon(90% 0%,100% 50%,90% 100%,0% 100%,10% 50%,0% 0%);
    clip-path:polygon(90% 0%,100% 50%,90% 100%,0% 100%,10% 50%,0% 0%)
}
.pf-width li{
    line-height:22px
}
.basicPkgForm .step.active{
    opacity:1;
    background-color:#de6135
}
.basicPkgForm .step.finish{
    background-color:#f5a417
}
.basicPkgForm .form_txt{
    float:left;
    color:#999;
    font-size:12px;
    margin-top:15px;
    margin-bottom:25px;
    width:100%;
    display:flex;
    align-items:center
}
.basicPkgForm .form_txt label{
    text-align:left!important
}
.basicPkgForm .form_txt input[type="checkbox"]{
    float:left;
    margin-right:5px;
    margin-top:-8px
}
.basicPkgForm .form_txt a{
    color:#000;
    text-decoration:none;
    transition:all .5s ease-in-out
}
.basicPkgForm .form_txt a:hover{
    color:#f5a417;
    text-decoration:none;
    transition:all .5s ease-in-out
}
.basicPkgForm .logo_box{
    display:block;
    position:relative;
    padding-left:20px;
    margin-bottom:12px;
    cursor:pointer;
    font-size:22px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.basicPkgForm .logo_box input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.basicPkgForm .checkmark{
    position:absolute;
    top:5px;
    left:0;
    height:20px;
    width:20px;
    background-color:#252525
}
.basicPkgForm .logo_box:hover input~.checkmark{
    background-color:#252525
}
.basicPkgForm .logo_box input:checked~.checkmark{
    background-color:#252525
}
.basicPkgForm .checkmark:after{
    content:"";
    position:absolute;
    display:none
}
.basicPkgForm .logo_box input:checked~.checkmark:after{
    display:block
}
.basicPkgForm .logo_box .checkmark:after{
    left:6px;
    top:2px;
    width:5px;
    height:10px;
    border:solid white;
    border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.basicPkgForm .thankyou_box{
    padding:55px 0
}
.basicPkgForm .thankyou_box h3{
    font-size:40px;
    margin-bottom:30px
}
.basicPkgForm .thankyou_box p{
    font-size:20px;
    color:#969696;
    line-height:28px
}
.basicPkgForm{
    width:100%;
    margin-left:auto
}
.orderBox{
    padding:80px 0
}
.orderBox .row{
    align-items:center
}
.pf-width{
    width:100%
}
.pf-width li{
    line-height:22px
}
.order_heading h5{
    margin-bottom:10px
}
.order_heading h2{
    line-height:60px;
    margin-bottom:10px
}
.how-it-works{
    padding-top:90px;
    padding-bottom:60px
}
@media(min-width:992px){
    .how-it-works{
        padding-top:120px;
        padding-bottom:90px
    }
}
.how-it-works-card{
    background-color:#fff;
    border-radius:8px;
    padding:2px;
    box-shadow:0px 10px 60px 0px rgba(0,0,0,0.1);
    transition:background 500ms ease;
    margin-bottom:30px
}
.how-it-works-card:hover{
    background-color:var(--thm-base)
}
.how-it-works-card__inner{
    border-radius:8px;
    background-color:#fff;
    padding:45px 0;
    height:427px
}
.how-it-works-card__icon{
    font-size:64px;
    color:var(--thm-base);
    display:block;
    line-height:1;
    padding-top:60px;
    margin-bottom:30px
}
.how-it-works-card__title{
    margin:0;
    color:var(--thm-black);
    line-height:1;
    text-transform:uppercase;
    font-size:30px
}
.how-it-works-card__title a{
    color:inherit
}
.how-it-works-card__text{
    margin:0;
    font-size:16px;
    line-height:34px;
    color:var(--thm-text);
    max-width:241px;
    margin-left:auto;
    margin-right:auto;
    margin-top:35px;
    margin-bottom:27px
}
.how-it-works-card__link{
    text-transform:uppercase;
    text-align:center;
    color:var(--thm-black);
    font-size:16px;
    letter-spacing:0.1em;
    font-family:var(--thm-font);
    display:inline-block;
    vertical-align:middle;
    position:relative
}
.how-it-works-card__link::before{
    content:'';
    width:100%;
    height:2px;
    background-color:var(--thm-base);
    top:80%;
    left:0;
    display:block;
    position:absolute;
    transform:scale(0,1);
    transform-origin:left center;
    transition:transform 500ms ease
}
.how-it-works-card__link:hover{
    color:var(--thm-black)
}
.how-it-works-card__link:hover::before{
    transform:scale(1,1);
    transform-origin:right center
}
.history-timeline{
    padding:70px 0
}
@media(min-width:1200px){
    .history-timeline{
    }
}
.history-timeline__year{
    width:85px;
    height:85px;
    background-color:var(--thm-base);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:var(--thm-black);
    font-size:30px;
    font-family:var(--thm-font);
    border-radius:50%;
    padding-top:2px;
    margin-bottom:0px;
    position:relative;
    z-index:10
}
@media(min-width:992px){
    .history-timeline__year{
        margin-bottom:0;
        margin-right:auto;
        margin-left:auto
    }
}
@media(min-width:1200px){
    .history-timeline__year{
        width:107px;
        height:107px;
        font-size:40px
    }
}
.history-timeline__date{
    font-size:20px;
    color:var(--thm-base);
    text-transform:uppercase;
    font-family:var(--thm-font);
    margin:0;
    display:block;
    line-height:1;
    margin-bottom:10px;
    position:relative
}
@media(min-width:1200px){
    .history-timeline__date::before{
        content:'';
        width:23px;
        height:23px;
        background-color:var(--thm-base);
        border-radius:50%;
        position:absolute;
        top:0;
        left:-55px;
        transform:translateY(50%) translateX(-50%);
        z-index:10
    }
}
.history-timeline__title{
    margin:0;
    text-transform:uppercase;
    color:var(--thm-black);
    font-size:40px;
    line-height:1
}
.history-timeline__text{
    margin:0;
    color:var(--thm-text);
    font-size:16px;
    line-height:34px;
    margin-top:30px
}
.history-timeline__image{
    background-color:#222429;
    border-radius:8px;
    display:inline-block;
    margin-top:30px
}
@media(min-width:1200px){
    .history-timeline__image{
        margin-top:0
    }
}
.history-timeline__image img{
    max-width:100%;
    border-radius:8px;
    mix-blend-mode:luminosity
}
.history-timeline__card .row{
    position:relative
}
@media(min-width:1200px){
    .history-timeline__card .row{
    }
}
.history-timeline__card .row:last-child{
    padding-bottom:0
}
@media(min-width:992px){
    .history-timeline__card .row:nth-child(odd){
        flex-direction:row-reverse
    }
}
@media(min-width:992px){
    .history-timeline__card{
        position:relative
    }
    .history-timeline__card:after{
        content:'';
        width:1px;
        height:100%;
        background-color:#e9ebee;
        position:absolute;
        transform:translateX(-50%);
        top:0;
        left:50%
    }
}
.history-timeline__card{
    margin-bottom:40px
}
@media(min-width:1200px){
    .history-timeline__card{
        padding-bottom:70px;
        margin-bottom:0
    }
    .history-timeline__card:last-child{
        padding-bottom:0
    }
    .history-timeline__card .row{
        margin-left:-55px;
        margin-right:-55px
    }
    .history-timeline__card .row [class*=col-]{
        padding-left:55px;
        padding-right:55px
    }
    .history-timeline__card .row:nth-child(even) .history-timeline__info{
        text-align:right
    }
    .history-timeline__card .row:nth-child(even) .history-timeline__date::before{
        left:auto;
        right:-55px;
        transform:translateY(50%) translateX(50%)
    }
    .history-timeline__card:nth-child(even) .row:nth-child(even){
        flex-direction:row-reverse
    }
    .history-timeline__card:nth-child(even) .row{
        flex-direction:row
    }
    .history-timeline__card:nth-child(even) .row:nth-child(odd) .history-timeline__info{
        text-align:right
    }
    .history-timeline__card:nth-child(even) .row:nth-child(even) .history-timeline__info{
        text-align:left
    }
    .history-timeline__card:nth-child(even) .row:nth-child(even) .history-timeline__date::before{
        right:auto;
        left:-55px;
        transform:translateY(50%) translateX(-50%)
    }
    .history-timeline__card:nth-child(even) .row:nth-child(odd) .history-timeline__date::before{
        right:-55px;
        left:auto;
        transform:translateY(50%) translateX(50%)
    }
}
.blink{
    animation:blinker 1s step-start infinite
}
.blink{
    animation:blinker 1s step-start infinite
}
@keyframes blinker{
    50%{
        color:#fa130d
    }
}
.scrollpackg{
    text-align:left;
    height:250px;
    overflow-x:hidden;
    overflow-y:scroll
}
section.top-marq{
    background-color:#ff5959;
    color:#000;
    font-family:helvetica;
    text-transform:uppercase
}
section.top-marq div.marq{
    display:flex;
    flex-wrap:nowrap;
    white-space:nowrap;
    min-width:100%
}
section.top-marq div.marq .news-message{
    display:flex;
    flex-shrink:0;
    height:50px;
    align-items:center;
    animation:slide-left 20s linear infinite;
    margin-left:25px
}
section.top-marq div.marq .news-message p{
    font-size:16px;
    font-weight:100;
    padding-left:0.5em;
    margin:0;
    color:#fff
}
section.top-marq div.marq .news-message p strong{
    font-weight:700
}
@keyframes slide-left{
    from{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
.inner-container.clearfix.qet-qoute-inner{
    padding:50px 0 120px
}
.inner-container.clearfix p {
    color: #000;
    
}
.mixitup-gallery .filters ul.nav.nav-tabs{
    border:none
}
.mixitup-gallery .filters ul.nav.nav-tabs li{
}
.mixitup-gallery .filters ul.nav.nav-tabs li a.nav-link.active{
    border:none;
    color:#222429;
    font-weight:400;
    position:relative
}
.mixitup-gallery .filters ul.nav.nav-tabs li a{
    margin:0px 5px 10px;
    color:#686a6f;
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-size:24px;
    line-height:40px;
    padding:0px 0px;
    cursor:pointer;
    color:#222429;
    font-weight:300;
    margin:0 0px 10px 30px;
    text-transform:uppercase;
    letter-spacing:1px;
    background:none;
    font-family:var(--thm-font)
}
.mixitup-gallery .filters ul.nav.nav-tabs li a:hover{
    color:#222429;
    border-radius:0;
    border:none;
    outline:none!important
}
.mixitup-gallery .filters ul.nav.nav-tabs li a.nav-link.active:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    border-bottom:2px solid var(--thm-base);
    transform-origin:left;
    transition:all 300ms ease
}
.pricing-one .row{
    justify-content:center
}
img.main-logo {
    height: 80px;
    filter: drop-shadow(2px 4px 6px white);
}
.testimonials-section video {
        margin-bottom: 100px;
    width: auto;
    height: 350px;
    border-radius: 10px;
}

.testi-video video::-webkit-media-controls-fullscreen-button {
    display: none;
}

@media (max-width: 767px) {
    .testimonials-section video {
        width: 320px;
        height: 300px;
    }
}

.filter-list .tab-content {
    width:100%;
}